@charset "gbk";
/* CSS Document */
.ksky{background: url(../img/dy_ban_ksky.jpg) no-repeat center;height: 600px;}
/*ͨÓðæ¿é*/
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{zoom:1}

.temp{ max-width: 750px; line-height: 24px ; overflow: hidden; margin:0 auto;}

@media only screen and (min-device-width: 320px)and (-webkit-min-device-pixel-ratio: 2) {
	.temp{font-size: 12px;}
}
@media only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 2) {
	.temp{font-size: 14px;}
}
  
@media only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 3) {
	.temp{font-size: 14px;}  
}
@media only screen and (min-device-width:412px) and (-webkit-min-device-pixel-ratio: 3) {
	.temp{font-size: 14px;}
}

.temp *{ transition:ease all 0.5s; box-sizing: border-box}
.temp i,.temp em{ font-style: normal}
.temp img{ width: 100%;}

.temBanner{ width: 100%; cursor: pointer;}

.temBox{ padding: 20px 15px 40px;}


.temTit{ text-align: center;}
.temTit h2{ padding-bottom: 3px; font-size:1.8em; display: inline-block;}
.temTit h2 i{font-size:1em}
.temTit em{display: block; color: #999; font-size:1.3em}

.temText{ padding-bottom: 20px; text-indent: 2em;}
.temText a{ color: #e40808;}

.temP1 .temP1C{ width: 100%;}
.temP1 .temP1C li{ float: left}
.temP1 .temP1C li b{display: block;}

.combk1 li{ width: 46%; margin: 0 2%; padding: 10px;}
.combk1 li p{ padding: 10px 0 0;text-align: center;}
.combk1.yuan li img{ border-radius: 50%; overflow: hidden;}

.combk3 li{ width: 30%; margin: 0 1.65%; padding: 5px; text-align: center}
.combk3 li img{ border-radius: 5px; overflow: hidden;}
.combk3 li p{ padding: 10px 0 0}
.combk3 li span{ color: #000;display: block;}
.combk3 li b{ color: #666; font-size: 1.1em}
.combk3.yuan li img{ border-radius: 50%; overflow: hidden;}

.temA{ text-align: center;padding-top: 0;padding-bottom: 0;}
.temA a{display: inline-block; height: 35px; line-height:35px; overflow: hidden; background: #eee}
.tA1 a{ width: 49.3%;}

.timBox{position: relative;}
.timBox h2{ padding-bottom: 3px; font-size:1.8em;position: relative;}
.timBox h2 i{font-size:1em}
.timBox em{display: block; color: #999; font-size:1.3em;}
.marT1{width: 93.6%;position: relative;margin: 40px auto;}
.timBox25 ul{overflow: hidden;padding-top: 25px;text-align: center;}
.timBox25 ul li{display:inline-block;width: 41%;background: #EFECF0;padding: 0 4% 4%;margin: 0 2%;}
.timBox25 ul li i{width: 100%;height: 50px;background: #ff4400;margin: -25px auto 0;display: block;font-size: 1em;color: #fff;line-height: 1.5em;}
.timBox25 ul li em{display: block; margin:1em auto; width: 90%;}

.temBtn1{ height: 40px; line-height: 40px; overflow: hidden; border-radius:20px; text-align: center; border: 1px solid #EE6E6F}
.temBtn1 i{display: inline-block; height: 40px; background:#EE6E6F; color: #fff; float: right; padding: 0 10px}
.temBtn{ text-align: center;}
.temBtn a{display: inline-block; height: 40px; line-height: 40px; border-radius: 20px; font-size: 1.2em; color: #fff; margin:20px 10px 10px;}

.btnbk1 a{ width: 60%;}
.btnbk2 a{ width: 38%;}
.btnbk3 a{ width: 80%;}
.btnbk4 a{ width: 90%;}

.col1{ background: #EE6E6F}
.col2{ background: #00A6EB}
.col3{ background: #FE9402}
.col4{ background: #C2996D}
.col5{ background: #9BB54C}
.col6{ background: #fff;}
.col7{ background: #eee}
.col8{ background: #ddd}
.col9{ background: #ccc}
.col10{ background: #666}
.col11{ background: #f2a46e}
.col12{ background: #f7f7f7}

.marT{ margin-top: 40px}
.marT2{ margin-top: 20px}
.marT3{ margin-top: -10px}
.textCen{ text-align: center}
.fl{ float:left}
.fr{ float:right}

.pageBtn{ padding-top: 10px; text-align: center}
.pageBtn span{ width: 10px; height: 10px; background: #ccc; margin: 0 5px; border-radius: 50%; display: inline-block; text-indent: -999px; overflow: hidden;}

.temP6C{height: 90px;}
.temP6C span{height: 100px;}
.timBox12{margin: 0 auto 40px;}
.temBtn a{margin-bottom: 0;}