
/* è½®æ’­å›¾ */
.slideBox{ width:100%; height:520px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; bottom:5px; z-index:1;margin-left: 50%;left: -20px; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{float:left;margin-right:6px;width:10px;height:10px;border-radius: 5px;line-height:14px;text-align:center;background:#fff;cursor:pointer;font-size: 0;line-height: 10;overflow: hidden;}
.slideBox .hd ul li.on{ background:#33a0d3; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;width:100%;height: 520px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/* ç¬¬äºŒä¸ªè½®æ’­å›¾ */
.slideBox1{ width: 50%; height:300px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox1 .hd ul{ position: absolute;right: 30px; bottom: 15px;z-index: 2;}
.slideBox1 .hd ul li { width: 10px; height: 10px; overflow: hidden; border-radius: 5px; background-color: #fff;float: left;margin-left: 10px;}
.slideBox1 .hd ul li.on{ background:#33a0d3; color:#fff; }
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd li a { display: block;position: relative;}
.slideBox1 .bd li span {display: block; line-height: 40px;height:40px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:1;width: 100%;background-color: rgb(0,0,0,0.5);color: #fff; }
.slideBox1 .bd li span em{display:inline-block; width: 60%;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.slideBox1 .bd li img{ width:100%; height:300px; display:block; position: relative; }
.slideBox1 .pn{ position: absolute;left: 50%; top: 50%; margin-left: -320px;margin-top: -30px; width: 100%; height: 60px;}
.slideBox1 .pn i{ display: inline-block;position: absolute; width: 40px; height: 100%;background-repeat: no-repeat; background-size: contain;}
/* å¯¼èˆª */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{height:50px; line-height:50px; background:#33a0d3;  position:relative; z-index:1; }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative;width: 10%;margin: 0px 1.2%;}
.nav .nLi h3{ float:left;line-height: 50px;}
.nav .nLi h3 a{ display:block; padding:0 20px; font-size:20px; font-weight:bold;  }
.nav .sub{ display:none; width:126%; left:0; top:50px;  position:absolute; background:#42b3e5;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1;line-height: 36px; font-size: 18px;padding-left: 6%;}
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#6d6d6d; color:#fff;  }
.nav .on h3 a{ background:#42b3e5; color:#fff;   }

/* æœç´¢ */
.search{padding-left: 20px;margin-top: 42px;position: relative;width: 24%;height: 40px; overflow: hidden;background-color: rgb(255,255,255,0.8);border-radius: 20px;}
.search input{display: inline-block;position: absolute;top: 0;left: 0px !important;padding-left: 20px;outline: none;border: 0 none;width: 100%;height: 100%;background-color: rgb(255,255,255,0);}
.search button{cursor: pointer; border: none;background: url(2022_xxykxjs_fang.png) no-repeat center / 20px; width: 40px;height: 40px;position: absolute;right: 10px;}

/* header */
.header{width: 100%;background-color: #42b3e5;height: 110px;}
.logo {line-height: 110px;}
.logo a:last-child{margin-left: 20px;}
.logo a:last-child img{margin-top: 10px;}


/* main */
.main{width: 100%;}
.w1200{width: 1400px;}
.ov{overflow: hidden;}
.wrap01,.wrap02,.wrap03,.wrap04,.wrap05{margin-top: 20px;}
.wrap01_left{width: 65%;}
.wrap01_right{width: 33%;}
.wrap01_l_r{width: 48%;padding-top: 10px;}
.wrap02_left{width: 65%;}
.wrap02_right{width: 33%;width: calc(33.33% - 18px);margin-right: 27px;}
.wrap02_right:last-child{margin-right:0px;}
.wrap02_left_l,.wrap02_left_r{width: 49%;}
.wrap03_left{width: 49%;}
.wrap03_right{width: 49%;}
.wrap03_left_l{width: 49%;}
.wrap03_left_r{width: 48%;}
.wrap03 .list{font-size: 17px;}

/* åˆ—è¡¨ */
.list{font-size: 18px;}
.list li{line-height: 26px;overflow: hidden;margin-top: 24px;height: 52px;overflow: hidden;font-family: 'Source Han Sans CN';font-weight: 600;}
.list li:first-child{margin-top: unset;}
.list li span{font-size: 14px;color: #999999;margin-left: 10px;}
.list li:hover a{color: #3481a4;}

/* æ ‡é¢˜ */
.title{position: relative;}
.title li a{display: block; width: 100%;border-bottom: 2px solid #33a0d3;height: 28px;background: url(2022_xxykxjs_ddd.png) no-repeat right center / 15px 6px;margin-bottom: 20px;}
.title span{position:absolute;display: block;left: 0px;top: 0px; font-size: 22px;font-weight: 600;padding-left: 30px;background: #fff url(2022_xxykxjs_timg.png) no-repeat left center /20px;line-height: 40px;padding-right: 10px}
.title1 li a{width: 86%;margin-left: 14%;}
.title2 li a{width: 70%;margin-left: 30%;}
.title1 span{background-color: unset;}

.wrap01_r_con li{margin-top: 40px;position: relative;padding-left:16%;}
.wrap01_r_con li:first-child{margin-top: unset;}
.con_paper{width: 14%;height: 70px;background-color: #23a5e8;position: absolute;top: 0px;left: 0px;}
.con_paper span{text-align: center;display: block;font-size: 28px;color: #ebcc00;font-weight: 600;line-height: 40px;}
.con_paper em{display: block;text-align: center;font-size: 12px;color: #fff;}
.wrap01_r_con h3{font-size: 18px;text-overflow: ellipsis;overflow: hidden;/*white-space: nowrap;*/line-height: 30px;height:70px;}
.wrap01_r_con p{color: #999999;font-size: 14px;line-height: 22px;overflow: hidden;height: 44px;font-family: 'Source Han Sans CN';font-weight: 600;}

.wrap02{width:100%;height: 320px;background:url(2022_xxykxjs_jxbg.png) no-repeat center /cover; padding: 20px 0px;}
.list1 li{padding-bottom: 15px;border-bottom: 1px dashed #ddd;}
.wllb{background-color: rgb(227, 226, 226); width: 96%;padding: 5px 0px 10px 4%;}
.wrap03_left_l img{width: 100%;height:190px;}
.wllb h3{font-size: 17px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wllb p{font-size: 14px;}
.wrap04 img{width: 48.8%;height: auto;}
.wrap04 a:first-child img{margin-right: 2%;}
.footer{background-color: #42b3e5;width: 100%;height: 160px;margin-top: 20px;padding: 40px 0px;font-family:'å¾®è½¯é›…é»‘';}
.footer p{line-height: 40px;color: #fff;letter-spacing: 0.4px;}
.footer_l{width: 39%;position: relative;}
.footer_c{width: 36%;position: relative;margin-left: 5%;}
.footer_c p:first-child{font-size: 22px;}
.footer_r{width: 20%;}
.footer_r{text-align: center;}
.footer_r p{text-align: center;}
.footer_r img{width: 46%;}
.footer_l p:last-child,.footer_c p:last-child{position: absolute;width: 1px;height:70%;background-color: rgb(255,255,255,0.4);right: 0px;top: 15%;}
.search-txt::-webkit-input-placeholder {
    color: #42b3e5;
    font-size: 14px;
}

/* é“¾æŽ¥ */
.ksfw-select {margin-top: 20px;}
.ksfw-select>ul {margin: -10px;}
.ksfw-select>ul>li {width: 25%;float: left;position: relative;}
.ksfw-select>ul>li>span {overflow: hidden; margin: 10px;display: block;border: 1px solid #999;height: 48px;line-height: 48px;padding-left: 20px;position: relative;}
.ksfw-select>ul>li>ul {display: none;max-height: 290px;overflow-y: auto;position: absolute;bottom: 60px;left: 0;right: 0;margin: 0 10px;background: rgb(227, 226, 226);border: 1px solid #999;border-bottom: 0;}
.ksfw-select>ul>li>ul li {padding: 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ksfw-select>ul>li>ul li a {display: block;height: 46px;line-height: 46px;}
.ksfw-select>ul>li>ul li a:hover{color: #fff;}
.ksfw-select>ul>li>span:after {display: block;content: "";position: absolute;right: 20px;top: 20px;border:4px solid rgb(0,0,0,0);border-bottom:6px solid rgb(0,0,0,0); border-top: 6px solid #000; -webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
.ksfw-select>ul>li>span.span1:after{border-bottom-color: #000;border-top-color: rgb(0,0,0,0);top: 14px;}

/* .logo1{ animation: tran1 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s ; -webkit-animation: tran1 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s ;} */
@keyframes tran1{
	50%{
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform:translateX(-200px);
		-webkit-transform:translateX(-200px);
	}
	100%{
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform:translateX(0px);
		-webkit-transform:translateX(0px);
	}
}
@media screen and (max-width:1480px) {
	.nav .nLi{margin: 0px 0.2%;width:12%;}
	.w1200{width: 1200px;}
	.list{font-size: 16px;}
	
}
@media screen and (max-width:1400px){
	.title2 li a{width: calc(100% - 128px) !important;margin-left: 128px  !important;}
}


@media screen and (max-width:1200px) {
	.w1200{width: 98%;margin: 0px 1%;}
	.list{font-size: 14px;}
	.nav .nLi h3{font-size: 20px;}
	.nav .sub{width: 120%;}
	.wrap04 a:first-child img{margin-right: 1%;}
	.wrap04 img{width: 48.2%;}
	.footer p{letter-spacing: unset;}
	.wllb h3{font-size: 16px;}


}
@media screen and (max-width:1050px) {
	.list1 li{padding-bottom: 24px;}
	.con_paper{width: 18%;}
	.wrap01_r_con li{padding-left: 20%;}
	.footer p{font-size: 14px;}
	.nav .nLi{margin:unset;}
	.nav .nLi h3 a{font-size: 18px;}

}
@media screen and (max-width:1000px) {
	.nav{height: 100px;}
	.nav .nLi{width: 15%;}
	.footer{height: 240px;}
	.footer_c p:first-child{font-size: 18px;}
	.footer_r img{width: 64%;}
	.nav .sub{z-index: 100;}
}
@media screen and (max-width:800px) {
	.footer{height: 160px;}
	.footer p{line-height: 32px;}
	.nav .nLi{width: 20%;}
	.footer_l{width: 54%;}
	.footer_c{width: 40%;}
	.footer_r{width: 16%;padding-top: 20px;display: none;}
	.wrap04{height: 70px;}
	.wrap01_left{width: 100%;}
	.wrap01_right{width: 100%;margin-top: 20px;}
	.wrap01_l_r{width: 48%;padding-top: 10px;}
	.wrap02_left{width: 100%;}
	.wrap02_right{width: 100%;}
	.wrap02_left_l,.wrap02_left_r{width: 49%;}
	.wrap03_left{width: 100%;}
	.wrap03_right{width: 100%;}
	.wrap03_left_l{width: 49%;}
	.wrap03_left_r{width: 48%;}
	.slideBox1 .bd li img{height: 320px;}
	.slideBox1{width:48%;height:240px;}
	.list li{margin-top: 7px;}
	.wrap01_r_con li{margin-top: 24px;}
	.wrap02{height: 520px;height: auto;} 
	.wrap02_right {margin-top: 10px;}
	.wrap02_right li{height: unset;} 
	.title1 li a {
		width: 83%;
		margin-left: 17%;
	}
}
@media screen and (max-width:660px) {
.slideBox,
.search{display: none;}
.header{height: 220px;}
.logo {
	width: 86%;
	position: relative;
    height: 180px;
    padding: 20px 20px;
}
.logo img{width: 70%;}
.logo a:last-child{position: absolute;left: 23%;top: 100px;width: 75%;}
}

@media screen and (max-width:600px) {
	.nav .nLi{width: 25%;}
	.wrap04 img:first-child{margin-right: 1%;}
	.wrap05{display: none;}
	.wrap04{height: unset;}
	.footer{height: 200px;}
}

@media screen  and (max-width:500px){
	.logo{width: 100%;}
	.nav .nLi h3 a{font-size: 16px;padding: 0px 10px;}
	.wrap01_l_r {display: none;}
	.slideBox1{width: 100%;}
	.wrap02_left_l {width: 100%;}
	.wrap02_left_r {display: none;}
	.wrap02{height: 560px;height: auto;}
	.wrap04{height: 140px;}
	.wrap04 img{width: 100%;}
	.wrap04 img:first-child{margin-right: unset;margin-bottom:5px;}
	.slideBox1 .bd li img{height: 242px;}
	.footer{padding: 20px 0px 20px 2%;margin-top: unset;height: 280px;width: 98%;}
	.footer_l{width: 98%;}
	.footer_c{width: 98%;margin-left: unset;}
	.title1 li a {
		width: 67%;
		margin-left: 33%;
	}
}
/* Mozilla Firefox 4 to 18 */
.search-txt:-moz-placeholder {
    color: #42b3e5;
    opacity: 1;
    font-size: 14px;
}
/* Mozilla Firefox 19+ */
.search-txt::-moz-placeholder {
    color: #42b3e5;
    opacity: 1;
    font-size: 14px;
}
/* Internet Explorer 10+ */
.search-txt:-ms-input-placeholder {
    color: #42b3e5;
    font-size: 14px;
}



