@charset "utf-8";
@import url(format.css);
/* 公共样式 */
.w_1000{ width:1000px; margin:0 auto; height:auto; }
/* header */
.header{width:100%; height:100px;}
.header_w{ width:1000px; margin:0 auto; height:100px; position:relative;}
.header_w .logo{ width:400px; height:100px;position:absolute; left:0; top:0;}
.header_w .tel{ width:240px; height:21px;position:absolute; top:40px;left:520px; }
.header_w .tel em{ float:left; color:#666666; font-size:18px; font-weight:bold; font-family:'微软雅黑'; line-height:21px; }

.wrap { float:left; height:21px; line-height:21px;color:#FF0004; font-size:16px;font-weight:bold; font-family:arial; display:inline-block;}
.ball {-webkit-animation: ball 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;animation: ball 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;}
.n_1 .ball{ -webkit-animation-delay: -50ms; animation-delay: -50ms; }
.n_2 .ball{ -webkit-animation-delay: 50ms; animation-delay: 50ms; }
.n_3 .ball{ -webkit-animation-delay: 100ms; animation-delay: 100ms; }
.n_4 .ball{ -webkit-animation-delay: 150ms; animation-delay: 150ms; }
.n_5 .ball { -webkit-animation-delay: 200ms; animation-delay: 200ms; }
.n_6 .ball{ -webkit-animation-delay: 250ms; animation-delay: 250ms; }
.n_7 .ball{ -webkit-animation-delay: 300ms; animation-delay: 300ms; }
.n_8 .ball{ -webkit-animation-delay: 350ms; animation-delay: 350ms; }
.n_9 .ball{ -webkit-animation-delay: 400ms; animation-delay: 400ms; }
.n_10 .ball{ -webkit-animation-delay: 450ms; animation-delay: 450ms; }
.n_11 .ball{ -webkit-animation-delay: 500ms; animation-delay: 500ms; }
.n_12 .ball{ -webkit-animation-delay: 550ms; animation-delay: 550ms; }
.n_13 .ball{ -webkit-animation-delay: 600ms; animation-delay: 600ms; }
.n_14 .ball{ -webkit-animation-delay: 650ms; animation-delay: 650ms; }
.n_15 .ball{ -webkit-animation-delay: 700ms; animation-delay: 700ms; }
@-webkit-keyframes ball {
	0% {
		-webkit-transform: translateY( 0 );
		transform: translateY( 0 );
	}
	100% {
		-webkit-transform: translateY( -10px );
		transform: translateY( -10px );
	}
}

@keyframes ball {
	0% {
		-webkit-transform: translateY( 0 );
		transform: translateY( 0 );
	}
	100% {
		-webkit-transform: translateY( -10px );
		transform: translateY( -10px );
	}
}

@-webkit-keyframes shadow {
	0% {
		opacity: 0.2;
		-webkit-transform: scale( 0.75 );
		transform: scale( 0.75 );
	}
	100% {
		opacity: 0.05;
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
}

@keyframes shadow {
	0% {
		opacity: 0.2;
		-webkit-transform: scale( 0.75 );
		transform: scale( 0.75 );
	}
	100% {
		opacity: 0.05;
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
}

.top_l{ height:24px; width:200px; position:absolute; right:0; top:38px;  color:#666666;}
.top_l li.fore4{ width:200px; height:24px;position:relative; }
.top_l li.fore4 em{ width:180px;line-height:24px;height:24px;}
.top_l li.fore4 i{ border:#cccccc 1px solid; height:22px; width:80px; display:inline-block; background:url(../images/E.png) 4px  3px no-repeat; text-indent:24px; line-height:22px;}
.top_l li.fore4 b {background:url(../images/top_s1.png) no-repeat;height: 4px;right: 13px;top: 10px;cursor: pointer;width: 7px; position:absolute;
-webkit-transition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;transition: transform 0.2s ease-in 0s;}
.top_l li.fore4:hover b{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.top_l li.fore4 .children{display:none; position:absolute; top:23px; z-index:10; background:#FFF; border:#cccccc 1px solid; border-top:none; position:absolute; left:113px; width:80px;}
.top_l li.fore4 .children div{width:80px; height:22px;}
.top_l li.fore4 .children div a{width:80px;overflow:hidden;display:block;color: #666; height:22px; line-height:22px; background:url(../images/C.png) 4px  3px no-repeat; text-indent:25px;}
.top_l li.fore4 .children div a:hover{text-decoration:underline;color:#3085c0;}
/* 主导航 */
.menu{ height:40px; width:100%; background:#0068b7;}
.nav{ position:relative;width:1000px;height:40px;line-height:40px;z-index:1; margin:0 auto; }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;   }
.nav .nLi h3 a{ display:block; width:auto; padding:0px 22px; height:40px;font-size:14px;font-weight:100; text-align:center; }
.nav .sub{ display:none; width:150px; left:0px; top:40px;  position:absolute;text-align:center;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; width:150px; height:40px; font-size:10px; line-height:40px; background:#00a0e9;border-top:1px solid #ffffff;  }
.nav .sub a:hover{ background:#0068b7; color:#fff; }
.nav .on h3 a{  background:#00a0e9; color:#ffffff;   }

/* banner */
.banner{ height:600px;}
.slideBox{ width:100%; height:600px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden;  text-align:center;z-index:1;  bottom: 15px;left: 0; margin: 0;position: absolute; width: 100%;z-index: 100; }
.slideBox .hd ul{ overflow:hidden; zoom:1; }
.slideBox .hd ul li{  background:#cccccc; display: inline-block;height: 5px; margin: 0 6px; width: 20px; cursor:pointer; }
.slideBox .hd ul li.on{ background:#00a0e9; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;width:100%; height:600px; display:block; }
.slideBox .bd img{   }
/* 下面是前/后按钮代码，如果不需要删除即可 
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }*/

/* 产品分类 */
.zs_box{ width:1000px; margin:0 auto;}
.i_menu{ height:60px; background:url(../images/i_nav_bg.png) no-repeat; width:1000px; text-align:center; margin:70px auto 60px;}
.i_menu h2{ line-height:60px; font-size:30px; font-weight:500;}
.picScroll-left{ width:1000px;  position:relative; height:260px; }
.picScroll-left .hd{ overflow:hidden; width:100%;  height:40px; width:100%;text-align:center;position:absolute; bottom:0;left: 0; margin: 0;  }
.picScroll-left .prev{ display:block; width:27px; height:80px; background:url(../images/l_02.png) no-repeat;position:absolute; top:35px; left: -30px; z-index:9999;cursor:pointer;}
.picScroll-left .next{ display:block; width:27px; height:80px; background:url(../images/r_02.png) no-repeat;position:absolute; top:35px;right: -30px; z-index:9999;cursor:pointer;}
.picScroll-left .prevStop{ background:url(../images/l_01.png) no-repeat; }
.picScroll-left .nextStop{ background:url(../images/r_01.png) no-repeat; }
.picScroll-left .hd ul{ zoom:1;}
.picScroll-left .hd ul li{ display: inline-block; width:20px; height:5px; overflow:hidden; margin: 0 6px; cursor:pointer; background:#cccccc;text-indent:-999px;  }
.picScroll-left .hd ul li.on{ background:#00a0e9;}
.picScroll-left .bd{ padding:0px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 25px; float:left; _display:inline; overflow:hidden; text-align:center;  }


.main_box{position:relative;overflow:hidden;width:150px; margin:0 auto;cursor:pointer; text-align:center;/* Important parameters of style end */}
.main_box > img{display:block;z-index:10; width:150px; height:150px;}
.main_box > a{text-decoration:none;}
.overlayRubTop{position:absolute;overflow:hidden;z-index:20;margin:0;border:0 none;background:#000;}
.overlayRubBottom{position:absolute;overflow:hidden;z-index:20;margin:0;border:0 none;background:#000;}
.user_style10{ width:150px; height:150px; border-radius:50%;}
.user_style10 .r_board{display:none;position:absolute;z-index:40;height:34px; width:104px;color:#fff;font-size:14px;}
.user_style10 .r_board a{ width:100px; height:30px; display:block; text-align:center; line-height:30px; color:#ffffff; border:2px #FFFFFF solid;  border-radius:15px;}
.user_style10 .r_board a:hover{ background:#00a0e9; color:#FFFFFF;}


.column{ width:1000px; height:225px;}
.column_l{ float:left; width:60%; margin-right:5%;height:225px;}
.column_l p{ color:#666666; font-size:16px; padding:20px 20px 20px 40px; text-indent:2em;}
.column_l p a.ls{ color:#00a0e9;}
.module-full-screen-more2{ padding-left:70px;}
.module-full-screen-more2 a {display: inline-block;line-height: 40px;padding: 0 30px;transition: all 0.5s ease 0s; margin-right:20px; background:#00a0e9; font-size:16px; color:#ffffff;}
.column_r{ float:right; width:35%;height:225px;}

.news_i{ height:400px; margin-top:34px;}
.news_i_l{ width:300px; float:left; padding-left:16px;}
.news_i_z{ width:300px; float:left; padding-left:33px;}
.news_i_r{ width:300px; float:left; padding-left:33px;}
.news_i_l h2{ height:43px; border-bottom:#cccccc 1px solid; line-height:43px;}
.news_i_l h2 a{ font-size:18px; color:#333333; font-family:'微软雅黑'; position:relative; display:block; text-indent:34px;}
.news_i_l h2 a i{width: 25px;height: 25px;background:#00a0e9; display:inline-block;position:absolute; top:8px; left:0;}

.news_i_z h2{ height:43px; border-bottom:#cccccc 1px solid; line-height:43px;}
.news_i_z h2 a{ font-size:18px; color:#333333; font-family:'微软雅黑'; position:relative; display:block; text-indent:34px;}
.news_i_z h2 a i{ width:25px; height:25px; background:#008fd0; display:inline-block; position:absolute; top:8px; left:0;}

.news_i_r h2{ height:43px; border-bottom:#cccccc 1px solid; line-height:43px;}
.news_i_r h2 a{ font-size:18px; color:#333333; font-family:'微软雅黑'; position:relative; display:block; text-indent:34px;}
.news_i_r h2 a i{ width:25px; height:25px; background:#0068b7; display:inline-block; position:absolute; top:8px; left:0;}


.news_box1{width:300px;font:normal 12px/30px "宋体"; margin-top:10px;}
.news_box1 ul{vertical-align:middle; overflow:hidden; margin-top:5px;  }
.news_box1 li { float:left; width:300px; display:block; }
.news_box1 li a { color:#333333;  display:block;}
.news_box1 li a i{ width:8px; height:8px; display:inline-block; background:#00a0e9;border-radius:50%; margin:0 5px;}
.news_box1 li a:hover{color: #00a0e9;text-decoration:none;}
.news_box1 li a:hover i{}

.news_box2{width:300px;font:normal 12px/30px "宋体"; margin-top:10px;}
.news_box2 ul{vertical-align:middle; overflow:hidden; margin-top:5px;  }
.news_box2 li { float:left; width:300px; display:block; }
.news_box2 li a { color:#333333;  display:block;}
.news_box2 li a i{ width:8px; height:8px; display:inline-block; background:#008fd0;border-radius:50%; margin:0 5px;}
.news_box2 li a:hover{color: #008fd0;text-decoration:none;}
.news_box2 li a:hover i{}

.news_box3{width:300px;font:normal 12px/30px "宋体"; margin-top:10px;}
.news_box3 ul{vertical-align:middle; overflow:hidden; margin-top:5px;  }
.news_box3 li { float:left; width:300px; display:block; }
.news_box3 li a { color:#333333;  display:block;}
.news_box3 li a i{ width:8px; height:8px; display:inline-block; background:#0068b7;border-radius:50%; margin:0 5px;}
.news_box3 li a:hover{color: #0068b7;text-decoration:none;}
.news_box3 li a:hover i{}

.news_i_l h2 a .tooltip-item,.news_i_z h2 a .tooltip-item ,.news_i_r h2 a .tooltip-item{
	border-radius: 50%;
	-webkit-animation: pulse 0.6s infinite alternate;
	animation: pulse 0.6s infinite alternate; 
}
.news_box1 li a:hover i,.news_box2 li a:hover i,.news_box3 li a:hover i{
	-webkit-animation: pulse 0.6s infinite alternate;
	animation: pulse 0.6s infinite alternate; 
}

@-webkit-keyframes pulse {
	from { -webkit-transform: scale3d(0.5,0.5,1); }
	to { -webkit-transform: scale3d(1,1,1); }
}

@keyframes pulse {
	from { -webkit-transform: scale3d(0.5,0.5,1); transform: scale3d(0.5,0.5,1); }
	to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}


.link_info{ width:100%;padding-bottom:30px; border-top:1px solid #cccccc;}
.link_box{ width:1000px; min-height:240px; margin:0 auto;}
.link_box1{ width:16.666%; min-height:240px; float:left; text-align:center;}
.link_box h2{ height:32px; line-height:32px; padding-top:16px; font-size:18px; color:#333333;}
.link_box ul li{ width:100%; float:left;  line-height:30px; display:block; }
.link_box ul li a{ color:#666666; font-size:14px;}
.link_box ul li a:hover{text-decoration:underline; color:#3085c0;}


.footer{ min-height:60px; width:100%; background:#dddddd; padding:15px 0;}
.yqlj{ width:1000px; min-height:30px; margin:0 auto;}
.hzhb_info_r{ color:#666666;}
.hzhb_info_r a{ padding:0 7px; color:#666666;line-height:30px; }
.hzhb_info_r a:hover{ color:#666666;text-decoration:underline;}
.copy{width:1000px; margin:0 auto; overflow:hidden; line-height:30px; color:#666666;}


.ys_bt{ position:absolute; top:55px; left:0px;}
.ys_01{position:absolute; top:149px; left:0px;}
.ys_02{position:absolute; bottom:274px; right:0px;}
.ys_03{position:absolute; bottom:53px; left:164px;}
.flyMe { -webkit-animation: flyMe 1s ease; -moz-animation: flyMe 1s ease; animation: flyMe 1s ease; }
@-webkit-keyframes flyMe {
 0% {
-webkit-transform:translate(-40%, 40%);
opacity:0;
}
 100% {
-webkit-transform:translate(0, 0);
opacity:1;
}
}
@-moz-keyframes flyMe {
 0% {
-moz-transform:translate(-40%, 40%);
opacity:0;
}
 100% {
-moz-transform:translate(0, 0);
opacity:1;
}
}
@keyframes flyMe {
 0% {
transform:translate(-40%, 40%);
opacity:0;
}
 100% {
transform:translate(0, 0);
opacity:1;
}
}

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}


.cpzx_banner{ width:1000%; height:300px;}
.page_cont{ width:1000px; margin:0 auto; height:auto;}
.menu_nav{  width:1000px; height:40px; margin:20px auto 0; color:#666666; font-family:'微软雅黑'; font-size:14px; border-bottom:1px solid #cccccc; }
.menu_nav a{ line-height:40px;color:#666666; font-size:14px; padding-left:3px;}
.menu_nav a:hover{text-decoration:underline;}

.page_box{ width:1000px; margin-top:10px; height:auto; padding-bottom:60px;}
.page_box_l{ width:200px; float:left;  margin-right:19px;}
.page_box_r{ width:781px; float:left;}

.ad_lxfs{ width:200px; height:120px; position:relative; background:url(../images/nav_z_bg.png) no-repeat;}
.tel_ad{font-family:'Arial'; font-size:16px; color:#FFFFFF; font-weight:bold; position:absolute; right:20px; top:25px;}
.ad_lxfs a{ position:absolute; display:block; color:#FFFFFF; bottom:10px; right:10px;}
.nav_l{}
.nav_l li{ width:200px; height:50px; margin-bottom:5px;}
.nav_l li a{ display:block;width:200px; height:50px; background:#0068b7; border-top-right-radius:25px;border-bottom-right-radius:25px; line-height:50px; font-size:14px; color:#FFFFFF;font-family:'宋体'; position:relative;}
.nav_l li a i{ width:12px; height:12px; display:inline-block; background:#ffffff;border-radius:50%; margin:0 10px 0 20px;-moz-transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
transition:all .3s ease-in;}
.nav_l li a em{ position:absolute; width:5px; height:12px; right:10px; top:19px; z-index:99; background:url(../images/sj_bg.png) no-repeat; display:none;}
.nav_l li a:hover,.nav_l li a.on{background:#00a0e9;}
.nav_l li a:hover i,.nav_l li a.on i{margin:0 10px 0 40px;}
.nav_l li a:hover em,.nav_l li a.on em{ display:block;}
.nav_l li a:hover i,.nav_l li a.on i{
	-webkit-animation: pulse 0.6s infinite alternate;
	animation: pulse 0.6s infinite alternate; 
}
@-webkit-keyframes STAR-MOVE {
	from {
		background-position:0% 0%
	}
	to { 
		background-position:  0% 600%
	}
}
 @keyframes STAR-MOVE {
	from {
		background-position: 0% 0%
	}
	to { 
		background-position:  0% 600%
	}
}
.wall{ width:90px; height:50px; position:absolute; right:0; top:0px;border-top-right-radius:25px;border-bottom-right-radius:25px;}
div#foreground{
	background:url(../images/nav_bg3.png) repeat 0% 20%;
	z-index: 2;
	-webkit-animation: STAR-MOVE  100s linear infinite;
	-moz-animation: STAR-MOVE  100s linear infinite;
	-ms-animation: STAR-MOVE  100s linear infinite;
	animation: STAR-MOVE  100s linear infinite;
}

/* product */
a.proxj{ width:239px; height:178px; display:block; position:relative; overflow:hidden;}
a.proxj span{ display:block; position:absolute; bottom:-40px; left:0px; width:239px; text-align:center; height:40px; line-height:40px; background:#000000; color:#fff;}
.product{width:238px;padding:11px;position:relative;float:left;}
.product img{display:block;position:relative;cursor:pointer;}
.product:hover .product-hover, .product:active .product-hover{opacity:1;}
.product-hover{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	-webkit-transition:opacity 0.7s ease;
	-moz-transition:opacity 0.7s ease;
	transition:opacity 0.7s ease;
	background-size:30px 30px;
	background-image:-webkit-linear-gradient(45deg, rgba(0,104,183,1.00) 25%, transparent 25%, transparent 50%, rgba(0,104,183,1.00) 50%, rgba(0,104,183,1.00) 75%, transparent 75%, transparent);
	background-image:-moz-linear-gradient(45deg, rgba(0,104,183,1.00) 25%, transparent 25%, transparent 50%, rgba(0,104,183,1.00) 50%, rgba(0,104,183,1.00) 75%, transparent 75%, transparent);
	background-image:linear-gradient(45deg, rgba(0,104,183,1.00) 25%, transparent 25%, transparent 50%, rgba(0,104,183,1.00) 50%, rgba(0,104,183,1.00) 75%, transparent 75%, transparent);
	-webkit-animation:barberpole 0.7s linear infinite;
	-moz-animation:barberpole 0.7s linear infinite;
	animation:barberpole 0.7s linear infinite;
}
@-webkit-keyframes barberpole{
	from{
		background-position:0 0;
	}
	to{
		background-position:60px 30px;
	}
}

@-moz-keyframes barberpole{
	from{
		background-position:0 0;
	}
	to{
		background-position:60px 30px;
	}
}

@keyframes barberpole{
	from{
		background-position:0 0;
	}
	to{
		background-position:60px 30px;
	}
}

/* 分页 & 面包屑
------------------------------------------------------------------------------------------ */
.pagination { margin:30px 0 20px; clear:both; font-size:14px;text-align:center; }
.pagination span, .pagination a { display:inline-block; padding:0 12px; height:30px; line-height:30px; margin:0 2px; *zoom:1; color:#464236; }
.pagination a:hover { background:#00a0e9; color:#ffffff; text-decoration:none; }
.pagination a:active { color:#808080; }
.pagination .disabled { cursor:default; color:#ccc;}
.pagination .current { background:#00a0e9; color:#fff;}
.pagination-right { text-align:right; }
.pagination-left  { text-align:left; }

.news_list li{border-bottom: 1px solid #e1e1e1;}
.miblebox {margin-bottom: 10px; margin-top:10px;overflow: hidden;width: 100%;}
.miblebox a:hover .list-entry .row01 .col02 h2{ color:#0068b7;-moz-transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
transition:all .3s ease-in;}
.list-entry {position: relative;}
.list-entry .row01 {display: -moz-box;display:-webkit-box; /* Safari and Chrome */display:box;position: relative;width: 100%; line-height:24px;}
.list-entry .row01 .col01 { min-width: 30px;display:block; text-align:center;}
.list-entry .row01 .col02 {color: #666666;-moz-box-flex:1;-webkit-box-flex:1;display:block;font-size: 12px;font-family:'宋体'; font-weight: normal;vertical-align: top;}
.list-entry .row01 .col02 h2{ color:#333333; font-size:18px;font-family:'微软雅黑';}
.list-entry .row01 .col02 em{ color:#666666; font-size:12px;font-family:'宋体';}

.article-detail{ margin:10px 0;}
.article-detail .article-title { text-align:center;}
.article-detail .article-title h1 { font-size:18px; line-height:1.5; font-weight:normal; font-family:'微软雅黑'; }
.article-detail .entry-meta { text-align:center; margin-bottom:10px; line-height:30px;  font-size:12px; border-bottom:1px dotted #ccc; }
.article-detail .entry-meta span { margin:0 10px; color: #999;}
.article-detail .article-content { margin-top:0px;}
.qhd-content{ padding:0 20px; font-size:14px;line-height: 1.8;}
.box_more{ height:60px; line-height:60px;}
.box_more_l{ width:50%; float:left;}
.box_more_r{ width:50%; float:left; text-align:right;}
.box_more a:hover{ color:#0068b7;}


.img_qyry_box{ width:781px; height:auto; margin:0 auto;}
.img_qyry_box ul{ margin-top:15px;}
.img_qyry_box ul li{ float:left; width:50%; height:260px; }
.img_qyry_box .ts_list{ width:350px; margin:0 auto;}
.img_qyry_box ul li .pic{ width:350px; height:220px; background:#e5e5e5;}
.img_qyry_box ul li .pic img{ width:350px; height:220px;  }
.img_qyry_box ul li .title{ text-align:center; width:350px; height:40px; line-height:40px; overflow:hidden; margin:0 auto;color:#000000;}


.w-990{ width:990px; margin:0 auto;}
.item_p{ width:330px; float:left; text-align:center;}	
.prod-content h3{font-size:14px; font-family:'微软雅黑';color:#666666; line-height:30px;font-weight: normal; border-bottom:1px solid #aaaaaa; width:80px; margin:0 auto;}
.prod-content p{font-size:18px; font-family:'微软雅黑';color:#333333;font-weight: normal; line-height:40px;}
.page_p_map{background:#FFF; margin-bottom:60px;border-bottom:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.page_p_map iframe{ border:none;}


.bd_form form {border: 2px dashed #ccc;margin: 20px auto;padding: 20px;width: 500px;}
form .item {margin-bottom: 20px;width: 100%;}
form .item label {float: left;height: 28px; line-height:28px;text-align: right;width: 4em; font-size:14px;}
form .item .WellText { float:left; width:430px;border:2px solid #ccc;font-family: arial;height: 18px; border-radius:5px; padding:5px;}
form .item .WellTex{float:left; width:430px;border:2px solid #ccc;font-family: arial;height: 100px; border-radius:5px; padding:5px;}
form .item .submit{ width:150px; background:#00a0e9; height:35px; line-height:35px;border-radius:5px; color:#FFFFFF; font-size:16px; margin:0 auto;cursor:pointer;}