/*-- header --*/
html,body {
	font:normal 12px "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif;
	background:#f5f5f5;
	font-size:100%;

}
body  a{
	transition:.5s all;
	-webkit-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
body  div{
}
/** 清楚浮动 **/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
textarea, input{resize:none}
a, textarea, input, button{outline:none}
.clear { clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
ul,li{margin:0; list-style: none; padding:0;}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 14px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url("../images/up-arrow.png") no-repeat 0px 0px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- header --*/
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fr{float:right!important;}
.head-warp{background:#f3f3f3;}
.header{width:1200px; margin:auto; overflow:hidden;padding:30px 0; position: relative; }
.logo{width:324px; height:49px;float:left; }
.head_right{display: inline-block;float:right;}
.swarchBnt{width:40px; background: url("../images/s.png") no-repeat center center; background-color: #fff;border-radius: 20px; }
.not_border{border-radius:20px; height:40px;border-right:0px solid #007aff!important;}
.mm{width:40px;height:40px;float:right; background: url("../images/mm.png") no-repeat center center; background-size: contain; margin-left: 20px;}
.nvabox{width:100%; height:50px; border-bottom:1px solid #727172; border-top:1px solid #727172;float:left;  }
.nvabox ul{width:1200px; margin: auto; display:block; list-style:none; padding:0; }
.nvabox ul li{float:left; line-height: 50px; position: relative; }
.nvabox ul li > a{color:#333; font-size:16px; padding:0 30px; line-height:50px; display: inline-block;float:left; border-left:1px solid #727172 }
.nvabox ul li > a.en{border:1px solid #005bac;border-radius: 20px; line-height: 30px; font-size:14px; margin-top: 8px; margin-left:20px;}
.nvabox ul li > a:hover{ background: #005bac; color:#fff; text-decoration: none;}
.nvabox ul li > a.active{ background: #005bac; color:#fff; text-decoration: none;}


.nvabox ul li > a strong{display: block; }
.nvabox ul li > a span{display: block; font-size:12px; color:#999999;}
.nvabox ul li:hover div{display: block;}
.nvabox ul li:hover > a{background:#005bac; color:#fff; }
.nvabox ul li > div{width:100%; position: absolute; z-index: 1000000000; left:0; top:48px; background: #727172; display: none; }
.nvabox ul li > div > a{font-size:16px;display:block;color:#fff; border-bottom: 1px solid #fff; line-height: 40px; text-align: center}
.nvabox ul li > div > a:hover{font-size:16px;color:#fff; background: #005bac; line-height: 40px; text-decoration: none;}
/**-----
	content
-------**/
.web-warp{width:1200px; margin:30px  auto; background: #fff; overflow: hidden}
.product-warp{width:100%;}
.product-left{width:50%;float:left;}
.productLeftTop{width:100%;float:left;}
.productLeftTop img{width:100%;}
.productLeftBottom{width:100%;float:left;}
.productLeftBottomLeft{width:50%;float:left;}
.productLeftBottomLeft :hover{ background: #f5f5f5;}
.productLeftBottomLeftTow{width:100%; height:224px;float:left; position: relative; border-bottom: 1px solid #e5e5e5}
.productLeftBottomLeftTow :hover{ background: #f5f5f5; border-left: 1px solid #e5e5e5}
.productH2{width:100%; text-align: left; text-indent: 20px;margin:0; position: absolute; z-index: 10;left:0; top:18px;}
.productH2 a{font-size:17px; color:#333; display: inline-block;float:left;}
.productH2 a:hover{font-size:17px; color:#005bac; display: inline-block;float:left;}
.productH2 i{width:15px; height:15px; display: block;float:left; background: url("../images/sub_icons.png") no-repeat; background-size: contain; margin: 2px 0 0 5px;}
.productH2 strong{font-size:18px;color:#333; font-weight: normal}
.productLeftBottomLeftTow img{width:100%;}
.product_height{height:448px; border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; position: relative; line-height: 448px; text-align: center}
.product_height img{width:80%}
.productRight{width:100%;  border-bottom: 1px solid #e5e5e5; position: relative; text-align: right}
.productRight:hover{ background: #f5f5f5; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.productRightBorder{height:350px; line-height: 320px;border-left:1px solid #e5e5e5; padding-right: 20px;}
.productRightBorder img{width:60%;}
.product_Move{ display: block;width:100%; color:#fff; line-height: 50px; background: #005bac; text-align: center;font-size:18px;}
/*信息中心*/
.information-warp{width:100%; overflow: hidden; background: #727172; padding-bottom: 25px;}
.info{width:1200px; margin: auto;}
.info h2{width:100%;}
.info h2 strong{float:left; border-top:4px solid #005bac; line-height: 40px; font-size:26px;color:#ffffff; font-weight: normal;}
.info h2 span{float:left; font-size:20px;color:#abaaaa; margin:16px 0 0 10px;}
.cooperation{width:100%; margin-top: 10px; overflow: hidden;}
.cooperation .bd ul{ width:100%;  float:left;  }
.cooperation .bd li{width:50%;  float:left; font-size:14px; }
.cooperation .bd li:nth-child(2) div.infoblock{ margin-right: 0;}
.cooperation .bd li div.infoblock{ padding:10px; overflow: hidden; margin-right: 20px; background: #fff;}
.cooperation .bd li div.infoblock img{ border: 1px solid #EEEEEE;-webkit-box-shadow:0 0px 5px #ECECEC;   -moz-box-shadow:0 0px 5px #ECECEC;box-shadow:0 0px 5px #ECECEC; float:left; width:33%; margin-top:12px;}
.block_right{width:340px;float:left; margin-left: 20px;}
.block_right h3{margin:0; padding:0; font-size:15px; color:#333333; font-weight:600;}
.block_right .date{font-size:14px;color:#999; margin-top: 5px;}
.block_right .con{height:63px;font-size:14px; color:#666666}
.block_right .blockmove{background: #005bac; color:#fff; font-size:14px; padding:2px 5px;}
.cooperation .hd{ height:25px;  overflow:hidden; text-align:left;  padding:0 10px;  margin-bottom: 10px;}
.cooperation .hd ul{display: none; float:right; text-indent: -999px; margin-top: 5px;   }
.cooperation .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden;
	-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;
}
.cooperation .hd .on{ background:#d41720;  }
.cooperation .prev,.cooperation .next{ display:block; float:right;  width:25px; height:25px; background:url(../images/s_Icon.png) 0px 0px no-repeat; overflow:hidden; border-radius: 100%;   }
.cooperation .next{ background-position:-27px 0px; margin:0 10px; }
.cooperation .prevStop{ background-position:0px -32px; }
.cooperation .nextStop{ background-position:-27px -32px; }
	/*-------  footer  ----------*/
.footer{ background:#333333; overflow: hidden; }
.footer1{ background:#333333; overflow: hidden; display: none;}
.footer-warp{width:1200px; overflow: hidden; margin: auto;}
.footer-warp ul{}
.footer-warp ul li{width:50%;float:left;}
.footerDl{width:15%;float:left; margin-top: 25px;}
.footerDl dt{width:50%;height:2px; background: #007aff; line-height: 0; }
.footerDl dd{width:100%;}
.footerDl dd a{ display: block; line-height: 30px; font-size:15px;color:#ffffff;}
.footerD2{width:20%;float:left; margin-top: 25px;}
.footerD2 dt{width:50%;height:2px; background: #007aff; line-height: 0; }
.footerD2 dd{width:100%;}
.footerD2 dd a{ display: block; line-height: 30px; font-size:15px;color:#ffffff;}

.footer_right{text-align: right; width:20%;}
.footer_right div.footerWx{text-align: right; margin-top: 30px; margin-right:20px;}
.footer_right div.footerWx span{font-size:14px;color:#fff; margin-right: 10px;}
.footerBan{width:1200px; margin: auto; font-size:15px;color:#fff;}
 #toTop{bottom: 70px!important;}
/**---
		page
---**/
.page{width:100%; text-align:center; margin-top:40px;}
.page ul{ display:inline-block; list-style:none}
.page ul li{float:left; margin:0 4px;}
.page ul li a{ background:#dedede; padding:.2rem 0.4rem;}
.page ul li a:hover{ background-color:#337ab7;color:#ffffff; text-decoration:none;}
.page ul li a.on{ background-color:#337ab7;color:#ffffff; text-decoration:none;}
/*-- responsive-design --*/
/**--
	banner
---**/
.banner{width:100%;height:518px; margin:auto; overflow:hidden;}
.bannerimg{ background: url("../images/banner.jpg") no-repeat center top; background-size:contain}
.bannerimg1{ background: url("../images/banner2.jpg") no-repeat center top; background-size:contain}
.bannerimg2{ background: url("../images/banner3.jpg") no-repeat center top; background-size:contain}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {
	background-position: center;
	background-size: cover;
}
/***
	list
***/
.mian{width:100%;float:left; font-size:16px; color:#666666}
.mian span{color:#1fac2a}
.list{width:100%; margin-top:30px;}
.list ul{margin:0; padding:0; list-style:none}
.list ul li{width:24%;margin:0.5% ; padding:0; list-style:none;float:Left;}
.list ul li img{border:1px solid #e8e4e3;width:100%;}
.list ul li h3{font-size:18px; font-weight:normal; text-align:center}
.listH2{ line-height:70px;}
.boxBcg{width:100%; height:100%;  background: rgba(0,0,0,0.5); position: fixed; z-index: 10; left:0;top:0; display: none; transition: 1s;}
.i_nav{ height:40px; display: none;}
.i_nav strong{float:left; line-height: 40px; margin-left: 20px;}
.i_nav span{float:left;display: block; position: relative; width:30px; height:30px; background: url("../images/Category.png") center center; background-size: contain; margin: 5px 20px 0 20px;}
.nav_layer{width:80%; -height:100%; background: #F9F9F9; position: absolute; z-index: 1000; left:-120%; top:0; transition: 1s }
.nav_layer .close{position: absolute; display: block;width:32px; height:32px; background:url("../images/close.png"); right:30px; top:10px; font-size:30px; color:#999999}
.nav_layer dl{padding:0 30px; }
.nav_layer dl dt{width:100%; height:40px; line-height: 40px; text-indent: 20px; background: #EFEFEF}
.nav_layer dl dt span{float:right; font-family: "宋体"; margin-right: 20px;}
.nav_layer dl dd{display: none;}
.nav_layer dl dd a{width:100%; display: block; height:40px; line-height: 40px; text-indent: 20px; background: #fff; border-bottom:1px solid #EFEFEF}
/*集团产品*/
.group{width:100%; background: #fff; overflow: hidden;}
.group_left{width:400px; height:205px;padding:20px; overflow: hidden; background: #f0f0f0;float:left;}
.group_left p{width:100%;float:left; overflow: hidden; font-size:16px; color:#333; line-height: 28px;}
.groupMove{background: #005bac;float:right;font-size:14px;color:#fff; padding:3px 10px;}
.group_list{display: inline-block; padding:20px 0;float:left; margin-left: 30px;}
.group_list li{float:left ;border:5px solid #ccc; margin-left: 15px; position: relative}
.group_list li img{ display: block;}
.group_list li span{width:100%; line-height: 30px; text-align: center; color:#fff;display: block;position: absolute; z-index: 1; left:0;bottom:0; background: rgba(0,91,172,0.5)}
/*list*/
.listbanner{width:100%; float:left; height:300px; background: url("../images/list_banner.jpg") no-repeat center center;}
.warpbanner{width:100%; display: none; float:left; height:228px; background: url("../images/wap_banner.jpg") no-repeat center center; background-size: contain}
.warplistbanner1{width:100%; display: none; float:left; height:228px; background: url("../images/waplist_banner1.jpg") no-repeat center center; background-size: contain}
.waplistbanner3{width:100%; display: none; float:left; height:228px; background: url("../images/waplist_banner3.jpg") no-repeat center center; background-size: contain}
.waplistbanner4{width:100%; display: none; float:left; height:228px; background: url("../images/waplist_banner4.jpg") no-repeat center center; background-size: contain}
.waplistbanner5{width:100%; display: none; float:left; height:228px; background: url("../images/waplist_banner5.jpg") no-repeat center center; background-size: contain}
.listbanner1{width:100%; float:left; height:300px; background: url("../images/list_banner1.jpg") no-repeat center center;}
.listbanner5{width:100%; float:left; height:300px; background: url("../images/list_banner5.jpg") no-repeat center center;}
.listbanner4{width:100%; float:left; height:300px; background: url("../images/list_banner4.jpg") no-repeat center center;}
.listbanner3{width:100%; float:left; height:300px; background: url("../images/list_banner3.jpg") no-repeat center center;}
.list-left{width:910px; padding:25px;float:left; background: #fff}
.list-left h2{height:34px; line-height:34px; font-weight: bold; font-size:24px;color:#333333; ---border-left:2px solid #007aff; padding-left: 5px;}
.list-right{width:265px;float:right;}
.mian{width:100%;float:left; padding:15px 0;}
.mian i{width:19px;height:15px; display: block; float:left; background: url("../images/index-icon.png") no-repeat; margin: 2px 5px 0 0;}
.mian a{float:left; font-size:14px;color:#727172;}
.mian span{float:left; font-size:14px;color:#999; }
.mian strong{float:left; color:#005bac; font-weight: normal;font-size:14px;}
.list_left_con{ overflow: hidden; border-top: 1px solid #d0d0d0; margin-top: 10px; background: url("../images/jianjie.jpg") no-repeat center bottom; padding:10px; line-height: 26px; padding-bottom: 300px; font-size:16px; word-break:break-all;text-align: justify;}
.list_left_con img{width:100%;}
.list_left_con dd{padding:10px; line-height: 26px; font-size:16px; color:#000000; width:100%;}
.list_left_con dd a{padding:10px; line-height: 26px; font-size:16px; color:#000000; width:100%;}
.list_right_dl{width:100%;float:left;}
.list_right_dl dt{height:70px; background: #005bac; border-bottom:1px solid #fff;}
.list_right_dl dt h3{ ---border-left:3px solid #e2e2e2; height:26px; line-height: 26px; color:#fff; font-size:24px; float:left; margin: 20px 0 0 20px; padding-left: 1px;}
.list_right_dl dd{}
.list_right_dl dd a{ display: block; border-bottom: 1px solid #fff; line-height: 50px; font-size:16px; color:#fff; background: #7f7e7f}
.list_right_dl dd a span{font-size:12px; float:left; margin: 0 5px 0 20px;}
.list_right_dl dd a:hover{ background: #005bac; text-decoration: none;}
.list_right_dl dd a.active{ background: #005bac; text-decoration: none;}
/*华为逆变器*/
.huaweiList{width:100%; overflow: hidden; border-top:1px solid #d0d0d0;}
.huaweiList li{width:33.333%;float:left; margin-top: 10px;}
.huaweiList li a{width:95%; display: block; text-align: center; height:360px; line-height: 360px; border: 1px solid #e5e5e5; position: relative}
.huaweiList li a:hover{ background: #f5f5f5;}
.huaweiList li a p{ position: absolute;width:100%; z-index:100; left:0; line-height: 20px; bottom:10px; text-align: center;}
/*信息中心*/
.new_list{ padding:10px; overflow: hidden; margin-right: 20px; background: #fff;}
.new_list li{width:100%; padding-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #dedede; float:left;}
.new_list li img{ border: 1px solid #EEEEEE;-webkit-box-shadow:0 0px 5px #ECECEC;   -moz-box-shadow:0 0px 5px #ECECEC;box-shadow:0 0px 5px #ECECEC; float:left;}
.new_list li .new_right {width:570px;float:left; margin-left: 20px;}
.new_list li .new_right h3{margin:0; padding:0; font-size:18px; color:#000000;}
.new_list li .new_right .date{font-size:15px;color:#005bac; margin-top: 5px;}
.new_list li .new_right .con{font-size:16px; color:#666666}
.new_list li .new_right .blockmove{background: #005bac; color:#fff; font-size:14px; padding:2px 5px;}
/*信息详情*/
.details_title{font-size:24px;color:#333333; overflow: hidden; text-align: center;}
.details_timers{ overflow: hidden; margin-bottom: 20px; border-top:2px solid #005bac; background: #f3f3f3; font-size:16px;color:#333333; line-height: 50px;}
.details_timers span{float:left; margin-left: 20px;}
.details_timers a{float:right; background: url("../images/list_icon.png") no-repeat left center; margin-right: 10px; padding-left: 25px; font-size:16px;}
.details_NeiRong{ font-size:15px;color:#333; line-height: 30px; margin-left:0px; text-align: justify;}
.details_NeiRong img{ width:100%;text-align: center; }
/*客户案例*/
.CaseList{width:100%; overflow: hidden;}
.CaseList li{width:50%;float:left; margin-top: 10px;}
.CaseList li a{margin: 10px; display: block; text-align: center;  border: 1px solid #e5e5e5; position: relative}
.CaseList li a img{width:100%;}
.CaseList li a:hover{ background: #f5f5f5;}
.CaseList li a p{width:100%; line-height: 40px;text-align: center; font-size:16px;color:#666666;}
.CaseList li a p i{color:#005bac;font-size:12px;}
/*联系我们*/
.us_tall{width:100%;float:left; padding:30px 20px; background: #f4f4f4; }
.us_title{float:left; font-size:20px;color:#005bac; margin-top: 5px;}
.us_title img{float:left; margin-right: 10px;}
.us_title1{float:left; font-size:15px; color:#666666; margin: 8px 10px 0 20px;}
.us_tall strong{font-size:23px;color:#333333;float:left;}
.us_tall1{width:100%;float:left; margin-top: 30px; }
.us_tall1_Left{width:48%;float:left; padding:10px 0; background: #f4f4f4; border: 1px solid #dedede; margin-bottom:15px; margin-right:15px; }
.us_tall1_Left img{float:left; margin: 15px 5px 0 10px;}
.us_tall1_Left strong{font-size:18px; font-weight: normal; margin-right: 10px; padding-right: 20px; line-height: 60px; color:#333333; float:left; border-right: 1px solid #c3c3c3}
.us_tall1_Left span{float:left; line-height: 30px;}
.us_tall1_Right{width:48%;float:right; padding:10px 0; background: #f4f4f4; border: 1px solid #dedede  }
.us_tall1_Right img{float:left; margin: 15px 5px 0 10px;}
.us_tall1_Right strong{font-size:18px; font-weight: normal; margin-right: 10px; padding-right: 20px; line-height: 60px; color:#333333; float:left; border-right: 1px solid #c3c3c3}
.us_tall1_Right span{float:left; line-height: 30px;}
.us_tall2{width:100%;float:left; padding:10px 0; margin-top: 20px; background: #f4f4f4; border: 1px solid #dedede }
.us_tall2 img{float:left; margin: 15px 5px 0 10px;}
.us_tall2 strong{font-size:18px; font-weight: normal; margin-right: 10px; padding-right: 20px; line-height:30px; color:#333333; float:left; border-right: 1px solid #c3c3c3}
.us_tall2 span{float:left; line-height: 30px;}
.us_hr{width:100%;float:left; border-top: 1px solid #d0d0d0}
.us_jsus{width:100%; text-align: center; font-size:20px; color:#333333; margin-top: 40px;float:left;}
.us_jsus span{display:inline-block; *zoom:1;*display:inline;-webkit-appearance:none; -moz-appearance: none; appearance:none; }
.us_jsus span img{float:left; margin-right: 5px;}
.us_jsus_tal{width:100%;float:left; text-align: center;font-size:15px;  margin-top: 20px; border-bottom: 4px solid #005bac; padding-bottom: 10px;}
.usMaps{width:100%;float:left; margin-top: 20px;}
.usleft{width:60%;float:left;}
.usRight{width:38%;float:right;}
/*招聘信息*/
.us_list{width:100%;float:left; margin-top: 10px;  margin-bottom: 0; }
.us_list dt{width:100%;float:left;  line-height:50px; font-weight: normal;font-size:16px; color:#fff; background: #9d9d9d;}
.us_list dt.on{background: #678ebc}
.us_list dt strong{display: inline-block;float:left; margin-left: 20px;}
.us_list dt span{display: inline-block;float:left; margin-left: 5%;}
.us_list dt a{ display: block;width:35px;height:35px; background: url("../images/us_icon.png") no-repeat; background-size: contain;float:right; margin: 7px 10px 0 0;}
.us_list dd{padding:0 20px; font-size:16px;color:#666; line-height: 30px; margin-top: 30px; display: none;}
/*技术文档*/
.jishu_list{ padding:10px; overflow: hidden; margin-right: 20px; background: #fff;}
.jishu_list li{width:100%; background: #f4f4f4; padding: 20px 0; margin-top: 20px; float:left;}
.jishu_list li img{ border: 4px solid #fff;-webkit-box-shadow:0 0px 5px #ECECEC;  margin-left: 20px;   -moz-box-shadow:0 0px 5px #ECECEC;box-shadow:0 0px 5px #ECECEC; float:left;}
.jishu_list li .new_right {width:600px;float:left; margin-left: 20px;}
.jishu_list li .new_right h3{margin:0; padding:0; font-size:17px; color:#333333;}
.jishu_list li .new_right h3 i{float:left;font-size:12px;color:#005bac; margin:5px 5px 0 0 ;}
.jishu_list li .new_right .con{font-size:14px; overflow: hidden; margin: 0; color:#666666; padding:10px 0;}
.jishu_list li .new_right .blockmove{background: #005bac; color:#fff; font-size:14px; padding:2px 5px;}
/*产品详情*/
.product_details_warp{width:100%; padding:20px; float:left; background: #fff}
.product_details{width:100%; border-bottom: 1px solid #e2e2e2; padding-bottom: 40px; float:left;}
.product_details_right img{width:100%;}
.product_details_left{width:600px;float:left; margin-left:20px;}
.product_details_left h1{font-size:28px;}
.product_details_left p{font-size:14px; line-height: 26px;}
.product_details_right{width:400px;float:right;}
.product_details_right img{width:100%;}
.product_guige{width:100%;text-align: center;float:left; font-size:28px; margin-top: 30px;}
.guigeTable{width:100%;float:left; margin: 30px 0;}
.guigeTable img{width:100%;}
.lookGuige_Box{width:100%;float:left; text-align: center;}
.lookGuige{ background: #005bac; color:#fff; text-decoration: none; display:inline-block; *zoom:1;*display:inline;-webkit-appearance:none; -moz-appearance: none; appearance:none;  font-size:26px; padding: 5px 30px; border-radius: 20px; }
.lookGuige:hover{text-decoration: none; color:#fff; background: #007aff}
.download-warp{border:1px solid #e4e4e4; margin-top: 30px; padding:20px;}
.download-warp h3{text-align: center; font-size:28px;color:#333;}
.download-warp .downloadList{ overflow: hidden; margin-bottom: 20px; margin-top: 20px;}
.download-warp .downloadList a{display:inline-block;width:33.33%; float:left; font-size:15px;color:#666; }
.download-warp .downloadList a img{float:left; margin: 3px 5px 0 0;}
/*集团产品*/
.productNew_Title{width:100%; height:1px; line-height: 0;font-size:0; background: #bfbfbf; position: relative; margin-top: 50px;}
.productNew_Title span{width:180px; height:32px; line-height: 32px; position: absolute; z-index: 100;left:50%; margin-left: -90px;top:50%; margin-top: -16px; text-align:center;display: inline-block; background: #f5f5f5; font-size:32px;color:#005bac; }
.producPic{ margin-top:25px; position: relative;}
.producPic p{ position: absolute; z-index:10; font-size:16px;color:#fff; line-height:28px; padding: 50px; left:0; top:1px;}
.producPic img{width:100%;}
.producPic div{width:500px; position: absolute; z-index:10; font-size:16px;color:#333; line-height:28px; padding: 10px; right:30px; top:10px;}
.producPic div span{ display:inline-block; font-size:30px; color:#005bac; ---border-left:2px solid #005bac; padding-left: 5px;  height:30px; line-height: 30px;}
.proFont{width:100%;font-size:16px; color:#666; line-height: 28px; margin-top: 50px; padding:5px;}
.tials{width:100%; padding:20px 0; background: #005bac; text-align: center}
.tials1{width:100%; display: none}
.tials ul{display:inline-block; *zoom:1;*display:inline;-webkit-appearance:none; -moz-appearance: none; appearance:none; }
.tials ul strong{color:#fbfdff; font-size:26px; font-weight: normal; padding-right: 20px;}
.tials ul span{color:#fbfdff; font-size:20px; font-weight: normal}
.tials ul em{color:#fff; font-size:30px; font-weight: bold; font-style: normal; padding-right: 20px;}
@media (max-width:768px)
{
	.listbanner{display: none}
	.listbanner1{display: none}
	.listbanner3{display: none}
	.listbanner4{display: none}
	.listbanner5{display: none}
	.warpbanner{width:100%; display: block; float:left; height:228px; background: url("../images/wap_banner.jpg") no-repeat center center; background-size: contain}
	.warplistbanner1{width:100%; display: block; float:left; height:228px; background: url("../images/waplist_banner1.jpg") no-repeat center center; background-size: contain}
	.waplistbanner3{width:100%; display: block; float:left; height:228px; background: url("../images/waplist_banner3.jpg") no-repeat center center; background-size: contain}
	.waplistbanner4{width:100%; display: block; float:left; height:228px; background: url("../images/waplist_banner4.jpg") no-repeat center center; background-size: contain}
	.waplistbanner5{width:100%; display: block; float:left; height:228px; background: url("../images/waplist_banner5.jpg") no-repeat center center; background-size: contain}
	.producPic div{width:310px; position: absolute; z-index:10; font-size:16px;color:#333; line-height:20px; padding: 10px; right:30px; top:10px;}
	.producPic div span{ display:inline-block; font-size:20px; color:#005bac;border-left:2px solid #005bac; padding-left: 5px;  height:20px; line-height: 20px;}

	.producPic p{ position: absolute; z-index:10; font-size:18px;color:#fff; line-height:30px; padding: 30px; left:0; top:10px;}
	.jishu_list li .new_right {width:450px;float:left; margin-left: 20px;}
	.usMaps img{width:100%;float:left;}
	.usRight{width:100%;float:right;}
	.usleft{width:100%;float:left;}
	.us_tall1_Right{width:100%;float:right; padding:10px 0; background: #f4f4f4; border: 1px solid #dedede; margin-top: 20px; }
	.us_tall1_Left{width:100%;float:left; padding:10px 0; background: #f4f4f4; border: 1px solid #dedede }
	.CaseList li{width:50%;float:left; margin-top: 10px;}
	.new_list li .new_right {width:400px;float:left; margin-left: 20px;}
	.list-right{width:265px;float:right; display: none;}
	.list-left{width:100%; padding:20px;float:left; background: #fff}
	.footerBan{width:748px; margin: auto; font-size:15px;color:#fff;}
	.footer-warp{width:748px; overflow: hidden; margin: auto;}
	.footer-warp ul li{width:100%;float:left;}
	.footerDl{width:50%;float:left; margin-top: 25px;}
	.group_left{width:100%; height:auto;padding:20px; overflow: hidden; background: #f0f0f0;float:left;}
	.group_list{display: inline-block; padding:20px 0;float:left; margin-left: 0;}
	.block_right{width:210px;float:left; margin-left: 20px;}
	.cooperation .bd li div.infoblock img{width:100px;height:70px;}
	.info{width:748px; margin: auto;}
	.productH2{width:100%; text-align: left; text-indent: 10px;margin:0; position: absolute; z-index: 10;left:0; top:10px;}
	.productH2 a{font-size:14px; color:#333; display: inline-block;float:left;}
	.productH2 i{width:15px; height:15px; display: block;float:left; background: url("../images/sub_icons.png") no-repeat; background-size: contain; margin: 2px 0 0 5px;}
	.productH2 strong{font-size:15px;color:#333; font-weight: normal}
	.web-warp{width:748px; margin:30px  auto; background: #fff; overflow: hidden}
	.i_nav span{float:left;display: block; position: relative; width:30px; height:30px; background: url("../images/Category.png") center center; background-size: contain; margin: 5px 5px 0 0;}
	.inpw{width:575px;}
	.logo{width:60%; margin: 0 20% 0 20%; text-align: center; display: block; height:auto; margin-top: 20px; }
	.head_right{width:90%; margin: 0 5% 0 5%; text-align:center;display: inline-block;float:right; margin-top: 30px;}
	.New-box{width:748px; margin: auto; margin-top: 30px;}
	.header{width:748px; padding:10px 0; margin:auto; overflow:hidden; }
	.i_nav{display:inline-block;float:left;}
	.nvabox{display: none;}
	.banner{height:240px;  background-size:cover; margin:auto; overflow:hidden;}
	.tials ul{display:inline-block; *zoom:1;*display:inline;-webkit-appearance:none; -moz-appearance: none; appearance:none; width:300px;}
    .tials ul strong{color:#fbfdff; font-size:14px; font-weight: normal; padding-right: 20px;}
     .tials ul span{color:#fbfdff; font-size:12px; font-weight: normal}
    .tials ul em{color:#fff; font-size:16px; font-weight: bold; font-style: normal; padding-right: 20px;}
	.product_details_right{width:100%;float:right;}
	.product_details_left {font-size:14px; line-height: 26px; width:100%;}
	.product_details_left  p{font-size:14px; line-height: 26px; margin-right:10px;}
	.download-warp .downloadList a{display:inline-block;width:100%; float:left; font-size:15px;color:#666; }
.footer{ display: none;}
.footer1{ background:#333333; overflow: hidden; display: block;}
.footer-warp1{width:100%; overflow: hidden; margin: auto;}
.footer-warp1 ul{}
.footer-warp1 ul li{width:100%;float:left; margin-left:10px;}
.footerDl{width:17%;float:left; margin-top: 25px;}
.footerDl dt{width:50%;height:2px; background: #007aff; line-height: 0; }
.footerDl dd{width:100%;}
.footerDl dd a{ display: block; line-height: 30px; font-size:13px;color:#ffffff;}
.footerD2{width:23%;float:left; margin-top: 25px;}
.footerD2 dt{width:50%;height:2px; background: #007aff; line-height: 0; }
.footerD2 dd{width:100%;}
.footerD2 dd a{ display: block; line-height: 30px; font-size:13px;color:#ffffff;}
.footerBan1{width:95%; margin: auto;display:block; font-size:13px;color:#fff;  margin-bottom:10px;}
.footerBan1 img{width:90%; margin:0 auto; display:block;}
.tials{display: none}
.tials1{width:100%; display:block; padding:20px 0; background: #005bac; text-align: center}
.tials1 ul{display:inline-block; *zoom:1;*display:inline;-webkit-appearance:none; -moz-appearance: none; appearance:none; }
.tials1 ul strong{color:#fbfdff; font-size:14px; font-weight: normal; padding-right: 20px;}
.tials1 ul span{color:#fbfdff; font-size:14px; font-weight: normal}
.tials1 ul em{color:#fff; font-size:16px; font-weight: bold; font-style: normal; padding-right: 20px;}

}
@media (max-width:480px)
{
	.warpbanner{width:100%; display: block; float:left; height:128px; background: url("../images/wap_banner.jpg") no-repeat center center; background-size: contain}
	.warplistbanner1{width:100%; display: block; float:left; height:128px; background: url("../images/waplist_banner1.jpg") no-repeat center center; background-size: contain}
	.waplistbanner3{width:100%; display: block; float:left; height:128px; background: url("../images/waplist_banner3.jpg") no-repeat center center; background-size: contain}
	.waplistbanner4{width:100%; display: block; float:left; height:128px; background: url("../images/waplist_banner4.jpg") no-repeat center center; background-size: contain}
	.waplistbanner5{width:100%; display: block; float:left; height:128px; background: url("../images/waplist_banner5.jpg") no-repeat center center; background-size: contain}
	.producPic div{width:375px; position: absolute; z-index:10; font-size:12px;color:#333; line-height:20px; padding: 0px; right:10px; top:5px;}
	.producPic div span{ display:inline-block; font-size:14px; color:#005bac;border-left:2px solid #005bac; padding-left: 5px;  height:15px; line-height: 15px;}


	.producPic p{ position: absolute; z-index:10; font-size:14px;color:#fff; line-height:20px; padding: 20px; left:0; top:10px;}
	.jishu_list{ padding:0; overflow: hidden; margin-right: 0; background: #fff;}
	.jishu_list li{width:100%; background: #f4f4f4; padding: 0 0 20px 0; margin-top: 20px; float:left;}
	.jishu_list li .new_right {width:100%;float:left; margin-left: 20px;}
	.jishu_list li img{width:100%; border: 4px solid #fff;-webkit-box-shadow:0 0px 5px #ECECEC;  margin-left:0;   -moz-box-shadow:0 0px 5px #ECECEC;box-shadow:0 0px 5px #ECECEC; float:left;}
	.us_list dt{width:100%;float:left;  line-height:30px; font-weight: normal;font-size:14px; color:#fff; background: #9d9d9d;}
	.us_list dt.on{background: #678ebc}
	.us_list dt strong{display: inline-block;float:left; margin-left: 20px;}
	.us_list dt span{display: inline-block;float:left; margin-left: 2%;}
	.us_list dt a{ display: block;width:35px;height:35px; background: url("../images/us_icon.png") no-repeat; background-size: contain;float:right; margin: 7px 10px 0 0;}
	.us_list dd{padding:0 20px; font-size:16px;color:#666; line-height: 30px; margin-top: 30px; display: none;}
	.new_top li{width:100%;float:left;}
	.us_tall{width:100%;float:left; padding:20px 20px; background: #f4f4f4; }
	.us_title{width:100%;display:block; float:left; font-size:18px;color:#005bac;}
	.us_title img{float:left; margin-right: 10px;}
	.us_title1{ display: block; width:100%; float:left; font-size:15px; color:#666666; margin: 8px 10px 0 0;}
	.us_tall strong{width:100%;display:block;font-size:20px;color:#333333;float:left;}
	.us_tall1{width:100%;float:left; margin-top: 30px; }
	.us_tall1_Left{width:100%;float:left; padding:10px 0; background: #f4f4f4; border: 1px solid #dedede }
	.us_tall1_Left img{float:left; margin: 15px 5px 0 10px;}
	.us_tall1_Left strong{font-size:15px; font-weight: normal; margin-right: 10px; padding-right: 10px; line-height: 60px; color:#333333; float:left; border-right: 1px solid #c3c3c3}
	.us_tall1_Left span{float:left; font-size:12px; line-height: 30px;}
	.us_tall1_Right{width:100%;float:right; padding:10px 0; background: #f4f4f4; border: 1px solid #dedede  }
	.us_tall1_Right img{float:left; margin: 15px 5px 0 10px;}
	.us_tall1_Right strong{font-size:14px; font-weight: normal; margin-right: 10px; padding-right: 20px; line-height: 60px; color:#333333; float:left; border-right: 1px solid #c3c3c3}
	.us_tall1_Right span{float:left; font-size:12px; line-height: 30px;}
	.us_tall2{width:100%;float:left; padding:10px 0; margin-top: 20px; background: #f4f4f4; border: 1px solid #dedede }
	.us_tall2 img{float:left; margin: 15px 5px 0 10px;}
	.us_tall2 strong{font-size:12px; font-weight: normal; margin-right: 10px; padding-right: 20px; line-height:30px; color:#333333; float:left; border-right: 1px solid #c3c3c3}
	.us_tall2 span{float:left; font-size:12px; line-height: 30px;}
	.CaseList li{width:100%;float:left; margin-top: 10px;}
	.new_list{ padding:0; overflow: hidden; margin-right: 0; background: #fff;}
	.new_list li img{width:150px;}
	.new_list li .con{display: none;}
	.new_list li .new_right {width:200px;float:left; margin-left: 20px;}
	.huaweiList li{width:100%;float:left; margin-top: 10px;}
	.huaweiList li a{width:100%; display: block; text-align: center; height:360px; line-height: 360px; border: 1px solid #e5e5e5; position: relative}
	.footerBan{width:100%; margin: auto; font-size:12px;color:#fff; margin-top: 30px; text-align: center}
	.footer-warp{width:410px; overflow: hidden; margin: auto;}
	.footer-warp ul li{width:100%;float:left;}
	.footerDl{width:50%;float:left; margin-top: 25px;}
	.group_list li{float:left ;border:5px solid #ccc; margin-left: 25px; margin-top: 25px; position: relative}
	.cooperation .bd li{width:100%;  float:left; font-size:14px; }
	.block_right .con{display:none;}
	.cooperation .bd li div.infoblock{ padding:10px; overflow: hidden; margin-right: 0px; background: #fff;}
	.info{width:410px; margin: auto;}
	.infoblock .con{ height:auto;}
	.productRightBorder img{width:70%;}
	.product_height{height:550px; line-height: 550px}
	.productLeftBottomLeftTow{width:100%; height:350px;float:left; position: relative; border-bottom: 1px solid #e5e5e5}
	.productLeftBottomLeft{width:100%;float:left;}
	.product-left{width:100%;float:left;}
	.web-warp{width:410px; margin:30px  auto; background: #fff; overflow: hidden}
	.inpw{width:270px;}
	.logo{width:60%; margin: 0 20% 0 20%; text-align: center; height:auto;float:left; margin-top: 20px; }
	.head_right{width:90%; margin: 0 5% 0 5%; text-align:center;display: inline-block;float:right; margin-top: 30px;}
	.banner{height:150px;   margin:auto; overflow:hidden;}
	.header{width:410px;padding:5px 0 20px 0; margin:auto; overflow:hidden; }
	.tall_right{ display:block;width:150px;float:right; margin-top: 15px;}
	.logo img{width:100%;}
	.product_details_right{width:100%;float:right;}
	.product_details_left {font-size:14px; line-height: 26px; width:100%;}
	.product_details_left  p{font-size:14px; line-height: 26px; margin-right:10px;}
	.download-warp .downloadList a{display:inline-block;width:100%; float:left; font-size:15px;color:#666; }
	.footer{ display: none;}
.footer1{ background:#333333; overflow: hidden; display: block;}
.footer-warp1{width:100%; overflow: hidden; margin: auto;}
.footer-warp1 ul{}
.footer-warp1 ul li{width:100%;float:left; margin-left:10px;}
.footerDl{width:17%;float:left; margin-top: 25px;}
.footerDl dt{width:50%;height:2px; background: #007aff; line-height: 0; }
.footerDl dd{width:100%;}
.footerDl dd a{ display: block; line-height: 30px; font-size:13px;color:#ffffff;}
.footerD2{width:23%;float:left; margin-top: 25px;}
.footerD2 dt{width:50%;height:2px; background: #007aff; line-height: 0; }
.footerD2 dd{width:100%;}
.footerD2 dd a{ display: block; line-height: 30px; font-size:13px;color:#ffffff;}
.footerBan1{width:95%; margin: auto;display:block; font-size:13px;color:#fff;  margin-bottom:10px;}
.footerBan1 img{width:90%; margin:0 auto; display:block;}
.tials{display: none}
.tials1{width:100%; display:block; padding:20px 0; background: #005bac; text-align: center}
.tials1 ul{display:inline-block; *zoom:1;*display:inline;-webkit-appearance:none; -moz-appearance: none; appearance:none; }
.tials1 ul strong{color:#fbfdff; font-size:14px; font-weight: normal; padding-right: 20px;}
.tials1 ul span{color:#fbfdff; font-size:14px; font-weight: normal}
.tials1 ul em{color:#fff; font-size:16px; font-weight: bold; font-style: normal; padding-right: 20px;}
	
}

@media (max-width:375px)
{
	.producPic div{width:325px; position: absolute; z-index:10; font-size:12px;color:#333; line-height:20px; padding: 0px; right:10px; top:5px;}
	.producPic div span{ display:inline-block; font-size:14px; color:#005bac;border-left:2px solid #005bac; padding-left: 5px;  height:15px; line-height: 15px;}

	.producPic p{ position: absolute; z-index:10; font-size:12px;color:#fff; line-height:20px; padding: 10px; left:0; top:10px;}
	.new_list li img{width:100px;}
	.new_list li .new_right h3{margin:0; padding:0; font-size:16px; color:#333333;}
	.new_list li .new_right {width:200px;float:left; margin-left: 10px;}
	.footer-warp{width:370px; overflow: hidden; margin: auto;}
	.group_list li{float:left ;border:5px solid #ccc; margin-left: 10px; margin-top: 10px; position: relative}
	.info{width:370px; margin: auto;}
	.block_right .con{display:none;}
	.productRightBorder img{width:80%;}
	.web-warp{width:370px; margin:10px  auto; background: #fff; overflow: hidden}
	.inpw{width:230px;}
	.logo{width:60%; margin: 0 20% 0 20%; text-align: center; height:auto;float:left; margin-top: 20px; }
	.logo img{width:100%;}
	.banner{height:120px;  margin:auto; overflow:hidden;}
	.header{width:370px; padding:0 0 20px 0;  margin:auto; overflow:hidden; }
	.footer{ display: none;}
.footer1{ background:#333333; overflow: hidden; display: block;}
.footer-warp1{width:100%; overflow: hidden; margin: auto;}
.footer-warp1 ul{}
.footer-warp1 ul li{width:100%;float:left; margin-left:10px;}
.footerDl{width:17%;float:left; margin-top: 25px;}
.footerDl dt{width:50%;height:2px; background: #007aff; line-height: 0; }
.footerDl dd{width:100%;}
.footerDl dd a{ display: block; line-height: 30px; font-size:13px;color:#ffffff;}
.footerD2{width:23%;float:left; margin-top: 25px;}
.footerD2 dt{width:50%;height:2px; background: #007aff; line-height: 0; }
.footerD2 dd{width:100%;}
.footerD2 dd a{ display: block; line-height: 30px; font-size:13px;color:#ffffff;}
.footerBan1{width:95%; margin: auto;display:block; font-size:13px;color:#fff;  margin-bottom:10px;}
.footerBan1 img{width:90%; margin:0 auto; display:block;}
.tials{display: none}
.tials1{width:100%; display:block; padding:20px 0; background: #005bac; text-align: center}
.tials1 ul{display:inline-block; *zoom:1;*display:inline;-webkit-appearance:none; -moz-appearance: none; appearance:none; }
.tials1 ul strong{color:#fbfdff; font-size:14px; font-weight: normal; padding-right: 20px;}
.tials1 ul span{color:#fbfdff; font-size:14px; font-weight: normal}
.tials1 ul em{color:#fff; font-size:16px; font-weight: bold; font-style: normal; padding-right: 20px;}
}
@media (max-width:320px)
{
	.warpbanner{width:100%; display: block; float:left; height:100px; background: url("../images/wap_banner.jpg") no-repeat center center; background-size: contain}
	.warplistbanner1{width:100%; display: block; float:left; height:100px; background: url("../images/waplist_banner1.jpg") no-repeat center center; background-size: contain}
	.waplistbanner3{width:100%; display: block; float:left; height:100px; background: url("../images/waplist_banner3.jpg") no-repeat center center; background-size: contain}
	.waplistbanner4{width:100%; display: block; float:left; height:100px; background: url("../images/waplist_banner4.jpg") no-repeat center center; background-size: contain}
	.waplistbanner5{width:100%; display: block; float:left; height:100px; background: url("../images/waplist_banner5.jpg") no-repeat center center; background-size: contain}
	.producPic div{width:300px; position: absolute; z-index:10; font-size:12px;color:#333; line-height:20px; padding: 0px; right:10px; top:5px;}
	.producPic div span{ display:inline-block; font-size:14px; color:#005bac;border-left:2px solid #005bac; padding-left: 5px;  height:15px; line-height: 15px;}
    .producPic{ margin-top: 20px;}
	.details_timers{ overflow: hidden; margin-bottom: 20px; border-top:2px solid #005bac; background: #f3f3f3; font-size:16px;color:#333333; line-height: 50px;}
	.details_timers span{float:left; margin-left: 10px;}
	.details_timers a{float:right; background: url("../images/list_icon.png") no-repeat left center; margin-right: 10px; padding-left: 25px; font-size:16px;}
	.new_list li .new_right h3{margin:0; padding:0; font-size:16px; color:#333333;}
	.new_list li img{width:80px;}
	.new_list li .new_right {width:180px;float:left; margin-left: 10px;}
	.footer-warp{width:300px; overflow: hidden; margin: auto;}
	.group_list li{float:left ;border:5px solid #ccc; margin-left: 7px; margin-top: 7px; position: relative}
	.group_list li img{width:140px;height:140px;}
	.info{width:320px; margin: auto;}
	.block_right{width:190px;float:left; margin-left:10px;}
	.block_right .con{display:none;}
	.web-warp{width:320px; margin:10px  auto; background: #fff; overflow: hidden}
	.mm{width:40px;height:40px;float:right; background: url("../images/mm.png") no-repeat center center; background-size: contain; margin-left: 10px;}
	.head_right{width:100%;margin: 0 0 0 0; text-align:center;display: inline-block;float:right; margin-top: 20px;}
	.inpw{width:210px;}
	.logo{width:60%; margin: 0 20% 0 20%; text-align: center; height:auto;float:left; margin-top: 20px; }
	.logo img{width:100%;}
	.us_nav{width:100%;float:left; margin-top: 30px; margin-bottom: 20px;}
	.us_nav a{display:inline-block; margin-right: 10px; background:#858585; font-size:15px; padding:5px 10px;  color:#fff;float:left;}
	.us_nav a.on{ background: #4977ae}
	.us_meBox{width:300px; margin: auto;}

    .banner{height:120px;  margin:auto; overflow:hidden;}
    .header{width:300px; margin:auto; padding-bottom: 5px; overflow:hidden; }
	.product_details_right{width:100%;float:right;}
	.product_details_left {font-size:14px; line-height: 26px; width:100%;}
	.product_details_left  p{font-size:14px; line-height: 26px; margin-right:10px;}
	.download-warp .downloadList a{display:inline-block;width:100%; float:left; font-size:15px;color:#666; }

     .footer{ display: none;}
.footer1{ background:#333333; overflow: hidden; display: block;}
.footer-warp1{width:100%; overflow: hidden; margin: auto;}
.footer-warp1 ul{}
.footer-warp1 ul li{width:100%;float:left; margin-left:10px;}
.footerDl{width:17%;float:left; margin-top: 25px;}
.footerDl dt{width:50%;height:2px; background: #007aff; line-height: 0; }
.footerDl dd{width:100%;}
.footerDl dd a{ display: block; line-height: 30px; font-size:13px;color:#ffffff;}
.footerD2{width:23%;float:left; margin-top: 25px;}
.footerD2 dt{width:50%;height:2px; background: #007aff; line-height: 0; }
.footerD2 dd{width:100%;}
.footerD2 dd a{ display: block; line-height: 30px; font-size:13px;color:#ffffff;}
.footerBan1{width:95%; margin: auto;display:block; font-size:13px;color:#fff;  margin-bottom:10px;}
.footerBan1 img{width:90%; margin:0 auto; display:block;}
.tials{display: none}
.tials1{width:100%; display:block; padding:20px 0; background: #005bac; text-align: center}
.tials1 ul{display:inline-block; *zoom:1;*display:inline;-webkit-appearance:none; -moz-appearance: none; appearance:none; }
.tials1 ul strong{color:#fbfdff; font-size:14px; font-weight: normal; padding-right: 20px;}
.tials1 ul span{color:#fbfdff; font-size:14px; font-weight: normal}
.tials1 ul em{color:#fff; font-size:16px; font-weight: bold; font-style: normal; padding-right: 20px;}

}