@charset "utf-8";
/* CSS Document */
@font-face{
            font-family: 'SourceHanSerifCN-Bold';
            src : url('../fonts/SourceHanSerifCN-Bold.otf');
        }

html,body { margin:0; padding:0; border:0; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#000;}
html { -webkit-text-size-adjust:none;}
input,textarea,select { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; outline:none;}
p,img,div,ol,ul,li,dl,dt,dd,table,tr,td,span,em,strong,label,form,h1,h2,h3,h4,h5,h6,iframe,font,b,u,i,del,a { margin:0; padding:0; border:0; list-style-type:none;}
a { color:#333; text-decoration:none; outline:none;}
a:hover { color:#f06b00;}
.clear{ clear:both;}




.for1{position: relative;}
.for1 ul{display: flex;position: absolute;top: 60%;left: calc(50% - 2.7rem);}
.for1 ul li{background: #004c73;width: 1.9rem;border-radius: 0.14rem;transition: background 0.5s;margin-right: 0.72rem;}
.for1 ul li a{display: block;height: .5rem;width: 100%; line-height:0.5rem;background:-webkit-linear-gradient(left, #004c73 ,#007ab8, #004c73);border-radius: .14rem;
	color: #fff;font-size: .26rem;font-family: 'SourceHanSerifCN-Bold';text-align: center;transition: background 0.5s;}
.for1 ul li:hover a{background: #007ab8;transition: background 0.5s;}

.for2{margin-top: 0.4rem;margin-bottom: .8rem;background: #f8f8f8;padding-top:.5rem;padding-bottom: .2rem;}
.for2 .wrap{display: flex;}

.for2 .video2{display: none;}
.for2 .video,.for2 .video2{margin-right: 5.4%; }
.for2 .videobf,.for2 .video2{width: 6.7rem;height: 3.88rem;}
.for2 .video2 img{width: 100%;height: 100%;}
.title{/*display: flex;align-items: center;*/margin-bottom: 0.4rem;width: 1.5rem;text-align: center;}
.title p{font-size: 0.36rem;font-weight: 600;line-height: 0.36rem;padding-bottom: 0.1rem;}
.title i{display: block;width: 100%;height: 0.1rem;background:-webkit-linear-gradient(left, #004c73 , #007ebf);border-radius: 50px;}

.for2 .for2_r ul li{display: flex; border-left: 1px solid #e6e7e7;}/*background: url(../images/line.png) top 10px  left 4px repeat-y;*/
.for2 .for2_r ul li:last-child{border-left:1px solid #f8f8f8;;}
.for2 .for2_r ul li i{width: 9px;height: 15px;background:url(../images/bot1.png) no-repeat center top;display: block;margin-top: 0px;margin-right: 0.24rem;;margin-left: -5px;transition: background 0.5s}
.for2 .for2_r ul li .content{margin-top: -0.1rem;padding-bottom: .1px;width: 3.9rem}
.for2 .for2_r ul li .content .t{font-size: .2rem;font-family: 'SourceHanSerifCN-Bold';line-height: .26rem;transition: color 0.5s;color: #004c73;padding-bottom: 0.1rem;}
.for2 .for2_r ul li .content .c{color: #000;font-size: .16rem;line-height: .3rem;padding-bottom: .2rem;display: block;}
.for2 .for2_r ul li:hover i{background:url(../images/bot2.png) no-repeat center top;transition: background 0.5s}
/*.for2 .for2_r ul li:hover .content .t{color: #004c73;transition: color 0.5s}*/
.for1 .banner img{width: 100%;}


.for3{padding-bottom: 0.2rem;}
.for3 .wrap{display: flex;justify-content: space-between;}
.for3 .for3_l{width: 50%;}
.for3 .for3_r{width: 50%;}
.for3 .for3_l ul{padding-left: 20%;}
.for3 .for3_l ul li{display: flex;align-items: center;padding-bottom: .2rem;}
.for3 .for3_l ul li .img img{width: .5rem;height: .6rem;}
.for3 .for3_l ul li .word{font-size: .25rem;font-weight: 600;font-style: italic;padding-left: 10%;}

.for3 .for3_r ul{display: flex;justify-content: space-between;padding-bottom: 0.2rem;}
.for3 .for3_r ul li{font-size: .19rem;color: #004c73;font-family: 'SourceHanSerifCN-Bold';}
.for3 .for3_r .qr{font-size: .18rem;color: #004c73;font-family: 'SourceHanSerifCN-Bold';text-align: center;}
.for3 .for3_r .qr img{padding: 0.2rem 0;}

.for4 .content p{font-weight: 600;}
.for4 .content p,span{font-size: .16rem;display: block;line-height: .38rem;}
.for4 .content span{padding-bottom: .1rem;}

/*.for3{margin-bottom: 100px}
.for3 .title{margin-bottom: 74px}
.for3 .title i{width: 74px;margin-top: 30px;}
.for3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%}
.for3 ul li{width: 45%;padding-bottom:18px;padding-top: 16px;border-bottom: 1px dashed #e4e4e4;}
.for3 ul li a{display: block;background: url(../images/book_icon1.png) no-repeat left center;font-size: 16px;;padding-left: 52px;
	line-height: 26px;transition: all 0.5s;overflow: hidden;}
.for3 ul li:hover a{color:#004c73;background: url(../images/book_icon2.png) no-repeat left center;transition: all 0.5s  }*/
/*.mb0{ margin-bottom: 0px; }*/

.foot{background: url(../images/foot.png) no-repeat center;background-size: cover;color: #fff;font-size: 16px;line-height: 78px;text-align: center;}
.button{display: none;}




/* ≥ 1200*/
.banner2{display: none;}
@media screen and (min-width: 1200px){
	html{font-size: 100px;}
	.wrap{width: 1200px;margin: 0 auto;}
	
}


@media screen and (min-width:751px) and (max-width: 1199px) {

	html{font-size: 66.666px;}
	.wrap{width: 100%;}

	.for4 .content p,span{font-size: .24rem;line-height: .52rem;}
	.for2 .for2_r ul li .content .t{font-size: .24rem;line-height: .26rem;padding-bottom: 0.1rem;}
	.for2 .for2_r ul li .content .c{font-size: .22rem;line-height: .34rem;padding-bottom: .2rem;}
	.for3 .for3_l ul li .word{font-size: .28rem;}
	.for3 .for3_r ul li{font-size: .23rem;}
	.for3 .for3_r .qr{font-size: .22rem;}

	.for2 .for2_r{width: 50%;}
	.for2 .for2_r ul{width: 100%;}
	.for2 .for2_r ul li .content{margin-top: -0.1rem;padding-bottom: .1px;width: 100%}
	.for2 .for2_r ul li i{margin-left: -4px;}

}


@media screen and (min-width:751px) and (max-width: 780px) {
	.for2 .for2_r ul li .content .t{font-size: .22rem;line-height: .26rem;padding-bottom: 0.1rem;}
	.for2 .for2_r ul li .content .c{font-size: .20rem;line-height: .34rem;padding-bottom: .2rem;}
	.for2 .video{margin-right: 2%; }

}

/* 0— 750 */
@media screen and (max-width: 750px) {
	html{font-size: 100px;}
	.wrap{width: 92%;margin: 0 auto;}

	.banner{display: none;}
	.banner2{display: block;}
	.banner2 img{width: 100%;}
	.video{display: none;}
	.video2{display: none;}

	.title{margin: 0 auto;padding: 0.2rem 0;}
	.for4 .content p{text-align: center;}
	.for4 .content .all{text-align: center;}
	.for2 .wrap{display: block;}
	
	.for2 .for2_r ul{width: 70%;margin: 0 auto;padding-top: 0.4rem;min-width: 3rem;}
	.for2 .for2_r ul li .content{width: 100%;margin: 0 auto;}
	.for3 .wrap{display: block;}
	.for3 .for3_l{width: 100%;}
	.for3 .for3_r{width: 100%;}
	.for3_r .qr,.for3 .for3_r ul{display: none;}
	.for3 .for3_r ul{display: block}
	.for3 .for3_r ul li{ text-align: center;}
	.for3 .for3_l ul{padding-left:0;/*width: 4rem;*/margin: 0 auto;}
	.for3 .for3_l ul li{width: 100%;text-align: center;}
	.for3 .for3_l ul li .word{padding-left: 5%;}
	.for2{margin-bottom: 0.2rem;}
	.button{display: block;}

	.button{background: #004c73;width: 1.9rem;border-radius: 0.14rem;margin: 0 auto;margin-top: 0.1rem;margin-bottom: 0.1rem;}
	.button a{display: block;height: .5rem;width: 100%; line-height:0.5rem;background:-webkit-linear-gradient(left, #004c73 ,#007ab8, #004c73);border-radius: .14rem;
	color: #fff;font-size: .26rem;font-family: 'SourceHanSerifCN-Bold';text-align: center;}


	
}