@charset "UTF-8";
html,body,div,ol,ul,li,ol,h1,h2,h3,h4,p,dl,dt,dd,form,a,input,textarea,select,label,img {margin: 0;padding: 0;font-weight: normal;}
body,button,input,select,textarea {font-family: 'SourceHanSansCN-Light', arial;font-size: 12px;}
body {color: #fff;background-color: #fc4e33;min-width: 320px;}
a{text-decoration: none;color: #fff;}
a:hover {text-decoration: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;color: #fffd00;}
a:focus {-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; text-decoration: none;}
img {border: 0;vertical-align: top;}
ul,ol,li {list-style: none;}
a,a:focus,input,input:focus {outline: none;}

.banner{width: 100%; height: auto;}
.banner img{display: block;max-width: 100%;height: auto;}
.title{max-width: 1200px; margin: auto; margin-top: 40px;}
.title img{display: block;max-width: 100%;height: auto; margin: auto;}
.kcdh_h2{font-size: 18px; line-height: 40px; color: #fff; text-align: center; margin-top: 40px;}
.kcdh_h2 span{color: #fffd00; font-weight: bold;}

.dhfl_bg{width: 100%; background: #f96d39;}
.dhfl_anniu{max-width: 800px; margin: auto; text-align: center;}
.dhfl_anniu li{width: 50%; float: left; margin: 20px 0px;}
.dhfl_anniu li:last-child{margin-right: 0px;}
.dhfl_anniu img{display: block; max-width: 80%;height: auto; margin: auto;}

.aljs_box{max-width: 1160px; border-radius: 6px; margin: 40px auto 0px; background: #fb624b; padding: 30px 20px 10px 20px;}
.jfdh_img img{display: block; width: 100%;height: auto;}
.jfdh_img{overflow: hidden; display: block;}
.jfdh_img img,.dhfl_anniu img {
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 1;
    transition-delay: 0s;
    transition-duration: 0.20s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 0.20s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0.10s;
    -webkit-transition-duration: 0.20s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 0.20s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.jfdh_img:hover img,.dhfl_anniu a:hover img{transform: scale(1.2, 1.2);	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2);
	display: block;
	/*filter:alpha(opacity=60);-moz-opacity:0.60; opacity:0.60;*/
	}
.jfdh_main li{display:block;width:23.5%; float:left; margin-right: 2%; margin-bottom: 20px; position:relative; background-color: #fff;}
.jfdh_main li:nth-child(4n){margin-right: 0px;}
.aljs_box_intro{display:block; background-color:#fe9524; padding:20px;}
.aljs_box_intro h2{height:30px; line-height:30px; font-size:16px; color: #fff; overflow:hidden; text-align: center;}
.aljs_box_intro p{height:30px; line-height:30px; font-size:16px; font-weight: bold; margin-bottom: 12px; color: #fffd00; overflow:hidden; text-align: center;}
.jfdh_main a:hover .aljs_box_intro {background-color:#fe3516; color: #fff;}
.jifen {background:url(../images/jifen.png) top left no-repeat;width: 68px;position: absolute; z-index: 9; left: 0px;text-align: center;color: #FFFFFF;font-size: 14px;font-weight: bold; line-height: 20px; top: 0px; height: 55px;}
.duihuan{background-color:#fe3516; color: #fff; font-size: 16px; line-height: 32px; border-radius: 16px; width: 120px; display: block; margin: 0px auto; text-align: center;}
.duiwan{background-color:#ccc;color: #FFF;}
.jfdh_main a:hover .duihuan,.jfdh_quan a:hover .duihuan{background-color:#fdd703;color: #fe3516;}
.jfdh_main a:hover .duiwan,.jfdh_quan a:hover .duiwan{background-color:#ccc;color: #FFF;}
.jfdh_quan li{display:block;width:32%; float:left; margin-right: 2%; margin-bottom: 20px; position:relative; background-color: #fff;}
.jfdh_quan li:nth-child(3n){margin-right: 0px;}

/*课程兑换*/
.kcdh_box{max-width: 1200px; margin: 40px auto 0px;}
.kcdh_box dl{border-radius: 6px; background: #fb624b; padding: 30px 20px 30px 20px; margin-bottom: 40px;}
.kcdh_box dt{width: 46%; float: left;}
.kcdh_box dt .jfdh_img{padding: 10px; background: #ff9c8d; border-radius: 6px;}
.kcdh_box dt .jfdh_img img{border-radius: 6px;}
.kcdh_box dd{width: 50%; float: right;}
.kcdh_box dd h2{font-size: 18px; color: #fff; line-height: 36px;}
.kcdh_box dd h3{font-size: 14px; color: #eee; line-height: 24px;}
.kcdh_box dd p{font-size: 14px; color: #eee; line-height: 24px; /*! margin-top: 10px; */}
.kcdh_anniu{margin-top: 20px;}
.kcdh_anniu li{display: inline-block; margin-right: 15px;}
.kcdh_anniu li a{display: block; width: 180px; line-height: 40px; border-radius: 20px; border: 1px solid #fff; background: #fe3516;font-size: 24px; color: #fff; text-align: center;}
.kcdh_anniu li:last-child a{background: #f96d39;}
.kcdh_anniu li a:hover{background: #d20000;}
.kcdh_box dl:nth-child(2n) dd{float: left;}
.kcdh_box dl:nth-child(2n) dt{float: right;}


.box2 {max-width:1200px;margin: 40px auto 0px;background-color: #fb624b;border-radius: 6px;}
.box2 p{font-size: 16px;line-height: 32px;color: #fff;padding: 30px;}

.box3 {max-width:1160px;min-height:auto;margin: 40px auto 0px;background-color: #fb624b; padding: 30px 20px; border-radius: 6px;}
.box3 li{display:block;width:11.625%; float:left; margin-right: 1%; margin-bottom: 20px;}
.box3 li:nth-child(8n){margin-right: 0px;}
.box3 li img{display: block;max-width: 100%;height: auto; margin: auto; }
.box3 li span{margin-top: 10px; display: block; max-width: 100%; overflow:hidden; font-size: 14px; color: #fff; text-align: center; height: 28px; line-height: 28px; }

.copy {max-width:1180px;margin:40px auto;text-align: center;font-size: 14px;line-height: 28px;color: #FFFFFF;}
.copy_img{display: none;}

@media (max-width:768px){
.title{margin-top: 30px;}
.dhfl_anniu li{margin: 10px 0px;}
.aljs_box{margin: 30px 15px 0px; padding: 20px 15px 0px 15px;}
.jfdh_main li{display:block;width:49%; margin-right: 2%; margin-bottom: 20px;}
.jfdh_main li:nth-child(2n){margin-right: 0px;}
.aljs_box_intro h2{height:auto; line-height:24px; font-size:14px;}
.aljs_box_intro p{height:auto; line-height:24px; font-size:14px;}
.duihuan{font-size: 14px; line-height: 30px; border-radius: 15px; width: 100px;}
.duiwan{background-color:#ccc;color: #FFF;}
.jifen{background:url(../images/jifen.png) bottom center no-repeat;width: 40px;height: 43px; padding-top: 2px; font-size: 13px; line-height: 16px;}
.jfdh_quan li{display:block;width:100%; float:none; margin-right: 0px; margin-bottom: 20px;}

/*课程兑换*/
.kcdh_h2{font-size: 14px; line-height: 24px; color: #fff; text-align: left; margin: 20px 15px 0px;}
.kcdh_box{margin: 30px 15px 10px;}
.kcdh_box dl{padding: 20px 15px 20px 15px; margin-bottom: 20px;}
.kcdh_box dt{width: 100%; float: none; margin-bottom: 10px;}
.kcdh_box dt .jfdh_img{padding: 6px;}
.kcdh_box dd{width: 100%; float: none;}
.kcdh_box dd h2{font-size: 18px; line-height: 30px;}
.kcdh_box dd h3{font-size: 14px; color: #eee; line-height: 28px;}
.kcdh_box dd p{font-size: 14px; color: #eee; line-height: 28px; margin-top: 0px;}
.kcdh_anniu{margin-top: 10px;}
.kcdh_anniu li{display: inline-block; margin-right: 15px;}
.kcdh_anniu li a{display: block; width: 100px; line-height: 32px; border-radius: 16px; border: 1px solid #fff; font-size: 16px;}
.kcdh_box dl:nth-child(2n) dd{float: none;}
.kcdh_box dl:nth-child(2n) dt{float: none;}

.box2{margin: 30px 15px 0px;}
.box2 p{font-size: 14px;line-height: 28px;padding: 20px;}
.box3 {margin: 30px 15px 0px;padding: 20px 15px;}
.box3 li{display:block;width:32%; float:left; margin-right: 2%; margin-bottom: 10px;}
.box3 li:nth-child(8n){margin-right: 2%;}
.box3 li:nth-child(3n){margin-right: 0px;}
.copy {margin:20px auto;}
.copy_img{display: block; margin: auto;}
.copy_img img{display: block; margin: auto; margin-bottom: 12px;}
}