@charset "utf-8";

.nicon-con {  background-color:#fff; margin:60px auto;}
.nicon-con .layout-wrap{width:100%; max-width:880px;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: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;}


.contactTable  { width:100% ; max-width:880px; margin:50px auto;}

.contactTable  .title1{ 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 0  auto; line-height:200%;   }
 
.contactTable  .title2{ font: 24px "微软雅黑", '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: #727171; font-weight: bold; text-transform: uppercase;
 
  
 margin:0px auto;   }
 
 
.contactTable .ifrom{width:600px; margin:80px  auto;}

.contactTable .ifrom .line .inputText{color:#8D8D8D;font-size:18px;border:0px;background:#f3f3f3;padding:0 18px;width:480px;height:53px;margin:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}

.contactTable .ifrom .line .textArea{color:#8D8D8D;font-size:18px;border:0px;background:#f3f3f3;padding:18px;width:480px;height:200px;margin:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}

.contactTable .ifrom .line .inputBtn{width:515px;cursor:pointer;height:50px;background:#fff;color:#FF0000;font-size:22px;border:2px solid #e50012;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}

.contactTable .ifrom .line .inputBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.contactTable .ifrom .line .inputBtn:hover{background:#e50012;color:#fff;}




.contactTable .ifrom .title{font-size:24px;}

.contactTable .ifrom .line{padding:4px 0;}

.contactTable .ifrom .line .inputText{width:564px;font-size:14px;}

.contactTable .ifrom .line .textArea{width:564px;height:273px;font-size:14px;}

.contactTable .ifrom .line .inputBtn{width:600px;font-size:17px;}




.contactTable  .title3{ 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 30px  auto; line-height:200%;   }
 
.contactTable  .title4{ 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:0px auto;   }
 
 
.contactTable .address {width:80%; margin:20px  auto 40px auto;}
.contactTable .address .dt { width:50% ; float:left; font: 20px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; }
.contactTable .address .zj { width:50% ; float:right; font: 20px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;  }

.contactTable .address .dt  i{ width:30px; height:30px; margin-right:5px;   display:block; background:url(../images/mapicon01.jpg); float:left;}
.contactTable .address .zj  i{ width:30px; height:30px; margin-right:5px;  display:block;  background:url(../images/mapicon02.jpg); float:left;}

.contactTable .address .dt .info{ display:inline-block;}
.contactTable .address .zj .info{ display:inline-block;}

#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:0px 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:40px 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:50px;}
.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:18px;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;}

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


  
.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: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);}

 

.contactTable  .title1{ font: 28px "微软雅黑", '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:10px auto 0  auto; line-height:150%;   }
 
.contactTable  .title2{ 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: #727171; font-weight: bold; text-transform: uppercase;
 
  
 margin:0px auto;   }
 
  
.contactTable .ifrom{width:80%; margin:20px  auto;}

.contactTable .ifrom .line .inputText{color:#8D8D8D;font-size:18px;border:0px;background:#f3f3f3;padding:0 18px;width:480px;height:53px;margin:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}

.contactTable .ifrom .line .textArea{color:#8D8D8D;font-size:18px;border:0px;background:#f3f3f3;padding:18px;width:480px;height:200px;margin:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}

.contactTable .ifrom .line .inputBtn{width:80%;cursor:pointer;height:50px;background:#fff;color:#FF0000;font-size:22px;border:2px solid #e50012;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}

.contactTable .ifrom .line .inputBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.contactTable .ifrom .line .inputBtn:hover{background:#e50012;color:#fff;}




.contactTable .ifrom .title{font-size:24px;}

.contactTable .ifrom .line{padding:4px 0;}

.contactTable .ifrom .line .inputText{width:90%;font-size:14px;}

.contactTable .ifrom .line .textArea{width:90%;height:273px;font-size:14px;}

.contactTable .ifrom .line .inputBtn{width:100%;font-size:17px;}

.contactTable  .title3{ 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:10px auto 5px  auto; line-height:200%;   }
 
.contactTable  .title4{ 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; font-weight: bold; text-transform: uppercase;
 
  
 margin:0px auto;   }
 
.contactTable .address .dt .info{ display:inline-block; font-size:10px;}
.contactTable .address .zj .info{ display:inline-block;font-size:10px;}



}