@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-size:14px; font-family:"微软雅黑";}
html{overflow-x: hidden;}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.cen{text-align: center;}


/* 公用样式 */
.box{ width:1400px; margin:0 auto; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.box1{ width:1200px; margin:0 auto; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
@media screen and (max-width: 1440px) and (min-width:1025px) {/* 小屏幕的尺寸 */
  .box{ width:1200px;}
  .box1{ width:1200px;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* pad */
  .box{ width:95%; margin:0 auto; overflow: hidden;}
  .box1{ padding-left:2%; padding-right:2%;}
}
@media screen and (max-width: 767px) and (min-width:0px) {/* 移动端的尺寸 */
  .box{ width:95%; margin:0 auto; overflow: hidden;}
  .box1{ width:auto; padding-left:5%; padding-right:5%;}
}

.container{max-width: 1400px; margin:14px auto; position: relative;}
.c-nav .show{display:inline-block}
.c-nav .hiden{display:none}
.c-nav{width: 100%;}
.c-nav .navFlex{display:flex;display:-webkit-flex;align-items:center; -webkit-align-content:center;color:#fff;
/*justify-content:space-between;-webkit-justify-content:space-between;*/}
.c-nav .logo{margin-right: 130px;}
.c-nav ul{ margin-top: 0px;}
.c-nav ul li{display:inline-block;line-height:60px; font-size:16px; margin-right: 30px; border-bottom: 4px solid #fff;}
.c-nav ul li a{color:#000;text-decoration:none;width:100%}
.c-nav ul li.active{ border-bottom: 4px solid #2870ca;}
.c-nav ul li.active a{color:#2870ca; font-weight: bold;}
.c-nav ul li:hover{ border-bottom: 4px solid #2870ca;}
.c-nav ul li:hover a{color:#2870ca; font-weight: bold;}
.c-nav .btnImg{height:20px;width:25px;padding:3px 8px 3px 8px;box-sizing:content-box;margin-right:5px;}
.c-nav .header-information{position: absolute; right: 0px; top: 25px; color: #2870ca;}
.c-nav .header-information div{float: left; margin-left: 20px;}
.c-nav .header-information .header-information-wechat:hover{cursor: pointer;}
.c-nav .header-information .header-information-tel{margin-left: 30px;}
.c-nav .header-information .header-information-number{font-size: 14px; color: #666666;}
.c-nav .header-information .header-information-number span{font-size: 18px; color: #2870ca; font-weight: bold;}
#wechat-pic{width: 0; height: 100px; position: absolute; right: 0%; bottom: -114px; z-index: 99999; transition: all 0.3s; overflow: hidden;}
#wechat-close{width: 40px; height: 50px; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}


@media screen and (max-width: 1420px) and (min-width:1200px){
  .c-nav .logo{margin-right: 40px;}
  .c-nav ul li{margin-right:20px}

}
@media screen and (max-width: 1238px) and (min-width:1200px){
  .c-nav .logo{margin-right: 40px; width: 400px;}
  .c-nav .logo img{width: 100%;}
  .c-nav ul li{margin-right:18px}
  .c-nav .header-information{display: none;}
}
@media screen and (max-width:1200px){
  .c-nav .logo{margin-right: 40px; width: 350px;}
  .c-nav .logo img{width: 100%;}
  .c-nav ul li{margin-right:15px}
  .c-nav .header-information{display: none;}
}
@media screen and (max-width:992px){
  .c-nav ul li{margin-right:10px}
  .c-nav .header-information{display: none;}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:576px){

.container{margin: 0 auto;}
.c-nav{padding:10px 0 10px 0;opacity:.9; margin: 0;}
.c-nav .navFlex{font-size:20px;justify-content:space-between;flex-wrap:wrap;}
.c-nav .logo{margin-left:.5rem;width:50%; margin-right: 0;}
.c-nav ul{margin-top:10px}
.c-nav ul li{padding-top:0;margin-left:0;display:block;line-height:3rem;background:#000; border-bottom: none; margin-right: 0;}
.c-nav ul li a{color:#fff;width:100%;display:block}
.c-nav ul li:nth-child(4),.c-nav ul li:nth-child(5){display:block}
.c-nav .hiden{display:block; position: absolute; right: 0.5rem; top: 0.4rem;}
.c-nav .show{width:100%;font-size:14px;text-align:center;display:none}
.c-nav .header-information{display: none;}

}

#banner{display: none;}
/*PC端- banner*/
#flash{width:100%;overflow:hidden;margin:0 auto;clear:both;position:relative;padding:0 0;background-color:#eff3f4}
#flash a{width:100%;display:none}
#flash img{width:100%}
.flash_bar{width:100%;text-align:center;overflow:hidden;position:absolute;bottom:3px;left:0;text-align:center}
.flash_bar .dq{display:inline-block;width:22px;height:10px;margin:2px 4px;cursor:pointer;background:#fff;border-radius:1rem}
.flash_bar .no{display:inline-block;width:12px;height:10px;margin:2px 4px;cursor:pointer;background:#a5a6a2;border-radius:100%}
#flashBg{overflow:hidden;width:100%;clear:both;margin:0;padding:0}
#flashLine{background:url(../images/touming.png) repeat-x center bottom;width:100%;clear:both}

#flashBg .swiper-container {
    width: 1260px;
    margin: 50px auto;
    overflow: hidden;
    position: relative;
  }
  #flashBg .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #f8f8f8;
    margin-bottom: 80px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
/*PC端- banner*/

@media screen and (max-width:576px){
#flash{display: none;}
/*移动端-banner*/
#banner{ width:100%; height:170px; display: block;}
.addWrap{width:100%;background:#fff;margin:auto;position:relative;}
.addWrap .swipe{height:170px;overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap img{ width:100%;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}

#position{ position:absolute;padding:0; margin:0; bottom:2px; right:38%;text-align:center; z-index:10;}
#position li{width:10px;height:10px;margin:0 3px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#00a0e9;}
#position li a{ position:absolute; left:0px;}
#addtitle{ position:absolute; bottom:0px;width:100%; height:20px;overflow:hidden; line-height:30px; font-size:14px; background:rgba(0,0,0,0.5); cursor:pointer; }
#addtitle li{width:100%;height:30px; color:#fff; text-indent:1em; display:none;}
#addtitle a{ text-decoration:none;color:#fff;}
#addtitle .cur{ display:block;}
/*移动端-banner*/
}

.index-company{padding: 100px 0;}
.index-company-information{float: left; width: 45%;}
.index-company-information-tit{font-size: 36px; color: #333; margin-bottom: 10px;}
.index-company-information-etit{font-size: 14px; color: #999; }
.index-company-information-dis{font-size: 40px; color: #666666; margin: 55px 0;}
.index-company-information-info{font-size: 16px; color: #666666; line-height: 28px;}
.index-company-list{width: 100%; margin-top: 35px;}
.index-company-list ul li{width: 25%; float: left; text-align: center;}
.index-company-list ul li p{color: #2870ca; font-size: 18px; margin: 10px 0;}
.index-company-pic{width: 50%; float: right;}


@media screen and (max-width:576px){
  .index-company{padding: 1rem 0;}
  .index-company-information{float: none; width: 100%;}
  .index-company-information-tit{font-size: 1.4rem; color: #333; margin-bottom: 10px;}
  .index-company-information-etit{font-size: 1rem; color: #999; }
  .index-company-information-dis{font-size: 1.4rem; color: #666666; margin: 1rem 0;}
  .index-company-information-info{font-size: 1rem; color: #666666; line-height: 1.8rem;}
  .index-company-list{width: 100%; margin: 1rem 0;}
  .index-company-list ul li{width: 25%; float: left; text-align: center;}
  .index-company-list ul li p{color: #2870ca; font-size: 1rem; margin: 10px 0;}
  .index-company-list ul li img{width: 80%;}
  .index-company-pic{width: 100%; float: none;}

}

.products-index{padding: 100px 0;}
.products-index-tit{font-size: 36px; color: #333333; margin-bottom: 35px; text-align: center;}
.products-index .left{width: 49.5%;}
.products-index .right{width: 49.5%;}
.products-index .products{display: block;background: #f4f4f4;position: relative;}
.products-index .posit2{}
.products-index .posit{position: absolute;left: 0;right: 0;top: 0;}
.products-index .products .name{font-size: 20px;color: #333;}
.products-index .products .brief{font-size: 14px;color: #838383;margin-top: 15px; line-height: 28px;}
.products-index .products .img img{max-width: 100%;height: auto;}
.products-index .left .posit{padding: 70px 46px;}
.products-index .left .products .img{margin-top: 50px;text-align: center;}
.products-index .right .posit{padding: 48px 40px;overflow: hidden;}
.products-index .right .products:first-child{margin-bottom: 10px;}
.products-index .right .products .ll{width: 40%;}
.products-index .right .products .rr{width: 53%;}
.products-index .products:hover{transition: 1s; box-shadow: 0 10px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.products-index .products:hover .img img{transition: 1s; -webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);}


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

  .products-index{padding: 1rem 0;}
  .products-index-tit{font-size: 1.4rem; margin-bottom: 1rem;}
	.products-index .left,.products-index .right{float: none;width: 100%;}
	.products-index{height: auto;}
	.products-index .right .products{margin-top: 10px;}
	.products-index .right .products .ll{float: right;}
	.products-index .right .products .rr{float: left;}

	.products-index .left .products .ll{width: 50%;float: left;}
	.products-index .left .products .rr{width: 40%;float: right;}
	.products-index .left .products .img{}
	.products-index .left .products,.products-index .right .products{padding:1.5rem;}
	.products-index .posit2{display: none;}
	.products-index .products{position: static;}
	.products-index .left .posit{position: static;padding: 0;}
	.products-index .right .posit{position: static;padding: 0;}

  .products-index .products .name{font-size: 14px;}
  .products-index .products .brief{font-size: 12px;}


}

.index-news{padding: 100px 0;}
.index-news-tit{font-size: 36px; color: #333; text-align: center; margin-bottom: 35px; }
.index-news-list{}
.index-news-list ul li{width: 32%; margin-right: 2%; float: left; background: #f5f5f5;}
.index-news-list ul li:nth-child(3n){margin-right: 0;}
.index-news-list ul li .index-news-list-pic{width: 100%; overflow: hidden;}
.index-news-list ul li .index-news-list-pic img{width: 100%;}
.index-news-list ul li:hover{transition: 1s; box-shadow: 0 10px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.index-news-list ul li:hover img{transition: 1s; -webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);}
.index-news-list ul li .index-news-list-info{padding: 30px;}
.index-news-list ul li .index-news-list-info-tit{font-size: 20px; color: #333;}
.index-news-list ul li .index-news-list-info-dis{font-size: 14px; color: #777; margin: 20px 0; line-height: 28px; display: -webkit-box !important;
  overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.index-news-list ul li .index-news-list-info-more a{color: #2870ca; text-decoration:underline; margin-top: 30px;}

@media screen and (max-width:576px){
  .index-news{padding: 1rem 0;}
  .index-news-tit{font-size: 1.4rem; color: #333; text-align: center; margin-bottom: 1rem; }
  .index-news-list{}
  .index-news-list ul li{width: 100%; margin-right: 0%; float: none; margin-bottom: 1rem; background: #f5f5f5;}
  .index-news-list ul li .index-news-list-pic img{width: 100%;}
  .index-news-list ul li:nth-child(3n){margin-right: 0;}
  .index-news-list ul li:hover
  .index-news-list ul li .index-news-list-info{padding: 1.5rem;}
  .index-news-list ul li .index-news-list-info-tit{font-size: 1.2rem; color: #333;}
  .index-news-list ul li .index-news-list-info-dis{font-size: 1rem; color: #777; margin: 1rem 0; line-height: 28px; display: -webkit-box !important;
    overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
  .index-news-list ul li .index-news-list-info-more a{color: #2870ca; text-decoration:underline; margin-top: 30px;}
  

}

.footer-box{width: 100%; background: #333;}
.footer ul{padding: 40px 0; overflow: hidden; text-align: center;}
.footer ul li{border-right: 1px solid #545454; display: inline-block; padding-right: 35px; margin-right: 35px; font-size: 16px;}
.footer ul li:last-child{border-right: none; padding-right: 0; margin-right: 0;}
.footer ul li a{color: #fff;}
.footer-information{text-align: center; padding-bottom: 30px; border-bottom: 1px solid #444444; font-size: 14px; color: #ccc;}
.footer-information-code{width: 116px; display: inline-block; vertical-align:text-top; margin-left: 300px; margin-right: 75px;}
.footer-information-code p{ margin-top: 10px;}
.footer-information-info{width: 420px; display: inline-block; text-align: left; line-height: 35px; vertical-align:text-top}
.footer-copy{text-align: center; line-height: 66px; font-size: 14px; color: #999;}

@media screen and (max-width:576px){
  .footer ul,.footer-information{display: none;}
  .footer-copy{line-height: 2rem; padding: 1rem 2rem;}
}


/*产品中心*/
.product-ban{position: relative;}
.pc-ban{display: block;}
.mobile-ban{display: none;}
.product-ban-information{position: absolute; left: 12%; top: 25%;}
.product-ban-tit{font-size: 72px; color: #fff; margin-bottom: 30px;}
.product-ban-dis{font-size: 48px; color: #fff; font-weight: bold;}

.product-box{background: #f5f5f5;}
.product{padding: 60px 0;}
.product-nav{}
.product-nav ul li{width: 160px; height: 45px; float: left; margin-right: 20px; line-height: 45px; text-align: center; border: 1px solid #dedede; background: #fff;}
.product-nav ul li.active{background: #2870ca; border: 1px solid #2870ca; color: #fff;}
.product-list{margin-top: 45px;}
.product-list ul li{width: 23.5%; float: left; margin-right: 2%; margin-bottom: 40px; background: #fff; box-sizing: border-box; padding: 2%;}
.product-list ul li:nth-child(4n){margin-right: 0;}
.product-list ul li .product-list-pic img{width: 100%;}
.product-list ul li .product-list-tit{font-size: 18px; color: #333; font-weight: bold; margin: 20px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-list ul li .product-list-dis{font-size: 16px; line-height: 28px; color: #666; margin-bottom: 20px; display: -webkit-box !important;
  overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
height: 84px;}
.product-list ul li .product-list-more{background: #2870ca; line-height: 50px; text-align: center; color: #fff; font-size: 16px;}
.product-list ul li:hover{transition: 1s; box-shadow: 0 10px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.product-list ul li:hover img{transition: 1s; -webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);}


@media screen and (max-width:576px){
  .pc-ban{display: none;}
  .mobile-ban{display: block;}
  .product-ban-information{position: absolute; left: 5%; top: 20%; }
  .product-ban-tit{font-size: 1.6rem; color: #fff; margin-bottom: 0.5rem;}
  .product-ban-dis{font-size: 1.4rem; color: #fff;}

  
.product-box{background: #f5f5f5;}
.product{padding: 2rem 0;}
.product-nav{}
.product-nav ul li{width: 30%; height: 45px; float: left; margin-right: 2%; margin-bottom: 10px; line-height: 45px; text-align: center; border: 1px solid #dedede; background: #fff;}
.product-nav ul li.active{background: #2870ca; border: 1px solid #2870ca; color: #fff;}
.product-list{margin-top: 1rem;}
.product-list ul li{width: 48%; float: left; margin-right: 2%; margin-bottom: 1rem; background: #fff; box-sizing: border-box; padding: 1rem;}
.product-list ul li:nth-child(2n){float: right;}
.product-list ul li:nth-child(4n){margin-right: 0;}
.product-list ul li .product-list-pic img{width: 100%;}
.product-list ul li .product-list-tit{font-size: 18px; color: #333; font-weight: bold; margin: 20px 0;}
.product-list ul li .product-list-dis{font-size: 16px; line-height: 28px; color: #666; margin-bottom: 20px; display: -webkit-box !important;
  overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.product-list ul li .product-list-more{background: #2870ca; line-height: 50px; text-align: center; color: #fff; font-size: 16px;}
.product-list ul li:hover{transition: 1s; box-shadow: 0 10px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.product-list ul li:hover img{transition: 1s; -webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);}

}


/*产品中心*/

/*产品_详细介绍*/
.productview-box{overflow: hidden;}
.productview-route{line-height: 60px; font-size: 14px; color: #444;}
.productview{padding: 50px; box-sizing: border-box; background: #ffffff; margin-bottom: 40px;}
.productview-top-pic{width: 40%; float: left; margin-right: 5%;}
.productview-top-info{width: 55%; float: left;}
.productview-top-info-tit{font-size: 36px; color: #000000; font-weight: bold; margin-bottom: 40px;}
.productview-top-info-dis{font-size: 16px; color: #000000; line-height: 32px;}

.productview-detailed{background: #e0e0e5; line-height: 60px;}
.productview-detailed span{background: #2870ca; width: 160px; display: block; text-align: center; font-size: 18px; color: #fff;}
.productview-information{padding: 40px 0; line-height: 32px; font-size: 16px; color: #000;}

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

  .productview-box{overflow: hidden;}
  .productview-route{line-height: 60px; font-size: 14px; color: #444;}
  .productview{padding: 1rem; box-sizing: border-box; background: #ffffff; margin-bottom: 40px;}
  .productview-top-pic{width: 90%; margin: 0 auto; float: none; margin-right: 0%;}
  .productview-top-info{width: 100%; float: none;}
  .productview-top-info-tit{font-size: 1.4rem; color: #000000; font-weight: bold; margin-bottom: 1rem;}
  .productview-top-info-dis{font-size: 1rem; color: #000000; line-height: 32px;}
  
  .productview-detailed{background: #e0e0e5; line-height: 3rem; margin: 1rem 0;}
  .productview-detailed span{background: #2870ca; width: 160px; display: block; text-align: center; font-size: 18px; color: #fff;}
  .productview-information{padding: 1rem 0; line-height: 32px; font-size: 16px; color: #000;}
  .productview-information img{width: 90%; }
  
}

/*产品_详细介绍*/


/*关于我们*/

.about-ban-dis{font-size: 30px; color: #fff; margin-top: 30px;}

.about-advantage-box{background: url(../images/about-advantage-bg.jpg) no-repeat center;}
.about-advantage{padding: 80px 0;}
.about-advantage-tit{font-size: 36px; color: #333333; text-align: center;}
.about-advantage-dis{font-size: 18px; color: #666666; text-align: center; margin: 20px 0 40px;}
.about-advantage-list{background: rgba(0,0,0,0.1);}
.about-advantage-list ul li{width: 25%; padding: 50px 0; float: left; box-sizing: border-box; text-align: center; border-right: 1px solid #fff;}
.about-advantage-list-pic{margin-bottom: 50px;}
.about-advantage-list-tit{font-size: 24px; color: #333;}
.about-advantage-list-line{width: 45px; height: 4px; background: #2870ca; margin: 30px auto;}
.about-advantage-list-dis{font-size: 14px; color: #333; line-height: 28px; margin: 0 12%; display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;}
.about-culture{padding: 80px 0;}
.about-culture-tit{font-size: 36px; color: #333333; text-align: center;}
.about-culture-dis{font-size: 18px; color: #666666; text-align: center; margin: 20px 0 40px;}
.about-culture-list{}
.about-culture-list ul li{text-align: center; width: 25%; float: left; box-sizing: border-box; padding: 40px 0; overflow: hidden;}
.about-culture-list ul li:nth-child(1),.about-culture-list ul li:nth-child(3),.about-culture-list ul li:nth-child(6),.about-culture-list ul li:nth-child(8){background: #f5f5f5;}
.about-culture-list ul li .about-culture-list-pic{margin-bottom: 20px;}
.about-culture-list ul li .about-culture-list-tit{font-size: 24px; color: #333; margin-bottom: 15px;}
.about-culture-list ul li .about-culture-list-dis{font-size: 14px; color: #333; line-height: 28px; min-height: 84px; margin: 0 12%; display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;}

.about-cooperation-box{background: #f5f5f5;}
.about-cooperation{padding: 80px 0;}
.about-cooperation-tit{font-size: 36px; color: #333333; text-align: center;}
.about-cooperation-dis{font-size: 18px; color: #666666; text-align: center; margin: 20px 0 40px;}

@media screen and (max-width:576px){
.about-ban-dis{font-size: 1.2rem; color: #fff; margin-top: 0.5rem;}

.about-advantage-box{background: url(../images/about-advantage-bg.jpg)  center;}
.about-advantage{padding: 1rem 0;}
.about-advantage-tit{font-size: 1.4rem; color: #333333; text-align: center;}
.about-advantage-dis{font-size: 1rem; color: #666666; text-align: center; margin: 1.5rem 1rem;}
.about-advantage-list{background: rgba(0,0,0,0.1); width: 95%; margin: 0 auto;}
.about-advantage-list ul li{width: 50%; padding: 1rem 0; float: left; box-sizing: border-box; text-align: center; border-bottom: 1px solid #fff;}
.about-advantage-list-pic{margin-bottom: 1rem;}
.about-advantage-list-tit{font-size: 1.4rem; color: #333;}
.about-advantage-list-line{width: 45px; height: 4px; background: #2870ca; margin: 1rem auto;}
.about-advantage-list-dis{font-size: 14px; color: #333; line-height: 28px; margin: 0 12%; display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;}
.about-culture{padding: 1rem 0;}
.about-culture-tit{font-size: 1.4rem; color: #333333; text-align: center;}
.about-culture-dis{font-size: 1rem; color: #666666; text-align: center; margin: 20px 0 40px;}
.about-culture-list{}
.about-culture-list ul li{text-align: center; width: 50%; float: left; box-sizing: border-box; padding: 2rem 0; overflow: hidden;}
.about-culture-list ul li:nth-child(1),.about-culture-list ul li:nth-child(3),.about-culture-list ul li:nth-child(6),.about-culture-list ul li:nth-child(8){background: none;}
.about-culture-list ul li:nth-child(1),.about-culture-list ul li:nth-child(4),.about-culture-list ul li:nth-child(5),.about-culture-list ul li:nth-child(8){background: #f5f5f5;}
.about-culture-list ul li .about-culture-list-pic{margin-bottom: 1rem;}
.about-culture-list ul li .about-culture-list-tit{font-size: 1.4rem; color: #333; margin-bottom: 15px;}
.about-culture-list ul li .about-culture-list-dis{font-size: 14px; color: #333; line-height: 28px; min-height: 84px; margin: 0 12%; display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;}


}

.slick img{border: 1px solid #ccc;}
.slick div{text-align: center;}
.slick-prev:before, .slick-next:before { position: absolute; left: 0; top: 1px; color: #ccc;}
.slick-prev { left: -35px;}
.slick-next { right: -35px;}
.slick-dots { bottom: -35px;}

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

  .about-cooperation-box{background: #f5f5f5;}
  .about-cooperation{padding: 1rem 0;}
  .about-cooperation-tit{font-size: 1.4rem; color: #333333; text-align: center;}
  .about-cooperation-dis{font-size: 1rem; color: #666666; text-align: center; margin: 1.5rem 1rem; line-height: 1.8rem;}

}

/*关于我们*/

/*资讯*/
.news{padding: 60px 0;}
.news ul li{border-bottom: 1px solid #dedede; margin-bottom: 30px; padding-bottom: 30px; }
.news-pic{width: 31%; float: left;}
.news-info{width: 65%; float: right; box-sizing: border-box; padding: 30px 0; }
.news-info-time{font-size: 16px; color: #333;}
.news-info-tit{font-size: 24px; color: #333; margin: 35px 0;}
.news-info-dis{font-size: 16px; color: #333; line-height: 32px;}
.news-info-more{ margin-top: 20px; font-size: 16px; color: #333; }
.news-info-more a{text-decoration: underline;}
@media screen and (max-width:576px){

  .news{padding: 1rem 0;}
  .news ul li{border-bottom: 1px solid #dedede; margin-bottom: 1rem; padding-bottom: 1rem; }
  .news-pic{width: 100%; float: none;}
  .news-info{width: 100%; float: none; box-sizing: border-box; padding: 1rem 0; }
  .news-info-time{font-size: 1rem; color: #333;}
  .news-info-tit{font-size: 1.2rem; color: #333; margin: 1rem 0;}
  .news-info-dis{font-size: 1rem; color: #333; line-height: 32px;}
  .news-info-more{ margin-top: 1rem; font-size: 1rem; color: #333; }
  .news-info-more a{text-decoration: underline;}
}

/*资讯*/


/*资讯详细*/
.newsview{width: 1200px; margin: 60px auto; overflow: hidden;}
.newsview-tit{font-size:36px; color: #333; margin-bottom: 40px;}
.newsview-time{line-height: 70px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; color: #999; font-size: 16px;}
.newsview-time span{margin-right: 40px;}
.newsview-dis{font-size: 16px; color: #666; line-height: 28px; margin: 20px 0;  border-bottom: 1px solid #dcdcdc; padding-bottom: 20px;}

.newsview-link {position: relative;}
.newsview-link a{color: #666; font-size: 16px; line-height: 35px;}
.newsview-link .more{position: absolute; right: 0; top: 10px; width: 180px; font-size: 16px; color: #6b6b6b; height: 40px; line-height: 40px; text-align: center; border: 1px solid #ddd;
   background: #fafafa;}
.mobile-more{display: none;}
@media screen and (max-width:576px){

  .newsview{width: 95%; margin: 1.5rem auto; overflow: hidden;}
  .newsview-tit{font-size:1.4rem; color: #333; margin-bottom: 1rem;}
  .newsview-time{line-height: 2.2rem; margin:1rem 0; padding: 1rem 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; color: #999; font-size: 1rem;}
  .newsview-time span{margin-right: 2rem;}
  .newsview-dis{font-size: 16px; color: #666; line-height: 28px; margin: 20px 0;  border-bottom: 1px solid #dcdcdc; padding-bottom: 20px;}
  .newsview-dis img{width: 90%;}
  .newsview-link {position: relative;}
  .newsview-link a{color: #666; font-size: 16px; line-height: 35px;}
  .newsview-link .more{display: none;}
  .newsview-link .mobile-more{width: 180px; font-size: 16px; color: #6b6b6b; height: 40px; line-height: 40px; text-align: center; border: 1px solid #ddd;
    background: #fafafa; display: block; margin-top: 1rem;}
  }
/*资讯详细*/



/*智能厕所*/
.intelligence-tit{font-size:36px;color: #333; margin-bottom: 40px; text-align: center;}
.intelligence-dis{width:100%;font-size:16px;color:#666666;line-height:28px;}
.intelligence-dis img{/*width:100%;*/margin:10px auto;/*display:block;*/}
@media screen and (max-width:576px){

  .intelligence-tit{font-size:1.4rem; color: #333; margin-bottom: 1rem; text-align: center;}
  .intelligence-dis{font-size: 1rem; color: #666; line-height: 1.8rem;}
  .intelligence-dis img{width: 90%; margin: 10px auto; display: block;}
  }

/*智能厕所*/