@import url("rem.css");

@font-face {
    font-family: "Regular";
    src: url("../font/SourceHanSansCN-Regular.eot"); /* IE9 */
    src: url("../font/SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/SourceHanSansCN-Regular.woff") format("woff"), /* chrome、firefox */
    url("../font/SourceHanSansCN-Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../font/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular") format("svg"); /* iOS 4.1- */
}

@font-face {
    font-family: "SBold";
    src:url("../font/bold/SourceHanSansCN-Bold.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: "Light";
    src:url("../font/SourceHanSansCN-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: Medium;
    src: url('../font/SourceHanSansCN-Medium.otf')
}

@media (min-width:1200px){
	.maxscreen{display:block;}
	.minscreen{display: none!important;}
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
	.minscreen{display: block;}
	.maxscreen{display: none!important;}
}
/*基本样式设置*/
*{padding: 0;margin: 0;font-family: Regular;}
ul,li{list-style:none;padding: 0;}
a{text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active{color: #000000;}
img{width: 100%;}

/*常用样式调用*/
.flex{display: flex;}
.flex-direction{flex-direction: column;}
.flex-between{justify-content: space-between;}


/*公共组件样式*/
/*公共组件样式*/
.nav{font-size: .15rem;height: .6rem;padding:0 3rem;font-family: Regular;position: fixed;top: 0;z-index: 5;box-sizing: border-box;background-color: #fff;width: 100%;}
.nav>a{display: inline-block;}
.nav>a img{width: 1.5rem;height: .3rem;padding: .15rem 0;}

.navList{flex: 1;justify-content: flex-end;}
.navList>li{position: relative;font-family: Light;font-weight: 400;float: left;height: .6rem;line-height: .6rem;box-sizing: border-box;padding: 0 .25rem;text-align: center;}
.navList>li.active>a{color: #0f4e9b;}
.navList>li.active::after{left: 0;display: block;content: "";height: 2px;background-color: #114e9c;position: absolute;bottom: 0;width: 100%;}
.navList>li a{cursor: pointer;color: #000000;display: block;}
.navList>li:nth-of-type(2){font-family: SBold;}
.navList>li img{width: .25rem;height: auto;vertical-align:middle;}
.navList>li ul{font-family: Regular;width: 100%;position: absolute;z-index: 999;left: 0;top: 100%;background-color: #FFF;height: 0;overflow: hidden;}
.navList>li ul li{text-align: center;padding: .1rem 0;font-size: .18rem;}
.navList>li ul li a{transform: translateY(.2rem);transition: all .2s linear;font-size: .15rem;line-height: .2rem;}
.navList>li ul li a.up{transform: translateY(0);}
.navList>li ul li:hover a{color: #114e9c;}
.navList>li ul li:nth-of-type(1) a{transition-delay:0s;}
.navList>li ul li:nth-of-type(2) a{transition-delay:.1s;}
.navList>li ul li:nth-of-type(3) a{transition-delay:.2s;}
.navList>li ul li:nth-of-type(4) a{transition-delay:.3s;}
.navList>li ul li:nth-of-type(5) a{transition-delay:.4s;}
.navList>li ul li:nth-of-type(6) a{transition-delay:.5s;}

.user_operate{margin-left: .2rem;}
.user_operate li{float: left;padding:0 .2rem;line-height: .6rem;}
.user_operate li a{color: #000000;cursor: pointer;}
.user_operate li a img{width: .17rem;height: .17rem;margin-right: .05rem;vertical-align: text-top;}

.user_operate_manage{margin-left: 1.5rem;display: table;width: 1rem;padding:0 .2rem;position: relative;box-sizing: border-box;height: .6rem;}
.user_operate_manage img{width: .25rem;height: auto;margin-top: .17rem;}
.user_operate_manage>a{color: #000;display: table-cell;vertical-align: middle;}
.user_operate_manage ul{color: #000000;position: absolute;top: 100%;left: 0;display: none;text-align: center;background-color: #fff;width: 100%;}
.user_operate_manage ul li{padding: 5px 0;cursor: pointer;overflow: hidden;text-align: center;}
.user_operate_manage ul li a{display: block;}
.language{padding: 0 .1rem;cursor: pointer;position: relative;line-height: .6rem;}
.language img{width: .25rem;vertical-align: sub;}
.language .checklan{position: absolute;z-index: 999;left: 0;top: 100%;width: 90%;display: none;}
.language a{color: #000000;display: block;padding: 5px;line-height: .3rem;width: 100%;background-color: #FFF;}
.lan_icon{transition: all linear .1s;}
.lan_icon.active{transform: rotate(180deg);}

.applyInspect{width: 100%;text-align: center;padding: .62rem 0;background-color: #f2f2f2;}
.applyInspect a{font-size: .18rem;color: #333;display:block;margin:0 auto;width: 4.7rem;line-height: .6rem;border-radius: 20px;border:1px solid #8c8c8c;}

footer{background-color: #272727;padding:0 3rem;color: #acacac;}
.footer-main{padding: .35rem 0;border-bottom: 1px solid #acacac;}
.footer-main>div:nth-of-type(2){width: 60%;}
.footer-main>div:nth-of-type(1){flex-direction: column;justify-content: center;width: 40%;}
.footer-list ul{margin-left:.6rem;}
.footer-list h2{font-size: 14px;color: #fff;}
.footer-list li{padding: .075rem 0;font-size: 12px;}
.footer-list li a{color: #acacac;}
.footer-link{width: 2rem;}
.footer-link a{font-size: .28rem;border-bottom: 1px solid #fff;display: block;color: #fff;}
.footer-link p{font-size: 12px;margin-top: .02rem;}
.footer-yx{margin-top: .3rem;}
.footer-yx p{font-size: 12px;}
.footer-access{padding: .2rem 0;text-align: center;font-size: 12px;color: #ACACAC;}
.footer-access span{margin-right: .3rem;}
.footer-access a{color: #ACACAC;}
main{
	display: block;
	background-color: #f2f2f2;
	margin-top: .6rem;
}


/*滑动验证*/
.verify{
    width: 100%;
    height: 40px;
    margin-top: 30px;
}
.verify span{
    width: 38px;
    height: 40px;
    font-size: .2rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #000;
    margin-right: 23px;
}
.verify span.error{color: red;}
#verify_box{
    width: 300px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color:#fff;
    background-color: rgba(212, 212, 212, 1);
    top:-40px;
    right:-49px;
}
#verify_xbox{
    width: 54px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color:#fff;
    position: absolute;
    background: #7BBB55;
}
#btn{
    cursor: pointer;
    width: 54px;
    height: 40px;
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(212, 212, 212, 1);
    float: right;
    color: #000;
}

/*登陆后样式*/
.UserName{max-width: 60px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*适配移动端*/

@media only screen and (min-width: 320px) and (max-width: 1200px) {
	main{
		background-color: #fff;
	}
	
	nav{position: fixed;top: 0;width: 100%;box-sizing: border-box;z-index: 99999;background-color: #fff;}
	.min_nav{height: .93rem;align-items: center;padding:0 .35rem;}
	.min_nav div{width: .4rem;margin-top: .1rem;}
	.min_nav div span{width: .4rem;display: block;height: 2px;background-color: #333333;margin-bottom: .1rem;}
	.min_nav a img{width: 1.7rem;height: .35rem;margin-top: .29rem;}
	.min_nav a{height: .93rem;display: block;line-height: .93rem;font-size: 0;}
	.min_nav>img{width: .3rem;height: .34rem;}
	
	.accout_ope{display: none;position: fixed;width: 1.7rem;right: 0;font-size: .2rem;z-index: 9999;background-color: #fff;top: .95rem;box-shadow: 1px 0px 3px #888888,-1px 0px 3px #888888,0px 1px 3px #888888,0px -1px 3px #888888;}
	.accout_ope a{display: block;text-align: center;padding: .2rem 0;color: #333333;width: 100%;max-width: none;}

	main{margin-top: .93rem;}
	.menu_list{display: none;font-size: .3rem;width: 100%;position:fixed;top: .93rem;background-color: #fff;z-index: 99999999;}
    .menu_list>li{border-top:1px solid #d3d3d3;}
    .menu_list>li>div{position: relative;display: flex;justify-content: space-between;box-sizing: border-box;line-height: .85rem;}
    .menu_list>li>div>a{width: 100%;display: flex;justify-content: space-between;color: #000000;padding:0 .35rem;}
    .menu_list>li>div>span:nth-of-type(2){transition: all .1s linear;}
    .menu_list span.active{transform: rotate(90deg);}
    .list_sub{width: 100%;background-color: #f1f1f1;display: none;}
    .list_sub a{font-size: .2rem;color: #707070;border-top:1px solid #d3d3d3;display: flex;justify-content: space-between;font-size: ;box-sizing: border-box;padding:0 .35rem;line-height: .85rem;}

    footer{background-color: #272727;font-size: .25rem;color: #ACACAC;padding: 0;}
    .linkInfo{padding-top: .5rem;}
    .kefu{display: flex;justify-content: space-between;margin: 0 .34rem;}
    .kefu .checklan{position: relative;width: 1.7rem;}
    .kefu .checklan a{display: block;width: 1.7rem;}
    .kefu img{width: .4rem;height: .4rem;vertical-align: middle;}
    .kefu .check{padding: .1rem 0;display: none;position: absolute;top: 100%;}
    .kefu .check a{color: #ACACAC;}
    .tel{font-size: .4rem;margin: .05rem .34rem;color: #fff;border-bottom: 1px solid #fff;font-weight: bold;}
    footer p{padding: 0 .34rem;}
    .email{margin-top: .25rem;}
    .certificate{margin: 0 .34rem;font-size: .22rem;padding: .3rem 0;display: flex;align-items: center;justify-content: space-between;}
    .certificate span{display: block;width: 80%;}
    .certificate a{color: #ACACAC;display: none;}
    
    .foot_list{font-size: .3rem;margin-top: .5rem;width: 100%;background-color: #272727;border-bottom:1px solid #3f3f3f;}
    .foot_list>li{border-top:1px solid #3f3f3f;font-size: .3rem;}
    .foot_list>li>div{position: relative;display: flex;justify-content: space-between;box-sizing: border-box;line-height: .85rem;}
    .foot_list>li>div>a{width: 100%;display: flex;justify-content: space-between;color: #000000;padding:0 .35rem;}
    .foot_list>li>div>span:nth-of-type(2){transition: all .1s linear;}
    .foot_list span.active{transform: rotate(90deg);}
    .foot_list .list_sub{width: 100%;background-color: #494b4d;display: none;}
    .foot_list .list_sub a{font-size: .2rem;color: #acacac;border-top:1px solid #3f3f3f;display: flex;justify-content: space-between;font-size: ;box-sizing: border-box;padding:0 .35rem;line-height: .85rem;}
    
    .applyInspect{background-color: #fff;}

   /*滑动验证样式*/
   .verify{height: .4rem;}
   .verify>span{width: .65rem;}
   #verify_box{width: 4.5rem;height: .6rem;line-height: .6rem;font-size:.18rem;}
   #verify_xbox{height: .6rem;line-height: .6rem;font-size:.18rem;}
   #btn{height: .6rem;line-height: .6rem;}
}