body{ font-size:16px;color:#333333; width:100%; font-family:Arial, Helvetica, sans-serif }
span{ line-height:30px}
a{ color:#333333;text-decoration: none}


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

 }
 
  @media screen and (max-width: 768px)
 {
 body{ font-size:12px; font-family:Arial; }
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:1400px; margin:0px auto; height:auto}
.inner_div{ width:1360px; margin:0px auto; height:auto}



 @media screen and (max-width: 768px)
 {
.inner_title{ font-size:35px;!important;}

 }
 
  @media screen and (max-width: 414px)
 {
.inner_title{ font-size:28px!important;}

 }


/*
.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_culture*/

.inner_culture{width: 100%;color: #FFFAFF; padding:0; height:auto }
	

	
.inner_culture .title{height:50px; width:100%; margin:70px auto 0 auto;text-align:center; color:#000; font-weight:bold;text-transform:uppercase}


.inner_culture ul{ margin:10px auto;height:auto }
.inner_culture 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_culture ul li img{ margin:70px 0 40px 0}

.inner_culture ul li h3{ font-size:16px; color:#666666; line-height:30px;text-transform:uppercase}

.inner_culture .hr{height:2px; background-color:#16529b; width:15%;  margin:20px auto;}
.inner_culture span{font-size:14px; color:#adadad; line-height:30px; display:block;  margin:30px auto 60px auto;}

@media screen and (max-width: 1024px){
	
.inner_culture .title{height:50px; width:100%; margin:40px auto 0 auto}
.inner_culture ul li{ width:44%; margin:1.5%  !important; background-color:#FFFFFF; text-align:center; /*border-radius: 10px;*//*box-shadow: 0 2px 6px 2px #e5e5e5;*/}	
.inner_culture ul li img{ margin:20px 0 40px 0}
.inner_culture span{font-size:14px; color:#adadad; line-height:30px; display:block;  margin:10px auto 20px auto;}	
	}
	
	
	


/*公司简介*/
.inner_1{ margin-top:50px;}
.about_wz{ width:42%; margin-top:50px;padding-left:4%}

.about_wz span{ padding-top:20px; display:block; line-height:40px; margin-top:50px} 

.about_wz_t{ font-size:26px!important; font-weight:bold; color:#008de6; border-bottom:1px solid #b0b0b0; line-height:80px}


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


.about_wz .more a{  float:left; padding:7px 22px; font-size:14px; display:block;   color:#fff; background-color:#008ee5} 


.about_pic{ width:50%; margin-bottom:50px}
.about_pic img{ width:100%; height:auto}



.inner_2{ width:100%; margin-top:50px; background:url(../sximg/about.png) no-repeat center bottom;background-size:cover;}


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




@media screen and (max-width: 1680px){
.about_wz{ width:45%; margin-top:50px;padding-left:4%}
.about_wz span{ padding-top:20px; display:block; line-height:40px; margin-top:20px} 

}
@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_2{ margin-top:30px;}
.about_wz{ width:98%; margin-top:0px;padding-left:1%;margin-bottom:20px;}
.about_pic{ width:98%; margin-bottom:50px; display:none}



}

@media screen and (max-width: 768px){
	.inner_2{ margin-top:60px;}
	.about_wz_t{ font-size:22px!important; font-weight:bold; color:#008de6; border-bottom:1px solid #b0b0b0; line-height:50px}
	.about_wz span{ padding-top:10px; display:block; line-height:30px; margin-top:0px} 
	}

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









/*公司简介end*/

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


.title{ width:100%;height:50px; font-size:38px; text-align:center; color:#008ee5; font-weight:bold;text-transform: uppercase;}
/*.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;*/}


@media screen and (max-width: 1024px){
	.inner_3 ul li{ width:44%; margin:1.5% !important; background-color:#FFFFFF; text-align:center; /*border-radius: 10px;*//*box-shadow: 0 2px 6px 2px #e5e5e5;*/}
	}



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


.title{ width:100%;height:50px; font-size:38px; text-align:center; color:#008ee5; font-weight:bold;text-transform: uppercase; margin-top:40px}

}





.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:#fafafa; /*color:#FFFFFF;*/ line-height:50px}
.inner_3 ul li p a{/*color:#FFFFFF;*/}



/*inner_advantge*/

.inner_advantge{
	width: 100%;color: #FFFAFF; padding:0;position: relative; height:760px }
.inner_advantge .bg{position: absolute;z-index:1000; width:100%; background: rgba(1,133,216,0.75);height:760px}

.inner_advantge .img{position: absolute;z-index:1;width:100%;background:url(../sximg/ys_bg.jpg) no-repeat; background-size:cover; height:760px}	
	
.inner_advantge .title{height:50px; width:30%; margin:70px auto 0 auto}



.inner_advantge .title_hr{height:2px; background-color:#fff; width:5%; margin-top:25px }	


.inner_advantge .title_h{ font-size:38px;margin:0px auto; line-height:50px; width:70%;text-align:center; color:#fff; font-weight:bold}

.inner_advantge .title2{height:80px; width:100%;font-size:16px; text-align:center; line-height:80px; text-transform:uppercase}

.inner_advantge .bg ul{ margin:10px auto }
.inner_advantge .bg 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_advantge .bg ul li img{ margin:70px 0 40px 0}

.inner_advantge .bg ul li h3{ font-size:16px; color:#666666; line-height:30px;text-transform:uppercase}

.inner_advantge .hr{height:2px; background-color:#16529b; width:15%;  margin:20px auto;}
.inner_advantge span{font-size:16px; color:#666666; line-height:30px; display:block;width:85%;  margin:30px auto 60px auto;}




@media screen and (max-width: 1024px){
.inner_advantge .title{height:50px; width:60%; margin:70px auto 0 auto}}


@media screen and (max-width: 768px){
.inner_advantge .title{height:50px; width:80%; margin:50px auto 0 auto}
.inner_advantge .title_hr{height:2px; background-color:#000; width:5%; margin-top:25px }	


.inner_advantge .title_h{ font-size:38px;margin:0px auto; line-height:50px; width:70%;text-align:center; color:#000; font-weight:bold}

.inner_advantge{
	width: 100%;color: #333; padding:0;position: static; height:auto }
.inner_advantge .bg{position: static;z-index:1000; width:100%; background:none;height:auto}

.inner_advantge .img{position: static;z-index:1;width:100%;background:none; background-size:cover; height:auto}	


.inner_advantge .bg ul li{ width:44%; margin:0.5% 1.5%!important; background-color:#FFFFFF; text-align:center; /*border-radius: 10px;*//*box-shadow: 0 2px 6px 2px #e5e5e5;*/}
.inner_advantge .bg ul li img{ margin:20px 0 20px 0}

.inner_advantge span{font-size:16px; color:#666666; line-height:30px; display:block;width:85%;  margin:10px auto 20px auto;}

}


@media screen and (max-width: 414px){
.inner_advantge .title{height:50px; width:90%; margin:30px auto 0 auto}
.inner_advantge .title_h{ font-size:38px;margin:0px auto; line-height:50px; width:90%;text-align:center; color:#000; font-weight:bold}
.inner_advantge .title2{height:50px; width:100%;font-size:12px; text-align:center; line-height:50px; text-transform:uppercase}
}






/**inner_advantge end*/

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


.inner_4 .title{ height:50px; width:100%; text-align:center }


.inner_4 .title_h{ font-size:38px;margin:0px auto; line-height:50px; width:70%;text-align:center; color:#fff; font-weight:bold; color:#000000; text-align:center}






.inner_4 .l{ width:57%; margin-right:3%; line-height:80px; font-size:26px;text-transform:uppercase}
.inner_4 .r{width:40%}
.inner_4 .r img{ width:100%}

.server { width:100%; height:auto; margin:80px auto}


@media screen and (max-width: 1024px){
.inner_4{ height:auto; margin-top:0px; padding-top:50px; width:100%; margin:0px auto}
.inner_4 .l{ width:58%; padding-left:1%; margin-right:1%; line-height:60px; font-size:20px;text-transform:uppercase}
.inner_4 .r{width:40%; }
	
	}
	
@media screen and (max-width: 1024px){
.inner_4{ height:auto; margin-top:0px; padding-top:10px; width:100%; margin:0px auto}
.inner_4 .l{ width:98%; padding-left:1%; margin-right:1%; line-height:40px; font-size:20px;text-transform:uppercase}
.inner_4 .r{width:40%; display:none }
.server { width:100%; height:auto; margin:20px auto}	
	}



@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;}









@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}

}


 @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:0%!important; }*/



}
 
@media screen and (max-width: 1024px){
.inner{ width:98%; margin:0px auto }
/*.title_h{font-size:38px!important; width:100%}*/
/*.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-top:40px; padding-top:40px}
.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-top:10px; 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}


}




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




.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:16px!important;}

}



/*底部*/


.inner_foot{width: 100%;color: #dadada; padding:0;position: relative; height:400px }
.inner_foot .bg{position: absolute;z-index:5; width:100%; background: rgba(20,99,170,0.9);height:400px}
.inner_foot .img{position: absolute;z-index:1;width:100%;background:url(../sximg/foot_bg.jpg) no-repeat; background-size:cover; height:400px}	


.inner_foot .bg ul{ width:1360px; margin:70px auto 0px auto; height:auto}

.inner_foot .bg ul li{ border-right:1px solid #e5e5e5; width:20%; padding-left:4%}
.inner_foot .bg ul li h3{  font-size:18px; font-weight:bold}


.inner_foot .bg ul li span{line-height:25px; font-size:12px; padding-left:3%; display:block}

 .ewm{ width:32%!important;  text-align:right}
 .li-border-right{border-right:0px solid #fff!important; width:26%!important; }
 .ewm img{ width:146px;}
 
 
 .li1{ display:block}
 .li2{}
.li3{}


.copyright{ font-size: 14px; color:#CCC; background: #276bab; text-align:center; height:60px; padding-top:20px}

.copyright a{color:#CCC;}

  @media screen and (max-width: 768px){
	  
	  
.inner_foot .bg ul{ width:100%; margin:70px auto 0px auto; height:auto}
	  
	  
	  }

 @media screen and (max-width: 414px){
	 .inner_foot{width: 100%;color: #dadada; padding:0;position: relative; height:320px }
	 .inner_foot .bg ul{ width:100%; margin:30px auto 0px auto; height:auto}
	 .inner_foot .bg{position: absolute;z-index:5; width:100%; background: rgba(20,99,170,0.9);height:320px}
.inner_foot .img{position: absolute;z-index:1;width:100%;background:url(../sximg/foot_bg.jpg) no-repeat; background-size:cover; height:320px}
	 
	 .copyright{ display:none; font-size: 14px; color:#CCC; background: #276bab; text-align:center; height:60px; padding-top:20px}
	 .inner_foot .bg ul li{ border-right:0px solid #e5e5e5; width:98%; padding-left:1%}
	  .li-border-right{border-right:0px solid #fff!important; width:98%!important; padding-left:20px!important; }
	  .ewm{ width:100%!important;  text-align:left; padding-top:10px}
.li1{ display:none}
 .li2{}
.li3{}
.inner_foot .bg ul li span{line-height:25px; font-size:12px; padding-left:0%; display:block}
	 
	 }
	 
	 
	 .inner_foot a{ color:#CCC}