@charset "utf-8";
/* CSS Document */

@media screen and (max-width:321px) {
	html {
		font-size: 16px;
	}
}
@media screen and (min-width:321px) and (max-width:400px) {
	html {
		font-size: 17px;
	}
}
@media screen and (min-width:400px) {
	html {
		font-size: 19px;
	}
}

body{font-size:1rem;margin:0 auto;background-color:#fff;width:100%;height:100%;color:#fff;box-sizing:border-box;}
#page_main{position:absolute;width:100%;height:100%;overflow:hidden;}
.pt-page{position:relative;width:100%;min-height:500px;overflow:hidden;}
.bg{width:100%;height:100%;overflow:hidden;}
.wrap{max-width:640px;height:100%;margin:0 auto;position:relative;overflow:hidden;padding-top:2rem;}
/*  p1  */
.page1{background-color:#32c6fd;text-align:center;}
.page1 .bg{background:url(../images/kdg_tg/bg1.png) no-repeat center;}	
.page1 .logo_panel{margin-top:1rem;}
.title_panel{max-width:640px;margin:1.5rem auto;}
.title_panel h1{font-size:1.5rem;display:block;}

.page1 .sub_title{padding:0 1rem;text-align:right;}
.page1 section{margin-bottom:0.5rem;}
.page1 section a{color:#fff;}
.page1 .lianxi{margin-bottom:2.5rem;}
.page1 section .btn{padding-left:2.5rem;padding-right:2.5rem;}
.page1 .wdxiazai{display:block;font-size:0.8rem;margin-top:0.5rem;}
.page1 .btn img,.page1 .btn i{width:1rem;height:1rem;margin-right:0.5rem; vertical-align:text-top;}
.page1 .glyphicon{color:#fff;}
.qq_ico{width:1rem;height:1rem;}
.btn-primary.btn-shadow {-webkit-box-shadow: inset 0 -4px 0 #2a6496;box-shadow: inset 0 -4px 0 #2a6496;border: 0;color: #fff;}
.btn-warning.btn-shadow {-webkit-box-shadow: inset 0 -4px 0 #e89116;box-shadow: inset 0 -4px 0 #e89116;border: 0;color: #fff;}
.btn-danger.btn-shadow {-webkit-box-shadow: inset 0 -4px 0 #e21a0c;box-shadow: inset 0 -4px 0 #e21a0c;border: 0;color: #fff;}
.btn-success.btn-shadow{-webkit-box-shadow: inset 0 -4px 0 #4cae4c;box-shadow: inset 0 -4px 0 #4cae4c;border: 0;color: #fff;}
.phone{position:absolute;right:1rem;top:1rem;}
.shangchuanshiti{position:absolute;right:1rem;top:5rem;}
.baiduShare{position:absolute;left:1rem;top:0.5rem;}
.phone img{width:2.5rem;height:2.5rem;}

@media screen and (max-width:321px) {
	.logo {
		width:100px;
		height:100px;
	}
}
@media screen and (min-width:321px) and (max-width:400px) {
	.logo {
		width:120px;
		height:120px;
	}
}
@media screen and (min-width:400px) {
	.logo {
		width:150px;
		height:150px;
	}
}


/*  p2  */
.page2{background-color:rgb(242,177,69);}
.page2 .bg{background:url(../images/kdg_tg/index_02.png) center bottom no-repeat;background-size:100%;}

.icon_panel{margin:0 auto 2.5rem auto;padding:0 1.5rem;text-align:center;}
.icon_panel img{width:100%;}
.con_panel{margin:0 0.5rem;}
.con_panel .bigtitle{margin-bottom:0;font-size:1.5rem;font-weight:900;text-align:center;}
.con_panel .subtitle{font-size:1rem;font-weight:900;text-align:center;}
.con_panel .content{font-size:0.8rem;}

.page2 .con_panel .content{text-indent:2em;}

/*  p3  */
.page3{background-color:#4dcfd1}
.page3 .bg{background:url(../images/kdg_tg/index_03.png) center bottom no-repeat;background-size:100%;}
.page3 .con_panel{margin-bottom:2.5rem;}


/*  p4  */
.page4{background-color:#56aaff;}
.page4 .wrap{background:url(../images/kdg_tg/bg3.png) center bottom no-repeat;background-size:100%;}
.page4 .icon_panel{position:relative;margin:0 auto 1rem;}
.page4 .content{ text-indent:2em;}
#yun{}
#sun{position:absolute;width:2rem;height:2rem;top:0;left:60%;}

/*  p5  */
.page5{background-color:#fd6120;}
.page5 .bg{background:url(../images/kdg_tg/bg2.png) no-repeat bottom; background-size:100%;}
.page5 .con_panel{position:absolute;top:2.5rem;left:0;right:0;z-index:10;}
.page5 .icon_panel{position:absolute;bottom:0rem;left:0;right:0;height:40%;text-align:center;}
.page5 .icon_panel img{height:100%;width:auto;}

/*  p6  */
.page6{background-color:#38557f;}
.page6 .item{margin-bottom:1rem;}
.page6 .item .title{font-size:1.2rem;}
.page6 .item .summary{font-size:0.9rem;}
.page6 .wrap{background:url(../images/kdg_tg/hlgy.png) no-repeat center bottom; background-size:60%;}
.page6 .item .content{text-indent:2em;}

/*  p7  */
.page7{background-color:#4eadfd;}

.page7 .bg{background:url(../images/kdg_tg/index_05.png) no-repeat bottom; background-size:100%;}
.page7 .hz{width:120px;}
.page7 .con_panel .bigtitle{margin-bottom:1rem;}
.page7 .con_panel .content{font-size:1rem;}
.content.center{text-align:center;}
.bm_panel{margin-top:2.5rem;text-align:center;}
.page7 .btn{padding-left:2.5rem;padding-right:2.5rem;}
.page7 .btn img,.page1 .btn i{width:1rem;height:1rem;margin-right:0.5rem; vertical-align:text-top;}
.page7 section{text-align:right;}
.page7 .wd_ico{width:5rem;}
@media screen and (max-width:321px) {
	.page7 .hz{
		width:100px;
	}
}
@media screen and (min-width:321px) and (max-width:400px) {
	.page7 .hz{
		width:120px;
	}
}
@media screen and (min-width:400px) {
	.page7 .hz{
		width:150px;
	}
}


#shipin{display:none;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:999;overflow:hidden;text-align:center;}
.sp_wrap{position:relaitve;display:inline-block;margin:30px auto;padding-top:2.5rem;}
#kaodeguoVideo{width:100%;margin:0 auto;}

.close_btn{position:relative;margin-top:-3.5rem;float:right;width:2.5rem;height:2.5rem;background-color:rgba(0,0,0,0.5);}
.close_btn::before{position:absolute;height:1px;width:100%;top:50%;margin-top:-2px;content:"";display:block;border-bottom:3px solid #fff;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 
}
.close_btn::after{position:absolute;height:1px;width:100%;top:50%;margin-top:-2px;content:"";display:block;border-bottom:3px solid #fff;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); }