@charset "utf-8";
/* CSS Document */
.banner_pc{ position: relative;  }
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:30px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:15px; height:15px; display: block; background: #666; background:#FFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #e60012; cursor: default;}

.banner_ny{ margin-top:0px;}
.banner_ny img{ width:100%;}
.banner_ny .pic_er{ display:none;}
/***products  list***/
.navprot{ background:#f3f3f3; padding:1.5% 0; }
.navprot ul{}
.navprot li{ float:left; position:relative; z-index:10;  border-right:1px solid #e7e7e7;}
.navprot li:last-child{ border-right:0;}
.navprot li p{ }
.navprot li p a{ font-size:17px;padding:0 30px;}
.navprot li:hover p a{  text-decoration:none;padding:0 30px; color:#e35e2b;}
.navprot li a.current{ color:#e35e2b;}
.navprot li dl{ width:240px; line-height:40px;  background:#e35e2b; position:absolute; left:0px; top:72px; transition:all 0.3s; visibility:hidden; opacity:0;padding:10px 0;  }
.navprot li:hover dl{ visibility:visible; opacity:1;}
.navprot li dl a{ display:block;  transition:all 0.3s; color:#fff;}
.navprot li:hover dd{ margin:0 22px; border-bottom:1px solid #dfe2e3; line-height:21px; padding-left:20px; padding:8px 0; }
.navprot li:hover dd a{ display:block; font-size:13px;}
.navprot li:hover dd a:hover{ display:block; text-decoration:none;}


.dybox{ background:#fff; max-width:1200px; margin:auto;}

.nyabout{ height:auto; overflow:hidden; margin:3% auto;max-width:1200px; }

.nyabout h2{  text-transform:uppercase; font-size:1.62rem; text-align:center;}
.xinany{ width:100px; margin:0.8%  auto 3%  auto; height:2px; background:#e35e2b;}
.nyabout p{ line-height:1.8; }
.nyabout img{ max-width:100%; margin:2% auto; clear:both; display:block;}

.boximg{ width:100%; height:auto; overflow:hidden;}
.boximg ul{margin-right:-2%;}
.boximg ul li{ width:22%; float:left; margin-right:2%; margin-bottom:1%;}
.boximg ul li .pic{ width:100%; overflow:hidden; height:auto; position:relative;}
.boximg ul li .pic img{ max-width:100%;}
.boximg ul li .pic:hover img{ }
.boximg ul li p{ text-align:center; line-height:35px;}


.newsbox{ max-width:1200px; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.newsbox .newsleft,.downloads{ width:71%; float:right; height:auto; overflow:hidden;}
.newsbox .newsleft ul{}
.newsbox .newsleft ul li{ width:100%; border-bottom:1px #dadada solid; padding-bottom:5%; margin-bottom:5%;height:auto; overflow:hidden;}
.newsbox .newsleft ul li .pic{ width:30%; float:left;  overflow:hidden;}
.newsbox .newsleft ul li .pic img{ transition:all 0.3s; max-width:100%;}
.newsbox .newsleft ul li .pic:hover img{ transform:scale(1.2);}

.newsbox .newsleft ul li .con{ float:right; width:68%;}
.newsbox .newsleft ul li .con h3{ font-size:18px; line-height:20px; padding-bottom:2%;}
.newsbox .newsleft ul li .con h4{ color:#999; font-size:12px; padding-bottom:1%;}
.newsbox .newsleft ul li .con p{ color:#666; font-size:13px; line-height:1.6;}
.newsbox .newsleft ul li .con .more{font-size:12px; line-height:25px; margin-top:4%; background:#e35e2b;  color:#fff; width:80px; text-align:center; border-radius:3px;}

.newsbox .newsleft h2{ text-align:center; font-size:1.75rem; color:#481d63;}
.newsbox .newsleft .bt{ text-align:center; font-size:12px; color:#999; border-bottom:1px #eee solid; padding:1% 0 3% 0;}
.newsbox .newsleft .ccon{ line-height:2; padding:3% 0;}
.newsbox .newsleft .ccon img{ max-width:100%; display:block; clear: both; margin:2% auto;}
.newsbox .newsleft .ccon p{ padding-bottom:2em; color:#555;}
.newsbox .newsleft .abpage{  max-width:1000px;height:auto; overflow:hidden; margin:4% auto 2% auto; border-top:1px #ddd solid; padding-top:3%; color:#777;}
.newsbox .newsleft .abpage ul{margin-right:-5%;}
.newsbox .newsleft .abpage ul li{ width:45%; line-height:22px; float:left; margin-right:5%; text-align:left; border:0;}
.newsbox .newsleft .abpage ul li:nth-child(2){ text-align:right;}
.newsbox .newsleft .abpage ul li a{ color:#333;}
.newsbox .newsleft .abpage ul li a:hover{ color:#e35e2b;}


.newsbox .newsright{ width:22%; float:left; height:auto; overflow:hidden;}
.newsbox .newsright .bt{ text-align:center; line-height:60px; font-size:24px; background:#e35e2b; color:#fff;}

.newsbox .newsright ul{ padding:4% 0 12% 0;}
.newsbox .newsright ul li{ border-bottom:1px #ddd solid; line-height:3.5;}
.newsbox .newsright ul li a{ font-size:1.15rem; display:block;}
.newsbox .newsright ul li i{ float:right; }

.newsbox .newsright dl{ border-bottom:1px #eee solid; padding-bottom:5%; margin:5% 0 0 ;}
.newsbox .newsright dl dt{ width:40%; float:left;}
.newsbox .newsright dl dt img{ max-width:100%;}
.newsbox .newsright dl dd{ width:55%; float:right;}

/**分页**/
.pages{text-align:center;font-size:16px;margin:20px auto 50px auto; width:100%;}
.pages .pagination{border-radius:0px;}
.pages a{display:inline-block;width:43px;height:43px;text-align:center;line-height:43px;font-size:16px;color:#888;border:1px solid #d2d2d2;margin-left:10px;}
.pages a:hover,.pages a.on{border:1px solid #e35e2b;background:#e35e2b;color:#fff;}


.servicesbox{ max-width:1000px; height:auto; overflow: hidden; margin:3% auto;}
.servicesbox .dlbox{ height:auto; overflow: hidden;}
.servicesbox .dlbox dl{ width:33.333%; float:left; text-align:center; }
.servicesbox .dlbox dl dt{ width:100%;}
.servicesbox .dlbox dl dt i{ width:100px; height:100px; font-size:55px;border-radius:100px; border:1px #dfdfdf solid; display:block; margin:auto; line-height:100px;}
.servicesbox dl dd{ padding:10%;}.servicesbox dl dd h2{ font-size:18px;}.servicesbox dl dd p{ color:#999;}
.xcob{ margin:3% 0; padding-bottom:3%; line-height:1.8; height:auto; overflow:hidden;}

.xcob table{ border-collapse:collapse; border: 1px #ccc solid !important;}
.xcob table td{word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;}
.xcob table h6{line-height:30px !important;}


.productbox{ max-width:1200px; margin:0 auto 3% auto; height:auto; overflow:hidden;}
.pro-list{overflow:hidden;width:100%;margin-left:-3%;}
.pro-list li{float:left;width:30.33%;padding-left:3%;margin-bottom:2.5em;}
.pro-list li .pl-box{display:block;padding:1.25em 0 0;text-align:center;border:1px solid #dcdcdc;position:relative;}

.pl-box .pl-block{ width:90%; margin:auto; padding:0.6875em 0;text-align:left;margin-top:0.625em;}
.pl-block h2{font-size:1.05em;font-weight:normal;}
.pl-block p{font-size:0.675em;color:#666666;line-height:1.7143em;padding-bottom:1.2587em;border-bottom:1px dotted #bbbbbb;margin:2px 0 4px;height:5.2143em;}
.pl-block .btn.btn-more{width:auto;border:0px;color:#888888;}
.pl-block .btn.btn-more span{background:url(../images/icon/icon-go2-3.png) no-repeat right center;background-size:1em auto;}

.com-img{ display:block; width:90%; overflow:hidden; margin:auto;}
.com-img img{ transition:all 0.8s ease-in 0s; -webkit-transition:all 0.8s ease-in 0s; -moz-transition:all 0.8s ease-in 0s; -o-transition:all 0.8s ease-in 0s; max-width:100%;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
.nybox{overflow:hidden; background:#f4f4f4; }
.mbxdh{ padding:1.2% 0; font-size:0.8rem;max-width:1200px;margin:auto; height:auto;}

.pro-list li .pl-box:hover{border-color:#c30d23;}

.prostww{ max-width:1200px; margin:3% auto 2% auto; text-align:center; height:auto; overflow:hidden;}
.prostww a{ padding:10px 15px; background:#00a2e9; color:#fff; margin-right:2%; line-height:40px; border-radius:100px;}
.prostww a.cltu,.prostww a:hover{background:#c30d23; }

.product_con{ padding-top:3%; border-top:1px #eee solid;}
.product_con_t{max-width:1200px; height:auto; margin:auto;}
.product_con_t .t_r{ float:right; width:45%;}
.product_con_t .t_r .bt{ font-size:22px; border-bottom:1px solid #f3f3f3; padding:10px 0;}
.product_con_t .t_r .bt_2{ font-size:20px; color:#e60012; margin-top:10px;}
.product_con_t .t_r .box{ margin-top:3%; line-height:30px; background:#FFF; padding:3%; font-size:14px;   box-shadow: 0 2px 10px #d7d7d7;}
.product_con_t .t_r .box h3{ font-size:20px; margin-bottom:3%;}
.product_con_t .t_r .more{ width:180px; height:45px; line-height:45px; text-align:center;  background:#c30d23; border-radius:30px; margin-top:5%; float:left; margin-right:5%;}
.product_con_t .t_r .more a{ display:block; color:#FFF; font-size:16px;}
.product_con_t .t_r .more a:hover{ display:block; color:#FFF; text-decoration:none;}

.product_con_t .t_r .mores{ width:180px; height:45px; line-height:45px; text-align:center;  background:#0084d7; border-radius:30px; margin-top:5%; float:left; margin-right:5%;}
.product_con_t .t_r .mores a{ display:block; color:#FFF; font-size:16px;}
.product_con_t .t_r .mores a:hover{ display:block; color:#FFF; text-decoration:none;}

.product_con_b{ max-width:1200px; margin:5% auto 0 auto; }
.product_con_b .bt{ font-size:36px; font-weight:bold; margin-bottom:40px;}
.product_con_b .slideTxtBox{ width:100%;}
.product_con_b .slideTxtBox .hd{ line-height:50px; border-bottom:1px solid #eee;}
.product_con_b .slideTxtBox .hd ul{}
.product_con_b .slideTxtBox .hd ul li{ float:left; padding:0 20px; cursor:pointer; background:#dadada; font-size:18px; margin-right:1px;}
.product_con_b .slideTxtBox .hd ul li.on{ height:50px;  background:#e60012; color:#FFF;}
.product_con_b .slideTxtBox .bd{}
.product_con_b .slideTxtBox .bd .con_b_con{ padding:3% 0; line-height:24px; text-align:justify;}
.product_con_b .slideTxtBox .bd .con_b_con img{ max-width:100%; display:block; margin:2% auto; clear:both;}

.product_con_b .slideTxtBox .bd table{ border-collapse:collapse; border: 1px #ccc solid !important; line-height:30px !important;}
.product_con_b .slideTxtBox .bd table td{ padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:30px !important;}
.product_con_b .slideTxtBox .bd table h6{line-height:30px !important;}

.protj{ max-width:1200px; margin:3% auto; border-top:1px #eee solid; padding:3% 0 0; }
.protj h2{height:45px; font-size:22px;}
.protj ul{margin-right:-2%;}
.protj ul li{ width:23%; float:left; margin-right:2%;}
.protj ul li .pic{ width:100%; overflow:hidden;}
.protj ul li .pic img{max-width:100%; transition:all 0.3s;}
.protj ul li .pic:hover img{ transform:scale(1.2);}
.protj ul li p{ text-align:center; padding:2% 0;}


/* jobscss */
.sideMenu{max-width:1080px; height:auto; overflow:hidden; margin:50px auto; }
.sideMenu h3{ height:45px; line-height:45px; padding-left:10px;  border-bottom:1px solid #e5e5e5;  cursor:pointer;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 20px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 25px; color:#999; display:none; line-height:35px; /* 默认都隐藏 */ }

<!--客服开始-->
#kefu1 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: 50px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+50 : document.body.scrollTop +50);
}

#kefu1{position:fixed; right:0px; top:185px; z-index:10008; width: 132px; padding: 10px; background: #fff; border: 1px solid #ddd; box-shadow: 1px 1px 1px #d4d4d4; font-size: 12px;}
.cs_tel{height:25px; background: url('../images/img.gif?v=1') no-repeat 0px 0px;}
.cs_tel_ct{color: #666; line-height: 150%; height:auto;}
.cs_tel_num{color: #c00; font-size: 18px; font-family: Arial,Verdana; font-style: italic; font-weight: bold; display: block; padding: 5px 0px;}

.cs_online{height:30px; background: url('../images/img.gif?v=1') no-repeat 0px -50px;}
.cs_online_qq{height: 25px;}
.cs_online_qq a:link, .cs_online_qq a:active, .cs_online_qq a:visited, .cs_online_qq a:hover{text-decoration: none; color: #666;}

.cs_qcode{padding: 10px 0px 0px 0px;}

.cs_free{height:32px; background: url('../images/img.gif?v=1') no-repeat 0px -100px;}
.cs_free a{display: block; height: 32px;}
.cs_free a span{display: none;}

.cs_baidu{height:32px; background: url('../images/img.gif?v=1') no-repeat 0px -200px; border-bottom: 1px dashed #c0c0c0;}
.cs_baidu a{display: block; height: 32px;}
.cs_baidu a span{display: none;}

.cs_spr{border-bottom: 1px dashed #c0c0c0; margin: 8px 0px;}
.cs_space{clear:both; overflow:hidden; height:8px;}
.cs_close{position: absolute; right: 5px; top: 5px; width: 12px; height: 12px; background: url('../images/img.gif?v=1') no-repeat 0px -150px;}
.cs_close a{display: block; height: 10px;}
.cs_close a span{display: none;}
<!--客服结束-->

.download{ width:100%; height:auto; overflow:hidden;}
.download ul{}
.download ul li{ line-height:55px; border-bottom:1px #e5e5e5 solid; background:url(../images/nbrbodynewr3a.png) no-repeat left center; padding-left:1%; width:97%;}
.download ul li span{ color:#999; font-size:12px; float:right;}
.download ul li i{ float:right; }.download ul li i img{ margin-top:68%; display:block; }