.slide_container{ position: relative; width: 100%; }
.rslides{ position: absolute; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li{ -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img{ display: block; height: auto; float: left; width: 100%; border: 0; }
.slide{ position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li{ position: absolute; width: 100%; left: 0; top: 0; }
.slide img{ display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide .caption{ display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav{ position: absolute;.index5 .mod1 li .imgfd -webkit-tap-highlight-color: rgba(0,0,0,0); top: 46%; left: 2%; opacity: 1; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 45px; width: 45px; background: transparent url("../images/btn_l.png") no-repeat left top;}
.slide_nav.next{ left: auto; background-position: right top; right: 2%; background: transparent url("../images/btn_r.png") no-repeat left top;}

@media (max-width: 1024px){
	.slide img{width: 120%;margin-left: 0%;}
}
@media (max-width: 500px){
	.slide img{width: 130%;margin-left: 0%;}
}

.st-tit{margin-bottom: 50px;}
.st-tit h2{font-size: 36px;color: #333;text-align: center;text-transform: uppercase;position: relative;}
.st-tit .rec{width: 48px;height: 6px;background: #0276cb;margin: 0 auto;margin-top: 16px;}
.st-tit2 h2{color: #fff;}
.st-tit2 .rec{background: #fff;}

.sy-tit{font-size: 36px;position: relative;z-index: 9;color: #333;text-transform: uppercase;}
.sy-tit::after{content: '';width: 180px;height: 6px;background: #0276cb;position: absolute;left: 0;top: 32px;z-index: -1;}
.margin{margin-top: 45px;}
.des{font-size: 16px!important;line-height: 30px!important;color: #333!important;}
.more{display: inline-block;font-size: 15px;color: #fff;border: 1px solid #fff;border-radius: 500px;padding: 12px 25px;transition: .4s;}
.more:hover{border: 1px solid #0276cb;color: #fff;background: #0276cb;}
.b{}


.index1{background: #fff;padding: 50px 0;text-align: center;}
.index1 .mod1 li{background-size: 100% auto;position: relative;}
.index1 .mod1 li .imgfd{border: 1px solid #e0e0e0; box-sizing: border-box;}
.index1 .mod1 .bot{position: relative;}
.index1 .swiper-pagination-bullet{width: 13px;height: 13px;background:#666;margin: 0 5px;border-radius: 13px;}
.index1 .swiper-pagination-bullet-active{background:#0276cb;}
.index1 .swiper-pagination{margin-top: 40px;width: 100%;}
.index1 b{font-size: 16px;color: #333;display: block;height: 20px;line-height: 20px;overflow: hidden;margin: 20px 0 10px;}
.index1 span{font-size: 16px;color: #666;}
.index1 li:hover b{color: #0276cb;}
.index1 .swiper-button-next,.index1 .swiper-button-prev{width: 38px;height: 38px;background: url(../images/index2-pre.png) no-repeat center;top: 40%;}
.index1 .swiper-button-next{background: url(../images/index2-next.png) no-repeat center;right: -19px;}
.index1 .swiper-button-prev{left: -19px;}
.index1 .center{position: relative;}

.index2{background: #fff;overflow: hidden;}
.index2 .ind_slu{width: 100%; margin-top: 25px; overflow: hidden;}
.index2 .ind_slu ul{margin-left: -2%;overflow: hidden;}
.index2 .ind_slu ul li{width: 31.333%; float: left; margin-left: 2%; margin-bottom: 1%;position: relative;}
.index2 .ind_slu ul li .imgfd{ border-radius: 8px; overflow: hidden;}
.index2 .ind_slu ul li .cont{position: absolute;box-sizing: border-box;left: 7%;bottom:1.5%;width: 86%;z-index: 5;padding-bottom: 1rem;padding-top: 1rem;border-radius: 10px;}
.index2 .ind_slu ul li .cont h3{font-size: 19px; color: #fff; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 700;  line-height: 35px;}


.index3{position: relative;overflow: hidden;padding: 3% 0;background-image: url(../images/ab_bj.jpg);background-repeat: no-repeat;background-position: 0 center;background-size: cover;}
.index3 .zb_cover{float: left; width: 45%; }
.index3 .zb_cover img{width: 100%;height: 100%;object-fit: cover;}
.index3 .yb_warp{float: right; width: 50%; }
.index3 .yb_warp h3{font-size: 24px; font-weight: 700; color: #333; line-height: 2.5;}
.index3 .yb_warp .jjdes{margin: 22px 0;font-size: 15px; line-height: 32px;  overflow: hidden;}
.index3 .yb_warp .more{color: #333;border: 1px solid #333;margin-top: 45px;}
.index3 .yb_warp .more:hover{color: #fff;border: 1px solid #0276cb;}

.nums{clear: both; display: flex; padding: 3% 0 0; justify-content: space-between;}
.nums .li_box{box-sizing: border-box; text-align: left; display: -webkit-flex; display: flex; align-items: center;}
.nums .li_box .number{display: block; width: 100%; font-size: .8rem; color: #000;}
.nums .li_box .number .num{font-size: 50px; font-family: Arial; font-weight: 700; margin: 0; color: #0276cb; vertical-align: middle; line-height: 1;}
.nums .li_box .number .wd{font-size: 2.25rem; font-weight: 700; color: #0276cb; text-transform: uppercase; line-height: 1; vertical-align: middle; margin-left: 3px;}
.nums p.t{font-size: 15px; display: block; width: 100%; color: #555; font-weight: 700; line-height: 1.3;}
.nums p.t:before{display: block; content: " "; height: 3px; width: 1rem; z-index: 5; background-color: #666; margin: 1em 0;}


.index4 .box{width: 25%;margin-right: 1.7%;margin-top: 35px;position: relative;height: 600px;}
.index4 .box3{margin-right: 0;}
.index4 .box2{width: 46.6%;}
.index4 .box1 .txt{background: url(../images/index4bg1.png) repeat-x top;position: absolute;top: 0;left: 0;width: 100%;height: 600px;}
.index4 .txtt .pad{padding: 35px;}
.index4 .txtt b{font-size: 16px;color: #333;line-height: 28px;height: 28px;overflow: hidden;display: block;}
.index4 .txtt span{font-size: 14px;color: #333;display: block;margin: 15px 0;position: relative;}
.index4 .txtt span::after{content: '';width: 60px;height: 2px;background: #0276cb;position: absolute;left: 0;top: 24px;}
.index4 .txtt a{font-size: 14px;color: #888;}
.index4 .txtt a:hover{color: #0276cb;}
.index4 .box2 .imgfd{height: 600px;}
.index4 .box2 .imgfd img{width: 100%;height: 100%;object-fit: cover;}
.index4 .box2 .txt{background: rgba(0,0,0,0.7);position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;}
.index4 .box2 .txt:hover{background: rgba(0,78,162,0.7);}
.index4 .box2 .txt .pad{padding: 35px;}
.index4 .box2 .txt b{font-size: 18px;display: block;margin-bottom: 15px;}
.index4 .box2 .txt p{font-size: 14px;}
.index4 .box3 dl{}
.index4 .box3 dt{height: 300px;margin-bottom: 30px;background: #f1f1f1;}
.index4 .box3 dt .wz{font-size: 14px;color: #666;line-height: 24px;height: 48px;overflow: hidden;margin-bottom: 20px;}
.index4 .box3 dt:nth-child(2){margin-bottom: 0;height: 270px;background: url(../images/index4bg4.jpg) no-repeat center;background-size: cover;}
.index4 .box3 dt:nth-child(2) .pad{padding-top: 68px;}
.index4 .box3 dt .xz{display: block;font-size: 16px;color: #fff;border: 1px solid #fff;border-radius: 10px;width: 200px;height: 55px;line-height: 55px;overflow: hidden;margin: 0 auto;padding-left: 20px;background: url(../images/index4-xz.png) no-repeat 190px;margin-top: 25px;}
.index4 .box3 dt .xz:hover{text-decoration: underline;}
.index4 .box3 dt .xz:first-child{margin-top: 0;}

.index5,.index6{width: 40%;height: 500px;padding: 0 5%;padding-top: 50px;}
.index5{background: #f1f5f6 url(../images/index5.jpg) no-repeat center;}
.index6{background: #f1f5f6 url(../images/index6.jpg) no-repeat center;}

.index5 .wz{font-size: 16px;color: #666;line-height: 24px;margin: 25px 0 60px;}
.index5 .list{position: relative;}
.index5 .mod2 li{background-size: 100% auto;position: relative;}
.index5 .mod2 li .imgfd{margin-bottom: 20px;border-radius: 8px;background:#fff;}
.index5 .mod2 li .imgfd img{width:100%;margin: 0 auto;}
.index5 .mod2 .bot{position: relative;}
.index5 .swiper-pagination{margin-top: 40px;width: 100%;}
.index5 .swiper-button-next,.index5 .swiper-button-prev{width: 30px;height: 30px;background: url( ../images/index5-l.png) no-repeat center;top: 49%;}
.index5 .swiper-button-next{background: url( ../images/index5-r.png) no-repeat center;right: 0;}
.index5 .swiper-button-prev{left: 0;}
.index5 .mod2{max-width: 670px;margin: 0 auto;}

.index6 .tit{font-size: 24px;color: #333;line-height: 50px;margin-bottom: 20px;}
.index6 b{font-size: 36px;display: block;}
.index6 .inp{width: 49%;margin-bottom: 15px;border: 1px solid rgba(0,0,0,0.42);box-sizing: border-box;border-radius: 6px;overflow: hidden;float: left;}
.index6 .inp:nth-child(1){margin-right: 2%;}
.index6 .inp:nth-child(3),.index6 .inp:nth-child(4){width: 100%;}
.index6 input{padding-left: 8px;height: 50px;line-height: 50px;background: none;color: #333;font-size: 14px;width: 100%;}
.index6 input::-webkit-input-placeholder,.index6 textarea::-webkit-input-placeholder{color: #333;}
.index6 textarea{padding-left: 8px;height: 125px;background: none;color: #333;font-size: 14px;width: 100%;padding-top: 18px}
.index6 .sub{width: 145px;height: 45px;background: #0276cb;font-size: 15px;color: #fff;border-radius: 5px;cursor: pointer;padding-left: 0;}

@media (max-width: 1400px){
	.index1{padding: 30px 0;}
	.st-tit{margin-bottom: 30px;}

}
@media (max-width: 1024px){
	.margin{margin-top: 32px;}
	.sy-tit::after{width: 140px;height: 6px;top: 26px;}
	.st-tit h2{font-size: 30px;}
	.index6 b,.sy-tit,.index2 .tab-bd li b{font-size: 30px;}

	.index1 .swiper-button-next{right:0;}
	.index1 .swiper-button-prev{left:0;}

	.index2 .ind_slu ul li{width: 49%; margin-bottom: 1%;}
	.index2 .ind_slu ul li .cont h3{font-size: 18px;}

	.index3 .zb_cover{ width: 100%; }
	.index3 .yb_warp{ width: 100%; }

	.index5 .mod2 li .imgfd img{width: 100%;}

	
}
@media (max-width: 768px){
	.sy-tit,.index2 .tab-bd li b,.index6 b{font-size: 27px;}
	.sy-tit::after{width: 120px;height: 5px;top: 22px;}
	.st-tit h2{font-size: 27px;}

	.nums .li_box .number .num {font-size: 42px;}

	.index2 .ind_slu ul li .cont h3{font-size: 15px;}
	
	.index5, .index6{width: 90%;}
	.index5{padding-top: 40px;}
	.index5 .wz{margin-bottom: 30px;}
	.index5{height: auto;padding-bottom: 20px;}
	.index6 .tit{font-size: 18px;line-height: 34px;}
}
@media (max-width: 500px){
	.index5 .wz{font-size: 14px;margin: 20px 0;}
	.index6 .inp{width: 100%;margin-right: 0;}

	.index6 {padding-bottom: 30px;}
}


.banban1{position: relative;width: 100%;overflow: hidden;}
.banban1 .img img{width: 100%;height: 100%;display: block;}
.banban1 .box{text-align: center;position: absolute;top: 40%;width: 100%;}
.banban1 .box h2{font-size: 24px;color: #fff;display: block;margin-top: 20px;}

.columnmenu{height: 78px; text-align: center; border-bottom: solid 1px #e5e5e5;}
.columnmenu .tit{display: none;}
.columnmenu ul{display: inline-block;}
.columnmenu li{float: left; padding: 0 34px;}
.columnmenu li a{height: 78px; line-height: 78px; display: block; font-size: 1.05rem; color: #222; font-weight: bold; padding: 0 5px; }
.columnmenu li a:hover{color: #0159b6;}
.columnmenu li.on a{color: #0159b6; border-bottom: solid 3px #0159b6;}


.about1{background: #f5f5f5;padding: 4.5% 0;overflow: hidden;}
.about1 .zi{text-align: center; font-size: 1.75rem; font-weight: bold; color: #222; padding-bottom: 55px;}
.about1 .box{width: 45%;display: inline-block;}
.about1 .profile {padding-left:4%;width: 50%;display: inline-block; vertical-align: top; overflow: hidden;} 
.about1 .profile .txt{ font-size: 15px;line-height: 35px; color: #333;margin-bottom: 4.5%; }
.about1 .box .img{width: 100%;}
.about1 .box .img img{width: 100%;height: 100%;object-fit: cover;}


.Ulimg{width:100%; overflow: hidden;}
.Ulimg ul{ margin-left:-2%; }
.Ulimg li{ float:left; width:18%; margin-left:2%; text-align:center; margin-bottom:1.5%;}
.Ulimg li img{width: 98%; border: 1px solid #ccc; padding: 2px;}
.Ulimg li span{display:block; line-height:25px; font-size:15px; padding-top: 10px;}


.client{width:100%; overflow: hidden;}
.client ul{ margin-left:-1%;}
.client li{ float:left; width:13.285%; margin-left:1%; text-align:center; margin-bottom:1.4%; background: #fff;border:1px solid #fff; box-sizing: border-box;}
.client li img{ width:100%;display: block;}
.client li:hover{border:1px solid #0159b6;}
.client li span{display:block; line-height:22px; font-size:14px; padding-top: 10px;}

.wz_list{width: 100%;padding:7px 0; background-color:#777; overflow: hidden;}
.wz_list .cont{width: 100%; height: 100%; display: flex;}
.wz_list .cont a,
.wz_list .cont span{display: block; height: 100%; line-height: 40px; color: #fff; opacity: 0.95; font-size: 14px; padding: 0 3px;}


.pro_contentW{position: relative; overflow: hidden;}
.pro_content{padding:50px 0; min-height: 880px}
.pro_menu{width: 50%; height: 100%; float: left; background: #e9f3fa; position: absolute; top: 0; right: 50%; margin-right: 380px;}
.pro_menu a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_menu .box{width: 325px; float: right; padding-top: 50px;}  
.pro_menu .tip{font-size: 30px; color: #333; }
.pro_menu .list{margin-top: 5%;}
.pro_menu .list dl{margin: 0;padding-top: 20px; display: none; padding: 3% 53px 3% 0;}
.pro_menu .list dl dd{margin: 0; }
.pro_menu .list dl dd>a{display: block; padding: 8px 0; font-size: 14px; color: #333; position: relative;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.pro_menu .list dl dd>a i{width: 14px; height: 14px; position: absolute; right: 45px; top: 50%; margin-top: -7px; background: url(../images/show2.png) 0 0 no-repeat;} 
.pro_menu .list dl dd.on>a i{background: url(../images/hide2.png) 0 0 no-repeat;}
.pro_menu .list dl dd.on>a,
.pro_menu .list dl dd>a:hover{color: #0276cb;}
.font_bd{font-weight: bold;}

.pro_menu .list>ul>li{position: relative; padding: 16px 0; cursor: pointer;}
.pro_menu .list>ul>li:before{content: ""; width: 900%; height: 1px; background: #d3e4eb; right: 0; top: 0; position: absolute;}
.pro_menu .list>ul>li:first-child:before{display: none;}
.pro_menu .list>ul>li .title{display: block;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap;  position: relative; font-size: 16px; padding-right: 5%; line-height: 35px;} 
.pro_menu .list>ul>li .title i{position: absolute; width: 24px; height: 24px; right: 30px; top: 50%; margin-top: -12px; background: url(../images/show.png) 0 0 no-repeat; z-index: 1;}
.pro_menu .list>ul>li.on .title,
.pro_menu .list>ul>li .title:hover{color: #0276cb;}
.pro_menu .list>ul>li.on .title i{background: url(../images/hide.png) 50% 50% no-repeat; }
.pro_menu .list>ul>li.on .title,
.pro_menu .list>ul>li .title:hover{color: #0276cb;}

.proCon_list{width:70%; float: right;}
.product{width: 100%; overflow: hidden;}
.product ul{ margin-left:-1%;}
.product ul li{ float:left; width:24%;  margin-left:1%; text-align:center; margin-bottom:1.2%;}
.product ul li img{ width:97%; border:1px solid #DDD; padding: 2px;} 
.product ul li img:hover{border:1px solid #0159b6;}
.product ul li p{display: block; padding-top:10px; line-height: 25px; font-size: 13px; height:50px;}


/*  产品详情 */
.products_con{max-width:100%;  margin-top:70px; overflow: hidden;}
.products_con .t{width: 82%; margin: 0 auto;  overflow: hidden;}
.products_con .t_l{float: left;width: 54%;}
.products_con .t_l img{max-width: 88%;margin: 0 auto; display: block;}
.products_con .swiper-wrapper{height: auto;}
.gallery-toper{border: 1px solid #CCC;}
.gallery-toper .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
.gallery-toper .swiper-pagination-bullet{width: 6px;height: 6px;background: #333;opacity: 0.1;}
.gallery-toper .swiper-pagination-bullet-active{background: #333;opacity: 1;}
.gallery-toper .swiper-button-next,.gallery-toper .swiper-button-prev{background: #333;  width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -42px;outline: medium;}

.gallery-toper .swiper-button-next i, .gallery-toper .swiper-button-prev i{font-size: 27px;color: #fff;}
.gallery-toper .swiper-button-next i:hover, .gallery-toper .swiper-button-prev i:hover{color: #0159b6;}

.gallery-thumbser{margin: 25px 0 0 !important;}
.gallery-thumbser .swiper-slide {display: inline-block;border:1px solid #CCC;box-sizing: border-box;}
.gallery-thumbser .swiper-slide-thumb-active {border:1px solid #0159b6;}

.products_con .t_r{float: right;width: 40%;}
.products_con .t_r h4{font-size: 27px;font-weight: bold;padding:0 0 25px 0;color: #333;border-bottom: 1px solid #ddd; margin-bottom: 25px;}
.products_con .t_r h5{font-size: 16px; padding-bottom: 12px;border-bottom: 1px solid #888;margin-bottom: 25px; color: #666;}
.div_p1{ font-size:15px; color:#000; font-weight:600;  }


.products_con .t_r .r_b{margin-top: 15px;line-height: 32px;padding-bottom: 30px; font-size: 14px; color: #444;}
.products_con .t_r .r_b table{width: 88% !important;}
.products_con .t_r .r_b table tr td{width: 25%;}
.products_con .t_r .r_b table tr td:first-child{font-weight: bold;}

.products_con .t_r .box_btn{margin-top: 30px;overflow: hidden;}
.products_con .t_r .box_btn>.btn{width: 240px; height: 60px; line-height: 60px; color: #fff!important; background: url(../images/btn1.png) 0 0 no-repeat; display: block; float: left; text-align: center; font-size: 18px;  background-size: contain;}
.products_con .t_r .box_btn>.btn.btn1{background: url(../images/btn2.png) 0 0 no-repeat; background-size: contain;}
.products_con .t_r .box_btn>.btn img{height: 20px; margin-top: 20px; margin-right: 15px;}

.pro_info_T{padding: 45px 0; border-top: 1px solid #f0f0f0; background: #f9f9f9; margin-top: 55px;}
.pro_info_T .description{width: 82%; margin: 0 auto;   overflow: hidden;}
.pro_info_T .description .xqbt{height: 56px; line-height: 56px; border-bottom: 1px solid #dddddd; margin: 0 0 12px; }
.pro_info_T .description .xqbt span{width: 175px; background: url(../images/con_tab1.png) 0 100% no-repeat; background-size: cover;height: 56px; line-height: 56px; float: left; font-size: 17px; color: #fff; text-align: center; cursor: pointer; }
.pro_info_T .description .editor{margin: 20px 0; font-size: 14px;line-height: 32px; overflow: hidden;}
.pro_info_T .description .editor img{max-width: 100%;}

.pro_info_T .description .editor table{width: 95%; width: 100%;border-collapse: collapse; border-left: 1px solid #555;border-top: 1px solid #555; margin-bottom: 10px;text-align:left;}
.pro_info_T .description .editor table tr td{border-right: 1px solid #555;border-bottom: 1px solid #555;font-size: 14px;line-height: 32px; padding: 5px 10px; color: #000;}




.newsPage{background: #f5f5f5;padding: 4% 0 2%;overflow: hidden;}
.newsPage .newsList{padding: 0 5%;overflow: hidden;}
.newsPage .newsList:after{content: ""; height: 0; display: block; clear: both;}
.newsPage .newsList li{width:31.85%; float: left; margin: 0 0 2% 30px; box-sizing: border-box;}
.newsPage .newsList li:nth-child(3n+1){margin-left: 0;}
.newsPage .newsList li a{display: block; background: #fff; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}
.newsPage .newsList li a:hover{box-shadow: 3px 3px 14px 1px #c4c4c4;}
.newsPage .newsList li a:hover .pic img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);}
.newsPage .newsList li a:hover .text .tit{color: #0159b6;}
.newsPage .newsList li a:hover .text .line::after{width: 100%;}
.newsPage .newsList li a:hover .text .xmore{background-position: right 0 center;}
.newsPage .newsList li .pic{height: 254px; overflow: hidden;}
.newsPage .newsList li .pic img{width: 100%; display: block; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}
.newsPage .newsList li .text{padding: 22px; box-sizing: border-box;}
.newsPage .newsList li .text .tit{height: 30px; line-height: 30px; font-size: 17px; color: #000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.newsPage .newsList li .text .txt{height:50px; line-height: 25px; font-size: 14px; color: #444; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; margin-top: 14px;}
.newsPage .newsList li .text .line{height: 1px; background: #ececec; margin: 26px 0; position: relative;}
.newsPage .newsList li .text .line::after{content: " "; width: 0%; height: 1px; position: absolute; left: 0; top: 0; z-index: 2; background: #0159b6; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s;}
.newsPage .newsList li .text .xmore{height: 20px; line-height: 20px; font-size: 15px; color: #888; background: url(../images/arrow3.png) no-repeat right 10px center; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}

.newsPage .newsDetails{background: #fff; padding: 2.5%; margin: 0 5%; box-sizing: border-box;}
.newsPage .newsDetails .title{text-align: center; padding:10px 0 20px 0;}
.newsPage .newsDetails .title .tit{line-height: 32px; font-size: 20px; color: #000000; padding-bottom: 10px;}
.newsPage .newsDetails .title .info{line-height: 32px; font-size: 15px; color: #777;}
.newsPage .newsDetails .article{padding: 20px 0; border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2; line-height: 32px; font-size: 15px; overflow: hidden;}

.newsDetails .prevnext{line-height: 30px; font-size: 14px; color: #444; padding: 32px 0;}
.newsDetails .prevnext:after{content: ""; height: 0; display: block; clear: both;}
.newsDetails .prevnext p{width: 42.5%; float: left;}
.newsDetails .prevnext p:nth-child(even){float: right; text-align: right;}
.newsDetails .prevnext a{font-size: 14px; color: #444; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}
.newsDetails .prevnext a:hover{color: #0159b6;}

.case-page {background: #f5f5f5;padding: 4% 0 2%;overflow: hidden;}
.case-list ul{margin-left: -2%; overflow: hidden;}
.case-list li{width:31.333%; float: left; margin-left: 2%; margin-bottom: 2%;overflow: hidden;}
.case-list li a{display: block; position: relative; overflow: hidden;}
.case-list li a::after{content: " "; width: 100%; height: 174px; position: absolute; left: 0; bottom: 0; z-index: 5; background: url(../images/case-list-filter.png) repeat-x 0 0; background-size: auto 100%;}
.case-list li a:hover img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);}
.case-list li img{width: 100%; display: block; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;}
.case-list li .tit{width: 100%; height: 70px; line-height: 70px; padding: 0 30px; font-size: 1.28rem; font-weight: bold; color: #fff; position: absolute;  box-sizing: border-box;
	left: 0; bottom: 0; z-index: 20; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}

/*联系我们*/
.contact_one{background: #f5f5f5;padding: 4.5% 0; position: relative; overflow:hidden; }
.contact_pos{ position:absolute; top:0; right:0; width:48%; height:100%; z-index:1;display: flex; align-items: center; justify-content: left;}
.contact_l{float:left; width:50%; overflow:hidden;  border:2px solid #fff;}
.contact_l #map_container{height: 550px; font-size: 14px; color: #333;}
.contact_r{width:100%;overflow:hidden;}
.contact_r .boxs{max-width:82%; margin:0 auto; }
.contact_r .h4{font-weight:bold; overflow:hidden; line-height:2; color:#333; font-size:25px;}
.contact_r .contact_ul{overflow:hidden; border-top:1px solid #e1e1ea;border-bottom:1px solid #e1e1ea; margin-top:3%; margin-bottom:3%; padding-top:2%; padding-bottom:5%;}
.contact_r .contact_ul li{display:block; overflow:hidden; color:#333333; line-height:36px; font-size: 16px;
	background-repeat:no-repeat; background-position:left 6px center;background-size:27px 25px; padding-left:50px; margin-top:3%;}
.contact_r .contact_ul li.bgs1{background-image:url(../images/contact_pic1.png);}
.contact_r .contact_ul li.bgs2{background-image:url(../images/contact_pic2.png);}
.contact_r .contact_ul li.bgs3{background-image:url(../images/contact_pic3.png); background-position:left 6px top 7px;}
.contact_r .contact_ul li label{float:left;overflow:hidden; color:#444; font-weight:bold; margin-right:10px;}
.contact_r .contact_ul li .p{overflow:hidden;color:#444;}
.contact_r .contact_ul li a{color:#444;}
.contact_r .contact_ul li a:hover{color:#0159b6;}
.contact_r .contact_ul2{clear:both;}


.product_feedback{padding-top:2.55%; margin-bottom:5%; overflow:hidden;}
.quality_t h3{ font-weight:bold; font-size: 38px; color:#0159b6; text-transform:uppercase;line-height:1.5; padding: 3.55% 0 0; text-align: center;}
.product_feedback .product_feedback_r{text-align:left; overflow:hidden;}
.product_feedback .product_feedback_r .divs2{width:32%; overflow:hidden; margin-bottom:15px; margin-right:2%;}
.product_feedback .product_feedback_r .divs2.fr{margin-right:0;}
.product_feedback .product_feedback_r .divs{overflow:hidden; margin-bottom:15px; clear:both;}
.product_feedback .product_feedback_r label{display:block; overflow:hidden; line-height:32px; height:32px; color:#666; font-size:15px;padding-bottom: 6px;}
.product_feedback .product_feedback_r label font{color:#fe1212;}
.product_feedback .product_feedback_r .inputs{width: 100%; height: 58px; line-height: 58px; padding: 0 18px; font-size: 1.4rem; background:#f5f5f7; color:#333; border:1px solid #eeeeee;}
.product_feedback .product_feedback_r .inputs::-webkit-input-placeholder{color: #999999;}
.product_feedback .product_feedback_r .inputs:-moz-placeholder{color: #999999;}
.product_feedback .product_feedback_r .inputs::-moz-placeholder{color: #999999;}
.product_feedback .product_feedback_r .inputs:-ms-input-placeholder{color: #999999;}
.product_feedback .textarea{padding:1%; width:100%; padding-left:18px; background:#f5f5f7; font-size:14px; outline:none; color:#333; height:200px;border:1px solid #eeeeee;}
.product_feedback .textarea::-webkit-input-placeholder{color: #999999;}
.product_feedback .textarea:-moz-placeholder{color: #999999;}
.product_feedback .textarea::-moz-placeholder{color: #999999;}
.product_feedback .textarea:-ms-input-placeholder{color: #999999;}
.product_feedback .bnts{width:180px;display:block; overflow:hidden;line-height:60px; height:60px; background:none; outline:none;-webkit-tap-highlight-color:transparent;transition:all 0.3s; cursor:pointer; color:#0159b6; font-size:20px;border: 1px solid #0159b6;border-bottom: 3px solid #0159b6;transition:all 0.3s; margin:0 auto; margin-top:3%;}
.product_feedback .bnts:hover{border-color:#0159b6; color:#fff; background:#0159b6;}


@media (max-width: 1480px){
	.pro_menu{right: 45%;}
	.product ul li{width: 32.333%;}
	.proCon_list{width:73%; float: right;}

	.products_con .t,.pro_info_T .description{width: 100%;}

	.newsPage .newsList{padding: 0;}
	.newsPage .newsDetails{padding: 2.5%; margin: 0;}
}

@media (max-width: 1024px){
	.banban1 .img img{min-width: 110%;}

	.about1{padding: 40px 0;}
	.about1 .zi{font-size: 25px;}
	.about1 .profile{width: 100%;padding-left:0;margin-top: 25px;}
	.about1 .profile .txt{ font-size: 14px;line-height: 32px; margin-bottom: 4.5%; }
	.about1 .box{width: 100%;}

	.columnmenu{height: 60px;position: relative;}
	.columnmenu .tit{width: 95%;margin: 0 auto;height: 60px;line-height: 60px;display: block;color: #252525; font-size: 1.02rem;font-weight: bold; text-align: left;background: url(../images/arrow4.png) no-repeat right 0 center;}
	.columnmenu .tit.on{background-image: url(../images/arrow8.png);}
	.columnmenu ul{display: none;position: absolute;top: 60px;left: 0;width: 100%;z-index: 90;background: #efefef;}
	.columnmenu li{float: none;padding: 0;}
	.columnmenu li a{height: 55px;line-height: 55px;border-bottom: solid 1px #ddd;font-size: .958rem;font-weight:normal }
	.columnmenu li a:hover{color: #222;}
	.columnmenu li.on a:hover,
	.columnmenu li.on a{color: #0b70b6;border-bottom: solid 1px #0b70b6;}

	.Ulimg li{width:48%;}
	.client li{width: 24%;}

	.case-list li{width:48%;}
	.case-list li .tit{height: 55px; line-height: 55px; padding: 0 20px; font-size: 1.1rem;}

	.pro_menu .tip{font-size: 25px;}
	.pro_menu{margin-left: 0; left: 0; width: 33.5%;}
	.pro_menu .box{width: 95%; padding-left: 5%;padding-top: 35px;}

	.pro_menu .list>ul>li{padding: 12px 0;}
	.pro_menu .list>ul>li .title{font-size: 15px;}
	.pro_menu .list dl dd>a i{right: 20px;}
	.pro_menu .list>ul>li .title i{right: 20px;}


	.proCon_list{width:64%; float: right;}
	.product ul li{width: 49%; margin-bottom: 3.5%;}

	.products_con{margin-top:35px;}
	.products_con .t_l{width: 100%;}
	.products_con .t_r{width: 100%; margin-top: 35px;}
	.products_con .t_r h4{font-size: 24px;padding: 0 0 15px 0; margin-bottom: 15px;}
	.products_con .t_r .r_b{margin-top: 15px;line-height: 30px;padding-bottom: 30px; font-size: 13px;}
	.products_con .t_r .box_btn { margin-top: 20px;}
	.products_con .t_r .box_btn>.btn{width: 185px; height: 46px; line-height: 46px;}
	.products_con .t_r .box_btn>.btn img{margin-top: 10px;}
    .pro_info_T {padding: 25px 0;}
	.pro_info_T .description .xqbt{height: 45px; line-height: 45px}
	.pro_info_T .description .xqbt span { width: 138px; height: 45px; line-height: 45px;font-size: 15px;}


	.newsPage .newsList li{width: 50%;margin: 0 0 3% 0;padding-right: 2%;box-sizing: border-box;}
	.newsPage .newsList li:nth-child(even){padding-right: 0;padding-left: 5px;}

	.newsPage .newsList li .text{padding: 18px;}
	.newsPage .newsList li .text .tit{font-size: 15px;}
	.newsPage .newsList li .text .txt{margin: 8px 0;font-size: 13px;}
	.newsPage .newsList li .text .line{margin: 15px 0;}
	.newsPage .newsList li .text .line::after{display: none;}
	.newsPage .newsList li .text .xmore{font-size: 14px;background-position: right 0 center;background-size: 16px auto;}

	.newsPage .newsDetails .title .tit{font-size: 18px;}
	.newsPage .newsDetails .title .info{font-size: 14px;}
	.newsPage .newsDetails .article{ line-height: 30px; font-size: 14px; }

	.newsDetails .prevnext{padding: 15px 0;}
	.newsDetails .prevnext p{width: 100%;float: none;line-height: 36px;}
	.newsDetails .prevnext p:nth-child(even){float: none;text-align: left;}

	.contact_l{width:100%;}
	.contact_pos{display:block; position:static;padding-top:4%; clear:both; overflow:hidden; width:100%;}
	.contact_l #map_container{height: 480px;}
	.contact_r{float:none; width:100%; max-width:none;}
	.contact_r .boxs{max-width:none;}
	.contact_r .contact_ul li{margin-top:2.5%;font-size: 15px;}

	.quality_t h3{ font-size: 32px; padding: 5% 0;}
	.product_feedback.bgs2{background:none;}
	.product_feedback .bnts{width:100%; font-size:18px;}

}
@media (max-width: 720px){
	.banban1 .box h2{font-size: 20px;}
	.tt{max-width: 40px;display: block;margin: 0 auto;}
	.banban1 .box h2{margin-top: 10px;}
	.banban1 .box{top: 30%;}
	.about1 .zi{font-size: 22px; padding-bottom: 35px;}

	.client li{width: 32.333%;}

	.pro_content{padding: 30px 0;display: flex;flex-wrap:wrap;}
	.pro_content .pro_menu{order: 1;margin-right: 0;}
	.pro_content .proCon_list{order: 0;}
	.pro_menu .box{padding-top: 30px;}
	.pro_menu .tip{padding: 0 20px;}
	.pro_menu .list{margin-top: 2%;}
	.pro_menu{position: relative; width: 100%;}
	.pro_menu .list dl dd>a{padding: 8px 0 8px 20px;}
	.pro_menu .list>ul>li:before{width: 100%;}
	.pro_menu .box{padding-left: 0; width: 100%;}
	.pro_menu .list>ul>li .title{padding: 0 20px;line-height: 30px;}
		
	.pro_menuSub ul li{padding: 0 20px;}
	.proCon_list{width: 100%; margin-top: 20px;}
	.gallery-toper .swiper-button-next, .gallery-toper .swiper-button-prev{width: 42px;height: 42px; line-height: 42px;margin-top: -22px;}
	.gallery-toper .swiper-button-next i, .gallery-toper .swiper-button-prev i{font-size: 20px;}


	.case-list ul{margin-left:0;}
	.case-list li{width:100%;margin-left:0;}

	.newsPage .newsList li{width: 100%;margin: 0 0 5% 0;padding-right:0;}

	.quality_t h3{ font-size: 28px; }
	.contact_r .contact_ul li{ margin-top:20px; }
	.contact_r .contact_fx{ padding-top:2%;}
	.product_feedback .product_feedback_r .divs2{ width:100%; margin-right:0; float:none;}
	.product_feedback .product_feedback_r .divs2.fr{ width:100%; float:none;}


}