@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:1080px; 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: 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;   text-transform: uppercase;
 
  
 margin:0px auto;   }
 
.contactTable  .title3{ 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: #727171; font-weight: bold; text-transform: uppercase;
 
  
 margin:15px auto;   }
 
 
 
 
 

 
.contactTable .jobscon{padding:50px 0 80px 0;  text-align:center;}

.contactTable .jobscon .child{ width:224px;height:252px;margin:18px 18px;display:inline-block;*display:inline;*zoom:1;background:#231815;}

.contactTable .jobscon .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.contactTable .jobscon .child .childTitle{color:#fff;font-size:24px;line-height:46px;margin-top:28px;}

.contactTable .jobscon .child .childTitleEn{line-height:36px;color:#fff;font-size:24px;font-family: 'MyriadPro-Regular_0'; height:72px;}

.contactTable .jobscon .child .childSub{width:52px;height:2px;background:#e60012;margin:36px auto 22px auto;}

.contactTable .jobscon .child .childMun{line-height:32px;color:#fff;font-size:18px;}

.contactTable .jobscon .child:hover{ background:#e60012;}

.contactTable .jobscon .child:hover .childTitle{color:#fff;}

.contactTable .jobscon .child:hover .childTitleEn{color:#fff;}

.contactTable .jobscon .child:hover .childSub{background:#fff;}

.contactTable .jobscon .child:hover .childMun{color:#fff;}



.about-content{     background: #fff;
    padding-top: 50px;
    padding-bottom: 100px; width:100%; max-width:1080px; margin:0 auto;}
	
.about-content p{ text-align:center;  margin-bottom:50px; font-size:20px;}
.about-content .step-title{   font: 40px "微软雅黑", '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;
}

.about-content .c-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:80px auto  30px  auto;
}




.about-content .step-row { width:100%;}


.about-content .step-row  li 	{ width:100%;}

.about-content .step-row  li .fl { width:50%; float:left}

.about-content .step-row  li .fr { width:50%; float:right;  }

.about-content .step-row  li  .text { width:95%;}
.about-content .step-row  li  .mt0 { margin-top:100px;}
.about-content .step-row  li  .mt1 { margin-top:60px;}


.about-content .step-row  li .fr .text { float:right;}
.about-content .step-row  li .fr img { float:right;}




.about-content .step-row  li h4{
    font-size: 28px;
    color: #333;
    font-weight: 800;
}

.about-content .step-row  li p{
    margin-top: 10px;
    font-size: 14px;
    color: #666;
	text-align:left
}

 
 
.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 .foot{text-align:center; width:100%; max-width:900px; margin:0 auto;}

.main .foot .ftitle{  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  20px auto; }
 
 
.main .foot .ftitle1{  font: 16px "微软雅黑", '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;   text-transform: uppercase;
 
 margin:30px auto; } 
 
.main .foot .ftitle2{  font: 16px "微软雅黑", '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;font-weight: bold; 
 
 margin:30px auto; } 
 
 .main .foot .fimg { width:100%; margin:30px auto;}
 
 
.main .foot .child{width:760px;height:103px;border:1px solid #686868;margin:0 auto;color:#434343;font-size:18px;}

.main .foot .child .one{line-height:103px;}

.main .foot .child .two{height:64px;line-height:32px;margin-top:18px;}

.main .foot .pointer{margin:30px 0 20px 0;}


.main .foot .ftitle3{  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:0px auto  20px auto; }
 
 
/* 小于 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: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:1080px; 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: 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;   text-transform: uppercase;
 
  
 margin:0px auto;   }
 
.contactTable  .title3{ 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: #727171; font-weight: bold; text-transform: uppercase;
 
  
 margin:15px auto;   }
 
 
 
 
 

 
.contactTable .jobscon{padding:50px 0 80px 0;  text-align:center;}

.contactTable .jobscon .child{ width:224px;height:252px;margin:18px 18px;display:inline-block;*display:inline;*zoom:1;background:#231815;}

.contactTable .jobscon .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.contactTable .jobscon .child .childTitle{color:#fff;font-size:24px;line-height:46px;margin-top:28px;}

.contactTable .jobscon .child .childTitleEn{line-height:36px;color:#fff;font-size:24px;font-family: 'MyriadPro-Regular_0'; height:72px;}

.contactTable .jobscon .child .childSub{width:52px;height:2px;background:#e60012;margin:36px auto 22px auto;}

.contactTable .jobscon .child .childMun{line-height:32px;color:#fff;font-size:18px;}

.contactTable .jobscon .child:hover{ background:#e60012;}

.contactTable .jobscon .child:hover .childTitle{color:#fff;}

.contactTable .jobscon .child:hover .childTitleEn{color:#fff;}

.contactTable .jobscon .child:hover .childSub{background:#fff;}

.contactTable .jobscon .child:hover .childMun{color:#fff;}



.about-content{     background: #fff;
    padding-top: 50px;
    padding-bottom: 100px; width:100%; max-width:1080px; margin:0 auto;}
	
.about-content p{ text-align:center;  margin-bottom:50px; font-size:20px;}
.about-content .step-title{   font: 40px "微软雅黑", '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;
}

.about-content .c-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:80px auto  30px  auto;
}




.about-content .step-row { width:100%;}


.about-content .step-row  li 	{ width:100%;}

.about-content .step-row  li .fl { width:100%; float:left}

.about-content .step-row  li .fr { width:100%; float:right;  }

.about-content .step-row  li  .text { width:95%;}
.about-content .step-row  li  .mt0 { margin-top:10px;}
.about-content .step-row  li  .mt1 { margin-top:10px;}


.about-content .step-row  li .fr .text { float:right;}
.about-content .step-row  li .fr img { float:right; width:100%;}
.about-content .step-row  li .fl img { float:right; width:100%;}



.about-content .step-row  li h4{
    font-size: 28px;
    color: #333;
    font-weight: 800;
}

.about-content .step-row  li p{
    margin-top: 10px;
    font-size: 14px;
    color: #666;
	text-align:center;
}

 
 
.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 .foot{text-align:center; width:100%; max-width:900px; margin:0 auto;}

.main .foot .ftitle{  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  20px auto; }
 
 
.main .foot .ftitle1{  font: 16px "微软雅黑", '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;   text-transform: uppercase;
 
 margin:30px auto; } 
 
.main .foot .ftitle2{  font: 16px "微软雅黑", '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;font-weight: bold; 
 
 margin:30px auto; } 
 
 .main .foot .fimg { width:100%; margin:30px auto;}
 
 
.main .foot .child{width:90%; margin:0 auto; height:103px;border:1px solid #686868;margin:0 auto;color:#434343;font-size:18px;}

.main .foot .child .one{line-height:103px;}

.main .foot .child .two{height:64px;line-height:32px;margin-top:18px;}

.main .foot .pointer{margin:30px 0 20px 0;}


.main .foot .ftitle3{  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:0px auto  20px auto; }

}