@charset "utf-8";
/* CSS Document 
制作 青华互联网站建设  www.qinghuahulian.com
电话：18653219163  QQ:893157818
联系人：王小姐
*/

*{margin:0px; padding:0px; box-sizing:border-box;
}
html,body{
     -webkit-text-size-adjust:none;
}
@font-face{
     font-family:TrebuchetMS;
     src:url('/public/fonts/TrebuchetMS.woff2') format('woff2'), url('/public/fonts/TrebuchetMS.woff') format('woff'),url('/public/fonts/TrebuchetMS.ttf') format('truetype'),url('/public/fonts/TrebuchetMS.eot'); font-weight: normal; font-style: normal; font-stretch:ultra-expanded;/*定义字体符合拉伸*/
}
body{
	color:#333333;
	background-color:#fff;
}
body img{
    border:0px;
}
input, textarea {
	outline: 0;
	border: none;
	background: 0 0;
	font-size: 14px;
	-webkit-appearance: none;
}

/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none; -webkit-appearance:none;}

/*强制去除textarea自带的样式*/
textarea{resize:none; -webkit-appearance:none;}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
A {
	color: #222222; text-decoration:none;
}
/* A:link {
	color: #222222; text-decoration:none;
} */
A:visited {
	color: #222222; text-decoration:none;
}
A:hover {
	color: #01A3E4; text-decoration:none;
}
.clear{
	clear:both;
}
ul li{
	list-style-type:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.w{
	height:auto; margin-left:150px; margin-right:150px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt50{
	margin-top:50px;
}
.mt80{
	margin-top:80px;
}
.headbox{
	width:100%;	height:96px; position:relative; background-color:#fff; 
}
.header{
	height:96px;
}
.fixednav{
	box-shadow: 0 0 10px #dddddd; position:fixed; top:0px; left:0px; z-index:111; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all;
}
.logo{
	width:102px; float:left; padding-top:0px;
}
.logo img{
	width:100%; height:auto; display:block; image-rendering:-webkit-optimize-contrast;
}
.nav{
	padding-top:25px;
}
.nav ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content: flex-end;
}
.nav li{
	margin-left:55px; height:40px; line-height:40px; position:relative;
}
.nav a{
	font-size:20px; display:block; font-weight:400; font-family:TrebuchetMS;
}
.nav .pclink{
	display:block;
}
.nav .mlink{
	display:none;
}
.nav li span{             
    width:0; height: 3px; background:#01A3E4; position: absolute; top: 100%; left: 50%; display:block; transition: all .5s; z-index:100; overflow:hidden;
}        
.nav li:hover span{             
	left: 0%;             
	width: 100%;         
}        
.nav li.cur span{             
	left: 0%;             
	width: 100%;         
}
.nav ul li ul.sec-menu {
	position:absolute; top: 43px; width: 170px; left:0px; display:none; background:#fff; font-size:16px; color:#fff; z-index:111; padding-top:15px; padding-bottom:18px; box-shadow: 0 0 6px #ddd;
}
.nav ul li ul.sec-menu li {
	list-style-type:none; height:35px; line-height:35px; float:none; margin-left:0px;
}
.nav ul li ul.sec-menu li a {
	 display:block; font-size:16px; color:#666; padding-left:20px; font-weight:400;
}
.nav ul li ul.sec-menu li a:link {
	display:block; font-size:16px; height:35px; line-height:35px; color:#666; overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.nav ul li ul.sec-menu li a:visited {
	display:block; font-size:16px; height:35px; line-height:35px; color:#666; 
}
.nav ul li ul.sec-menu li a:hover {
	display:block; font-size:16px; height:35px; line-height:35px; color:#083b66; 
}
.nav li:hover .sec-menu{
	height:auto;
}
#sec-menu2{
	width:370px;
}
#sec-menu3{
	width:333px;
}
.close{
	display:none;
}
.m_nav{
	display:none;
}
.search_bnt{
	float:right; margin-left:35px; margin-top:35px;
}
.seabox{
	width:100%; height:60px; background-color:#f9f9f9; border-top:1px #ddd solid; border-bottom:1px #ddd solid; position:absolute; top:96px; display:none; z-index:9;
}
.seainfo{
	width:400px; padding-top:12px; float:right;
}
.sea_sub{
	width:28px; height:32px; background:url(/public/images/searchbg2.png) left center no-repeat; border:0px; cursor:pointer; float:left;
}
.sea_txt{
	width:84%; height:32px; line-height:32px; font-size:16px; padding-left:5px;
}
.seainfo img{
	float:right; width:20px; height:20px; margin-top:8px;
}
.madein{
	float:right; padding-top:24px; margin-left:10px;
}
.language{
	float:right; margin-left:20px; padding-left:20px; padding-top:35px; background:url(/public/images/down.jpg) right 40px no-repeat; padding-right:24px; -moz-background-size:18px auto;  background-size:18px auto; position:relative; height:96px; display:block; cursor:pointer;
}
.language ul{
	 position:absolute; left:0px; top:115px; z-index:118; width:130px; height:0px; text-align:left; padding:5px 10px 0px; padding-bottom:8px; padding-left:8px;  box-shadow: 0 0 6px #ededed; background-color:#fff; margin-left:-26px; opacity: 0; z-index:-1; overflow:hidden;
}
.language ul a{
	font-size:14px; line-height:22px;
}
.language:hover ul{
	opacity: 1; z-index:10; top:75px; height:auto;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s; 
}
.language ul li img{
	vertical-align:middle; margin-right:5px;
}
.language ul li{
	padding-left:5px; height:36px; line-height:32px; margin-top:3px;
}
.language ul li:hover{
	background-color:#f5f5f5;
}
.banner{
	width:100%; height:auto; overflow:hidden; position:relative; border-top:5px #01A3E4 solid; border-bottom:5px #01A3E4 solid;
}
.banner .swiper-next{
	width:38px; height:38px; background:url(/public/images/right.png) center center #d9d9d9 no-repeat; position:absolute; right:65px; top:50%; margin-top:-19px; z-index:10; cursor:pointer; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;
}
.banner .swiper-prev{
	width:38px; height:38px; background:url(/public/images/left.png) center center #d9d9d9 no-repeat; position:absolute; left:65px; top:50%; margin-top:-19px; z-index:10; cursor:pointer; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;
}
.banner .swiper-slide{
	width:100%; height:auto;
}
.banner .swiper-slide img{
	width:100%; height:auto; display:block; image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */

}
.banner .pagination {
    position: absolute; left: 0; text-align: center; bottom: 15px; width: 100%; z-index:19;
}
.banner .swiper-pagination-bullet {
    display: inline-block; opacity:1; background:#B3B3B3;  width: 27px; height: 7px; overflow: hidden; line-height: 999px; border-radius: 7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out; 
}
.banner .swiper-pagination-bullet-active{
	background: #01A3E4;
}
.aboutbox{
	width:100%; height:auto; background:url(/public/images/aboutbg.jpg) center top no-repeat; padding-bottom:120px;
}
.about_con{
	font-weight:bolder; font-size:18px; padding-bottom:30px; border-bottom:1px #ddd solid;
}
.email{
	background:url(/public/images/emailbg.png) left center no-repeat; padding-left:35px; margin-right:40px;
}
.tel{
	background:url(/public/images/telbg.png) left center no-repeat; padding-left:35px;
}
.about_con a{
	font-weight:normal; font-size:16px;
}
.shareus{
	float:right;
}
#share-2{
	display:inline;
}
#share-2 a{
	width:38px!important;
	height:38px!important;
	margin-left: 3px!important;
	background:#39549b!important;
	color:#ffffff!important;
	font-size:20px !important; 
	line-height:38px;

}
#share-2 a:hover{
	filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;
	color:#fff!important;
}
#share-2 a:nth-of-type(2){
	background:#03a8e8!important;
}
#share-2 a:nth-of-type(3){
	background:#017cb7!important;
}
#share-2 a:nth-of-type(4){
	background:#00bf01!important;
}
.wechat-qrcode h4,
.wechat-qrcode .help{
	display: none;
}
.wechat-qrcode{
	text-align: center;
}
.social-share .icon-wechat .wechat-qrcode .qrcode{
	width:110px !important;
	height:auto!important; margin-top:0px;
}
.social-share .icon-wechat .wechat-qrcode .qrcode img{
	width:100%;
	height:auto;
}
#share-1{
	display:inline;
}
#share-1 a{
	width:28px!important;
	height:28px!important;
	margin-left: 3px!important;
	color:#3e3e3e!important;
	font-size:20px !important; 
	line-height:28px;

}
#share-1 a:hover{
	color:#44619D!important;
	background:none !important;
}
#share-1 a:nth-of-type(2):hover{
	color:#55acee!important;
}
#share-1 a:nth-of-type(3):hover{
	color:#0077B5!important;
}
#share-1 a:nth-of-type(4):hover{
	color:#7bc549!important;
}
.aboutus{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.about_infos{
	width:51%;
}
.about_infos h2{
	text-transform:uppercase; font-size:42px;
}
.about_infos p{
	line-height:36px; margin-top:20px;
}
.videow{
	width:1200px; margin:0 auto; margin-top:50px;
}
.video{
	width:46%; padding-top:0px;
}
.video-js{
	width:100%; height:auto;
}
.about_infos ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:30px;
}
.about_infos li{
	text-align:center; width:20%;
}
.about_infos img{
	margin-bottom:10px;transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all; background-color:#01A3E4;
border-radius: 50%; width:79px; height:79px;
}
.about_infos li:hover img { -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -moz-transition: all 1.5s; -ms-transition: all 1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s;
}
.advbox{
	width:100%; height:auto;
}
.advantage ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.advantage li{
	width:23%; height:auto; text-align:center; padding-top:50px; padding-bottom:50px; color:#01A3E4;
}
.advantage p{
	min-height:70px;
}
.advantage span{
	display:inline-block; font-size:90px; margin-bottom:15px; color:#01A3E4;
}
/* .advantage li:hover{
	background-color:#d60f43; color:#fff;
}
.advantage li:hover span{
	color:#fff;
} */
.advantage li:nth-of-type(1){
	background-color:#fff;
}
.advantage li:nth-of-type(2){
	background-color:#fff;
}
.advantage li:nth-of-type(3){
	background-color:#fff;
}
.advantage li:nth-of-type(4){
	background-color:#fff;
}
.probox_1{
	width:100%; height:auto; overflow:hidden;padding-top:66px; padding-bottom:20px;
}
.probox_2{
	width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; padding-top:0px; padding-bottom:20px;
}
.pro_title{
	text-transform:uppercase; text-align:center; font-size:46px; font-weight:bolder;
}
.products{
	overflow:hidden;
}
.products_cat{
	width:49%; float:left;
}
.products_cat h2{
	font-size: 30px; color: #01A3E4; position:relative;
}
.products_cat h2 a{
	font-size: 30px; color: #000;
}
.products_cat h2 span{
	width:25px; height:4px; display:inline-block; background-color:#01A3E4; position:absolute; right:0px; top:20px;
}
.products_cat ul{
	margin-top:30px;
}
.products_cat li{
	font-size:28px; height:auto; line-height:52px; background:url(/public/images/procat_libg.jpg) left 27px no-repeat;
}
.products_cat li a{
	font-size:22px; color:#000; padding-left:15px;
}
.products_cat li a:hover{
	color:#01A3E4;
}
.download{
	width:155px; height:54px; background-color:#01A3E4; margin-top:50px; text-align:center;border-radius: 20px;
}
.download a{
	font-size: 16px; font-family: Verdana; font-weight: bold; color: #FFFFFF; line-height: 54px; display:block;
}
.download img{
	vertical-align:middle; margin-left:11px; margin-right:10px;
}
.mauto{
	margin:0 auto; margin-top:0px; text-align:center;
}
.products_pic{
	width:49%; position:relative; overflow:hidden; border:3px #01A3E4 solid; float:right;border-radius: 20px;
}
.products_pic_title{
	width:auto; height: 59px; background: #01A3E4; line-height:56px; color:#fff; display:inline-block; position:absolute; left:0px; top:0px; z-index:10; font-size:24px; padding-left:30px; padding-right:30px; font-weight:bolder;
}
.products_pic img{
	width:100%; height:auto; display:block; image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.pre_next{
	position:absolute; right:0px; bottom:0px; z-index:10; width:108px; height:54px;
}
.pre_next span{
	 width:54px; height:54px; cursor:pointer; float:left;
}
.pre_next .prev{
	background:url(/public/images/left.png) no-repeat center center #E0E0E0;
}
.pre_next .next{
	background:url(/public/images/right.png) no-repeat center center #01A3E4;
}
.pro_right{
	float:right;
}
.pro_left{
	float:left;
}
.pro_color2 .products_cat h2 a{
	color: #000;
}
.pro_color2 .products_cat h2 span{
	background-color:#000;
}
.pro_color2 .download{
	background-color:#01A3E4;
}
.pro_color2 .products_pic{
	border:3px #01A3E4 solid;
}
.pro_color2 .products_pic_title{
	background: #01A3E4;
}
.pro_color2 .pre_next .next{
	background:url(/public/images/right.png) no-repeat center center #01A3E4;
}
.pro_color3 .products_cat h2 a{
	color: #000;
}
.pro_color3 .products_cat h2 span{
	background-color:#000;
}
.pro_color3 .download{
	background-color:#01A3E4;
}
.pro_color3 .products_pic{
	border:3px #01A3E4 solid;
}
.pro_color3 .products_pic_title{
	background: #01A3E4;
}
.pro_color3 .pre_next .next{
	background:url(/public/images/right.png) no-repeat center center #01A3E4;
}
.pro_color4 .products_cat h2 a{
	color: #000;
}
.pro_color4 .products_cat h2 span{
	background-color:#000;
}
.pro_color4 .download{
	background-color:#01A3E4;
}
.pro_color4 .products_pic{
	border:3px #01A3E4 solid;
}
.pro_color4 .products_pic_title{
	background: #01A3E4;
}
.pro_color4 .pre_next .next{
	background:url(/public/images/right.png) no-repeat center center #01A3E4;
}
.newsbox{
	width:100%; height:auto; background:url(/public/images/newsbg.jpg) center top no-repeat; padding-top:70px; padding-bottom:70px;
}
@media (max-width:768px) {
	.newsbox{
		padding-top:27px;
		padding-bottom:0px;
	}
	}
.news_cat{
	font-size:24px;
}
.news_cat ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content:center;
}
.news_cat li{
	background:url(/public/images/news_catlibg.png) right center no-repeat; padding-left:60px; padding-right:60px; cursor:pointer; font-family:TrebuchetMS;
}
.news_cat li img{
	vertical-align:middle; margin-right:20px;
}
.news_cat li .pic2{
	display:none;
}
.news_cat li:last-child{
	background:none;
}
.news_cat li.on{
	color:#01A3E4;
}
.news_cat li.on .pic2{
	display:inline-block;
}
.news_cat li.on .pic1{
	display:none;
}
.tab_news .item{
	display:none;
}
.news_hot{
	height:auto; box-shadow: 0 0 10px #dddddd; overflow:hidden; background-color:#fff;
}
.news_hot img{
	float:left; width:45%; height:auto; margin-right:50px;
}
.news_hot h2 a{
	font-size:26px; text-transform:uppercase;font-family:TrebuchetMS; line-height:40px; margin-top:30px; display:block; padding-right:50px;
}
.news_hot p{
	font-size:18px; color:#666666; margin-top:20px; line-height:30px; font-weight:normal;
}
.news_hot .date{
	color:#888; margin-top:20px; display:inline-block;
}
.news_hot .news_more{
	width:150px; height:52px; background-color:#01A3E4; line-height:52px; display:inline-block; margin-top:30px; text-align:center;border-radius: 20px;
}
.news_hot .news_more a{
	color:#fff; font-size:18px; display:block; line-height:52px; margin-top:0px;
}
.customerbox{
	width:100%; height:auto;
}
.customer{
	height:auto; padding-top:60px; position:relative; overflow:hidden;
}
.customer .swiper-slide{
	background:url(/public/images/customer_libg.png) center bottom no-repeat; padding-bottom:80px;
}
.customer .swiper-slide img{
	width:100%; height:225px; display:block;
}
.footbox{
	width:100%; height:auto; background-color:#1f2021; padding-top:50px; padding-bottom:40px; overflow:hidden;
}
.footer a{
	color:#959595; line-height:30px; font-size:14px;
}
.footer a:hover{
	color:#fff;
}
.foot_nav{
	width:65%; float:left;
}
.foot_nav ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_nav li{
	
}
.foot_nav li h3{
	margin-bottom:30px;
}
.foot_nav li h3 a{
	color:#fff; font-family:trebuchetms, Verdana, Geneva, sans-serif; font-weight:normal; font-size:24px; text-transform:uppercase;
}
.foot_con{
	color:#959595; font-size:14px; width:30%; float:right;
}
.foot_con h3{
	margin-bottom:30px;
}
.foot_con h3 a{
	color:#fff; font-family:trebuchetms; font-weight:normal; font-size:24px; text-transform:uppercase;
}
.foot_con li{
	height:auto; line-height:30px; margin-bottom:10px;
}
.foot_con .address{
	background:url(/public/images/contactbg01.png) left 5px no-repeat; padding-left:33px;
}
.foot_con .contact{
	background:url(/public/images/contactbg02.png) left 7px no-repeat; padding-left:33px;
}
.foot_con .mobile{
	background:url(/public/images/contactbg03.png) left 5px no-repeat; padding-left:33px;
}
.foot_con .email2{
	background:url(/public/images/contactbg04.png) left 7px no-repeat; padding-left:33px;
}
.foot_con .youtube{
	background:url(/public/images/contactbg05.png) left 7px no-repeat; padding-left:33px;
}
/*.foot_con span{
	margin-left:57px;
}*/
.copybox{
	width:100%; height:auto; background-color:#161617; padding-top:20px; padding-bottom:20px; color:#8c8c8c; font-size:14px;
}
.copybox a{
	color:#8c8c8c;
}
.copybox a:hover{
	color:#ffffff;
}
.copyrights span{
	float:right;
}
.copyrights .en{
	background:url(/public/images/en.png) left center no-repeat;
}
.copyrights .alby{
	background:url(/public/images/alby.png) left center no-repeat; margin-left:25px;
}
.copyrights span a{
	padding-left:35px;
}
.rightkf{
	width:50px; height:auto; z-index:1111; right:10px; _right:10px; position: fixed; _position: absolute; bottom: 30%;
}
.rightkf li{
	width:50px; height:50px; background-color:#d60f43; text-align:center; color:#fff; margin-bottom:5px; position:relative; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; position:relative;
}
.rightkf a{
	color:#fff; display:block; height:50px; font-size:10px;
}
.rightkf li span{
	display:none;
}
.rightkf li.right1{
	background:url(/public/images/right_icon06.png) center center no-repeat #1f91d1;
}
.rightkf li.right2{
	background:url(/public/images/right_icon07.png) center center no-repeat #3cc14d;
}
.rightkf li.right2 .wechat{
	position:absolute; right:55px; top:0px; width:0px; height:0px; overflow:hidden;transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
.rightkf li.right2 .wechat img{
	width:100%; height:auto; display:block;
}
.rightkf li.right2:hover .wechat{
	width:130px; height:130px; border:1px #ddd solid;
}
.rightkf li.right3{
	background:url(/public/images/right_icon08.png) center center no-repeat #e6074a;
}
.rightkf li.right4{
	background:url(/public/images/right_icon04.png) center center no-repeat #b0b0b0; display:none;
}
.rightkf li.right6{
	background:url(/public/images/right_icon09.png) center center no-repeat #3cc14d;
}
.rightkf li.right1 .wechat{
	position:absolute; right:55px; top:0px; width:0px; height:0px; overflow:hidden;transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
.rightkf li.right1 .wechat img{
	width:100%; height:auto; display:block;
}
.rightkf li.right1:hover .wechat{
	width:130px; height:130px; border:1px #ddd solid;
}
.rightkf li.right6 .righttel{
	position:absolute; right:55px; top:0px; width:0px; height:0px; overflow:hidden;transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
.rightkf li.right6:hover .righttel{
	width:170px; height:50px; border:1px #ddd solid; background-color:#fff; color:#333; line-height:50px; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; font-weight:bolder;
}
.rightkf li.right5{
	display:none;
}

/* about us */

.com_banner{
	width:100%; height:auto; position:relative;
}
.com_banner img{
	width:100%; height:auto; display:block;
}
.com_banner .title{
	position:absolute; left:0px; top:40%; width:100%;
}
.com_banner .title h2{
	text-align:center; width:1080px; font-family:TrebuchetMS; margin:0 auto; color:#fff; font-size: 36px; font-weight: bold; color: #FFFFFF; line-height: 60px; text-shadow: 0px 1px 3px rgba(0,0,0,0.75);
}
.position{
	height:auto; color:#999999; padding-bottom:5px;	background:url(/public/images/posibg.png) left 1px no-repeat; padding-left:20px;
}
.position a{
	margin-left:6px; margin-right:6px; color:#666666;
}
.position a:hover{
	color:#333333;
}
.com_cat{
	height: 96px; line-height:96px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}
.com_cat ul{
	margin-left:5px;
}
.com_cat li{
	height: 96px; line-height:96px; display:inline-block; border-right:1px #E9E9E9 solid; margin-left:-5px;
}
.com_cat a{
	font-size:18px; font-weight:400; padding-left:64px; padding-right:64px; display:block;
}
.com_cat .cur a{
	color:#01A3E4; line-height:84px; border-top:6px #01A3E4 solid;
}
.about_content{
	text-align:center; padding-bottom:50px;
}
.title{
	text-align:center;
}
.title h2{
	font-size: 36px; font-family: TrebuchetMS; color: #01A3E4; line-height: 36px; text-transform:uppercase; margin-top:30px; margin-bottom:30px;
}
.about_content p{
	margin:0 150px; font-size: 16px; font-family: Verdana; color: #666666; line-height: 36px;
}
.field_box{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; padding-bottom:50px; overflow:hidden;
}
.field_pic{
	width:50%;
}
.field_pic img{
	width:100%; height:auto; display:block;
}
.field_info{
	width:50%;
}
.field_info h2{
	padding-left:50px;
}
.field_info .title{
	text-align:left;
}
.field_info li{
	height:auto; overflow:hidden; padding-top:20px; padding-bottom:18px; padding-left:50px; background-color:#f3f7ff;
}
.field_info img{
	vertical-align:middle; margin-right:25px; float:left;
}
.field_info li:nth-child(2n){
	background-color:#ffffff;
}
.field_info li p{
	line-height:30px;
}
.quality{
	padding-top:20px;
}
.quality ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.quality li{
	width:49%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); margin-bottom:30px; line-height:26px;
}
.quality .quality_pic{
	background-color:#f3f7ff; width:165px; height:100%; text-align:center; padding-top:40px; padding-bottom:40px; float:left; width:28%;
}
.quality .quality_pic img{
	margin:0 auto; 
}
.quality .quality_pic .img1{
	display:block;
}
.quality .quality_pic .img2{
	display:none;
}
.quality .quality_info{
	padding-left:48px; float:left; width:62%; padding-top:58px;
}
.quality li:hover{
	background-color:#01A3E4; color:#fff;
}
.quality li:hover .quality_pic{
	background:url(/public/images/quality_libg.jpg) right center no-repeat #01A3E4;
}
.quality li:hover .quality_pic .img1{
	display:none;
}
.quality li:hover .quality_pic .img2{
	display:block;
}
.quality li:first-child  .quality_info{
	padding-top:48px;
}
.service{
	height:auto; padding-top:10px; padding-bottom:50px;
}
.service ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.service li{
	width:32%; height:auto; margin-bottom:25px;
}
.service li .service_pic{
	overflow:hidden;
}
.service li img{
	width:100%; height:auto; display:block; margin-bottom:5px; overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.service li:hover img{
	transform: scale(1.1, 1.1);	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.certification{
	height:auto; padding-bottom:60px;
}
.certification ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.certification li{
	width:49%; height:auto; background:url(/public/images/aboutus_icon01.png) 30px center no-repeat #f3f7ff; padding-top:18px; padding-bottom:18px; padding-left:70px; margin-top:25px;
}
.areabox{
	height:auto; position:relative; padding-bottom:30px;
}
.area_info{
	position:absolute; left:0px; top:20px; z-index:11; line-height:26px;
}
.area_info .title{
	text-align:left;
}
.areabox .area_pic{
	width:100%;position:relative;margin:1% auto 0
}
.areabox .area_pic_m{
	display:none;
}
.areabox .area_pic img{
	width:100%; height:auto; display:block;
}
.areabox .area_pic span{
	position:absolute;left:10%;top:29%;display:block;overflow:hidden; font-size:16px; font-weight:400; color: #01A3E4; padding-top:6px; padding-bottom:6px;
}
.areabox .area_pic span img{
	vertical-align:middle; width:26px; height:auto; display:inline-block;
}
/*css样式数字比html标注数字少对应少1*/

.areabox .area_pic span:nth-of-type(2){
	left:12%;top:39%
}
.areabox .area_pic span:nth-of-type(3){
	left:42%;top:57%
}
.areabox .area_pic span:nth-of-type(4){
	left:46%;top:53%
}
.areabox .area_pic span:nth-of-type(5){
	left:48%;top:46%
}
.areabox .area_pic span:nth-of-type(6){
	left:49%;top:77%
}
.areabox .area_pic span:nth-of-type(7){
	left:51%;top:48%
}
.areabox .area_pic span:nth-of-type(8){
	left:53.5%;top:56%
}
.areabox .area_pic span:nth-of-type(9){
	left:52.5%;top:64%
}
.areabox .area_pic span:nth-of-type(10){
	left:55%;top:25%
}
.areabox .area_pic span:nth-of-type(11){
	left:61%;top:46%
}
.areabox .area_pic span:nth-of-type(12){
	left:64.5%;top:51%
}
.areabox .area_pic span:nth-of-type(13){
	left:68%;top:48.5%
}
.areabox .area_pic span:nth-of-type(14){
	left:71%;top:52.5%
}
.areabox .area_pic span:nth-of-type(15){
	left:72%;top:54%
}
.areabox .area_pic span:nth-of-type(16){
	left:71%;top:35%
}
.areabox .area_pic span:nth-of-type(17){
	left:71%;top:55%
}
.areabox .area_pic span:nth-of-type(18){
	left:78%;top:40%
}
.areabox .area_pic span:nth-of-type(19){
	left:86.8%;top:28%
}
.areabox .area_pic span:nth-of-type(20){
	left:80%;top:75%
}
.areabox .area_pic span:nth-of-type(21){
	left:90.5%;top:85%
}
.areabox .area_pic span:nth-of-type(22){
	left:82.5%;top:64%
}
.areabox .area_pic span:nth-of-type(23){
	left:47%;top:55%
}
.areabox .area_pic span:nth-of-type(24){
	left:46%;top:59%
}
.areabox .area_pic span:nth-of-type(25){
	left:49%;top:62%
}
.areabox .area_pic span:nth-of-type(26){
	left:38.5%;top:53%
}
.areabox .area_pic span:nth-of-type(27){
	left:41.5%;top:59%
}
.areabox .area_pic span:nth-of-type(28){
	left:55%;top:51%
}
.areabox .area_pic span:nth-of-type(29){
	left:57%;top:48%
}
.areabox .area_pic span:nth-of-type(30){
	left:57%;top:50%
}
.areabox .area_pic span:nth-of-type(31){
	left:52.5%;top:40%
}
.areabox .area_pic span:nth-of-type(32){
	left:60%;top:35%
}
.areabox .area_pic span:nth-of-type(33){
	left:62%;top:38%
}
.areabox .area_pic span:nth-of-type(34){
	left:61%;top:40%
}
.areabox .area_pic span:nth-of-type(35){
	left:60%;top:39%
}
.areabox .area_pic span:nth-of-type(36){
	left:58%;top:39%
}
.areabox .area_pic span:nth-of-type(37){
	left:27%;top:65%
}
.areabox .area_pic span:nth-of-type(38){
	left:24.5%;top:79%
}
.areabox .area_pic span:nth-of-type(39){
	left:14%;top:49%
}
.areabox .area_pic span:nth-of-type(40){
	left:21.5%;top:66%
}
.areabox .area_pic span:nth-of-type(41){
	left:57%;top:44%
}
.areabox .area_pic span:nth-of-type(42){
	left:51%;top:52%
}
.areabox .area_pic span:nth-of-type(43){
	left:45%;top:44%
}
.areabox .area_pic span:nth-of-type(44){
	left:53.5%;top:60.5%
}
.areabox .area_pic span:nth-of-type(45){
	left:52%;top:59%
}
.areabox .area_pic span:nth-of-type(46){
	left:50%;top:68.5%
}
.areabox .area_pic span:nth-of-type(47){
	left:50%;top:68.5%
}
.areabox .area_pic span.country48{
	left:52.5%;top:70%
}

@keyframes webfd
{
from  {top: 4px;}
to  {top: -4px;}
}
@-moz-keyframes webfd /* Firefox */
{
from  {top: 4px;}
to  {top: -4px;}
}
@-webkit-keyframes webfd /* Safari 和 Chrome */
{
from  {top: 4px;}
to  {top: -4px;}
}
@-o-keyframes webfd /* Opera */
{
from  {top: 4px;}
to  {top: -4px;}
}
.webfd{
    animation: webfd 0.8s linear 0s infinite alternate;
    /* Firefox: */
    -moz-animation: webfd 0.8s linear 0s infinite alternate;
    /* Safari 和 Chrome: */
    -webkit-animation: webfd 0.8s linear 0s infinite alternate;
    /* Opera: */
    -o-animation: webfd 0.8s linear 0s infinite alternate;position:relative;
}
.golden_motto{
	height:auto; padding-bottom:70px; padding-top:30px;
}
.golden_motto ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.golden_motto li{
	width:25%; text-align:center;
}
.golden_motto img{
	background-color:#f3f7ff; margin-bottom:20px; width:99px; height:99px; padding:15px; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; -moz-transition: all 1s;-ms-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;
}
.golden_motto li:hover img{ -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -moz-transition: all 1.5s; -ms-transition: all 1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s;
}
.probox{
	height:auto; background-color:#F5F5F5; padding-top:20px; margin-top:25px; padding-bottom:50px;
}
.common{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-bottom:50px;
}
.left{
	width:23%; height:auto;
}
.right{
	width:75%; height:auto;
}
.left_title{
	height:72px; line-height:72px; background-color:#01A3E4; text-align:center; color:#fff; font-size:24px; font-weight: 800;
}
.left_title span{
	display:none;
}
.left_cat{
	background-color:#fff; height:auto; box-shadow: 0 0 8px #e2e0e0; margin-top:10px;
}
.left_cat ul{
	margin-bottom:10px; padding-top:8px; padding-bottom:3px;
}
.leftprocat ul{
	 height:auto;
}
.left_cat h2{
	font-size: 16px; padding-left:10px; font-family: TrebuchetMS; font-weight: 400; padding-top:15px; padding-bottom:15px; background-color:#01A3E4; margin-top:6px; color:#fff; cursor:pointer;
}
.left_cat h2 a{
	color:#fff;
}
.left_cat span{
	float:right; font-size:20px; margin-right:10px; line-height:20px;
}
.left_cat li{
	border-bottom:1px #F0F0F0 solid; background:url(/public/images/procat_libg.jpg) 8px 23px no-repeat; padding-left:20px; font-size: 16px; font-family: TrebuchetMS; font-weight: 400; color: #666666; line-height: 24px; padding-top:12px; padding-bottom:10px; padding-right:10px;
}
.left_cat .cat_cur a{
	color:#01A3E4; font-weight:bolder;
}
.productlist ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.productlist li{
	width:32%; margin-bottom:25px; position:relative;
}
.productlist .itemempty {
    height: 0px;
    width: 32%; margin-bottom:0px;
}
.productlist:after {
    content: "";
    flex: auto;
}
.productlist li img{
	width:100%; height:290px; display:block; overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.productlist li:hover img{
	transform: scale(1.1, 1.1);	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.projectlist li{
	width:48%;
}
.projectlist .itemempty {
    height: 0px;
    width: 48%;
}
.projectlist li img{
	width:100%; height:380px;
}
.productlist li .propic{
	width:100%; height:auto; overflow:hidden; position:relative;
}
.prolist_title{
	width:100%;	height:42px; overflow:hidden;
}
.hide1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(113,0,150,0.8);
opacity:0; transform:scale(0);transition:all 0.4s ease-in-out;backface-visibility:hidden;zoom:1;}
.hide1 h1{width: 83%;margin: auto;color: #fff;font-size: 16px;color: #fff;padding-top: 55px;}
.hide1 p{width: 83%;margin: auto;color: #fff;color: #fff;line-height: 30px;margin-top: 35px;}
.productlist li:hover .hide1{opacity: 1;transform:scale(1);}
.product_info{
	width:100%;	height: 42px; line-height:42px; background: #EBEBEB; border: 1px solid #D6D6D6; text-align:center; margin-top:20px;
}
.product_info a{
	display:block;
}
.product_info span{
	background:url(/public/images/emailbg2.png) center center no-repeat; display:inline-block; width:70px; height:42px; text-align:center; float:right; border-left:1px #CBCBCB solid;
}
.product_info span a{
	width:100%; height:42px; display:block;
}
.product_right{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:30px;
}
.prodcut_right_l{
	width:100%;
}
.product_right_r{
	width:100%;
}
.products_pics{
	width:100%;
	overflow:hidden; position:relative; background-color:#fff;
}
.products_pics .swiper-slide{
	width:100%; height:auto; overflow:hidden;
}
.products_pics img{
	width:auto; max-width:100%; height:500px; display:block; margin:0 auto;
}
.products_pics span{
	 width:30px; height:114px; cursor:pointer;
}
.products_pics .prev{
	background:url(/public/images/left.png) no-repeat center center #dfdfdf; position:absolute; left:0px; top:50%; margin-top:-57px; z-index:10; 
}
.products_pics .next{
	background:url(/public/images/right.png) no-repeat center center #dfdfdf; position:absolute; right:0px; top:50%; margin-top:-57px; z-index:10; 
}
.products_pics .pagination {
    position: absolute; left: 0; text-align: center; bottom: 15px; width: 100%; z-index:19;
}
.products_pics .swiper-pagination-bullet {
    display: inline-block; opacity:1; background:#CBCBCB;  width: 12px; height: 12px; overflow: hidden; line-height: 999px; border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out; 
}
.products_pics .swiper-pagination-bullet-active{
	background: #01A3E4;
}
.product_pic_ico{
	width:100%; height:auto; position:relative;
}
.product_pic_ico_left{
	width:20px; height:100%; background:url(/public/image/left.png) center center no-repeat #dfdfdf; position:absolute; left:0px; top:0px;
}
.product_pic_ico_right{
	width:20px; height:100%; background:url(/public/images/right.png) center center no-repeat #dfdfdf; position:absolute; right:0px; top:0px;
}
.product_pic_ico_left2{
	width:15px; height:100%; background:url(/public/images/left_ico4.jpg) center center no-repeat; position:absolute; left:0px; top:0px;
}
.product_pic_ico_right2{
	width:15px; height:100%; background:url(/public/images/right_ico4.jpg) center center no-repeat; position:absolute; right:0px; top:0px;
}
.product_pic_ico_list{
	height:100%; margin:0 auto; margin-top:10px; overflow:hidden; width:91%;
}
.product_pic_ico_list div.swiper-slide{
	height:100%; cursor:pointer; opacity: 0.5;
}
.product_pic_ico_list img{
	width:125px; height:125px; display:block; border:1px #d6d4d3 solid; margin:0 auto;
}
.product_pic_ico_list div.swiper-slide-thumb-active{
    opacity: 1;
}
.product_pic_ico_list div.swiper-slide-thumb-active img{
    border:1px #184870 solid;
}
.product_title{
	margin-top:10px;
}
.product_title h1{
	font-size: 30px; font-family: Verdana; font-weight: bold; color: #222222;
}
.prodcut_online{
	height:auto; margin-top:15px;/* border-bottom:1px #DDDDDD solid;*/ overflow:hidden;
}
.prodcut_online li{
	width: 100%; height: 52px; background: #f8f8f8; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; overflow:hidden; margin-bottom:20px; white-space:nowrap; text-overflow:ellipsis;
}
.prodcut_online a{
	color:#fff; line-height:50px; display:block;
}
.prodcut_online li.email2{
	background:url(/public/images/right_icon08.png) 15px center no-repeat #01A3E4; -moz-background-size:22px auto;  background-size:22px auto; padding-left:50px;
}
.prodcut_online li.download2{
	background:url(/public/images/pdf.png) 0px center no-repeat #f3f3f3; padding-left:55px;
}
.prodcut_online li.download2 a{
	color:#db383a; font-weight:bolder;
}
.bot0{
	border-bottom:0px; padding-bottom:0px;
}
.share{
	margin-top:20px;
}
.share ul{
	margin-top:20px;
}
.share li{
	display:inline-block; margin-right:10px; position:relative;
}
.share img{
	vertical-align:middle;
}
.share li .share_wechat{
	position:absolute; left:0px; top:42px; z-index:10; overflow:hidden; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; width:0px; height:0px;
}
.share li .share_wechat img{
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width:100%; height:auto; display:block;
}
.share li.sharewx:hover .share_wechat{
	width:115px; height:115px;
}
.product_content .share{
	text-align:center;
}
.product_con_title{
	height: 67px; line-height:67px; background:url(/public/images/product_titlebg.jpg) repeat-x; border: 1px solid #E1E1E1; margin-top:30px;
}
.product_con_title h2{
	height: 67px; background:url(/public/images/product_titlebg2.jpg) repeat-x; border: 1px solid #E1E1E1; display:inline-block; padding-left:48px; padding-right:48px; font-size: 22px; border-left:0px; border-top:0px; border-bottom:0px;font-family: TrebuchetMS;color: #777; cursor:pointer;
}
.product_con_title h2.current{
	color:#01A3E4; background:none;
}
.prowidth h2{
	width:33.33%; padding-left:0px; padding-right:0px; text-align:center;
}
.prowidth h2:last-child{
	border-right:0px;
}
.protabs{
	display:none;
}
.product_content{
	border:1px solid #E1E1E1; border-top:0px; background-color:#fff; padding-left:48px; padding-right:48px; padding-top:50px; padding-bottom:50px; line-height:36px;
}
.product_content img{
	max-width: 100%!important;height: auto!important;width:expression(this.width > 1104 ? "1104px" : this.width)!important;
}
.product_content .video-js{
	width:55%; margin:0 auto;
}
.product_content table{
	border-left:1px #ddd solid; border-top:1px #ddd solid; padding:0px; width:100% !important; margin-bottom:15px; margin-top:15px;
}
.product_content table td{
	border-right:1px #ddd solid; border-bottom:1px #ddd solid; line-height:26px; padding:8px 10px 6px 10px; margin:0px;
}
.product_content table tr:nth-child(2n-1){
	background-color:#fcfcfc; padding:0px;
}
.product_content table tr:nth-child(2n){
	background-color:#f7faff; padding:0px;
}
.product_content table p{
	margin-bottom:0px;
}
.presnexts{
	height:auto; border-top:1px #dddddd solid; border-bottom:1px #dddddd solid; margin-top:40px; padding-top:10px; padding-bottom:10px; margin-bottom:10px; color:#666666;
}
.presnexts span{
	font-weight:bolder;
}
.presnexts a{
	color:#666666;
}
.pro_message form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.mesgtxt{
	width:48%; height:50px; border:1px #ebebeb solid; margin-top:20px; padding-left:10px; box-sizing:border-box; font-size:16px;
}
.mesgtxt2{
	width:100%; height:50px; border:1px #ebebeb solid; margin-top:20px; padding-left:10px; box-sizing:border-box; font-size:16px;
}
.mesgtext{
	width:100%; height:150px; border:1px #ebebeb solid; font-family:Verdana, Geneva, sans-serif; padding-top:10px; color:#666;  margin-top:20px; padding-left:10px; box-sizing:border-box; font-size:16px;
}
.yzmtxt{
	width:150px; height:45px; border:1px #ebebeb solid; margin-top:20px; padding-left:10px; box-sizing:border-box; font-size:16px; float:left;
}
.checkcode{
	height:45px; width:auto; margin-top:20px; margin-left:10px;
}
.mesgcodebox .yzmtxt{
	float:left;
}
.mesgcodebox .checkcode{
	float:left; margin-top:20px;
}
.mesgsub{
	width:100%; height:50px; background-color:#01A3E4; border:0px; cursor:pointer; margin-top:30px; color:#fff; font-size:20px; letter-spacing:2px;
}
.project_banner .title{
	top:45%;
}
.project_banner .title h2{
	font-size:48px;
}
.project_title{
	text-align:center; border-bottom:1px #dddddd solid; padding-bottom:30px;
}
.project_title h1{
	font-size: 36px; font-family: Verdana; font-weight: bold; color: #222222;
}
.cooperator_list{
	height:auto; padding-bottom:50px;
}
.cooperator_list ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: center;
}
/* .cooperator_list li{
    width: 23%; height:auto; box-shadow: 0 0 8px #ededed; margin-bottom:30px; text-align:center; padding-top:25px; padding-bottom:25px; background-color:#fff;
} */
.cooperator_list .itemempty{
    height: 0px;
    width: 23%; box-shadow:none; margin-bottom:0px; padding:0px;
}
.cooperator_list img{
    width: 100%; max-width:318px; height:auto; margin:0 auto; display:block; margin-bottom:15px;
}
.cooperator_list span{
	display:inline-block; border-bottom:1px #bfbfbf solid; margin-top:15px;
}
.cooperator_list span a{
	color:#999;
}
.cooperator_list:after {
    content: "";
    flex: auto;
}
.pdbot20{
	padding-bottom:20px;
}
.featured_product li{
	border-bottom:0px;
}
.cooperator_left{
	background-color:#fff; box-shadow: 0 0 8px #e2e0e0; padding-top:15px; padding-bottom:20px;
}
.cooperator_left ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-bottom:0px;
}
.cooperator_left li{
	text-align:center; border-bottom:1px #e8e8e8 solid; width:100%; display:table; padding-left:10px; padding-right:10px; padding-bottom:25px; 
}
.cooperator_left img{
	width:100%; max-width:318px; height:230px; margin:0 auto; 
}
.cooperator_left .prev{
	background:url(/public/images/down.jpg) no-repeat; width:37px; height:22px; display:inline-block; margin-top:20px; cursor:pointer;
}
.cooperator_left .next{
	background:url(/public/images/up.jpg) no-repeat; width:37px; height:22px; display:inline-block; margin-bottom:10px; cursor:pointer;
}
.featured_product li{
	border-bottom:0px;
}
.featured_product img{
	margin-bottom:10px;
}
.newslist{
	height:auto; padding-bottom:50px; overflow:hidden;
}
/* .newslist img{
	width:350px; height:220px; float:left; margin-right:40px;
} */
/* .newslist li{
	width:100%; height:auto; display:table; padding-bottom:30px; padding-top:30px; border-bottom:1px #cccccc solid;
} */
/* .newslist a{
	font-size:28px;
} */
.newslist span.date{
	color:#888; display:inline-block; margin-top:20px;
}
/* .newslist p{
	margin-top:30px; line-height:30px;
} */
.newsinfo{
	height:45px; line-height:45px; background-color:#f7f7f7; margin-top:30px; margin-bottom:30px; padding-left:10px; color:#666;
}
.related_news{
	box-shadow: 0 0 10px #dddddd; padding-top:20px;
}
.related_news li{
	height:auto; line-height:30px; border-bottom:1px #ddd solid; background:url(/public/images/arrow.jpg) 10px 15px no-repeat; margin-bottom:15px; padding-bottom:15px;
}
.related_news a{
	padding-left:30px; display:block;
}
.pages{
	margin:0 auto;
	border-top:1px #dddddd dashed; text-align:center; padding-top:10px; padding-bottom:50px;
}
.pages ul{
	list-style-type:none;
	padding:12px 0px 12px 0px;
}
.pages ul span{
	display:inline-block;
	font-family:Tahoma;
	height:40px;
	line-height:40px;
	font-size:16px; margin-left:4px; margin-right:4px;
}
.pages ul span.page-status{
	padding-left:15px; padding-right:15px; border:1px solid #E9E9E9;
}
.pages ul span.page-numbar{
	font-size:16px; margin-right:0px;
}
.pages ul span.page-next{
	margin-left:0px;
}
.pages ul span.page-numbar a{
	font-size:16px; margin-right:8px;
}
.pages ul span a{
	color:#555;
	height:40px;
	line-height:40px;
	padding-left:15px;
	padding-right:15px;
	display:inline-block;
	border:1px solid #E9E9E9; font-size:16px;
}
.pages ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#01A3E4; height:40px; line-height:40px;
	padding-left:15px;
	padding-right:15px; display:inline-block;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#01A3E4;
	padding:0px 4px 0px; padding-left:15px; padding-right:15px;
	font-weight:bold;
	color:#fff;
}
.text-secondary{
       font-size:16px; text-align:center; padding-bottom:50px; height:auto; line-height:30px; overflow:hidden; color:#888; border-bottom:1px #ddd dashed;
}
.botop0{
	border-top:0px;
}
.contactus{
	text-align:left; width:50%;
}
.contactus .title{
	text-align:left;
}
.contactus li{
	height:auto; padding-top:17px; line-height:28px; padding-bottom:17px; font-size:18px; color:#666666;
}
.contactus img{
	vertical-align:middle; margin-right:15px;
}
.contactus a{
	font-size:18px; color:#666666;
}
.contactus a:hover{
	color:#01A3E4;
}
.contactus span{
	font-weight:bolder;
}
.message{
	width:48%;
}
.message .title{
	text-align:left;
}
.con_message_txt{
	width:100%; height:50px; border:1px #e1e1e1 solid; line-height:50px; padding-left:10px; font-size:16px; background-color:#ffffff; margin-top:25px; -webkit-appearance: none; border-radius: 0;
}
.con_message_text{
	width:100%; height:120px; border:1px #e1e1e1 solid; line-height:50px; padding-left:10px; font-size:16px; background-color:#ffffff; margin-top:25px;  -webkit-appearance: none; border-radius: 0;margin-bottom:20px; font-family:Verdana, Geneva, sans-serif;
}
.con_message_yzm_txt{
	width:150px; height:50px; border:1px #e1e1e1 solid; line-height:50px; padding-left:10px; font-size:16px; background-color:#ffffff; -webkit-appearance: none; border-radius: 0;
}
.con_message_sub{
	width:100%; height:48px; line-height:48px; background-color:#01A3E4; border:0px; color:#fff; margin-top:25px; font-size:24px; text-transform:uppercase; cursor:pointer;
}
.checkcode{
	vertical-align:middle; height:50px; width:auto; margin-left:10px; margin-top:0px;
}
.maps{
	margin-bottom:80px;
}
.news_title h1{
	font-size: 30px; font-family: Verdana; font-weight: bold; color: #222222;
}
.newsinfo{
	height:45px; line-height:45px; background-color:#f7f7f7; margin-top:30px; margin-bottom:30px; padding-left:10px; color:#666;
}

@media only screen and (max-width: 1680px) {
.w{
	height:auto; margin-left:80px; margin-right:80px;
}
.nav li{
	margin-left:30px;
}
.search_bnt{
	margin-left:40px;
}
.about_infos h2{
	font-size:40px;
}
.about_infos p{
	margin-top:30px;
}
.pro_title{
	font-size:40px;
}
.advantage span{
	font-size:48px;
}
.products_cat h2{
	font-size: 26px; padding-right:30px;
}
.products_cat h2 a{
	font-size: 26px;
}
.products_cat li{
	line-height:48px;
}
.products_cat li a{
	font-size:20px;
}
.products_pic_title{
	height: 50px; line-height:46px; background: #01A3E4; font-size:22px;
}
.news_hot img{
	margin-right:30px;
}
.news_hot h2 a{
	font-size:20px; line-height:26px; margin-top:20px;
}
.news_hot .date{
	font-size:14px;
}
.news_hot .news_more{
	height:40px; line-height:40px; margin-top:20px;
}
.news_hot .news_more a{
	font-size:18px; line-height:40px;
}
.about_content p{
	margin:0 100px;
}
.left{
	width:24%; height:auto;
}
.right{
	width:74%; height:auto;
}
.com_banner .title h2{
	font-size: 32px;
}
.productlist li img{
	height:270px;

}
.projectlist li img{
	width:100%; height:320px;
}
.cooperator_list li{
	padding-top:0px;
}
}

@media only screen and (max-width: 1440px) {
.w{
	height:auto; margin-left:50px; margin-right:50px;
}
.nav li{
	margin-left:20px;
}
.language ul{
	 right:0px; margin-left:0px; left:auto;
}
.about_infos h2{
	font-size:32px;
}
.about_infos h2{
	font-size:32px;
}
.pro_title{
	font-size:32px;
}
.advantage span{
	font-size:40px;
}
.products_pic_title{
	height: 48px; line-height:44px; font-size:18px;
}
.download{
	margin-top:20px;
}
.products_cat ul{
	margin-top:20px;
}
.products_cat li{
	line-height:40px; background:url(/public/images/procat_libg.jpg) left 24px no-repeat;
}
.products_cat li a{
	font-size:18px;
}
.news_hot p{
	font-size:14px; line-height:24px;
}
.about_content img{
	width:300px; height:auto;
}
.about_content p{
	margin:0 50px;
}
.field_pic{
	width:55%;
}
.field_info{
	width:45%;
}
.field_info li{
	padding-top:10px; padding-bottom:10px;
}
.field_info h2{
	margin-top:10px;
}
.quality .quality_pic{
	padding-top:20px; padding-bottom:25px;
}
.quality .quality_info{
	padding-top:28px; padding-bottom:10px;
}
.quality li:first-child  .quality_info{
	padding-top:18px;
}
.com_cat{
	height: 72px; line-height:72px;
}
.com_cat li{
	height: 72px; line-height:72px;
}
.certification li{
	background:url(/public/images/aboutus_icon01.png) 15px 21px no-repeat #f3f7ff; padding-left:40px;
}
.left{
	width:26%; height:auto;
}
.right{
	width:72%; height:auto;
}
.com_banner .title h2{
	font-size: 26px; line-height:50px; width:980px;
}
.left_cat li{
	 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.title h2{
	font-size: 28px;
}
.products_pics img{
	height:400px;
}
.product_pic_ico_list img{
	width:90px;	height:90px;
}
.productlist li img{
	height:245px;

}
.projectlist li img{
	width:100%; height:280px;
}
}

@media only screen and (max-width: 1280px) {
.w{
	height:auto; margin-left:50px; margin-right:50px;
}
.nav li{
	margin-left:30px;
}
.products_cat li{
	line-height:36px; background:url(/public/images/procat_libg.jpg) left 22px no-repeat;
}
.products_cat li a{
	font-size:16px;
}
.about_content p{
	margin:0 0px;
}
.areabox{
	padding-top:220px; background-color:#f2f2f2;
}
.area_info{
	top:20px;
}
.areabox .area_pic span:nth-of-type(3){
	top:67%
}
.areabox .area_pic span:nth-of-type(6){
	top:90%
}
.areabox .area_pic span:nth-of-type(19){
	left:86.5%;top:33%
}
.areabox .area_pic span:nth-of-type(16){
	top:42%
}
.product_con_title{
	height:56px; line-height:56px;
}
.product_con_title h2{
	height:55px; border-bottom: 1px solid #E1E1E1; padding-left:28px; padding-right:28px; font-size:20px;
}
.product_content{
	padding-left:28px; padding-right:28px; padding-top:30px;
}
.left_title{
	font-size:20px;
}
.videow{
	width:100%; padding-left:50px; padding-right:50px; margin-top:50px;
}
.prodcut_right_l{
	width:100%;
}
.product_right_r{
	width:100%; margin-top:20px;
}
.customer .swiper-slide img{
	width:100%; height:150px; display:block;
}
}

@media only screen and (max-width: 1200px) {
.headbox{
	height:86px;
}
.seabox{
	top:86px;
}
.header{
	height:86px;
}
.madein{
	padding-top:18px;
}
.logo{
	width:110px; padding-top:13px;
}
.nav{
	padding-top:18px;
}
.nav li{
	margin-left:30px;
}
.nav a{
	font-size:16px;
}
.search_bnt{
	margin-top:25px; margin-left:30px;
}
.language{
	margin-left:10px; padding-top:25px; height:86px; background:url(/public/images/down.jpg) right 30px no-repeat; padding-right:24px; -moz-background-size:18px auto;  background-size:18px auto; 
}
.products_cat h2 a{
	font-size: 24px;
}
.pre_next{
	 width:76px; height:38px;
}
.pre_next span{
	 width:38px; height:38px;
}
.newslist img{
	width:35%; height:auto;
}
}

@media only screen and (max-width: 1150px) {
.w{
	height:auto; margin-left:30px; margin-right:30px;
}
.nav li{
	margin-left:20px;
}
.aboutbox{
	padding-bottom:50px;
}
.about_infos{
	width:100%;
}
.video{
	width:100%; margin-top:20px;
}
.products_cat li{
	line-height:24px; margin-bottom:10px; background:url(/public/images/procat_libg.jpg) left 16px no-repeat;
}
.pro_title{
	font-size:26px;
}
.news_cat li{
	padding-left:30px; padding-right:30px;
}
.news_hot img{
	width:40%;
}
.news_hot{
	padding:20px;
}
.news_hot h2 a{
	margin-top:0px;
}
.customerbox{
	padding-top:50px;
}
.copyrights{
	text-align:center; line-height:26px;
}
.copyrights span{
	display:none;
}
.foot_nav{
	width:60%;
}
.foot_nav li{
	margin-bottom:20px;
}
.field_info h2{
	padding-left:30px;
}
.field_info li{
	padding-left:30px;
}
.title h2{
	font-size: 30px;
}
.product_title h1{
	font-size: 30px;
}
.project_title h1{
	font-size: 30px;
}
.area_info{
	width:auto;
}
.com_banner .title h2{
	width:auto;
}
.title h2{
	font-size: 26px;
}
.videow{
	width:100%; padding-left:30px; padding-right:30px; margin-top:30px;
}
}
@media only screen and (max-width: 980px) {
.headbox{
	height:65px;
}
.seabox{
	top:65px;
}
.header{
	height:65px;
}
.logo{
	width:90px; padding-top:6px;
}
.language{
	padding-top:18px; height:65px; background:url(/public/images/down.jpg) right 24px no-repeat; padding-right:24px; -moz-background-size:18px auto;  background-size:18px auto; 
}
.languager ul{
	top:90px;
}
.language:hover ul{
	top:55px;
}
.search_bnt{
	margin-top:18px;
}
.nav{
	width:60%; height:100%; background: rgba(0,0,0,.85); right:-100%; top:0; margin-right:0px; z-index:115; transition: .5s all; overflow-y:auto; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; position:fixed; margin-top:0px;
}
.nav ul{
	margin:0 10px;
}
.nav li{
	margin-left:0px; width:100%; height:auto; line-height:30px; margin-bottom:6px; text-align:left; margin-bottom:10px; background:url(/public/images/down.png) 95% 15px no-repeat;  -moz-background-size:16px auto;  background-size:16px auto;
}
#menu6{
	background:none;
}
.nav a{
	font-size:16px; color:#fff !important; height:40px; line-height:40px; background:none; padding-left:15px;
}
.nav ul li ul.sec-menu {
	position:relative; top:auto; background:none; box-shadow:none; padding-left:10px;
}
.nav ul li.cur ul.sec-menu {
	display:block;
}
.header li:nth-of-type(1){
    background:none;
}
.header li:nth-of-type(1) .pclink{
	display:block;
}
.header li:nth-of-type(1) .mlink{
	display:none;
}
.header li:nth-of-type(5){
    background:none;
}
.header li:nth-of-type(5) .pclink{
	display:block;
}
.header li:nth-of-type(5) .mlink{
	display:none;
}
.header li:nth-of-type(6){
    background:none;
}
.header li:nth-of-type(6) .pclink{
	display:block;
}
.header li:nth-of-type(6) .mlink{
	display:none;
}
.header li:nth-of-type(7){
    background:none;
}
.header li:nth-of-type(7) .pclink{
	display:block;
}
.header li:nth-of-type(7) .mlink{
	display:none;
}
.nav ul li ul.sec-menu li {
	background:url(/public/images/arrow.jpg) 5px center no-repeat;
}
.nav li span{             
    width:0; height: 1px; background:#e9e9e9;
}   
.nav .close a:hover{
	background:none;
}
.nav .pclink{
	display:none;
}
.nav .mlink{
	display:block;
}
.m_nav{
	display:block; float:right; margin-left:25px; padding-top:15px;
}
.m_nav img{
	width:32px; height:auto; display:block;
}
.close{
	display:block; padding-left:10px; padding-top:11px; padding-bottom:6px;
}
.close img{
	width:26px; height:auto;
}
.madein{
	display:none;	
}
.banner .swiper-next{
	right:30px;
}
.banner .swiper-prev{
	left:30px;
}
.shareus{
	display:none;
}
.about_infos h2{
	font-size:26px;
}
.mt80{
	margin-top:20px;
}
.advantage span{
	font-size:32px;
}
.products_cat{
	width:100%; float:none; margin-bottom:40px;
}
.products_pic{
	width:100%; float:none;
}
.news_cat{
	font-size:20px;
}
.news_cat li{
	padding-left:10px; padding-right:10px;
}
.news_cat li img{
	width:30px; height:auto; margin-right:10px;
}
.foot_nav{
	width:100%;	 float:none;
}
.foot_nav li{
	width:50%; border-bottom:1px #393a3a dashed; padding-bottom:20px;
}
.foot_con{
	width:100%; float:none;
}
.areabox .area_pic span:nth-of-type(6){
	top:87%
}
.com_banner .title h2{
	margin:0 50px; line-height:30px; font-size:20px;
}
.left{
	width:100%; margin-bottom:25px;
}
.left_title{
	height:55px; line-height:55px; font-size:20px; text-align:left; padding-left:15px;
}
.left_title span{
	float:right; display:block;
}
.left_title span a{
	color:#fff; font-size:30px; font-weight:normal; padding-left:15px; padding-right:15px;
}
.left_cat{
	 width:100%; box-shadow:none;
}
.featured_product{
	display:none; width:100%; box-shadow:none;
}
.right{
	width:100%;
}
.cooperator_main{
	display:flex; display: -webkit-flex; flex-direction:column-reverse; flex-wrap: wrap; justify-content: space-between; margin-bottom:0px;
}
/*.cooperator_left ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.cooperator_left li{
	width:33.33%; border-right:1px #e8e8e8 solid;
}
.cooperator_left li:nth-child(3n){
    border-right:0px;
}*/
.contactus{
	width:100%; padding-left:15px; padding-right:15px;
}
.contactus li{
	padding-top:12px; padding-bottom:12px;
}
.message{
	width:100%; padding-left:15px; padding-right:15px;
}
.products_pics span{
	display:none;
}
.pdbot20 li{
    width: 48%; padding-top:0px; padding-bottom:15px;
}
.pdbot20 .itemempty{
    width: 48%;
}
/* .newslist a{
	font-size:26px;
} */
.productlist li img{
	height:225px;

}
.field_pic{
	width:100%; margin-bottom:25px;
}
.field_info{
	width:100%;
}
.customer .swiper-slide img{
	width:100%; height:160px; display:block;
}

}
@media only screen and (max-width: 768px) {
.headbox{
	height:50px;
}
.seabox{
	top:50px; height:50px;
}
.seainfo{
	padding-top:8px;
}
.header{
	height:50px;
}
.logo{
	width:50px; padding-top:0px;
}
.language{
	padding-top:12px; height:50px; background:url(/public/images/down.jpg) right 18px no-repeat; padding-right:24px; -moz-background-size:18px auto;  background-size:18px auto; 
}
.languager ul{
	top:85px;
}
.language:hover ul{
	top:50px;
}
.search_bnt{
	margin-top:12px;
}
.m_nav{
	padding-top:10px;
}
.m_nav img{
	width:28px;
}
.banner{
	border-bottom:2px #01A3E4 solid;
}
.banner .pagination {
    bottom: 0px;
}
.banner .swiper-pagination-bullet {
    width: 22px; height: 5px; overflow: hidden; line-height: 999px; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
}
.banner .swiper-next{
	display:none;
}
.banner .swiper-prev{
	display:none;
}
.about_con{
	padding-bottom:10px; margin-top:20px;
}
.about_con span{
	display:block; margin-bottom:15px; font-size:16px;
}
.about_infos p{
	margin-top:15px; line-height:30px;
}
.products_pic{
	border:2px #01A3E4 solid;
}
.pro_color2 .products_pic{
	border:2px #15698c solid;
}
.pro_color3 .products_pic{
	border:2px #2A945C solid;
}
.pro_color4 .products_pic{
	border:2px #708A2A solid;
}
.pre_next{
	 width:60px; height:30px;
}
.pre_next span{
	 width:30px; height:30px;
}
.news_hot h2 a{
	font-size:18px;
}
.customerbox{
	padding-top:30px;
}
.customer{
	padding-top:30px;
}
.customer .swiper-slide{
	padding-bottom:50px; width:29% !important;
}
.customer .swiper-slide img{
	width:100%; height:140px; display:block;
}
.copybox{
	padding-bottom:60px;
}
.rightkf{
	width:100%; height:auto; z-index:111; right:0; _right:0px; bottom:0px; position: fixed; _position: absolute; height:50px; background-color:#333; 
}
.rightkf li{
	float:left; width:20%;border-radius:none;-moz-border-radius:none;-webkit-border-radius:none;-o-border-radius:none; 
}
.rightkf li span{
	display:block;
}
.rightkf a{
	padding-top:30px;
}
.rightkf li.right1{
	background:url(/public/images/right_icon06.png) center 9px no-repeat;-moz-background-size:20px auto;  background-size:20px auto; position:relative;
}
.rightkf li.right2{
	background:url(/public/images/right_icon07.png) center 7px no-repeat;-moz-background-size:20px auto;  background-size:20px auto;
}
.rightkf li.right3{
	background:url(/public/images/right_icon08.png) center 7px no-repeat;-moz-background-size:23px auto;  background-size:23px auto; display:block;
}
.rightkf li.right4{
	background:url(/public/images/right_icon04.png) center 7px no-repeat;-moz-background-size:20px auto;  background-size:20px auto; display:none;
}
.rightkf li.right5{
	background:url(/public/images/right_icon05.png) center 7px no-repeat;-moz-background-size:20px auto;  background-size:20px auto; display:block;
}
.rightkf li.right6{
	background:url(/public/images/right_icon09.png) center 7px no-repeat;-moz-background-size:20px auto;  background-size:20px auto; display:block;
}
.rightkf li.right1 .wechat{
	position:absolute; right:50%; margin-right:-65px; top:auto; bottom:50px; width:0px; height:0px; overflow:hidden;transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all; z-index:111;
}
.rightkf li.right1 .wechat img{
	width:100%; height:auto; display:block;
}
.rightkf li.right1:hover .wechat{
	width:130px; height:130px; border:1px #ddd solid;
}
.rightkf li.right2 .wechat{
	position:absolute; right:50%; margin-right:-65px; top:auto; bottom:50px; width:0px; height:0px; overflow:hidden;transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all; z-index:111;
}
.rightkf li.right2 .wechat img{
	width:100%; height:auto; display:block;
}
.rightkf li.right2:hover .wechat{
	width:130px; height:130px; border:1px #ddd solid;
}
.rightkf li.right6 .righttel{
	display:none;
}
.quality li{
	width:100%;
}
.certification li{
	width:100%;
}
.com_cat{
	height: 55px; line-height:50px;
}
.com_cat li{
	height: 55px; line-height:50px;
}
.com_cat a{
	padding-left:35px; padding-right:35px;
}
.com_cat .cur a{
	border-top:3px #01A3E4 solid; line-height:49px;
}
.product_title h1{
	font-size: 26px;
}
.project_title h1{
	font-size: 26px;
}
/* .newslist a{
	font-size:20px;
} */
.newslist span{
	font-size:14px;
}
/* .newslist p{
	font-size:14px; margin-top:15px; line-height:24px;
} */
.project_banner .title h2{
	font-size:26px;
}
.cooperator_list li{
    width: 48%; padding-top:0px; 
}
.cooperator_list .itemempty{
    width: 48%;
}
.cooperator_list img{
    width: 100% !important; max-width:none;
}
.product_content .video-js{
	width:100%; margin:0 auto;
}
.productlist li img{
	height:180px;
}
.projectlist li img{
	width:100%; height:250px;
}
}

@media only screen and (max-width: 640px) {
.w{
	height:auto; margin-left:15px; margin-right:15px;
}
.nav{
	width:100%;
}
.com_cat li:nth-of-type(3){
    border-right:0px;
}
.language{
	margin-left:5px;
}
.search_bnt{
	margin-top:14px;
}
.search_bnt img{
	width:18px; height:auto;
}
.seainfo{
	width:100%; float:none; margin-right:0px;
}
.about_infos h2{
	font-size:20px;
}
.about_infos li{
	font-size:12px;
}
.about_infos p{
	line-height:28px; font-size:14px;
}
.about_infos img{
	width:55px; height:auto;
}
.advantage{
	margin-left:0px !important; margin-right:0px !important;
}
.advantage li{
	width:50%; padding-top:25px; padding-bottom:25px; padding-left:10px; padding-right:10px;
}
.advantage p{
	min-height:50px;
}
.advantage span{
	font-size:28px;
}
.probox_1{
	padding-top:20px; padding-bottom:20px;
}
.products_cat h2{
	font-size: 20px; line-height:28px !important;
}
.products_cat h2 a{
	font-size: 20px;
}
.products_cat h2 span{
	top:16px;
}
.pro_title{
	font-size:20px; padding-left:10px; padding-right:10px;
}
.mt50{
	margin-top:20px;
}
.download{
	height:42px;
}
.download a{
	line-height:42px;
}
.products_pic_title{
	height: 34px; line-height:32px; font-size:14px; position:inherit; width:100%; font-weight:normal;
}
.news_cat li img{
	display:none;
}
.news_cat li.on .pic2{
	display:none;
}
.news_cat{
	font-size:18px;
}
.news_cat li{
	font-size:16px;
}
.news_hot{
	padding:0px; box-shadow:none;
}
.news_hot img{
	float:none; width:100%; height:auto; margin-right:0px; margin-bottom:10px;
}
.foot_nav li{
	width:100%;
}
.foot_nav li h3{
	margin-bottom:10px;
}
.foot_nav li h3 a{
	font-size:20px;
}
.foot_con h3{
	margin-bottom:10px;
}
.foot_con h3 a{
	font-size:20px;
}
.title h2{
	font-size: 22px; text-align:center;
}
.customer .swiper-slide{
	width:40% !important;
}
.customer .swiper-slide img{
	width:100%; height:120px; display:block;
}
.golden_motto li{
	width:50%; margin-bottom:20px;
}
.areabox{
	padding-top: 0px;
}
.area_pic{
	display:none;
}
.areabox .area_pic_m{
	display:block; margin-top:30px;
}
.area_info{
	position:inherit;
}
.service li{
	width:100%; height:auto; margin-bottom:25px;
}
.quality .quality_pic{
	width:30%; padding-top:35px;
}
.quality .quality_pic img{
	width:70%; height:auto;
}
.quality .quality_info{
	padding-left:18px; padding-top:18px; width:70%;
}
.about_content img{
	width:180px; height:auto; margin-top:15px;
}
.about_content p{
	text-align:left;
}
.com_banner .title{
	top:30%;
}
.com_banner .title h2{
	margin:0 20px; font-size:14px; line-height:22px;
}
.com_cat a{
	padding-left:20px; padding-right:20px; font-size:16px;
}
.productlist{
	padding-left:15px; padding-right:15px;
}
.productlist li{
	width:100%;
}
.productlist .itemempty {
    height: 0px;
    width: 100%; margin-bottom:0px;
}
.productlist li img{
	height:260px;
}
.common{
	margin-left:0px; margin-right:0px;
}
.left_title{
	font-weight:normal;
}
.product_title{
	padding-left:15px; padding-right:15px;
}
.products_pics .pagination {
    bottom: 0px;
}
.products_pics .swiper-pagination-bullet {
    width: 8px; height: 8px; 
}
.prodcut_online{
	padding-left:15px; padding-right:15px;
}
.prodcut_online li{
	height: 46px; overflow:hidden; 
}
.prodcut_online a{
	line-height:46px;
}
.prodcut_online li:last-child{
	margin-right:0px;
}
.share{
	padding-left:15px; padding-right:15px;
}
.product_title h1{
	font-size: 20px;
}
.project_title h1{
	font-size: 20px;
}
.product_content .prodcut_online{
	padding-left:0px; padding-right:0px; margin-top:10px;
}
/*.product_content .prodcut_online li{
	padding-right:0px; width:100%; text-align:center; background:url(/public/images/downbg2.png) 22% center no-repeat #01A3E4; padding-left:0px; 
}*/
.product_con_title h2{
	height:55px; border-bottom: 1px solid #E1E1E1; padding-left:20px; padding-right:20px; font-size:18px;
}
.product_content{
	padding-left:15px; padding-right:15px; padding-top:30px; border:0px;
}
.mesgtxt{
	width:100%;
}
/*.cooperator_left li{
	width:50%; padding-left:10px; padding-right:10px;
}
.cooperator_left li:nth-child(3n){
    border-right:1px #e8e8e8 solid;
}
.cooperator_left li:nth-child(2n){
    border-right:0px;
}*/
.cooperator_list li{
    width: auto;
}
.cooperator_list .itemempty{
    width: 100%;
}
.newslist img{
	width:100%; height:auto; margin-right:0px; margin-bottom:20px;
}
.project_banner .title{
	top:45%;
}
.project_banner .title h2{
	font-size:20px;
}
.field_info h2{
	padding-left:20px;
}
.field_info li{
	padding-left:20px;
}
.videow{
	width:100%; padding-left:15px; padding-right:15px;
}
.product_pic_ico_list{
	width:88%;
}
.products_pics img{
	height:400px; width:100%;
}
.product_pic_ico_list img{
	width:85px;	height:80px;
}
}
@media  (max-width: 375px) {
.news_cat li{
	font-size:14px; padding-left:5px; padding-right:5px;
}
.prodcut_online li{
	padding-right:10px;
}
.com_cat a{
	padding-left:12px; padding-right:12px;
}
.product_pic_ico_list{
	width:86%;
}
.product_pic_ico_list img{
	width:78px;	height:80px;
}
}