

.table{ height:100%; display:table; margin: 0 auto; width: 100%;}
.table-cell{ display:table-cell; vertical-align:middle;}
.con_top{background: #73c6c8;}
.banner_1 .bann_mp{width: 23.9%; left: 38.05%; top: 14.5%;}
.banner_1 .xian1{width: 24.2%; left: 14.2%; top: 21%;
animation: donhua1 2.5s linear normal;
    -moz-animation: donhua1 2.5s linear normal;
    -webkit-animation: donhua1 linear 2.5s normal;
    -o-animation: donhua1 2.5s linear normal;
}
.banner_1 .xian2{width: 22.6%; right: 16%; top: 27%;}
.banner_1 img{display: block;}
.logoss{position: absolute; left: 3.5%; top: 4%; width: 15%;}
.logoss img{display: block;}
.footnav ul li a:hover, .footnav ul li a.in{color: #73c6c8; background: url(/images/pro/footnav1.jpg) no-repeat 85% bottom;}

.bannerqh{position: relative; overflow: hidden;}
.bannerqh span{background: #73c6c8; opacity: 0.6;}
.bannerqh span.swiper-pagination-bullet-active{opacity: 1;}

.porlist{width: 90%; margin: 0 auto; padding-bottom: 12px;}
.porlist ul li{float: left; padding-top: 12px; width: calc(50% - 6px);}
.porlist ul li:nth-child(2n){float: right;}
.porlist ul li a{display: block; padding: 12px; background: #f4f6f5;}
.porlist ul li a img{display: block;}
.porlist ul li a .img{float: right; width: 45%;}
.porlist ul li a .con{position: relative;}
.porlist ul li a .txt{position: absolute; left: 0; width: 50%; top: 0; height: 100%;}
.porlist ul li a .txt h3{font-size: 80%; color: #000000; font-weight: bold;}
.porlist ul li a .txt p{font-size: 54%; opacity: 0.5; color: #000000; width: 4em;}

img{display: block;}
.fenann{position: fixed; right: 6%; top: 50%; z-index: 51; width: 104px; margin-top: -52px;}

.fenxtc{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 52; display: none;}
.fenxtc .con{position: absolute; bottom: 5%; background: #fff; width: 94%; left: 3%; padding: 8% 0; }
.fenxtc .con input{display: block; margin: 0 auto; width: 80%; font-size: 80%;}
.fenxtc .con input.txt{margin-bottom: 3%; height: 2.6em; padding: 0 4%; line-height: 2.6em; width: 72%; border: 1px solid #ccc;}
.fenxtc .con .ann{}
.fenxtc .con .ann input{border: 1px solid #73c6c8; background: #73c6c8; color: #fff; height: 2.6em;}
.fenxtc .con .ann .but1{margin-top: 3%; border-color: #666; background: #666;}

.xzxix{padding-top: 20px; margin-left: 3%; width: 97%; overflow: hidden;}
.wstit{color: #000000; line-height: 1.6em; padding-bottom: 0.3em;}
.wstit img{display: inline-block; width: 0.99em; padding-right: 0.5em; vertical-align: middle;}
.xzxix .swiper-slide{}
.xzxix .swiper-slide.cur:before{content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #73C6C8;}
.xzcp{padding: 20px 3% 10px;}
.xzcp ul li{float: left; width: calc(50% - 3px); margin-bottom: 6px; position: relative;}
.xzcp ul li:nth-child(2n+1){z-index: 2;}
.xzcp ul li:nth-child(2n){float: right;}
.xzcp ul li .con{position: relative; background: #fff;}
.xzcp ul li .con .img{padding: 2px; position: relative; z-index: 1;}
.xzcp ul li.cur .con:before{content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #73C6C8;}
.xzcp ul li .con .txt{padding: 10px 8% 0;}
.xzcp ul li .con .txt h3{font-size: 80%; color: #000000; padding-bottom: 0.2em;width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xzcp ul li .con .txt p{font-size: 53%; color: #000;opacity: 0.4; height: 2em; height: 1.5em;width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xzcp ul li .con .jiag{padding: 0 8% 10px;}
.xzcp ul li .con .jiag span{color: #73C6C8;font-size: 80%;}
.xzcp ul li .con .jiag font{font-size: 53%; color: #323232;}
.xzcp ul li .con .jiaj{ text-align: center; line-height: 1.6em; font-size: 120%; position: relative; z-index: 4;}
.xzcp ul li .con .jiaj a{ color: #73C6C8; float: left; width: 100%; display: block;border-top: 1px solid #f5f5f5;}
.xzcp ul li .con .jiaj a.jj{display: none; width: calc(50% - 2px) !important;}
.xzcp ul li.cur .con .jiaj a{width: 50%;}
.xzcp ul li.cur .con .jiaj a.j{background: #73C6C8; color: #fff;border-top: 1px solid #73C6C8;}
.xzcp ul li.cur .con .jiaj a.jj{display: block;}
.xzcp ul li .con .num{position: absolute; width: 1.8em; line-height: 1.8em; border-radius: 100%; top: -0.5em; right: -0.5em; background: #73C6C8; text-align: center; color: #fff; font-size: 80%; display: none; z-index: 2;}
.xzcp ul li.cur .con .num{display: block;}
.zongj{position: fixed; bottom: 3em; margin-bottom: 1px; text-align: center; left: 0; width: 100%; background: #73C6C8;  z-index: 55; color: #fff; line-height: 3em; height: 2.6em;}
.zongjH{height: calc(5.6em + 1px);}
.zongj p{font-size: 80%; width: calc(100% - 4.6em);}
.zongj p font{font-size: 140%;}
.datulb{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 60; background: rgba(0,0,0,0.8);}
.datulbC{position: absolute; left: 50%; top: 50%; width: 90%; max-width: 600px; margin-left: -300px; margin-top: -250px; background: #fff;}
.datulbC_{overflow: hidden; position: relative;}
.datulbC .close{position: absolute; right: -35px; top: -35px; z-index: 5; width: 70px;}
.datulbC .datuqh{position: absolute; width: 70px; top: 50%; margin-top: -35px; z-index: 5;}
.datulbC .datuprev{left: -30px;}
.datulbC .datunext{right: -30px;}
.datulbC .swiper-button-disabled{display: none;}

.zongj .shulc{position: relative;}
.zongj .shulc a{position: absolute; right: 0; width: 3.6em; height: 100%; top: 0; border-left: 1px solid rgba(250,250,250,0.5);}
.zongj .shulc a>span{width: 3.6em; height: 2.6em; line-height: 2.6em; /*background: url(../images/sanj1.png) no-repeat center;*/ display: block;transition:.3s; -webkit-transition:.3s; color: #fff;}
.zongj .shulc a>span span{font-size: 80%;}
.zongj .shulc a>span span font{background: url(../images/sanj1.png) no-repeat center; display: inline-block; vertical-align: middle; height: 1.6em; width: 18px; background-size: 12px;}
.zongj .shulc a.cur>span span font{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.lxfsc{color: #fff;  border-top: 1px solid rgba(250,250,250,0.5); position: fixed; z-index: 55; bottom: 0; position: fixed; left: 0; width: 100%; background: #73C6C8; line-height: 2.6em; height: 2.6em; text-align: center;}
.lxfsc p{}
.lxfscscc{border-top: 1px solid rgba(250,250,250,0.5);}

.xuanlist{position: absolute; bottom: 100%; border-bottom:rgba(250,250,250,0.2); width: 100%; border-top:1px solid #ddd; background: #fff; color: #333; text-align: left; line-height: 2em; padding: 1em 0; display: none;}
.xuanlist li{padding: 0 5%; border-bottom: 1px solid rgba(0,0,0,0.04);}
.xuanlist li:last-child{border: 0;}
.xuanlist li p{float: left; width: calc(100% - 10.2em - 45px); color: #000; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xuanlist li span{float: right; color: #808080; margin-left: 15px; font-size: 80%;}
.xuanlist li span.cz{width: 2em;}
.xuanlist li span.qian{width: 6em;}
.xuanlist li span.mun{width: 2.2em;}
.xuanlist li font{color: #f00; font-size: 120%;}

.nav ul li font{color: #73C6C8;}

.lxfscscH{height: 3em;}
.lxfscsc{position: fixed; line-height: 1.2em; padding: 0.3em 5%; text-align: center; background: #73C6C8; color: #fff; bottom: 0; left: 0; width: 90%; z-index: 60;}
.lxfscsc p{font-size: 80%;}

.dltanc{position: fixed; top: 50%; left: 50%; width: 280px; padding: 20px; background: #fff; z-index: 99; margin-left: -160px; margin-top: -140px; font-size: 80%;}
.dltanc .input{margin-bottom: 10px;}
.dltanc .input input{display: block; border: 1px solid #ddd; height: 2.4em; line-height: 2.4em; padding: 0 9px; width: calc(100% - 20px);}
.dltanc .input.yzm input{float: left; width: calc(100% - 120px);}
.dltanc .input.yzm a{float: right; width:95px; height: calc(2.4em + 2px);}
.dltanc .but{}
.dltanc .but input{display: block; border: 0; background: #73C6C8; color: #fff; height: 2.4em; width: 100%;}
.dltanc .but1{margin-top: 10px;}
.dltanc .but1 input{background: #CCCCCC;}


@media screen and (max-width:640px) {
	/*.porlist ul li{width: 100%;}*/
	.porlist ul li a .txt h3{font-size: 60%;}
	.porlist ul li a .txt p{font-size: 60%;}
	
	.fenann{width: 60px; margin-top: -30px;}
	.datulbC{left: 5%; top: 50%; width: 90%; margin-left: 0; margin-top: -143px;}
	.datulbC .close{width: 40px; right: -20px; top: -20px;}
	.datulbC .datuqh{position: absolute; width: 40px; top: 50%; margin-top: -20px; z-index: 5;}
	.datulbC .datuprev{left: -20px;}
	.datulbC .datunext{right: -20px;}
}
@media screen and (max-width:480px) {
	.datulbC .close{width: 34px; right: -17px; top: -17px;}
	.datulbC .datuqh{position: absolute; width: 40px; top: 50%; margin-top: -17px; z-index: 5;}.datulbC 	.datuprev{left: -17px;}
	.datulbC .datunext{right: -17px;}
	
}
