.auto_1720{ width:100%; text-align:center; padding-top:60px; padding-bottom:40px; clear:both}




.nr31{  width:100%; float:left; padding-bottom:70px;}

.nr31 ul{ width:82%; margin:auto}
.nr31 ul li{ width:19.2%; float:left; padding-right:1%; }
.nr31 ul li img{ width:100%; float:left;border-radius:2px;height:148px}

.nr31 ul li:nth-child(5) { float:right; padding-right:0%}







/* 按钮 */
.SeeMore{
    width: 110px;
    line-height: 30px;
    border: 1px solid #ffffff;
    border-radius: 50px;

    font-size:12px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; margin:auto;
    transition: all .4s ease;
}
.SeeMore i{
    margin: 0 0 0 0;
    font-size: 12px;
}
.SeeMore:hover{
    border:1px solid #1077bb;
    background: #1077bb;
    color: #ffffff;
}






/*首页产品*/
.s_pro_box1{width:100%; float:left;  padding-bottom:20px; padding-top:30px; background:url(../images/bb.png) no-repeat top right}
  
  
.s_pro_box{width:90%; margin:0 auto;margin-bottom:30px; clear:both; padding-top:30px; }
.s_pro_box .s_pro_p1{ font-size:28px; color:black; font-weight:900; color:#000}
.s_pro_box .s_pro_p2{ font-size:17px; color:#3a3a3a; margin-top:11px; margin-bottom:40px; line-height:26px;}

.s_pro_tip{ float:left; background-image:url(../images/img3.jpg); width:589px; height:339px; position:relative;}
.s_pro_tip .s_pro_p3{ font-size:27px; color:#288f2b; position:absolute; left:43px; top:30px;}

.s_pro_p4{  margin-top:20px; float:left; text-align:center;  margin-left:30px;}
.s_pro_p4 a{color:#fff;background:#634585;width:120px; line-height:28px; float:left}
.s_pro_p4 a:hover{color:#fff; background:#288f2b; }

.s_pro_tip .s_pro_nr{ width:322px; position:absolute; left:17px; top:92px;}
.s_pro_tip .s_pro_nr p{color:#1e1e1e; float:left;  padding-bottom:4px;  padding-left:30px; line-height:26px;}
.s_pro_tip .s_pro_nr p a{color:#1e1e1e;}
.s_pro_tip .s_pro_nr p a:hover{ color:#288f2b;}
.s_pro_tip2{ float:right;background-image:url(../images/img4.jpg); width:589px; height:339px;}



.pz2{ width:100%; float:left;}
.pz2_top { width:100%; height:auto; float:left; border-bottom:1px solid rgba(0,0,0,.1);} 
.pz2 h3{ font-size:25px; color:#333; font-weight:bold; width:100%; float:left; width:50%; line-height:30px; padding-bottom:20px; padding-top:20px;}
.pz2 h3 span{font-family:Barlow-Regular; font-weight:normal; text-transform:uppercase; font-size:45px;}
.pz2 .more { width:12%; float:right; color:#333; text-align:right; margin-top:30px; font-size:16px}
.pz2 .more img{margin-top:27px;}

.pz2 ul{ width:100%; float:left; }
.pz2 ul li{background:#f2f2f2; float:left;  width:32%; margin-bottom:30px; position:relative; margin-right:2%;  padding-bottom:20px; height:180px; line-height:28px; padding:30px; font-size:17px;color:#838383;}
.pz2 ul li:nth-child(3n) { margin-right:0px;}

.pz2 ul li .mmn{ font-size:13px; width:100%; float:left; line-height:22px; color:#838383; line-height:40px; }
.pz2 ul li .mmn1{ font-size:16px; width:100%; float:left; line-height:22px; color:#838383; padding-top:30px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}

.pz2 ul li:hover{background:#1077bb;}
.pz2 ul li:hover a{ color:#FFFFFF}

.pz2 ul li:hover .mmn{color:#FFFFFF!important}
.pz2 ul li:hover .mmn1{color:#FFFFFF!important}



.opp{ line-height:70px!important}
/*-- stats --*/
.main-stats-inner{
    background:#18a787; width:100%; float:left; margin-bottom:80px;
}
.main-stats-inner1{width:90%; margin:auto}


.main-stats-inner-img{
    margin:0;
    padding:0;
}
.main-stats-inner-img,.main-stats-inner-img.two {
    background: url(../images/n1.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height:300px; width:50%; float:right
}
.main-stats-inner-img.two{
     background: url(../images/n4.jpg) no-repeat center;
}
.stats_info p {
    font-size: 3em;
    letter-spacing: 1px;
    line-height: 2;
  font-family: 'Oswald';     color: #fff;
}
.stats_info h4 {
    color: #fff;
    font-size:16px; font-weight:normal;
    text-transform: uppercase;
}
.stats_info i {
    font-size: 2.3em;
      color: #fff;
    margin: 0;
    margin-top: 1.5em;
}
.stats_bottom_grid_left img {
	margin: 0 auto;
}
.stats_info { width:50%; float:left;
    text-align: center;
    padding: 8em 0 0 0; height:300px;
}

.stats_info:nth-child(3) {
	border-right: 0px;
}

.stats_info:nth-child(2) {
	border-left: 0px;
	border-right: 0px;
}





.more-btn {text-align:center; margin-top:50px; padding-bottom:0px; float:right}
.more-btn a {padding:3px 25px;transition:.3s all ease-out;display:inline-block;border-top:0px solid #656565;border-bottom:1px solid #656565;position:relative;overflow:hidden;position:relative;z-index:9;line-height:28px;font-family: Barlow Regular; background:#656565;border-radius:5px;}
.more-btn a:after {content:"";background:#656565;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;background:#3a8afa}
.more-btn a:hover span{ color:#fff!important;}
.more-btn a span{display:inline-block;font-size:14px;color:#fff;position:relative;z-index:14;}
.more-btn a:hover i {color:#FFF;border-color:#fff}
.more-btn a:hover:after {transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transform:scaleX(1)}
.more-btn a i {display:inline-block;font-size:20px;color:#7a7a7a;position:relative;z-index:14;margin-left:8px;margin-right:8px;}


.fou{ width:100%; background:url(../images/indmm_bg.png) no-repeat top; float:left; background-attachment:fixed; height:450px; margin-bottom:20px; }

.fou1{ width:100%; background:url(../images/indmm_yun.png) no-repeat top; float:left; height:950px; position:relative;}
.fou2{ width:100%; float:left; padding-top:150px; padding-bottom:0px; color:#FFFFFF; font-size:45px; text-align:center;
text-shadow: .2rem 0rem .5rem #1e5983,-.2rem 0rem .5rem #1e5983,0rem .2rem .5rem #1e5983,0rem -.2rem .5rem #1e5983; font-weight:900;
}


.m1 a{border-radius:25px; background:#fff; width:170px; line-height:40px; font-size:15px; float:left; margin-left:45%; margin-top:50px;
transition:All 0.4s ease-in-out; color:#000;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	text-shadow: 0rem 0rem 0rem #1e5983,-0rem 0rem 0rem #1e5983,0rem 0rem 0rem #1e5983,0rem -0rem 0rem #1e5983; font-weight:normal;
	
	}


.m1 a:hover{ background:#7fad2f; color:#fff;
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}






.index_about_qiye{ width: 100%; background:#1077bb; color:#FFFFFF; font-size:40px; text-align:center; padding-top:90px; padding-bottom:90px;}

.qywl {
    width: 90%;
    margin: auto;
    height: auto;
 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
}
.qywlan {
    text-align: center; flex:1}
.qywlan img { width:60px; float:left;}
	
.qywlan:hover{ margin-top:-10px;  transition:all 0.4s}
.qywlan:hover{}

.qywlan555{ float:left; text-align:left; padding-left:25px;}



.slide03 {
    -webkit-animation: slide03 1s;
    -moz-animation: slide03 1s;
    -ms-animation: slide03 1s;
    -o-animation: slide03 1s;
    animation: slide03 1s;
    visibility: visible;
}.qywlan01 {
    line-height:30px;
    
    color: #fff;
  
    font-family: Tahoma, Geneva, sans-serif; margin:0; color:#fff; height:22px
}.qywlan02 {
    line-height: 32px;
    color: rgb(255,255,255,1); width:100%;
}.slide04 {
    -webkit-animation: slide04 1s;
    -moz-animation: slide04 1s;
    -ms-animation: slide04 1s;
    -o-animation: slide04 1s;
    animation: slide04 1s;
    visibility: visible;
}

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

.auto_1720{ width:100%; text-align:center; padding-top:20px; padding-bottom:20px; clear:both}



.nr31{  width:100%; float:left; padding-bottom:30px;}

.nr31 ul{ width:82%; margin:auto}
.nr31 ul li{ width:48%; float:left; padding-right:2%; padding-bottom:5px;}
.nr31 ul li img{ width:100%; float:left;border-radius:2px;height:100px}

.nr31 ul li:nth-child(5) { float:left; padding-right:0%}



}