*{box-sizing: border-box !important;}
body{line-height: 1;padding-top: 1.4rem;width: 100%;overflow-x: hidden;font-size: .16rem;}

.pull-left{float: left;}
.pull-right{float: right;}
.pl_15{padding-left: .15rem;}
.pr_15{padding-right: .15rem;}
.bg_f{background-color: #fff;}

.top_nav{height:.4rem;background:rgba(247,249,255,1);position: fixed;top: 0;left: 0;width: 100%;position: fixed;top: 0;left: 0;z-index: 9999;}
.top_nav .p1{position: relative;}
.top_nav .p1 img{position: absolute;right: -0.16rem;top: 0.22rem;width: 1.64rem;display: none;}
.top_nav .p1 span{padding-left: .2rem;display: inline-block;line-height: .4rem;font-size: .14rem;font-weight:400;color:rgba(51,51,51,1);cursor: pointer;}
.top_nav .p1:hover img{display: block;}
.top_nav a{padding: 0 .2rem;display: inline-block;line-height: .4rem;font-size: .14rem;font-weight:400;color:rgba(51,51,51,1);}

.header{height: 1rem;position: fixed;top: .4rem;left: 0;width: 100%;background-color: #fff;overflow: hidden;transition: .5s;z-index: 999;}
.header .logo img{height: .65rem;margin-top: .175rem;}
.menu_list > li{display: inline-block;padding: 0 .25rem;position: relative;}
.menu_list > li:last-child{padding-right: 0;}
.menu_list > li > a{font-weight:600;color:rgba(51,51,51,1);padding-top: .35rem;display: inline-block;position: relative;}
.menu_list > li > i{display: none;}
.menu_list > li.active > a{color:rgba(72,111,253,1);}
.menu_list > li.active > a:before{content: "";display: inline-block;width: 100%;height: .03rem;background:rgba(72,111,253,1);position: absolute;left: 0;top: .62rem;}
.sub_list{position: absolute;left: .25rem;top: .77rem;z-index: 1;display: none;}
.sub_list li{display: block;}
.sub_list li a{color: #959595;padding-bottom: .2rem;display: inline-block;}
.sub_list li:hover a,.sub_list li.active a{color: rgba(72,111,253,1);}
.icon_menu{display: none;}

.footer{background-image: url("../images/db_bg.png");background-size: 100% 100%;}
.footer .youlian{display: flex;border-bottom: 1px solid rgba(223, 223, 223, 1);}
.footer .youlian li{padding-top: .3rem;padding-bottom: .22rem;}
.footer .youlian li a{display: block;padding: 0 .15rem;}
.footer .youlian li a:hover{color: rgba(72, 111, 253, 1);}
.footer .foot_box{padding-top: .3rem;margin-bottom: .3rem;}
.footer .company_information{height: 2.2rem;border-right: 1px solid rgba(223,223,223,1);}
.footer .company_information img{width:1.82rem;height:.55rem;margin-bottom: .13rem;}
.footer .company_information .p1{font-size: .14rem;font-weight:400;color:rgba(51,51,51,1);margin-bottom: .2rem}
.footer .company_information .p2{font-weight:400;color:rgba(102,102,102,1);margin-bottom: .11rem;}
.footer .foot_nav{height: 2.2rem;border-right: 1px solid rgba(223,223,223,1);display: flex;justify-content:space-around;padding-left: .3rem;padding-right: .3rem;}
.footer .foot_nav > li > a{font-weight:400;color:rgba(51,51,51,1);padding: .11rem 0;display: block;}
.footer .f_nav_list li a{font-weight:400;color:rgba(102,102,102,1);padding: .1rem 0;display: block;font-size: .14rem;}
.footer .f_nav_list li a:hover{color: rgba(72, 111, 253, 1);}
.footer .follow_us{text-align: right;}
.footer .follow_us img{width: 1.5rem;}
.footer .follow_us .p1{width: 1.5rem;text-align: center;float: right;margin-top: .11rem;}
.footer .copyright{text-align: center;padding: .23rem 0;text-align: center;border-top: 1px solid rgba(223,223,223,1);}
.footer .copyright .p1{font-size: .14rem;font-weight:400;color:rgba(51,51,51,1);margin-bottom: .08rem;}
.footer .copyright .p2{font-size: .14rem;font-weight:300;color:rgba(153,153,153,1);}

@media screen and (max-width: 768px){
	body{padding-top: 1rem;font-size: .24rem;}
	.fons_14{font-size: .2rem;}
	.fons_18{font-size: .26rem;}
	.fons_20{font-size: .26rem;}
	.fons_24{font-size: .28rem;}
	.fons_28{font-size: .32rem;}

	.top_nav{display: none;}

	.header{top: 0;padding: 0 .3rem;}
	.header .logo{width: 100%;}
	.menu_list{width: 100%;padding-bottom: .5rem;}
	.menu_list > li{display: block;position: relative;padding: 0;border-top: 1px solid rgba(223,223,223,.4);}
	.menu_list > li:first-child{border-top: none;}
	.menu_list > li > a{padding-bottom: .35rem;display: block;}
	.menu_list > li > i{display: block;position: absolute;right: 0;width: 0.95rem;height: 1rem;top: 0;text-align: center;line-height: 1rem;}
	.menu_list > li.active > a:before{display: none;}
	.sub_list{position: relative;top: 0;left: 0;transition: 0.5s;display: block;height: 0;overflow: hidden;}
	.sub_list li a{padding-top: .15rem;padding-bottom: .15rem;}
	.sub_list li:last-child{padding-bottom: .35rem;}

	.icon_menu{width: .65rem; height: .65rem; position: absolute; top: .175rem; right: 0; border: none; outline: none; cursor: pointer;display: block;background-image: url("../images/icon_sx.png");background-size: .4rem .4rem;background-position: center;background-repeat: no-repeat;}
	.icon_menu.close_menu{background-image: url("../images/icon_gb.png");}

	.footer .youlian,.footer .company_information,.footer .foot_nav{display: none;}
	.footer .follow_us{text-align: center;}
	.footer .follow_us img{width: 2.5rem;}
	.footer .follow_us .p1{clear: both;float: none;width: 100%;}
	.footer .copyright .p1{display: none;}
	.footer .copyright .p1,.footer .copyright .p2{font-size: .2rem;line-height: .32rem;}
	.footer .copyright .p2 span{display: block;}

	.shade {position: fixed;background-color: rgba(51, 51, 51, .4);top: 0;left: 0;width: 100%;height: 100%;display: none;}
}

@media screen and (min-width: 1024px){
	.fons_14{font-size: .14rem;}
	.fons_18{font-size: .18rem;}
	.fons_20{font-size: .20rem;}
	.fons_24{font-size: .24rem;}
	.fons_28{font-size: .28rem;}
	.header:hover{height: 3.5rem;}
	.header:hover .sub_list{display: block;}
}