/*新首页样式*/
img{max-width: 100%;}
a{cursor: pointer;}
.w1200{color: #333333;}
.new_contain{margin-left: 40px;margin-right: 45px;font-size: 14px;}
.new_contain h1,.new_contain h2{margin-top: 50px;margin-bottom: 30px;position: relative;font-size: 32px;padding-left: 10px;}
.new_contain h1 span,.new_contain h2 span{position: absolute;left: -42px;top: -5px;}
.ulbox{height: 295px; overflow: hidden; position: relative;}
.product_list,.product_show{width: 100%;overflow: hidden;}
.product_list{height: 315px; width:100000px; position: absolute;  overflow-x: scroll;  overflow-y: hidden;  white-space: nowrap;}
.product_list li{width: 300px;margin-right: 10px;overflow: hidden;margin-bottom: 40px;display: inline-block;}
/*.product_list li:nth-child(4n){margin-right: 0px;}*/
/*.product_list li:last-child,.product_show li:last-child{margin-right: 0px;}*/
.product_list li .pro_img{overflow: hidden;}
.product_list li .pro_img img{width: 100%;transition-duration: 0.8s;transition-timing-function: ease;}
.product_list li:hover img{transform: scale(1.2);}
.product_list li:hover .pro_text{color: #4a8d90;}
.product_list li .pro_text{text-align: center;padding-top: 15px;}
.product_list li .pro_text h3{font-size: 16px;line-height: 30px;font-weight: bold;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.product_list li .pro_text p{font-size: 12px;line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.container{margin-bottom: 40px;}
.product_show li{width: 23%;margin-right:2%;display: inline-block;text-align: center;border: 1px solid #fff;border-radius: 6px;color: #323232;font-size: 18px;line-height: 40px;margin-top:25px;margin-bottom:40px;position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 43px;
    box-sizing: border-box;
}
.product_show span{position: absolute;left:10px;top: 2px;}
.product_show .active span{display: none;}
.product_show .active{background-color: #0a95da;color: #fff;}
.cont_show{padding-bottom: 40px;color: #323232;}
.cont_show li{display: none;width: 83%;margin:auto;}
.cont_show .cur{display: block;}
.cont_show .contimga {display: inline-block;width: 50%;}
.cont_show .contimga img{width: 100%;max-width: 100%;}
.cont_show .cont_text{width: 45%;float: right;}
.cont_text p span{padding-right: 15px;}
.cont_show .cont_text a{color: #323232;}
.cont_show .cont_text a:hover{text-decoration: underline;}
.cont_show .cont_text h3{font-size: 24px;margin-top: 5px;margin-bottom:10px;}
.cont_show .cont_text p{font-size: 14px;line-height: 28px;margin-bottom:20px;}
.cont_show .cont_text h4{font-size: 18px;margin-bottom: 10px;}
.cont_show .cont_text dl dd{font-size: 12px;position: relative;line-height: 25px;padding-left:15px;}
.cont_show .cont_text dl dd::before{position: absolute;    width: 8px;height: 8px;background-color: #f9a93b;left: 0px;content: "";border-radius: 50%;top: 9px;}
.show_ist a{display: block;line-height: 25px;text-align: right;margin-top: 15px;position: relative;}
.show_ist a span,.moblie_text a span{position: relative;}
.show_ist a span::before,.moblie_text a span::before{position: absolute;content: "";background: url(../images/more.png)no-repeat;width: 20px;height: 20px;left:-23px;top: -1px;}
.show_ist dl{min-height: 130px;}
.cell_list{margin-bottom: 20px}
.cell_list:after{
    content: '';
    display: block;
    clear: both;
}
.about_us{width: 100%;background-color: #f7f8fa;display: inline-block;margin-bottom:80px;margin-top: 50px;}
.about_us img{float: left;width: 45%;}
.about_text{width: 51%;float: right;color:#333333;margin-top: 50px;padding-right: 10px;padding-bottom:20px;}
.about_text h3{font-size: 24px;margin-bottom: 20px;}
.about_text p{font-size: 14px;line-height: 30px;margin-bottom: 30px;}
.about_text a{padding: 9px 54px;background: #4a8d90;color: #ffffff;font-size: 14px;}
.hotnav_bg{background-color: #0a95da;}
.news_list{width: 100%;overflow: hidden;}
.new_left{width: 25%;float: left;overflow: hidden;}
.new_left a img{max-width: 100%;transition-duration: 0.8s;transition-timing-function: ease;}
.new_left:hover img{transform: scale(1.2);}
.new_right{width: 70%;float: left;margin-left: 5%;}
.new_right ul{overflow: hidden;width: 100%;display: inline-block;}
.new_right .first_list{margin-top: 40px;}
.new_right ul li{width: 31%;float: left;padding-right: 3%;}
.new_right ul li a:hover{text-decoration: underline;}
.new_right ul li:nth-child(3n){padding-right: 0px;}
.new_right ul li:nth-child(-n + 3){margin-bottom: 56px;}
.new_right ul li:last-child{padding-right: 0px;}
.new_right ul li img{float: left;margin-right: 10px;}
.pic_cent{padding-top: 6px;}
.pic_cent h3{font-size: 16px;font-weight: bold;line-height: 30px;color: #fff;}
.pic_cent p{line-height: 24px;font-size: 14px;color: #fff;}
.serve_bg{background-color: #f6f8fa;}
.serve_bg .bottom_cent {width: 100%;overflow: hidden;}
.serve_bg .bottom_cent li{width: 20%;float: left;color:#696969;margin:30px 0px;}
.serve_bg .bottom_cent li img{float: left;padding-right: 15px;}
.serve_bg .bottom_cent li p{padding-top: 20px;}
.bottom_cent a:hover{color: #4a8d90;}
.moblie_text{display: none;}

@media screen and (max-width: 1200px){
    .product_show li{width: 22%;}
    .product_show span{display: none;}
    .cont_show li{width: 100%;}
    .new_right .first_list{margin-top: 0px;margin-bottom:20px;}
    .cont_show .contimga{width: 100%;}
    .cont_show .cont_text{width: 100%;}
    .cont_show .cont_text .show_ist dl{min-height: 50px;}
    .cont_show .cont_text .show_ist dl dd{height: 50px;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
}
@media screen and (max-width: 992px){
    .new_contain{margin-left: 0px;margin-right: 0px;}
    .new_contain h1, .new_contain h2{margin-top: 30px;margin-bottom: 30px;font-size: 25px;padding-left:0px;}
    .new_contain h1 span, .new_contain h2 span{position: relative;left:0px;top: 0px;margin-right: 8px;}
    .product_con{padding: 10px;}
    .product_show li{width: 20%;margin-left: 1%;font-size: 16px;}
    .cont_show{padding-bottom: 80px;}
    .bottom_cent{padding-bottom:60px;}
    .cont_show li{width: 98%;}
    .pic_cent p{display: none;}
    .about_us{margin: 30px 0px;}
}
@media screen and (max-width: 768px){
    .product_list li .pro_text p {display: none;}
    /*.product_list li {width: 48%;float: left;margin-right: 1%;overflow: hidden;margin-left: 1%;margin-bottom:15px;}*/
    .cell_list{margin-bottom: 0px;}
    .product_list li .pro_text{padding-top: 5px;}
    .about_us img{display: none;}
    .about_text{width: 97%;padding-right:1%;padding-bottom:30px;margin-top: 20px;}
    /*.cont_show .cont_text{display: none;}*/
    .moblie_text{display: block;width: 50%;float:right;display: none;}
    .moblie_text a{display: block;padding-left: 30px;padding-top: 30px;color: #fff;}
    .product_show li {width: 46%;margin:10px 1%;font-size: 14px;}
    .cont_show{padding:20px 0px;}
    .new_right ul li img{float: none;margin-right: 0px;display: block;margin:0 auto;}
    .pic_cent{text-align: center;}
    .new_right{width: 100%;margin-left: 0px;padding-top: 16px;}
    .new_left {text-align: center;margin-bottom: 25px;width: 100%;display: none;}
}
@media screen and (max-width:576px){
    .new_contain h1 span img, .new_contain h2 span img{width: 30px;}
    .new_contain h1, .new_contain h2{font-size: 20px;font-weight: bold;color: #666666;margin:15px 0px;}
    .product_list li .pro_text h3{font-size: 13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .serve_bg .bottom_cent li p{padding:8px;font-size: 12px;}
    .serve_bg .bottom_cent li img{float: none;padding-right: 0px;}
    .serve_bg .bottom_cent li{margin: 15px 0px;text-align: center;}
}