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


 
.main{width:100%;margin:0 auto; position:relative;z-index:9;background-color:#fff ; max-width:1200px;}
.main .content { width:100%; max-width:1200px; margin:0 auto; }
.main .content .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:80px auto;
}


.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: 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: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 .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: 20px;
    color: #666;
	text-align:left
}


.designpc {
    width: 100%;
    height: auto;
	
}
.designpc img {
    width: 100%;
    height: auto;
 	
}
.designwap {
   	display:none
	
}

 

.w100q{width:100%;margin:60px auto;position:relative;z-index:9;background-color:#fff ; max-width:1080px;}

.w100q .pic { width:48%; float:left; padding-top:5px;}
.w100q .pic img { width:100%;}

.w100q .txt{ width:50%; float:left; margin-left:2%;}

.w100q .txt .t { font:22px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;color: #231815; font-weight: bold; margin-top:150px; } 
.w100q .txt .t1 { font:14px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;  }


.w100q .txt p {font-size:16px; line-height:200%; margin-bottom:40px;  }


 
/* 小于 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: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: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;}



 
.main{width:100%;margin:0 auto; position:relative;z-index:9;background-color:#fff ; max-width:1200px;}
.main .content { width:100%; max-width:1200px; margin:0 auto; }
.main .content .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:80px auto;
}
.main .content img { width:100%;}

.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: 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: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:100%; text-align:center}

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

.about-content .step-row  li img{ 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: 20px;
    color: #666;
	text-align:left
}

.designpc {
   display:none
	
}
.designwap img {
    width: 100%;
    height: auto;
 	
}
.designwap {
   	  width: 100%;
    height: auto;
	display:block;
}



 

.w100q{width:100%;margin:60px auto;position:relative;z-index:9;background-color:#fff ; max-width:1080px;}

.w100q .pic { width:100%; float:left; padding-top:5px;}
.w100q .pic img { width:100%;}

.w100q .txt{ width:100%; float:left; margin-left:0%; text-align:center}

.w100q .txt .t { font:22px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;color: #231815; font-weight: bold; margin-top:150px; } 
.w100q .txt .t1 { font:14px "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;  }


.w100q .txt p {font-size:16px; line-height:200%; margin-bottom:40px;  }
  

}