body{ font-size:16px; font-family:微软雅黑; color:#333333; width:100% }
span{ line-height:30px}
a{ color:#333333;text-decoration: none}


 @media screen and (max-width: 1440px)
 {
 body{ font-size:14px; font-family:微软雅黑; }
span{ line-height:28px}

 }
 
  @media screen and (max-width: 768px)
 {
 body{ font-size:12px; font-family:微软雅黑; }
span{ line-height:28px}

 }

*{ margin:0; padding:0; -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;   -o-box-sizing: border-box;    -ms-box-sizing: border-box;
box-sizing: border-box;  }

ul,li{ list-style:none; border:0; margin:0; padding:0;}

/*弹性盒子*/

.flex{ display: flex; justify-content:safe center;flex-wrap:wrap}

.flex-left{display:flex;flex-direction:row;flex-wrap:wrap}


.flex-right{display:flex;flex-direction:row-reverse;flex-wrap:wrap}

.flex-center{display:flex;justify-content:center;}

.flex-liangduan{display:flex;justify-content:space-between;flex-wrap:wrap}

/*清空样式*/
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}


/*页面宽度*/
.inner{ width:1550px; margin:0px auto; height:auto}
/*
.inner ul{ width:1200px; margin:0px auto; background:#fff; height:auto;padding-top:130px}

.inner ul li{background:#000; height:auto; width:33%; margin:30px 0; float:left }

.inner ul li img{ width:100%; height:auto}*/

/*公司简介*/
.inner_1{ margin-top:50px;}


@media screen and (max-width: 1680px){}
@media screen and (max-width: 1440px){}
@media screen and (max-width: 1336px){}
@media screen and (max-width: 1280px){}
@media screen and (max-width: 1024px){.inner_1{ margin-top:30px;}}
@media screen and (max-width: 768px){}

@media screen and (max-width: 414px){
}

.about_wz{ width:60%; margin-top:50px}

.about_wz span{ padding-top:20px; display:block; padding-right:7%}



@media screen and (max-width: 1024px){
.about_wz{ width:100%; margin-top:50px}
.about_wz span{ padding-top:20px; display:block; padding-right:0%}


}


.about_wz_t{ font-size:26px!important; font-weight:bold}

.about_title_en{ background:url(../sximg/about_title.png) no-repeat left center; height:50px; line-height:50px; font-size:16px; font-family:Arial, Helvetica, sans-serif; padding-left:140px;}
.about_wz span{ line-height:30px;} 

.about_wz .more{ width:100%; height:30px; margin-top:20px }


.about_wz .more a{  float:right; padding:5px 10px; font-size:14px; display:block; border:1px solid #666666; margin-right:7%; color:#333333} 


.about_pic{ width:40%;margin-top:0px}
.about_pic img{ width:100%; height:auto}


.inner_2{ width:100%; margin-top:50px;}
.inner_2 ul{}
.inner_2 ul li{ width:25%; margin:1%:}
.inner_2 ul li img{ width:100%; height:auto}

/*公司简介end*/

/*产品列表*/
.inner_3{ background:#fafafa; height:auto; margin-top:50px; padding-top:50px}


.inner_3 .title{ height:50px;position: relative; }
.inner_3 .title_hr{position: absolute;z-index:1; top:45%; height:2px; background-color:#676767; width:20%; margin-left:40%}
.inner_3 .title_h{position: absolute; z-index:1000; font-size:28px;margin:0px auto; background-color:#fafafa;line-height:50px; width:10%;margin-left:45%; text-align:center; color:#000; font-weight:bold}
.inner_3 .title_wz{font-size:18px;color:#676767; text-align:center; line-height:30px}
.inner_3 ul{ margin:50px auto 50px auto;}
.inner_3 ul li{ width:22%; margin:1.5% !important; background-color:#FFFFFF; text-align:center; /*border-radius: 10px;*/box-shadow: 0 2px 6px 2px #e5e5e5;}








.inner_3 ul li .cp_bg { width:100%; height:250px; vertical-align: middle;
    display: table-cell;
    text-align: center;
}



@media screen and (max-width: 1680px){.inner_3 ul li .cp_bg { width:100%; height:250px;}}
@media screen and (max-width: 1440px){.inner_3 ul li .cp_bg { width:100%; height:250px;}}
@media screen and (max-width: 1336px){.inner_3 ul li .cp_bg { width:100%; height:250px;}}
@media screen and (max-width: 1280px){.inner_3 ul li .cp_bg { width:100%; height:250px;}}
@media screen and (max-width: 1024px){.inner_3 ul li .cp_bg { width:100%; height:250px;}}
@media screen and (max-width: 768px){.inner_3 ul li .cp_bg { width:100%; height:140px;}}

@media screen and (max-width: 414px){

.inner_3 ul li .cp_bg { width:100%; height:120px; vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.inner_3 ul li{ width:48%; margin:1% !important; background-color:#FFFFFF; text-align:center; /*border-radius: 10px;*/box-shadow: 0 2px 6px 2px #e5e5e5;}
}



.inner_3 ul li .cp_bg img{ width:70%; height:auto}

.inner_3 ul li p{ background-color:#ababac; color:#FFFFFF; line-height:40px}
.inner_3 ul li p a{color:#FFFFFF;}



/*inner_advantge*/

.inner_advantge{
	width: 100%; background: #0185D8;color: #FFFAFF;height:600px; padding:50px 0;}
	
	
.inner_advantge_title{font-size: 25px; line-height:30px
}
.inner_advantge_en{font-size: 14px; line-height:30px; font-family:Arial
}


.advantge_tab{width: 1200px; height:auto;position: relative; margin:0px auto}
.advantge_tab_bg{position: absolute;z-index:1; width:50%; }
.yanse{ width:80%; height:490px; background-color:#226bd2; float:right}

/*@media screen and (max-width: 1680px){
.advantge_tab{width: 1000px; height:auto;position: relative; margin:0px auto}
.yanse{ width:80%; height:auto; background-color:#226bd2; float:right}
}*/

.advantge_tab_wz{position: absolute;z-index:2; margin-top:50px; width:100%; height:490px}
.advantge_tab_wz h4{ font-size:24px;background:url(../sximg/ysarr.png) no-repeat; padding-left:45px; height:35px; line-height:32px}

.advantge_tab_wz .pic_wz{ width:100%; height:auto; margin:40px 0}




.advantge_tab_wz .img1{ width:50%; text-align:right;}
.advantge_tab_wz .img img{ width:80%!important;}
.advantge_tab_wz .wz{ width:48%; padding-left:2%}
.advantge_tab_wz .wz h4{font-size:20px; background:none; padding-left:0}
.advantge_tab_wz .wz  p{margin-top:13px; line-height:26px;font-size: 14px; width:99%!important;}


.advantge_tab_wz .wz .more{ width:100px;margin-top:16px; height:30px; background:#000000; text-align:center; line-height:30px}
.advantge_tab_wz .wz .more a{ color:#FFFFFF; font-size:12px}
.advantge_tab_list{ width:100%!important; height:auto}

.advantge_tab_list p{ width:30%!important; margin:0 1%; float:left; background-color:#009cff; height:30px; text-align:center; line-height:30px;font-size: 14px;}
.advantge_tab_list .p1{background-color:#EAEFF3; color:#000000}	
@media screen and (max-width: 1024px){

.advantge_tab_wz .pic_wz{ width:90%; height:auto; margin:40px 0}
.advantge_tab_wz .wz  p{margin-top:13px; line-height:26px;font-size: 14px; width:91%!important;}
.advantge_tab_list{ width:89%!important; height:auto}
}

.advantge1{
	display: none;
}
.advantge2{
	display: none;
}
/**inner_advantge end*/

/*new 列表*/
.inner_4{ height:auto; margin-top:0px; padding-top:50px}


.inner_4 .title{ height:50px;position: relative; }
.inner_4 .title_hr{position: absolute;z-index:1; top:45%; height:2px; background-color:#676767; width:20%; margin-left:40%}
.inner_4 .title_h{position: absolute; z-index:1000; font-size:28px;margin:0px auto; background-color:#fff;line-height:50px; width:10%;margin-left:45%; text-align:center; color:#000; font-weight:bold}



.inner_4 .title_wz{font-size:18px;color:#676767; text-align:center; line-height:30px}



.inner_4 ul{ margin:30px auto 30px auto;}
.inner_4 ul li{ width:23%; margin:1% !important; background-color:#FFFFFF; text-align:center; /*border-radius: 10px;*/box-shadow: 0 2px 6px 2px #e5e5e5; padding:1%}


@media screen and (max-width: 1024px){

.inner_4 ul li{ width:48%;}



}
@media screen and (max-width: 768px){

.inner_4 ul li{  padding-bottom:20px}

}
@media screen and (max-width: 414px){

.inner_4 ul li{ width:98%; margin-bottom:20px!important; padding-bottom:20px}



}



.inner_4 ul li .cp_bg { width:100%; height:auto; vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.inner_4 ul li .cp_bg img{ width:100%; max-height:150px}

.inner_4 ul li .title{  width:100%;height:70px; margin-top:4%}
.inner_4 ul li .title .l{width:19%;height:70px; background:#cccccc; text-align:center; line-height:35px; color:#FFFFFF}
.inner_4 ul li .title .l .year{ width:100%;height:35px;background:#009cff;}
.inner_4 ul li .title .l .tian{width:100%;height:35px;}


.inner_4 ul li .title .r{ width:81%; height:70px; padding-left:15px; text-align:left;}

.inner_4 ul li .title .r p{height:28px; overflow:hidden; line-height:28px}
.inner_4 ul li .title .r span{ font-size:14px; line-height:25px }



.inner_4 ul li p a{color:#FFFFFF;}






/*合作伙伴*/
.inner_5{ background:#fafafa; height:auto; margin:50px 0 0 0; padding-top:50px}


.inner_5 .title{ height:50px;position: relative; }
.inner_5 .title_hr{position: absolute;z-index:1; top:45%; height:2px; background-color:#676767; width:20%; margin-left:40%}
.inner_5 .title_h{position: absolute; z-index:1000; font-size:28px;margin:0px auto; background-color:#fafafa;line-height:50px; width:14%;margin-left:43%; text-align:center; color:#000; font-weight:bold}



.inner_5 .title_wz{font-size:18px;color:#676767; text-align:center; line-height:30px}



.inner_5 ul{ margin:50px auto 50px auto; border:1px solid #CCCCCC;border-top:0px solid #CCCCCC; border-right:0px solid #CCCCCC;width:1550px; height:500px}

.inner_5 ul li{ width:20%;text-align:center; border-top:1px solid #CCCCCC;border-right:1px solid #CCCCCC; background-color:#FFF}
.li5{border-right:0px solid #CCCCCC!important;}

.inner_5 ul li div{position: relative;}
.inner_5 ul li div .mask{position: absolute;z-index:1000; width:100%;height:250px; background-color:#333333;opacity: 0;}
.inner_5 ul li div .mask:hover{opacity: 0.1;} 
.inner_5 ul li div .img{position: absolute;z-index:1;width:100%;}


@media screen and (max-width: 1680px){
.inner{ width:1300px; }

.title_h{font-size:24px!important;}

.inner_3{ margin-top:40px; padding-top:40px}
.inner_3 ul{ margin:40px auto 40px auto}


.inner_4{ margin-top:40px; padding-top:40px}
.inner_4 ul{ margin:40px auto 40px auto}



.inner_5{ margin:40px 0 0 0 ; padding-top:40px}
.inner_5 ul{  width:1200px; height:400px;margin:40px auto 40px auto}
.inner_5 ul li div .mask{height:200px;}
.inner_5 ul li img{ width:90%; height:auto}

}


 @media screen and (max-width: 1440px)
 {
.inner{ width:1200px;}
 }
 @media screen and (max-width: 1440px)
 {

 .title_hr{ width:50%!important; margin-left:25%!important;}
.title_h{ width:24%!important;margin-left:38%!important; }}
 
@media screen and (max-width: 1024px){
.inner{ width:98%; margin:0px auto }
.title_h{font-size:16px!important;}
.title_wz{font-size:14px!important;}
.about_title_en{ display:none}
.about_pic{ width:100%; margin-top:20px}
.inner_3{ margin-top:30px; padding-top:30px}
.inner_3 ul{ margin:30px auto 30px auto:}

.inner_4{ margin-top:30px; padding-top:30px}
.inner_4 ul{ margin:30px auto 30px auto}


.inner_5{ margin:30px 0 0 0; padding-top:30px}
.inner_5 ul{  width:100%; height:360px;margin:40px auto 40px auto}
.inner_5 ul li div .mask{height:150px;}
.inner_5 ul li img{ width:90%; height:auto}
}

@media screen and (max-width: 768px){
.about_wz span{ padding-top:20px; display:block; padding-right:0%}
.inner_3{ margin-top:10px; padding-top:10px}
.inner_3 ul{ margin:10px auto 10px auto}

.inner_4{ margin-top:10px; padding-top:10px}
.inner_4 ul{ margin:10px auto 10px auto}


.inner_5{ margin:10px 0 0 0; padding-top:10px}

.inner_5 ul li{ width:50%;}

.inner_5 ul{  width:100%; height:1410px;margin:40px auto 40px auto}
.inner_5 ul li div .mask{height:160px;}
.inner_5 ul li img{ width:80%; height:auto}
.inner_advantge{ display:none}

}




@media screen and (max-width: 414px){
.about_title_en{ display:none}


.title_hr{ width:60%!important; margin-left:20%!important;}
.title_h{ width:50%!important;margin-left:25%!important; }

.inner_5 ul{  width:100%; height:760px;margin:40px auto 40px auto}
.inner_5 ul li div .mask{height:160px;}
.about_wz_t{ font-size:20px!important;}

}



/*底部*/
.footer{ background: #222222; width:100%}
.footer .div1{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #313131; padding-bottom: 20px;}
.footer .div1 p a{ color: #fff; font-size: 16px; display: inline-block; padding-left: 60px; transition: all 0.6s;}
.footer .div1 p a:hover{ transform: translateY(5px); color: #D08F2E;}
.footer .div2{ display: flex; justify-content: space-between;  padding-top: 30px;}
.footer .div2 .index_addr{ color:#FFFFFF; line-height:30px}
.footer .div2 p a{ color: #fff; font-size: 16px; display: inline-block; padding-right: 40px;transition: all 0.6s;}
.footer .div2 p a:hover{ transform: translateY(5px); color: #D08F2E;}
.footer .div2 p{ color: #535353; font-size: 14px; line-height: 36px; }
.footer .div2 .p2{ margin-top: 0px; }
.footer .div2 .code{ display: flex;}
.footer .div2 .code img{ width:100%; height:auto}
.footer .div2 .code p{ text-align: center; font-size: 14px; color: #535353;}
.footer .code div{ margin-left: 15px;}

.copyright{ font-size: 14px; color:#CCC; background: #222222; padding: 20px 80px;  border-top: 1px solid #313131; text-align:center}

.copyright a{color:#CCC;}

 
@media screen and (max-width: 768px){
	
	.footer .div1 p{ display:none}
	.footer .div1 img{ width:80%!important;}
	.copyright{ font-size: 14px; color:#CCC; background: #222222; padding: 20px 20px;  border-top: 1px solid #313131; text-align:center}
	
	}
	
	 @media screen and (max-width: 414px){
		 .footer .div1{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #313131; padding-bottom: 0px;}
			
			.footer .div1 img{ width:80%}
			
			.copyright a{ display:none}
			
			}