.nsec1{background: url(../images/homefivebg.jpg)repeat;}
.xProBox{display: flex;align-items: flex-start;padding-bottom: 80px;}

.xpSelBox{width: 270px;background: #FFFFFF;}
.xptit{background: url(../images/xptitBg.jpg);height: 100px;width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.xptit p{line-height: 40px;font-size: 22px;color: #fff;}
.xptit span{font-size: 13px;color: rgba(255,255,255,.7);display: block;line-height: 20px;}
.yijitit{display: flex;align-items: center;padding: 0 20px;border-top: 1px solid #efefef;}
.yijitit i{display: block;background: #0075C2 url(../images/prod_list_ico.png) no-repeat center;border-radius: 50%;width: 24px;height: 24px;display: block;cursor: pointer;transition: .3s;}
.yijitit a{display: block;width: calc(100% - 24px);line-height: 65px;padding: 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yijitit:hover a{color: #0075C2!important;}
.erjiBox{padding: 10px 0 15px;display: none;}
.erjiBox a{font-size: 14px;color: #666;line-height: 35px;padding: 0 25px 0 40px;display: block;transition: .3s;display: flex;align-items: center;}
.erjiBox a i{display: block;height: 4px;width: 4px;background: #0075C2;border-radius: 100%;margin-right: 8px;flex-shrink: 0;}
.erjiBox a span{display: block;flex-shrink: 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;}
.erjiBox a.active{color: #0075C2!important;}
.erjiBox a+a{border-top: 1px dashed #f1f1f1;}
.erjiBox a:hover{color: #0075C2;}
.yijiBox.active .yijitit{border-bottom: 1px solid #EFEFEF;}
.yijiBox.active .yijitit i{transform: rotate(90deg);}


.xpListBox{width: calc(100% - 300px);margin-left: auto;background: #FFFFFF;}
.xpqhList{display: flex;flex-wrap: wrap;padding: 10px 20px;border-bottom: 1px dashed #cccccc;}
.xpqhItem{color: #454545;font-size: 15px;line-height: 35px;display: block;padding: 0 20px;display: flex;align-items: center;transition: 0.3s all ease-in-out;cursor: pointer;}
.xpqhItem i{display: block;transition: 0.3s all ease-in-out;box-shadow: 0 0 1px 1px #454545;background: #fff;width: 10px;height: 10px;border-radius: 50%;margin-right: 10px;}
.xpqhItem.active{color: #0075C2;}
.xpqhItem.active i{box-shadow: 0 0 1px 5px #c8e3f5;background: #0075C2;}

.xpqProList {display: none;flex-wrap: wrap;padding: 20px 20px 0;}
.xpqProList.active{display: flex;}
.xpqProItem{display: block;width: calc(25% - 15px);margin: 0 20px 20px 0;background: #EEF1F6!important;padding: 10px;}
.xpqProItem:nth-of-type(4n){margin-right: 0;}
.xpqProItem .img{overflow: hidden;}
.xpqProItem .img img{width: 100%;transition: .5s;}
.xpqProItem p{text-align: center;font-size: 16px;line-height: 30px;padding-top: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.propageBox{padding: 50px 0;background: url(../images/homefivebg.jpg)repeat;}
.propageBox .xProBox{padding-bottom: 0;}
.proContent{padding: 50px 0;background: url(../images/homefivebg.jpg)repeat;}
.proContent .xppBox{display: flex;align-items: flex-start;}
.proInfoBox{width: calc(100% - 300px);margin-left: auto;}
.whiteBg{background: #FFFFFF;padding: 20px;border-radius: 4px;}
.whiteBg+.whiteBg{margin-top: 20px;}
.proppiBox{display: flex;}
.proppiBox .piImg{width: 450px;height: 100%;border: 1px solid #E9E9E9;border-radius: 10px;overflow: hidden;}
.proppiBox .piImg img{width: 100%;display: block;}
.proppiBox .piDesc{width: calc(100% - 480px);margin-left: auto;}
.proppiBox .piDesc h1{font-size: 24px;color: #333;padding: 15px 0 15px 15px;line-height: 32px;font-weight: normal;border-bottom: 2px solid #eee;margin-bottom: 15px;}
.proppiBox .piDesc .lybz{padding: 40px 40px;background: url(../images/homefivebg.jpg);box-shadow: 0 4px 20px rgb(0 0 0 / 20%);border-radius: 10px;position: relative;}
.proppiBox .piDesc .lybz *{position: relative;z-index: 2;}
.proppiBox .piDesc .lybz::after{content: "";display: block;height: calc(100% - 40px);width: calc(100% - 40px);background: #FFFFFF;box-shadow: 0 0px 20px rgb(0 0 0 / 15%) inset;position: absolute;top: 20px;left: 20px;border-radius: 10px;z-index: 1;}
.proppiBox .piDesc .lybz strong{font-size: 18px;color: #0075c2;line-height: 2;display: block;}
.proppiBox .piDesc .lybz p+strong{margin-top: 15px;}
.proppiBox .piDesc .lybz p{font-size: 14px;line-height: 1.6;color: #666;}
.proppiBox .piDesc .lybz p em{font-weight: bold;}

.lianxitel {overflow: hidden;margin-top: 25px;}
.lianxitel a {width: 150px;display: block;height: 50px;line-height: 50px;text-align: center;background: #0075c2!important;color: #fff!important;font-size: 15px;float: left;}
.lianxitel a:hover{color: #FFFFFF !important; }
.lianxitel a img {width: 19px;margin-right: 7px;vertical-align: middle;}
.lianxitel p {width: calc(100% - 150px);display: block;height: 50px;line-height: 50px;background: #f5f5f5;color: #444;font-size: 15px;float: left;text-align: center;}
.lianxitel p span {color: #0075c2;font-size: 22px;font-weight: bold;}


.cpbz{width: 100%;margin: 50px 0 0;}
.cpbzTit{border-bottom: 1px solid #E9E9E9;}
.cpbzTit span{display: block;line-height: 45px;width: 175px;font-size: 18px;background: #0075C2;color: #fff;border-radius: 5px 5px 0 0;text-align: center;}

.cptjBox {margin: 20px 0 0;padding: 0 20px;position: relative;}
.mySwiper_cptj {width: 100%;height: 100%;position: relative;overflow: hidden;}
.cptjBox .swiper-slide {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;}
.cptjBox .xpqProItem{width: 100%;margin: 0;}
.cptjBox .swiper-button-next::after,.cptjBox .swiper-button-prev::after{display: none;}
.cptjBox .swiper-button-next,.cptjBox .swiper-button-prev{width: 21px;height: 33px;margin-top: -16.5px;background-image: url(../images/right5.png);background-position: center;background-repeat: no-repeat;transition: .3s;}
.cptjBox .swiper-button-next{right: -10px;}
.cptjBox .swiper-button-prev{transform: rotate(180deg);left: -10px;}
.cptjBox .swiper-button-next:hover,.cptjBox .swiper-button-prev:hover{background-image: url(../images/right4.png);}

.cpxqBox{padding: 20px 10px 0;}
.cpxqBox img{max-width: 100%;width: auto;} 
.cpxqBox .Table p{margin: 0!important;}
.cpxqBox .Table td{padding: 2px 10px!important;}

.cont-ser{margin: 80px auto;}
.cont-name{text-align: center;line-height: 1.3;margin-bottom: 80px;}
.cont-name h2{color: #1f314c;font-size: 40px;}
.cont-name h2 span{color: #fc7449;font-size: 28px;}
.cont-name p{color: #666;font-size: 20px;margin-top: 22px;}
.cont-ser ul{margin-left: -2%;}
.cont-ser ul li{float: left;width: 23%;margin-left: 2%;background: url({$web_images}/cont-line.png);-webkit-box-shadow: 0 0 10px rgba(20,33,51,.15);-moz-box-shadow: 0 0 10px rgba(20,33,51,.15);-ms-box-shadow: 0 0 10px rgba(20,33,51,.15);-o-box-shadow: 0 0 10px rgba(20,33,51,.15);box-shadow: 0 0 10px rgba(20,33,51,.15);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;position: relative;line-height: 1.7;z-index: 0;}
.cont-ser ul li:after{content: "";position: absolute;left: 0;right:0;bottom: 0;width: 24px;height: 12px;background: url({$web_images}/cont-lines.png) no-repeat;margin: 0 auto;z-index: -1;}
.cont-ser ul li strong{display: block;text-align: center;color: #294166;font-size: 26px;font-weight: bold;padding: 14px 0;}
.cont-ser ul li img{width: 100%;-webkit-box-shadow: 0 3px 3px rgba(20,33,51,.1);-moz-box-shadow: 0 3px 3px rgba(20,33,51,.1);-ms-box-shadow: 0 3px 3px rgba(20,33,51,.1);-o-box-shadow: 0 3px 3px rgba(20,33,51,.1);box-shadow: 0 3px 3px rgba(20,33,51,.1);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.cont-ser ul li p{color: #4c4c4c;font-size: 18px;padding:20px 26px;}

.fwyqd{margin: 40px 0 20px !important;}
.fwyqd .cont-name{margin: 50px 0 30px;text-align: left;}
.fwyqd .cont-name h2{font-size: 32px;line-height: 1.2;}
.fwyqd .cont-name p{font-size: 16px;margin-top: 10px;}
.fwyqd.cont-ser ul li p{font-size: 14px;line-height: 1.5;height: 100px;}
.fwyqd.cont-ser ul{display: flex;}
.fwyqd.cont-ser ul li{float: none;}



@media screen and (max-width: 1460px) {
	.proppiBox .piImg{width: 400px;}
	.proppiBox .piDesc{width: calc(100% - 430px);}
	.lianxitel a{width: 120px;}
	.lianxitel p{width: calc(100% - 120px);font-size: 14px;}
	.lianxitel p span{font-size: 20px;}
	.xpqhItem{font-size: 14px;padding: 0 6px;}
}