@charset "utf-8";

.nicon-con {  background-color:#fff; margin:60px auto;}
.nicon-con .layout-wrap{width:100%; max-width:1080px;position:relative;margin:0 auto;}
.nicon-con .layout-wrap .layout-3-1{float:left;vertical-align:top;width:16.6666666%;}
.nicon-con .feature-list{margin-top:50px;}
.nicon-con .feature-list .item{position:relative;text-align:center;}
.nicon-con .feature-list .img2{display:none}
.nicon-con .feature-list .item h3{margin-top:10px;font-size:24px;font-weight:normal;color:#9e9f9f;height:32px;line-height:32px;}


.nicon-con .feature-list .item h3 span{ display:block ; font-size:18px;}
.nicon-con .feature-list .item a:hover h3{margin-top:10px;font-size:24px;font-weight:normal;color:#e40012;height:32px;line-height:32px;}

#mainChild6 {
    height: 519px;
	background-color:#e40012;
}


#mainChild6 .content { width:90%; max-width:980px; margin:0 auto;}

#mainChild6  .mainChildTitle  { font: 45px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; 
-webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both; 
text-align:left; color: #fff; font-weight: bold; text-transform: uppercase;
 
 margin:150px auto; 
 

 }
 
 
.main{width:100%;margin:0 auto; position:relative;z-index:9;background-color:#fff ; max-width:1200px;}
 
.main  .title{   font: 50px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both; text-align: center; color: #231815; font-weight: bold; text-transform: uppercase;
 
 margin:80px auto;
}

.main  .content { width:90%; max-width:1000px; background: url(/images/wis01.jpg) no-repeat center top;background-size: 100% auto; background-repeat: no-repeat; margin:0 auto; height:580px;}

.main  .content .txt{    float:right;  width:370px; height:220px; margin:120px 80px auto auto;}


.main  .content .txt  .t  {  font: 40px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;   text-align:left; color: #fff; font-weight: bold; text-transform: uppercase;
 
   }
.main  .content .txt  .e  {    font: 14px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;   text-align: left; color: #fff; font-weight: bold; text-transform: uppercase;
 
 margin:0px auto;   }
.main  .content .txt  .i  {  font: 16px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;   text-align: left; color: #878787;  text-transform: uppercase; line-height:180%;
 
 margin:0px auto;     }

.main  .h-t-t{ margin-top:80px;   } 
.main  .h-t-t01{  font: 50px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both; text-align: center; color: #231815; font-weight: bold; text-transform: uppercase;
 
 
}


.main  .h-t-t02{   font: 20px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; 
-moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both; text-align: center; color: #231815;  text-transform: uppercase;
 
}


.h-t-t .layout-wrap{width:100%; max-width:980px;position:relative;margin:0 auto;}
.h-t-t .layout-wrap .layout-3-1{float:left;vertical-align:top;width:33.3333%;}
.h-t-t .feature-list{margin-top:50px;}
.h-t-t .feature-list .item{position:relative;text-align:center;}
.h-t-t .feature-list .img2{display:none}
.h-t-t .feature-list .item .txt{ font-size:16px;font-weight:normal;color:#989898; line-height:150%;  width:180px; margin:0 auto;}
.h-t-t .feature-list .item a:hover .txt{ font-size:16px; color:#878787; line-height:150%;}

.main  .h-t-t03{  font: 50px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; 
-webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both;
text-align: center; color: #231815; font-weight: bold; text-transform: uppercase; margin-top:100px;
 
 
}


.main  .h-t-t04{   font: 20px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; 
-moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both; text-align: center; color: #231815;  text-transform: uppercase;
 
}

.main  .gd { width:100% ; max-width:1080px;  margin:50px auto;}

 
.main  .gd .gdc{position:relative;width:400px;height:410px;margin:80px auto 0 80px; float:left;}
.main  .gd .gdc .quan{position:absolute;width:220px;height:220px;background:url(../images/quan.png) no-repeat;background-size:100% 100%;text-align:center;font-size:24px;color:#fff;}
.main  .gd .gdc .quan .titleEn{letter-spacing:0.12em;margin-top:84px;font-family:'MyriadPro-Cond_0'; font-weight:100; font-stretch:condensed;}
.main  .gd .gdc .quan .titleCh{font-family:'Noto Sans S Chinese Light','NotoSansHans-Light','微软雅黑';font-weight:100;}
.main  .gd .gdc .quan#quan1{top:0px;left:90px;}
.main  .gd .gdc .quan#quan2{top:160px;left:0px;}
.main  .gd .gdc .quan#quan3{top:160px;left:180px;}
.main  .gd .gdc .quan#quan4{top:90px;left:90px;background:none;}

.main  .gd .inf{position:relative;width:450px;height:410px;margin:180px auto 0 80px; float:right; line-height:180%}
.main  .gd .inf .t{  font:24px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;   text-align:left; color: #231815; font-weight: bold; text-transform: uppercase; margin-bottom:20px;}
 
 
.main .service { width:100%; max-width:1200px; margin:0 auto; }
.main .service .title{   font: 60px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both; text-align: center; color: #231815; font-weight: bold; text-transform: uppercase;}
 
 
 
.cust{width:100%;margin:50px auto;position:relative;z-index:10;background-color:#fff; max-width:1000px;}
.cust .title{  font: 60px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;-webkit-animation: fadeleft .8s .3s ease both;-ms-animation: fadeleft .8s .3s ease both;-moz-animation: fadeleft .8s .3s ease both;animation: fadeleft .5s .3s ease both;text-align: center;color: #231815;font-weight: bold;text-transform: uppercase;margin:0px auto 70px;}

.cust ul{width:100%;overflow:hidden;zoom:1;}
.cust li{width:19.99%;margin:0px 0px 25px 0px;display:inline;float:left;line-height:20px;}
.cust li img{display:block;border:1px solid #dbdbdb;width:95%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.cust li a:hover img{-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}


  
 
/* 小于 1920px  */
@media screen and (max-width:1920px) { }

/* 小于 1440px  */
@media screen and (max-width:1440px) {}


/* 小于 1200px  */
@media screen and (max-width:1200px) {}


/* 小于 750px  */
@media screen and (max-width:750px) {
 
 
.nicon-con {  background-color:#fff; margin:10px auto;}
.nicon-con .layout-wrap{width:100%; max-width:1080px;position:relative;margin:0 auto;}
.nicon-con .layout-wrap .layout-3-1{float:left;vertical-align:top;width:33.333333%;}
.nicon-con .feature-list{margin-top:10px;}
.nicon-con .feature-list .item{position:relative;text-align:center; margin-bottom:36px;}
.nicon-con .feature-list .img2{display:none}
.nicon-con .feature-list .item h3{margin-top:10px;font-size:15px;font-weight:normal;color:#9e9f9f;height:32px;line-height:150%;}

.nicon-con .feature-list .item img {  width:60%}



.nicon-con .feature-list .item h3 span{ display:block ; font-size:15px;}
.nicon-con .feature-list .item a:hover h3{margin-top:10px;font-size:15px;font-weight:normal;color:#e40012;height:32px;line-height:150%;}


#mainChild6 {
    height: 320px;
	background-color:#e40012;
}


#mainChild6 .content { width:90%; margin:0 auto;}

#mainChild6  .mainChildTitle  { font: 32px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; 
-webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both; 
text-align:left; color: #fff; font-weight: bold; text-transform: uppercase;
 
 margin:100px auto; 
 

 }



 
 
 
.main  .title{   font: 30px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both; text-align: center; color: #231815; font-weight: bold; text-transform: uppercase;
 
 margin:20px auto;
}

.main  .content { width:90%; max-width:1000px; background: url(/images/wis01.jpg) no-repeat center top;background-size: 100% auto; background-repeat: no-repeat; margin:0 auto; height:230px;}

.main  .content .txt{    float:right;  width:80%;   margin:20px 20px auto auto;}


.main  .content .txt  .t  {  font: 28px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;   text-align:left; color: #fff; font-weight: bold; text-transform: uppercase;
 
   }
.main  .content .txt  .e  {    font: 14px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;   text-align: left; color: #fff; font-weight: bold; text-transform: uppercase;
 
 margin:0px auto;   }
.main  .content .txt  .i  {  font: 13px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;   text-align: left; color: #878787;  text-transform: uppercase; line-height:180%;
 
 margin:0px auto;     }

.main  .h-t-t{ margin-top:10px;   } 
.main  .h-t-t01{  font: 30px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both; text-align: center; color: #231815; font-weight: bold; text-transform: uppercase;
 
 
}


.main  .h-t-t02{   font: 18px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; 
-moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both; text-align: center; color: #231815;  text-transform: uppercase;
 
}


.h-t-t .layout-wrap{width:100%; max-width:980px;position:relative;margin:0 auto;}
.h-t-t .layout-wrap .layout-3-1{float:left;vertical-align:top;width:33.3333%;}
.h-t-t .feature-list{margin-top:50px;}
.h-t-t .feature-list .item{position:relative;text-align:center;}
.h-t-t .feature-list .img2{display:none}
.h-t-t .feature-list .item .txt{ font-size:13px;font-weight:normal;color:#989898; line-height:150%;  width:90%; margin:0 auto;}


.h-t-t .feature-list .item a:hover .txt{ font-size:13px; color:#878787; line-height:150%;width:90%;}
.h-t-t .feature-list .item img{ width:80%;}
.main  .h-t-t03{  font: 32px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; 
-webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both;
text-align: center; color: #231815; font-weight: bold; text-transform: uppercase; margin-top:50px;
 
 
}


.main  .h-t-t04{   font: 20px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; 
-moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both; text-align: center; color: #231815;  text-transform: uppercase;
 
}

.main  .gd { width:100% ; max-width:1080px;  margin:50px auto;}

.main  .gd  .lpic{ width:100%; margin:0 auto;}
.main  .gd .gdc{position:relative;width:80%;height:410px;margin:0px 0px; }

.main  .gd .gdc .quan{position:absolute;width:190px;height:190px;background:url(../images/quan.png) no-repeat;background-size:100% 100%;text-align:center;font-size:24px;color:#fff;}
.main  .gd .gdc .quan .titleEn{letter-spacing:0.12em;margin-top:84px;font-family:'MyriadPro-Cond_0'; font-weight:100; font-stretch:condensed;}
.main  .gd .gdc .quan .titleCh{font-family:'Noto Sans S Chinese Light','NotoSansHans-Light','微软雅黑';font-weight:100;}



.main  .gd .gdc .quan#quan1{top:0px;left:80px;}
.main  .gd .gdc .quan#quan2{top:140px;left:0px;}
.main  .gd .gdc .quan#quan3{top:140px;left:160px;}
.main  .gd .gdc .quan#quan4{top:80px;left:80px;background:none;}

.main  .gd .inf{position:relative;width:100%;height:auto;margin:20px auto ; float:right; line-height:180% ; text-align:center; font-size:13px;}
.main  .gd .inf .t{  font:20px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;  text-align:center; color: #231815; font-weight: bold; text-transform: uppercase; margin-bottom:20px;}
 
 
.main .service { width:100%; max-width:1200px; margin:0 auto; }
.main .service .title{   font:30px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both; text-align: center; color: #231815; font-weight: bold; text-transform: uppercase;}
 
.main .service  img{ width:100%;}
 
.cust{width:100%;margin:50px auto;position:relative;z-index:10;background-color:#fff; max-width:1000px;}
.cust .title{  font: 36px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;-webkit-animation: fadeleft .8s .3s ease both;-ms-animation: fadeleft .8s .3s ease both;-moz-animation: fadeleft .8s .3s ease both;animation: fadeleft .5s .3s ease both;text-align: center;color: #231815;font-weight: bold;text-transform: uppercase;margin:0px auto 20px;}

.cust ul{width:90%;overflow:hidden;zoom:1; margin:0 auto;}
.cust li{width:19.99%;margin:0px 0px 25px 0px;display:inline;float:left;line-height:20px;}
.cust li img{display:block;border:1px solid #dbdbdb;width:95%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.cust li a:hover img{-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}




}