@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0; font-size:12px; font-family:Arial,"microsoft yahei"; color:#21282e; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{margin:0;padding:0;  font-family: arial, "微软雅黑", Microsoft YaHei;}
ul,li,ol{list-style:none;}
article{ display: block;}
a{text-decoration:none; color:#21282e;}
a:hover{text-decoration:none; color:#ff0000;}
.clear{clear:both;}
.clearfix:after, .clearfix:before{ display: table; content: ""; line-height: 0;}
.clearfix:after{ clear:both;}
img{border:0}

input,textarea{  font-family:"Microsoft YaHei";}
input:focus,textarea:focus{ outline:none;}

::selection{ background:#ff0000; color:#fff;}
::-moz-selection{ background:#ff0000; color:#fff;}
::-webkit-selection{ background:#ff0000; color:#fff;}

.fadeInLeft{animation: fadeInLeft 3s;}
.fadeInRight{animation: fadeInRight 3s;}
.fadeInDown{animation: fadeInDown 3s;}
.fadeInUp{animation: fadeInUp 3s;}
.flipInX{animation: flipInX 3s;}
.flipInY{animation: flipInY 3s;}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.box{ width:1200px; margin:0 auto; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;position: relative;}
.mt40{ margin-top: 40px;}
.mt70{ margin-top: 70px;}

.l {float: left;}
.r {float: right;}


/* 导航 */
.header{margin:0; height:100px; width:100%; background:#fff;}
.header .logo{float: left;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;position: relative; margin:20px 0;}
.header .logo img{width:100%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.h_r{ float:right; width:19%}
.header .tel{ float:left; margin-top: 10px;}
.header .tel img{ float: left; width: 32px; height: 32px;}
.header .tel dd{ float:left; margin-left: 10px; line-height: 32px; font-size:26px; font-family:Helvetica; font-weight: bold; font-style:italic; color:#ff0000;}

.subscribe-form {
    padding-top: 10px;
	float: left;
}

input{
	font-family: inherit;
    font-size: inherit;
    line-height: inherit;
	margin:0;
}
.subscribe-form .input-group{
	display: table;
    border-collapse: separate;
	position: relative;
	width: 229px;

}

.subscribe-form .input-group .form-control{
	color: #a2abb7;	
	font-size: 12px;
    height: 30px;
	box-shadow: none!important;
	outline: 0!important;
	border: 1px #ddd solid;
	float:left;
	width: 147px;
    padding-left: 20px;
}
.subscribe-form .btn{
	color: #fff;
    background-color: #ff0000;
	width:60px;
	height: 32px;
	line-height:32px;
    text-transform: uppercase;
	outline: 0!important;
	box-shadow: none!important;
	float:right;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 0px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.wrap h5{ font-size:15px; font-weight: normal;}







/*瀵艰埅*/				
.navbox {
	position: relative;
	height: 48px;
	z-index: 99;
	border-top:1px #e6e6e6 solid;
	border-bottom:1px #e6e6e6 solid;
}
.nav {
	font-size: 16px;
	width: 1200px;
	margin: 0 auto;
}
.nav li {
	height: 48px;
	line-height: 48px;
	float: left;
	text-align: center;
	position: relative;
	width: 171px;
}
.nav li a {
	line-height: 52px;
	color: #333;
	display: block;
	width: 100%;
	height: 100%
}
.nav li a:hover {
	background: #ff0000;
	text-decoration: none;
	transition: all 0.3s ease-out 0s;
	color:#fff;
}
.nav li .current {
	background: #ff0000;
	text-decoration: none;
	color:#fff;
}
.shownav {
	background: #ff0000;
	position: absolute;
	font-weight: normal;
	width: 100%;
	left: 0;
	display: none;
	_display: block;
	z-index: 9999;
	padding: 8px 0;

}
.nav li:hover .shownav {
	display: block;
}
.nav li .shownav a {
	line-height: 40px;
	height: auto;
	color: #fff;
	height: 40px;
}
.nav li .shownav a:hover {
	background: #c80101;
	color: #fff;
	transition: all 0.3s ease-out 0s;
}


/* banner */
.banner {width:100%;position:relative;height:550px;}
.banner .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .bd ul {width:100% !important;}
.banner .bd li {width:100% !important;height:550px;overflow:hidden;text-align:center;}
.banner .hd{ position: absolute; bottom:6%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block; zoom:1;width:14px;height:14px; background:#fff; border-radius:7px; margin:0 8px;overflow:hidden;line-height:999px;}
.banner .hd .on {background:#ff0000;}
.banner .prev, .banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;left:8%;z-index:1;width:44px;height:44px;background:url(../images/ad_ctr.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next {left:auto;right:8%;background-position:0 -44px;}

/* product */
.product{ width:100%; position: relative;}
.product .pro_top{ width:100%; text-align:center; margin:70px auto 0;}
.product .pro_top h1{background:url(../images/tb.png) center no-repeat; font-size:20px; color:#000; height:70px; line-height: 70px;}
.product .pro_top p{ margin-top: 10px; font-size: 14px; color:#666;}
.product .pro_top i{ width:48px; height:5px; background:#ff0000; margin: 20px 576px 0; float:left;}

/* 本例子css */
.pro_box{ width:100%; position:relative; }
.pro_box .parHd{ height:45px; line-height:45px; text-align: center;  position:relative; margin-top:35px;}
/*.pro_box .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;}*/
.pro_box .parHd ul li{ cursor:pointer;  display: inline-block;line-height: 43px;margin: 0 10px; color:#666; font-size:16px; border:1px #ccc solid; border-radius: 3px; width:140px; height:43px;}
.pro_box .parHd ul li.on{ height:43px; background:#ff0000; border:1px solid #ff0000; color:#fff;}
.pro_box .parBd{ margin-top: 45px;}
.pro_box .slideBox{ overflow:hidden; zoom:1; position:relative;}
.pro_box .parBd ul{ overflow:hidden; zoom:1; width:1226px; margin-left:-13px;}
.pro_box .parBd ul li{ margin:0 13px; float:left; _display:inline; overflow:hidden; text-align:center; width:280px;}
.pro_box .parBd ul li .pic{width:278px; height:208px;text-align:center; position:relative; overflow: hidden;border:1px solid #ccc;}
.pro_box .parBd ul li .pic img{ width:278px; height:208px; display:block; position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.3s ease 0s;}
.pro_box .parBd ul li:hover .pic img{transform: scaleX(1.1) scaleY(1.1);}
.pro_box .parBd ul li .title{ line-height:60px;}
.pro_box .parBd ul li .title a{ font-size: 15px; color:#000; text-align:center;}
.pro_box .parBd ul li:hover .title a{ color:#ff0000;}


/* 应用领域 */
.yyly{ width:100%; position: relative;}
.yyly .yy_top{ width:100%; text-align:center; margin:70px auto 0;}
.yyly .yy_top h1{background:url(../images/tb.png) center no-repeat; font-size:20px; color:#000; height:70px; line-height: 70px;}
.yyly .yy_top p{ margin-top: 10px; font-size: 14px; color:#666;}
.yyly .yy_top i{ width:48px; height:5px; background:#ff0000; margin: 20px 576px 0; float:left;}
.fold_wrap{width:100%;height:300px;margin:40px auto 0 auto;overflow:hidden;}
.fold_wrap li{float:left;width:20%;height:300px;position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;right:0px;top:0px; display: none;}
.fold_wrap li.active .mask_b{ display: none;}
.fold_wrap li .mask_b h4{color:#fff;width:100%;margin:0 auto;font:24px/24px Microsoft Yahei;position:relative; padding:20px 30px; background:rgba(0,0,0,.6);}
.fold_wrap li .mask_b h4 p{ font-size:14px; margin-top:20px;}
.fold_wrap li.big{width:500px;}
.i_how_n1{ top:200px;}
.pic_auto{width:100%;height:100%;}


/* 新闻资讯 */
.news{ width:100%; position: relative;}
.news .news_top{ width:100%; text-align:center; margin:70px auto 0;}
.news .news_top h1{background:url(../images/tb.png) center no-repeat; font-size:20px; color:#000; height:70px; line-height: 70px;}
.news .news_top p{ margin-top: 10px; font-size: 14px; color:#666;}
.news .news_top i{ width:48px; height:5px; background:#ff0000; margin: 20px 576px 0; float:left;}
.news .news_box{ width:100%; position:relative; margin-top: 40px;}
.news .news_box ul{ width:1239px; margin-left:-19.5px;}
.news .news_box li{ width:374px; float: left; margin:0 19.5px;}
.news .news_box li .img{ width:374px; height: 260px; position:relative; overflow: hidden;}
.news .news_box li .img img{width:374px; height: 260px; position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.3s ease 0s;}
.news .news_box li:hover .img img{transform: scaleX(1.05) scaleY(1.05);}
.news .news_box li .title{ width:344px; height:80px; background:#f5f5f5; padding: 15px;}
.news .news_box li:hover .title{ background:#ff0000;transition: all 0.3s ease 0s;}
.news .news_box li .title h1{ font-size: 16px; color:#000;}
.news .news_box li .title P{ font-size:14px; color:#666; line-height: 24px; margin-top:10px;}
.news .news_box li:hover .title h1, .news .news_box li:hover .title P{ color:#fff;}

/* foot */
.foot{ width:100%; position:relative; overflow: hidden; background:#f5f5f5;}
.foot .footer{ padding: 30px 0;border-bottom: 1px #e9e9e9 solid;}
.foot .foot_l{ float: left; width:900px;}
.foot .foot_l ul{ margin-left:-40px; width:900px;}
.foot .foot_l li{ float: left; margin:0 30px; width:120px;}
.foot .foot_l li h2{ font-size: 16px; color:#000; font-weight: normal;}
.foot .foot_l li dd{ float: left; margin-top:15px;}
.foot .foot_l li a{ float: left; width:100%; line-height: 26px; font-size:14px;}
.foot .foot_r{ float:left;width: 300px;}
.foot .foot_r h2{ font-size: 16px; color:#000; font-weight: normal;}
.foot .foot_r dd{ float: left; margin-top:15px; font-size: 14px; line-height: 26px;}
.foot .link{ width: 100%; height: 60px; line-height:60px;}
.foot .link h2{ font-size:16px; color:#000; float: left;}
.foot .link dd{ font-size: 16px; float: left; color:#000;}
.foot .link dd a{ margin:0 10px;}
.copy{ width:100%; height:50px; background:#000; line-height:50px; text-align: center; color:#fff;font-size: 14px;}
.copy a{ color:#fff; }



/* page_banner */
.bannerbox {width:100%; position:relative; overflow:hidden; height:320px;}
.page_banner{ width:1920px; /*图片宽度*/ position:absolute; left:50%; margin-left:-960px; /*图片宽度的一半*/}
.img-top-bg{background:url(../images/img-top-bg.png) repeat left top;position:absolute;left:0;top:0;display:block;_display:none;/*for ie6*/z-index:1;width:100%;height:320px;}
.pbanner-C{ position: absolute; left: 360px; top: 28%; width: 1200px; text-align: left; color: #fff; z-index:15;}
.pbanner-C article{ position: relative;}
.pbanner-C .c{ overflow: hidden;}
.pbanner-C .zh{ font-size: 30px; line-height: 1.2; font-weight: bold;}
.pbanner-C .en{ font-size: 36px; text-transform: uppercase; font-family: "Humanst521 BT";}
.pbanner-C .bot{ width: 0px; height: 4px; display: block; margin-top: 20px; background-color: #fff; opacity: 0; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C .c span{ display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C.inview .c span{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;}
.pbanner-C.inview .bot{ width: 50px; opacity: 1;}
.pageNavBox {height: 56px; position: relative;}

/* page */

/* navMenu */
.navMenubox { width: 100%;margin-top:0.2rem }
.navMenu-top { padding: 10px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1) }
.navMenu> li { display: block; margin-bottom: 4px; background:#efefef; padding: 0; border: 0px; }
.navMenu>li>a { display: block; overflow: hidden; padding-left: 0px; line-height: 50px; color: #333; transition: all .3s; position: relative; text-decoration: none; font-size: 14px;  }
.navMenu .nav-text{ padding-left:30px;}
.navMenu > li:nth-of-type(1)> a { border-top: 1px solid transparent; }
.navMenu > li:last-child > a { border-bottom: 1px solid transparent; }
.navMenu>li>a>i { font-size: 20px; float: right; font-style: normal; margin: 0 5px; }
.navMenu li a .arrow:before { display: block; float: right; margin-top: 1px; margin-right: 15px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; text-shadow: none; }
.navMenu li a .arrow.open:before { float: right; margin-top: 1px; margin-right: 15px; display: inline; font-family: FontAwesome; height: auto; font-size: 16px; content: "\f107"; font-weight: 300; text-shadow: none; }
.navMenu>li>a.active, .navMenu>li>a:hover { color: #FFF; background: #ff0000; }
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0px 0px 10px; padding-bottom: 5px; }
.navMenu>li.open .sub-menu{ display:block;}
.navMenu>li.open>a{color: #FFF; background: #ff0000;}
.navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
.navMenu>li>ul.sub-menu li>a { display: block; font-size: 14px; line-height: 40px; padding-left: 20px; color: #333; clear: both; }
.navMenu>li>ul.sub-menu li.finve>a{color: #FFF; background: #ff0000;}
.navMenu>li>ul.sub-menu li.finve>.sub-menu{ display: block;}
.navMenu>li>ul.sub-menu li.finve>.sub-menu .inve a{color: #FFF; background: #ff0000;}
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { color: #FFF; background: #ff0000; }

/* nav */
.nav_box{width: 100%;height: 100%;transition: all .3s;margin-top: 0.1rem;}
.nav_box a{display: block;overflow: hidden;padding-left: 10px;line-height: 50px;max-height: 50px;color: #ABB1B7;transition: all .3s; color: #333; }
.nav_box a span{margin-left: 20px; font-size:14px;}
.nav-item{position: relative; background:#efefef; margin-bottom:4px;}
.nav-item.select{ background:#ff0000;}
.nav-item ul{display: none;background: rgba(0,0,0,.1);}
.nav-item li{ margin-bottom:2px;}
.nav-item.nav-show ul{display: block;}
.nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 50px;background: #ff0000;opacity:0;transition: all .3s;}
.nav_box .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}
.nav-more{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}

/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.nav-more::after{content: "\e621";}
/*---------------------*/
.nav-show .nav-more{transform:rotate(90deg);}
.nav-item>a:hover{color: #FFF;background: rgba(255, 0, 0,1);;}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.nav-item li:hover a{color: #FFF;background: rgba(255, 0, 0,1);}

/* nav-mini */
.nav-mini.nav_box{width: 60px;}
.nav-mini.nav_box .nav-item>a span{display: none;}
.nav-mini.nav_box .nav-more{margin-right: -20px;}
.nav-mini.nav_box .nav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}
.nav-mini.nav_box .nav-item:hover{background:rgba(255,255,255,.1);}
.nav-mini.nav_box .nav-item:hover .nav-item a{color:#FFF;}
.nav-mini.nav_box .nav-item:hover a:before{opacity:1;}
.nav-mini.nav_box .nav-item:hover ul{display: block;}



.pageTop{width:100%; margin:0; padding:0; min-width:1200px; height:50px; border-bottom:1px solid #eee; line-height:50px; position: absolute;z-index: 999;bottom: 0;background: rgba(0,0,0,0.5);}
.pageTop .title{ line-height:24px; height:24px; font-size:18px;  margin:13px 0; color:#fff;background:url(../images/iconPageArrow.png) left center no-repeat; padding-left:32px;}
.pageTop .crumbs{ font-size:14px; color:#fff;}
.pageTop .crumbs a{ color:#fff;}
.pageTop .crumbs span{ margin:0 5px;}
.pageTop .crumbs span a{ color:#fff;}
.pageTop .crumbs span a:hover{text-decoration: underline; }

.page_box{ width: 1200px; margin:50px auto;}
.page_box .page_left{ float: left; width: 260px; background: #fff; position:relative; z-index:999;}
.page_left_title{ background:#ff0000;  width: 220px; height: 64px; padding: 50px 20px;}
.page_left_title dd{ font-size:30px; color: #fff; text-align:center;}
.page_left_title dt{font-size:16px; color: #fff; text-align:center;font-family:Arial; }
.navBox {
  height: 100%;
  overflow-y: auto;
  margin-top: 0.1rem;
}
.navBox ul li {
  background-color: #efefef;
  cursor: pointer;
  margin-bottom: 4px;
}
.navBox ul li .obtain {
	background-color: #efefef; 
}
.navBox ul li .obtain:hover {
	background-color: #ff0000;
	color:#fff;
}
.navBox ul li .obtain:hover a{
	color:#fff;
}

.navBox ul li h2.select{
	background-color: #ff0000;
	color:#fff;
}
.navBox ul li h2 {
  position: relative;
  width: 100%;
  height: 50px;
  line-height:50px;
  text-align: center;
  color: #333;
  font-size: 0.15rem;
  font-weight: normal;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: -ms-transform 0.6s ease;
}
.navBox ul li h2 a{
	display: block;
}
.navBox ul li h2 i {
  position: absolute;
  top: 50%;
  right: 0.15rem;
  border-top: 0.07rem transparent dashed;
  border-left: 0.07rem solid #333;
  border-right: 0.07rem transparent dashed;
  border-bottom: 0.07rem transparent dashed;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.6s ease;
  -moz-transition: -moz-transform 0.6s ease;
  -o-transition: -o-transform 0.6s ease;
  -ms-transition: -ms-transform 0.6s ease;
  transition: -ms-transform 0.6s ease;
  transform-origin: 4px 3px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.navBox ul li:hover h2 i {
  position: absolute;
  top: 50%;
  right: 0.15rem;
  border-top: 0.07rem transparent dashed;
  border-left: 0.07rem solid #fff;
  border-right: 0.07rem transparent dashed;
  border-bottom: 0.07rem transparent dashed;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.6s ease;
  -moz-transition: -moz-transform 0.6s ease;
  -o-transition: -o-transform 0.6s ease;
  -ms-transition: -ms-transform 0.6s ease;
  transition: -ms-transform 0.6s ease;
  transform-origin: 4px 3px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.navBox ul li h2 .arrowRot {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.navBox ul li .secondary {
  overflow: hidden;
  height: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.navBox ul li .secondary h3 {
  text-align: center;
  font-size: 0.13rem;
  line-height: 45px;
  margin-bottom:2px;
  background-color: #282c3a;
  color: #ffffff;
  font-weight: normal; 
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.navBox ul li .secondary h3 a{
  color: #ffffff;
  display: block;
}
.navBox ul li .secondary h3:hover {
  background-color: #ff0000;
}
.navBox ul li .secondary .seconFocus {
  background-color: #ff0000;
}




.page_right{ float:right; width:900px;}
.page_right .page_content{ width:100%; line-height:26px; font-size: 14px;}




/* 产品页 */
.product-box{ width: 900px;}
.product-box .product_list{ width: 930px; margin-left:-15px; }
.product-box .product_list li{ float: left; width: 280px; margin:0 15px 20px 15px; }
.product-box .product_list li .picname{width: 100%; height: 50px; line-height: 50px; text-align: center; background:#f9f9f9;font-size: 15px;}
.product-box .product_list li:hover .picname{ color:#fff;transition: all 0.4s linear 0s; background:#ff0000;}
.product-box .product_list li .picname{ font-size: 15px; display:block; }
.product_list li figure {background-color: #eee;height: 210px;display: block;line-height: normal;overflow: hidden;position: relative;}
.product_list li figure img {display: block;width: 100%;height: auto;transition: 424ms linear;}
.product_list li figure mark {position: absolute;left: 0;top: 0;box-sizing: border-box;width: 100%;height: 100%;background: rgba(0,0,0,.1);background: #ff0000\9; filter: alpha(opacity=10); z-index: 30; opacity: 0;transform: skewX(0deg);visibility: hidden;transition: 360ms;}
.product_list li figure mark b {display: block;width: 46px;height: 46px;position: absolute;left: 50%;top: 50%;margin-left: -23px;margin-top: -23px;z-index: 30;}
.product_list li figure mark b:before {content: "";width: 100%;height: 1px;background: #ff0000;position: absolute;left: 0;top: 23px;transform: translateX(-200px);-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);}
.product_list li figure mark b:after {content: "";width: 1px;height: 100%;background: #ff0000;position: absolute;left: 23px;top: 0;transform: translateY(-200px);-webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);}
.product_list li figure mark:before {content: "";width: 100%;height: 0%;border-left: 3px solid #ff0000;border-right: 3px solid #ff0000;box-sizing: border-box;position: absolute;left: 0;top: 0;transition: 320ms;}
.product_list li figure mark:after {content: "";width: 0%;height: 100%;border-top: 3px solid #ff0000;border-bottom: 3px solid #ff0000;box-sizing: border-box;position: absolute;left: 0;top: 0;transition: 320ms;}
.product_list li:hover figure mark {opacity: 1;transform: skewX(0);visibility: visible;}
.product_list li:hover figure mark:before {height: 100%;transition: 330ms 200ms;}
.product_list li:hover figure mark:after {width: 100%;transition: 330ms 200ms;}
.product_list li:hover figure img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.product_list li:hover figure mark b:before {transition: 355ms 180ms;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);}
.product_list li:hover figure mark b:after {transition: 355ms 240ms;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}
.downlist{ width: 900px; margin:0 auto;  padding:0 0; position:relative;}
.picFocus{ float:left;  width:450px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-left:30px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:87px; height:64px; border:2px solid #eee; cursor:pointer; margin-right:8px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#ff0000;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:448px; height:336px; display:block; border:1px #eee solid; }
.picFocus .prev{ position:absolute; left:0 ; bottom:24px;}
.picFocus .next{ position:absolute; right:0 ; bottom:24px;}
.floatr{ width: 410px; float: right;}
.floatr .title{ font-size: 20px; color:#333; width:100%;word-break:break-all; margin-bottom:20px; font-weight: bold;}
.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}
.floatr .table-list tr{margin-bottom: 10px; width: 100%;}
.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}
.floatr .table-list td span{ color:#333;  font-size: 14px;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#dd2328;}
.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#dd2328; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.floatr .div-bz{ font-size: 14px; margin-top:20px;}
.pro_f{ width:120px; height: 40px; background:#ff0000; text-align:center; line-height:40px; float:left; font-size: 14px; color:#fff;margin:20px 0 0;}
.left02{ width: 100%; border-top:1px #ddd solid; padding-top:30px; float: left;}
.left02 p{ font-size: 14px; line-height: 24px;}
.left02 img{max-width:100%;}
.dw{ width:146px; height: 43px; border:1px #eee solid; margin-top:30px}
.dw img{ margin: 8.5px 0 8.5px 20px; float: left;}
.dw span{ margin-left: 10px; line-height: 45px; color:#ff0000;font-size: 14px;font-weight: bold;}
.dw a{display: block;}

/*系列列表页*/
.list_products_description{ font-size:14px; line-height:22px;}
.list_products_description img{ float:right; width:160px; height:120px; margin:-15px 10px 0 20px; display:block; }
.list_products_description b{ font-size:18px; font-weight:bold;color:#333;  display:block;}
.list_products_tip{ border:1px #CCC dotted; padding:10px 0; border-left:none; border-right:none; margin:50px 0 20px 0; text-indent:3px;}
.list_products_tb{ border-bottom:2px solid #ff0000; padding-bottom:15px; padding-top: 40px; border-top: 1px #ccc dashed;}
.list_products_description p{ color:#686868}
.tg  {table-layout:fixed;border-collapse:collapse;border-spacing:0;border:1px solid #dddddd; width:900px; text-align:center}
.tg td{word-break:break-all; word-wrap: break-word;font-size:12px;padding:10px 5px;border-style:solid;border-width:1px;border-color:#dddddd;color:#444; position:relative}
.td_show{position:absolute; bottom:-1px; left:-152px; border:1px solid #dddddd; z-index:1; display:none; cursor:pointer}
.tg th{font-size:14px;font-weight: bold;padding:10px 5px;border-style:solid;border-width:1px;word-break:normal;border-color:#dddddd;color:#fff;background-color:#ff0000;}
.td_bg{background-color:#dbf1fd;}
.tg tr:hover{background:#dbf1fd;}


/* 联系方式 */
.contact-list{ background-color: #fff; position: relative;}
.contact-list .img{ float: left; display: block; width: 39%;}
.contact-list .img img{ width: 100%; display: block;}
.contact-list .con{ float: left; display: block; width: 61%;}
.contact-list .pageC{ padding: 0 45px; position: relative; z-index: 1;overflow: hidden;color: #666;}
.contact-list .pageC p{ line-height: 24px; font-size:14px;}
.contact-list .contact-ico{ background: url(../images/tq_map.png) no-repeat; position: absolute; right: 0px; bottom: 0; width: 92px; height: 88px;}
.contact-list .title{ font-size: 24px; line-height: 1.5;}
.contact-list .tel{ font-family: arial, helvetica, sans-serif; color: #d02a25; font-size: 30px; line-height: 1.5; margin-top: 20px;}

/* 企业风采和荣誉 */
.file4_pic{ position:relative; width:900px; overflow: hidden;}
.file4_pic .bd{margin-left: -4%;}
.file4_pic .bd ul{  overflow: hidden;}
.file4_pic .bd li a{ display: block;}
.file4_pic .bd li{ width: 29.33333%; margin:0px 0px 30px 4%; float: left; position: relative; cursor:pointer;}
.file4_pic .bd li img{ width:100%;max-height: 210px;top:0px; position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.file4_pic .bd li p{width:100%;top:0px; position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; line-height:45px; text-align:center; font-size:15px; background:#f9f9f9;}
.file4_pic .bd li:hover p{color:#fff;transition: all 0.4s linear 0s; background:#ff0000;}

/* 新闻资讯页面 */
.page_news_list{ width:900px; display: block; }
.page_news_list li{ width: 100%; float: left; position:relative; margin:15px 0;}
.page_news_list li:first-child{ margin-top:0;}
.page_news_list li dl{width: 240px; height: 160px; cursor:pointer; overflow:hidden; position:relative; display:inline-block; }
.page_news_list li dl .img{width: 240px; height: 160px; position:relative ; overflow: hidden;}
.page_news_list li dl .img img{width: 240px; height: 160px;position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;}
.page_news_list li:hover dl .img img{transform: scaleX(1.1) scaleY(1.1);}
.page_news_list li .newcon{ width: 70%; float:right;}
.page_news_list li .newcon .x{ border-bottom:1px #ccc dashed;}
.page_news_list li .newcon a{ float: left; font-size:16px; color:#333;line-height:38px;  display: block;width:100%;}
.page_news_list li .newcon a:hover{ color:#ff0000;}
.page_news_list li .newcon dd{ width:100%; font-size: 14px;color: #878787; margin: 18px 0;line-height: 30px;float: left;}
.page_news_list li .newcon .page_news_more{ position: absolute; bottom: 0;}
.page_news_list li .newcon .page_news_more a{ color:#333; font-size:14px; line-height: 36px; display:block;}
.page_news_list li .newcon .page_news_more a:hover{ color:#ff0000;  }

/*buildList style*/
.buildList ul{ margin-left: -2%;}
.buildList li{ float: left; display: block; width: 23%; margin:0px 0px 38px 2%; background-color: #f9f9f9; position: relative;}
.buildList .item{ padding: 10px; position: relative; }
.buildList .img{ position: relative; overflow: hidden; max-height: 162px;}
.buildList .img img{ width: 100%; display: block; transition: 600ms; max-height: 162px; -webkit-transition: 600ms; -ms-transition:600ms;}
.buildList .black{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;opacity: 0; visibility: hidden;}
.buildList .ntype{ position: absolute; left: 0px;top: 0px; padding: 2px 15px; background-color: #03622f; color: #fff; font-size: 14px;}
.buildList .t{ font-size: 16px; line-height: 1.4; color: #333; overflow: hidden; margin: 10px 0px; font-weight: bold;}
.buildList .des{ font-size:14px; color:#666; line-height:24px;  margin-bottom:10px;}
.buildList .bot{ color: #999; font-family: arial, helvetica, sans-serif;}
.ntime{ background: url(../images/new_i1.png) no-repeat scroll left center; padding:2px 0px 2px 22px; margin-right: 12px; font-size:14px;}
.nease{ background: url(../images/new_i2.png) no-repeat scroll left center; padding:2px 0px 2px 28px; font-size:14px;}
.newsList .blueBg{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0%; background-color: #00823c; transition: all 0.5s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.5s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.buildList .linkA{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block;}
.buildList li:hover .black{ opacity: 1; visibility: visible;}
.buildList li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.infoT{ border-bottom: 1px solid #ccc; padding-bottom: 32px; margin:0px 32px 30px; position: relative;}
.infoT .t{ font-size: 18px; color: #666; line-height: 1.2; margin-bottom: 14px;}
.infoT .time{ color: #999999;  font-family: "acaslonpro","times new roman",tahoma,georgia; font-size: 18px; padding-right: 180px;}
.infoT .nsharp{ float: right; display: block;}

.pageNewsT{ width:900px; margin:0 auto; font-size:16px; text-align:center; color:#222; font-weight:bold;}
.pageNewsC{ width:900px; margin:0 auto; font-size:12px; color:#999; text-align:center; padding:10px 0; border-bottom:dashed 1px #ccc;}
.pageNewsD{ width:900px; margin:0 auto; font-size:14px; color:#333; line-height:28px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}

/* fenye */
.pages1{ width:900px; margin:30px auto 0;}
.pages1_l{ float:left; width:100%; height:40px;  }
.pages1_l a{ line-height:40px; color:#666;display:block;font-size: 14px;}
.pages1_l:hover a{ color:#ff0000;}
.pages1_r{ float:left; width:100%; height:40px;}
.pages1_r a{ line-height:40px; color:#666;display:block; font-size: 14px;}
.pages1_r:hover a{ color:#ff0000;}

.pages { margin:40px 0 0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:26px; line-height:26px; background:#fff; border:1px solid #ccc;  margin-left:6px;}
.pages li a{text-align:center; color:#333; padding:0 13px;}
.pages .page-active {background:#ff0000; border:1px solid #ff0000;text-decoration:none}
.pages .page-active a{color:#fff; }
.pages li:hover { background:#ff0000; border:1px solid #ff0000; text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span { display:inline-block; height:26px; line-height:26px; border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}

#zoom {z-index:99999;position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content {z-index: 99991;position: absolute;top: 50%;left: 50%;width: 200px;height: 200px;background: #ffffff no-repeat 50% 50%;padding: 0;margin: -100px 0 0 -100px;box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);border-radius: 4px;}
#zoom .content.loading {background-image: url(../images/loading.gif);}
#zoom img {display: block;max-width: none;background: #ececec;box-shadow: 0 1px 3px rgba(0,0,0,0.25);border-radius: 4px;}
#zoom .close {z-index: 99993;position: absolute;top: 0;right: 0;width: 49px;height: 49px;cursor: pointer;background: transparent url(../images/close.png) no-repeat 50% 50%;opacity: 1;filter: alpha(opacity=100);border-radius: 0 0 0 4px;}
#zoom .previous,
#zoom .next {z-index: 99992;position: absolute;top: 50%;overflow: hidden;display: block;width: 49px;height: 49px;margin-top: -25px;}
#zoom .previous {left:20%;background: url(../images/arrows.png) no-repeat 0 0;border-radius: 0 4px 4px 0;}
#zoom .next {right: 20%;background: url(../images/arrows.png) no-repeat 100% 0;border-radius: 4px 0 0 4px;}
#zoom .close:hover {background-color: #ff0000;}
#zoom .previous:hover,
#zoom .next:hover {background-color: #ff0000;}



.preview{width:450px; height:465px; position: relative; float: left;}
/* smallImg */
.smallImg{position:relative; height:68px; margin-top:10px;  width:450px; overflow:hidden;float:left;}
.scrollbutton{width:16px; height:27px; overflow:hidden; position:relative; float:left; cursor:pointer; margin-top:20px;}
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/pro_left.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/pro_right.png) no-repeat; margin-left:434px; margin-top:-50px;}

#imageMenu {height:68px; width:390px; overflow:hidden; margin-left:16px; float:left;}
#imageMenu li {height:68px; width:91px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width: 87px; height: 64px; border: 2px solid #eee; cursor: pointer; margin-right: 8px;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{  border:2px solid #ff0000;}
/* bigImg */
.bigImg{position:relative; float:left; width:450px; height:338px; overflow:hidden;}
.bigImg #midimg{width:448px; height:336px; border: 1px #eee solid;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999; left:480px !important; top:0;}
#bigView img{position:absolute;}

#cnzz_stat_icon_1274335526{ display: none;}



.product_search{ width: 930px; margin-left:-15px; }
.product_search li{ float: left; width: 280px; margin:0 15px 20px 15px; }
.product_search li .picname{width: 100%; height: 50px; line-height: 50px; text-align: center; background:#f9f9f9;font-size: 15px;}
.product_search li:hover .picname{ color:#fff;transition: all 0.4s linear 0s; background:#ff0000;}
.product_search li .picname{ font-size: 15px; display:block; }
.product_search li figure {background-color: #eee;height: 210px;display: block;line-height: normal;overflow: hidden;position: relative;}
.product_search li figure img {display: block;width: 100%;height: auto;transition: 424ms linear;}
.product_search li figure mark {position: absolute;left: 0;top: 0;box-sizing: border-box;width: 100%;height: 100%;background: rgba(0,0,0,.1);background: #ff0000\9;filter: alpha(opacity=10);
z-index: 30;opacity: 0;transform: skewX(0deg);visibility: hidden;transition: 360ms;}
.product_search li figure mark b {display: block;width: 46px;height: 46px;position: absolute;left: 50%;top: 50%;margin-left: -23px;margin-top: -23px;z-index: 30;}
.product_search li figure mark b:before {content: "";width: 100%;height: 1px;background: #ff0000;position: absolute;left: 0;top: 23px;transform: translateX(-200px);-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);}
.product_search li figure mark b:after {content: "";width: 1px;height: 100%;background: #ff0000;position: absolute;left: 23px;top: 0;transform: translateY(-200px);-webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);}
.product_search li figure mark:before {content: "";width: 100%;height: 0%;border-left: 3px solid #ff0000;border-right: 3px solid #ff0000;box-sizing: border-box;position: absolute;left: 0;top: 0;transition: 320ms;}
.product_search li figure mark:after {content: "";width: 0%;height: 100%;border-top: 3px solid #ff0000;border-bottom: 3px solid #ff0000;box-sizing: border-box;position: absolute;left: 0;top: 0;transition: 320ms;}
.product_search li:hover figure mark {opacity: 1;transform: skewX(0);visibility: visible;}
.product_search li:hover figure mark:before {height: 100%;transition: 330ms 200ms;}
.product_search li:hover figure mark:after {width: 100%;transition: 330ms 200ms;}
.product_search li:hover figure img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.product_search li:hover figure mark b:before {transition: 355ms 180ms;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);}
.product_search li:hover figure mark b:after {transition: 355ms 240ms;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}



/*  弹窗 */
.tc{width: 620px;position: fixed;bottom:35%;left: 50%;overflow: hidden; height:366px; background: rgba(200,0,0,0.85); margin-left:-310px; z-index:9999;}
.tc .tc_c{ padding:40px;}
.tc .tc_c .tc_c1{ padding:36px 20px; border:1px #fff solid;}
#closeButton {position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;line-height:30px;overflow:hidden;cursor: pointer;display:block;color:#fff; text-align:center; font-size:22px;}
.tc .t1{font-size: 15px;color: #fff; line-height:30px;font-weight: bold; text-align:center;}
.tc .t2{font-size: 14px;color: #fff; line-height:28px; margin:20px 0;}
.tc .t3{font-size: 15px;color: #fff; line-height:28px; font-weight:bold; text-align:center;}