@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px;font-family:"PINGFANG_MEDIUM";color:#898989;line-height:1; background:#FFF; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "PINGFANG_MEDIUM"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; 
/* display: block; */
}
a{ color:#5c5c5c; text-decoration:none}

.top{  width: 100%; padding-top: 60px; box-shadow: 0 0 10px rgba(0,0,0,0.1); height: 165px; box-sizing: border-box; position: relative; z-index: 2;}
.top .topBox{ width: 1200px; margin: 0 auto; }
.top .topBox .logo{ float: left; padding-top: 40px;}
.top .topBox .topRight{ float: right; width: calc(100% - 488px);}
.top .topBox .topRight .serach{ float: right; width: 40px; height: 40px; overflow: hidden; transition: 0.5s;}
.top .topBox .topRight .serach button{ float: left; width: 50px; height: 40px; border: none; outline: none; background: url(../images/load_06.png) center center no-repeat; float: left; cursor: pointer;}
.top .topBox .topRight .serach input{ width: calc(100% - 50px); float: left; height: 40px;}
.top .topBox .topRight .serach.on{ width: 300px; border-radius:20px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.top .topBox .topRight .serach:hover{ width: 300px; border-radius:20px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.top .topBox .topRight .nav{ width: 100%; float: right;}
.top .topBox .topRight .nav ul li{ float: right; margin: 0 0 0 0; line-height: 63px; position: relative;}
.top .topBox .topRight .nav ul li a{ font-size: 12px; color: #383838; padding: 0 12px;display: block;}
.top .topBox .topRight .nav ul li:after{ width: 0; transition: 0.5s; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 2px; background: #e07a41; content: '';}
.top .topBox .topRight .nav ul li a:hover{ color: #e07a41;}
.top .topBox .topRight .nav ul li:hover:after{ width: 100%;}
.top .topBox .topRight .nav ul li dl{ display: none; width: 180px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius:8px; padding: 10px 0; position: absolute; top: 63px; left: 50%; transform: translateX(-50%);}
.top .topBox .topRight .nav ul li dl dd{ height: 34px; text-align: center; line-height: 34px;}
.top .topBox .topRight .nav ul li dl dd:hover{ background:#e07a41 ;}
.top .topBox .topRight .nav ul li dl dd:hover a{ color: #fff;}
.top .topBox .topRight .nav ul li:hover dl{ display: block;}
.top .topBox .topRight .user-center {float:left;display: flex;justify-content: center;align-items: center;height: 40px;margin-left: 100px;}
.top .topBox .topRight .user-center .nav-img { width:300px;}
.top .topBox .topRight .user-center .nav-img #log-out{ margin-left:10px;}

#sendCodeBtn {height: 60px;cursor: pointer;}

.sub-box {
	width: 100%;
	margin-top: 60px;
	position: relative;
}
.sub-form {
	border: none;
	width: 100%;
	height: 44px;
	background: #ff5400;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	border-radius: 6px;
	cursor: pointer;
}

.loadContainer{ padding-top: 50px; width: 1200px; margin: 0 auto; padding-bottom: 300px;}
.loadContainer .back{ display: block; padding-left: 30px; background: url(../images/bg_03.png) 9px center no-repeat; height: 14px; line-height: 14px; font-size: 14px; color: #da6420;}
.loadContainer .loadBox{  width: 100%;}
.loadContainer .loadBox .tit h2{ text-align: center; height: 32px; line-height: 32px; font-size: 32px; color: #626b77; font-weight: bold; }
.loadContainer .loadBox .tit span{ display: block; background: url(../images/bg_07.png); width: 102px; height: 4px; margin: 25px auto;}
.loadContainer .loadBox .tit p{ width: 530px; margin: 0 auto; text-align: center; line-height: 24px; font-size: 14px; color: #626b77;} 
.loadContainer .loadBox ul{ padding-top: 45px; overflow: hidden;}
.loadContainer .loadBox ul li{ width: 49%; float: left; margin: 0 2% 20px 0;}
.loadContainer .loadBox ul li input{ width: 100%; height: 48px; border: 1px solid #efefef; box-sizing: border-box; padding: 0 25px; box-sizing: border-box;}
.loadContainer .loadBox ul li:nth-child(2n){ margin-right: 0;}
.loadContainer .loadBox ul li button{ display: block; width: 127px; height: 50px; text-align: center; line-height: 50px; font-size: 14px; border: none; background: #dd7928; color: #fff; border-radius:6px ; cursor: pointer;}
.loadContainer .list{ padding-top: 170px; width: 660px;}
.loadContainer .list ul{ width: 100%;}
.loadContainer .list ul li{ margin-bottom: 30px; padding-left: 30px; width: 100%; box-sizing: border-box; box-sizing: border-box;}
.loadContainer .list ul li h2{ color: #333; height: 32px; line-height: 32px; font-weight: normal; position: relative;}
.loadContainer .list ul li h2 span{ width: 32px; height: 32px; position: absolute; left: -32px; top: 0; font-size: 16px;}
.loadContainer .list ul li h2 span img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.loadContainer .list ul li p{ font-size: 14px; line-height: 32px; color: #333;}

.footer{ width: 100%; padding: 50px 0; background: #000000;} 
.footer .footerBox{ width: 1200px; margin: 0 auto; overflow: hidden;}
.footer .footerLeft{ float: left; width: 250px;}
.footer .tit p{ font-size: 14px; font-weight: bold; color: #fff;}
.footer .tit span{ display: block; width: 20px; height: 2px; margin-top: 20px; background: #fff;}
.footer .tit ul{ padding-top: 20px;}
.footer .tit ul li{ line-height: 28px;}
.footer .tit ul li a{ color: #999;} 
.footer .footerLeft ul{ padding-top: 35px;}
.footer .footerLeft ul li{ position: relative; padding-left: 30px; line-height: 22px; font-size: 12px; color: #fff; width: 100%; margin-bottom: 20px;}
.footer .footerLeft ul li img{ position: absolute; left: 0; top: 6px;}
.footer .footerCenter{ width: 450px; float: left; margin-left: 110px;}
.footer .footerCenter ul{ overflow: hidden; padding-top: 30px;}
.footer .footerCenter ul li{ width: 50%; float: left; line-height: 34px; padding-left: 22px; box-sizing: border-box; background: url(../images/load_20.png) left center no-repeat;}
.footer .footerCenter ul li a{ transition: 0.5s; font-size: 12px; color: #949494;}
.footer .footerCenter ul li a:hover{ color: #fff;}
.footer .footerRight{ float: right; width: 290px;}
.footer .footerRight h2{ font-weight: normal; padding: 30px 0; line-height: 26px; color: #c0c0c0; font-size: 12px; font-weight: normal;}
.footer .footerRight .inp{ width: 100%; height: 46px; border: 2px solid #393939; box-sizing: border-box; position: relative;}
.footer .footerRight .inp input{ color: #fff; display: block; width: 100%; height: 100%; outline: none; padding: 0 15px;}
.footer .footerRight .inp button{ border: none; width: 44px; height: 44px; position: absolute; right: 0; top: 0; background: url(../images/load_28.png) center center no-repeat; cursor: pointer;}

.new{ padding: 35px 0 150px 0; width: 1200px; margin: 0 auto;}
.new .layer1{ width: 100%; overflow: hidden; height: 460px;}
.new .layer1 .layer1Left{ position: relative; float: left; width: 670px; height: 460px;}
.new .layer1 .layer1Left .swiper-container{ width: 100%; height: 100%; overflow: hidden;}
.new .layer1 .layer1Left p{ width: 100%; height: 60px; background: rgba(0,0,0,0.4); position: absolute; bottom: 0; line-height: 60px; padding: 0 30px; box-sizing: border-box; color: #fff; font-size: 16px;} 
.new .layer1 .layer1Left .swiper-button-next{ width: 49px; height: 49px; right: 0; left: auto; top: 50%; transform: translateY(-50%); margin: 0; background: url(../images/arrow_05.png) center center no-repeat #a9a9a9;}
.new .layer1 .layer1Left .swiper-button-prev{ width: 49px; height: 49px; left: 0; top: 50%; transform: translateY(-50%); margin: 0; background: url(../images/arrow_03.png) center center no-repeat #a9a9a9;}
.new .layer1 .layer1Left .swiper-button-next:after{ display: none;}
.new .layer1 .layer1Left .swiper-button-prev:after{ display: none;}
.new .layer1 .layer1Left .swiper-button-next:hover{ background: url(../images/arrow_05.png) center center no-repeat #c96c38;;}
.new .layer1 .layer1Left .swiper-button-prev:hover{ background: url(../images/arrow_03.png) center center no-repeat #c96c38;;}
.new .layer1 .layer1Right{ width: 470px; float: right;}
.new .layer1 .layer1Right ul li{ width: 100%; height: 120px; padding: 24px 0; border-bottom: 1px dashed #e7e5e4;}
.new .layer1 .layer1Right ul li .icon{ width: 220px; height: 120px; overflow: hidden; float: left;}
.new .layer1 .layer1Right ul li .icon img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.new .layer1 .layer1Right ul li .text{ width: calc(100% - 220px); float: left; padding-left: 15px; box-sizing: border-box;}
.new .layer1 .layer1Right ul li .text h2{ height: 26px; line-height: 26px; font-size: 16px; font-weight: bold; color: #282828; overflow: hidden;}
.new .layer1 .layer1Right ul li .text p{ padding: 5px 0 5px 0; font-size: 12px; line-height: 22px; color: #898989; height: 66px; overflow: hidden;}
.new .layer1 .layer1Right ul li .text a{ margin-top: 6px; color: #403f3e; height: 28px; line-height: 28px;}
.new .layer1 .layer1Right ul li .text a img{ display: inline-block; vertical-align: middle; margin-left: 14px; transform: translateY(-2px);}
.new .layer1 .layer1Right ul li:first-child{ padding-top: 0;}
.new .layer1 .layer1Right ul li:last-child{ padding-bottom: 0; border-bottom: 0;}
.new .layer1 .layer1Right ul li:hover .icon img{ transform: scale(1.1);}
.new .title{ padding: 75px 0 55px 0; text-align: center; font-size: 22px; font-weight: bold; color: #181f23;} 
.new .layer2{ width: 100%;}
.new .layer2Box{ background: #fdf7f1; padding: 40px; width: 100%; box-sizing: border-box;}
.new .layer2Box ul{ width: 100%;}
.new .layer2Box ul li{ padding: 20px 0; border-bottom: 1px solid #181f23;}
.new .layer2Box ul li h2{ color: #333; font-size: 24px; line-height: 24px; transition: 0.5s; position: relative;}
.new .layer2Box ul li span{ display: block; height: 50px; line-height: 50px; font-size: 14px; color: #383838;}
.new .layer2Box ul li p{ font-size: 16px; color: #373737; line-height: 36px;}
.new .layer2Box ul li:hover h2{ padding-left: 30px;}
.new .layer2Box ul li:hover h2:after{ width: 20px;}
.new .layer2Box ul li h2:after{ transition: 0.5s; content: ''; width: 0; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #000;}

.new .layer3{ width: 100%; overflow: hidden;}
.new .layer3 .layer3Left{ float: left; width: 780px; float: left;}
.new .layer3 .layer3Left .Main{ width: 100%; overflow: hidden; padding-bottom: 25px; border-bottom: 1px dashed #edeae8;}
.new .layer3 .layer3Left .Main .icon{ float: left; width: 370px; height: 200px; overflow: hidden; border-radius:6px;}
.new .layer3 .layer3Left .Main .icon img{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.new .layer3 .layer3Left .Main .text{ width: calc(100% - 370px); float: left; padding: 0 0 0 45px; box-sizing: border-box;}
.new .layer3 .layer3Left .Main .text h2{ font-size: 16px; color: #464646; line-height: 32px; height: 64px; overflow: hidden;}
.new .layer3 .layer3Left .Main .text .time{ height: 50px; line-height: 50px; font-size: 14px; color: #333; position: relative;}
.new .layer3 .layer3Left .Main .text .time span{ color: #aba9a7;}
.new .layer3 .layer3Left .Main .text .time .num{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/bg2_03.png); width: 27px; height: 24px;}
.new .layer3 .layer3Left .Main .text .time .num b{ display: block; width: 20px; height: 15px; line-height: 15px; text-align: center; font-size: 12px;}
.new .layer3 .layer3Left .Main .text p{ line-height: 28px; font-size: 14px; color: #6e6e6e;}
.new .layer3 .layer3Left ul{ overflow: hidden;}
.new .layer3 .layer3Left ul li{ float: left; overflow: hidden; width: 49%; margin: 0 2% 0 0; padding-top: 30px;}
.new .layer3 .layer3Left ul li .icon{ width: 100px; height: 75px; float: left; overflow: hidden;}
.new .layer3 .layer3Left ul li .icon img{ object-fit: cover;}
.new .layer3 .layer3Left ul li .text{ width: calc(100% - 100px); float: left; padding-left: 20px; box-sizing: border-box;}
.new .layer3 .layer3Left ul li .text h2{ font-size: 14px; font-weight: bold; line-height: 24px; color: #464646;}
.new .layer3 .layer3Left ul li .text p{ font-size: 12px; color: #9e9e9e; padding-top: 10px;}
.new .layer3 .layer3Left ul li:nth-child(2n){ margin-right: 0;}
.new .layer3 .layer3Right{ width: 345px; height: 450px; float: right;}
.new .layer3 .layer3Right .icon{ width: 100%; height: 100%; overflow: hidden;}
.new .layer3 .layer3Right .icon img{ width: 100%; height: 100%; object-fit: cover;}

.new .layer3 .layer3Right .text{ display: none; width: 100%;}
.new .layer3 .layer3Right .text h2{ height: 64px; line-height: 64px; font-size: 24px; font-weight: bold; color: #333;}
.new .layer3 .layer3Right .text p{ line-height: 34px; font-size: 14px; color: #464646; font-weight: bold;}

.newList{ width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 240px;}
.newList .newLeft{ float: left; padding-top: 25px; width: 720px;}
.newList .newLeft ul.listData li{ overflow: hidden; padding: 40px 0; border-bottom: 1px solid #e4e4e4;}
.newList .newLeft ul.listData li h2{ font-size: 18px; color: #181f23; height: 18px; overflow: hidden; position: relative; transition: 0.5s;}
.newList .newLeft ul.listData li h2:after{ transition: 0.5s; content: ''; width: 0; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #000;}
.newList .newLeft ul.listData li span{ display: block; height: 50px; line-height: 50px; font-size: 12px; color: #ababab;}
.newList .newLeft ul.listData li p{ color: #373737; line-height: 24px; font-size: 14px;}
.newList .newLeft dl{padding: 60px 0 0 0; text-align: center;}
.newList .newLeft dl dd{ display: inline-block;  margin: 0 5px; width: 30px; height: 30px; line-height: 30px; font-size: 12px; color: #4a4a4a;}
.newList .newLeft dl dd a{ border-radius:4px ; display: block; width: 100%; height: 100%; text-align: center; line-height: 30px; background: #f1f1f1;}
.newList .newLeft dl dd a:hover{ background: #c35319;}
.newList .newLeft ul.listData li h2:after{ transition: 0.5s; content: ''; width: 0; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #000;}
.newList .newLeft ul.listData li:hover h2{ padding-left: 30px;}
.newList .newLeft ul.listData li:hover h2:after{ width: 20px;}

.newList .newLeft ul.list li{ padding: 0; margin-bottom: 45px; border: none;overflow: hidden;}
.newList .newLeft ul.list li .icon{ float: left; width: 330px; height: 235px; overflow: hidden; border-radius:6px;}
.newList .newLeft ul.list li .icon img{ transition: 0.5s; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.newList .newLeft ul.list li .text{ width: calc(100% - 330px); float: left; padding: 0 0 0 25px; box-sizing: border-box; box-sizing: border-box; float: left;}
.newList .newLeft ul.list li .text h2{ font-size: 16px; color: #464646; line-height: 32px; height: 64px; overflow: hidden;}
.newList .newLeft ul.list li .text .time{ height: 50px; line-height: 50px; font-size: 14px; color: #333; position: relative;}
.newList .newLeft ul.list li .text .time span{ color: #aba9a7; display: inline-block;}
.newList .newLeft ul.list li .text .time .num{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/bg2_03.png); width: 27px; height: 24px;}
.newList .newLeft ul.list li .text .time .num b{ display: block; width: 20px; height: 15px; line-height: 15px; text-align: center; font-size: 12px;}
.newList .newLeft ul.list li .text p{ line-height: 28px; font-size: 14px; color: #6e6e6e;}

.newList .newLeft ul.bt li {float:left;font-size: 16px;}


.newList .newRight{ padding-top: 60px; float: right; width: 375px;}
.newList .newRight ul{ width: 100%;}
.newList .newRight ul li{ width: 100%; margin-bottom: 30px;}
.newList .newRight ul li .icon{ width: 100%; height: 285px; overflow: hidden; border-radius:6px;}
.newList .newRight ul li .icon img{ transition: 0.5s; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.newList .newRight ul li .text{ width: 100%; padding: 25px 0 0 0; box-sizing: border-box;}
.newList .newRight ul li .text h2{ font-size: 16px; color: #464646; line-height: 32px; height: 64px; overflow: hidden;}
.newList .newRight ul li .text .time{ height: 50px; line-height: 50px; font-size: 14px; color: #333; position: relative;}
.newList .newRight ul li .text .time span{ color: #aba9a7;}
.newList .newRight ul li .text .time .num{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/bg2_03.png); width: 27px; height: 24px;}
.newList .newRight ul li .text .time .num b{ display: block; width: 20px; height: 15px; line-height: 15px; text-align: center; font-size: 12px;}
.newList .newRight ul li .text p{ line-height: 28px; font-size: 14px; color: #6e6e6e;}
.newList .newRight ul li:hover .icon img{ transform: scale(1.1);}

.newList .fynr {clear:both}
.newList .fynr .pagination{padding: 60px 0 0 0;text-align: center;}
.newList .fynr .pagination li{display: inline-block;margin: 0 5px;width: 30px;height: 30px;line-height: 30px;font-size: 12px;color: #4a4a4a;}

.newList .fynr .pagination li a {border-radius: 4px;display: block;width: 100%;height: 100%;text-align: center;line-height: 30px;background: #f1f1f1;}
.newList .fynr .pagination li span {display: block;height: 50px;font-size: 12px;color: #ababab;}



.city{ width: 1140px; margin: 0 auto; padding-top: 70px; padding-bottom: 240px;}

.city .back{ display: block; padding-left: 30px; background: url(../images/bg_03.png) 9px center no-repeat; height: 14px; line-height: 14px; font-size: 14px; color: #da6420;}
.city .tit{ width: 100%; padding: 30px 0 0 0;}
.city .tit h2{ font-weight: 18px; font-weight: bold; color: #454545; line-height: 32px;}
.city .tit span{ display: block; width: 30px; height: 2px; background: #e65619; margin-top: 10PX;}
.cityBox{ width: 100%; overflow: hidden; padding-top: 45px;}
.cityBox .text{ width: 350px; float: left; padding: 25px 20px; border: 1px solid #ededed; box-sizing: border-box;}
.cityBox .text ul{ width: 100%;}
.cityBox .text ul li{ width: 100%; margin-bottom: 30px; line-height: 32px; font-size: 14px; color: #424242;}
.cityBox .text ul li:last-child{ margin-bottom: 0;}
.cityBox .text ul li span{ font-weight: bold; color: #424242;}
.cityBox .icon{ width: 750px; height: 600px; float: right;}
.cityBox .icon img{ display: block; width: 100%; height: 100%;}

.zzList{ float: left; width: 720px; padding-top: 60px;}
.zzList ul{ width: 100%;}
.zzList ul li{ width: 100%; margin-bottom: 35px;}
.zzList ul li h2{ overflow: hidden; font-size: 24px; height: 24px; line-height: 24px; position: relative; transition: 0.5s; margin-bottom: 20px;}
.zzList ul li h2:after{ transition: 0.5s; content: ''; width: 0; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #000;}
.zzList ul li p{ font-size: 16px; line-height: 28px; color: #373737;}
.zzList ul li:hover h2{ padding-left: 30px; box-sizing: border-box;}
.zzList ul li:hover h2:after{ width: 20px;}
.zzList ul li .icon{ width: 100%; margin-top: 30px;}
.zzList ul li .icon img{ display: block; width: 100%; height: auto;}
.zzList .text { width: 100%;padding: 25px 0 0 0;box-sizing: border-box;overflow: auto;}
.zzList .text h2{ font-size: 18px;color: #181f23;height: 20px;overflow: hidden;position: relative;transition: 0.5s;}
.zzList .text .time{ height: 50px;line-height: 50px;font-size: 14px;color: #333;position: relative;}
.zzList .text .time span{ display: block;height: 50px;line-height: 50px;font-size: 12px;color: #ababab;}
.zzList .text p{ color: #373737;line-height: 24px;font-size: 14px;}


.register{ width: 1200px; margin: 0 auto; padding-top: 50px;}
.register .left{ float: left; width: 410px;}
.register .back{ display: block; padding-left: 30px; background: url(../images/bg_03.png) 9px center no-repeat; height: 14px; line-height: 14px; font-size: 14px; color: #da6420;}
.register .registerBox{ width: 100%; overflow: hidden;}
.register .registerBox .tit h2{ font-weight: normal; height: 85px; line-height: 85px; font-weight: normal; color: #2a2b32;}
.register .registerBox .tit p{ color: #383940; line-height: 26px; font-size: 14px; margin-bottom: 20px;}
.register .registerBox .hd{ width: 100%;}
.register .registerBox .hd ul { text-align: left;}
.register .registerBox .hd ul li{ margin-right: 25px; display: inline-block; height: 44px; line-height: 44px; font-weight: 100; font-size: 16px; color: #2a2b32;}
.register .registerBox .hd ul li:last-child{ margin-right: 0;}
.register .registerBox .hd ul li.on{ border-bottom: 2px solid #dc7522; color: #dc7522;}
.register .registerBox .hd ul li.on a{ color:#dc7522;}
.register .registerBox .bd{ width: 100%;}
.register .registerBox .bd ul{ width: 100%;}
.register .registerBox .bd ul li{ width: 100%;}
.register .registerBox .bd ul li h2{ padding: 25px 0 12px 0; font-size: 14px; color: #373737;}
.register .registerBox .bd ul li .inp{ border-radius:6px; width: 100%; height: 46px; border: 1px solid #bbbcbc; box-sizing: border-box; position: relative;}
.register .registerBox .bd ul li .inp input{ display: block; width: 100%; height: 100%; padding: 0 20px; box-sizing: border-box;}
.register .registerBox .bd ul li.on .inp{ border: 1px solid #efc09a;}
.register .registerBox .bd ul li.on .inp p{ display: block;}
.register .registerBox .bd ul li .inp p{ display: none; color: #ff5c00; height: 28px; line-height: 28px; position: absolute; left: 0; bottom: 0; transform: translateY(100%);}
.register .registerBox .bd ul li .inp select{ width: 100%; height: 100%; outline: none; border: none; padding: 0 15px; box-sizing: border-box; background: none;}
.register .registerBox .bd ul li .inp .sel{  float: left; width: 98px; border-right:2px solid #bbbcbc; float: left;}
.register .registerBox .bd ul li .inp .inpBox{ width: calc(100% - 100px); float: left; display: block; border: none; outline: none; padding: 0 15px; box-sizing: border-box;}
.register .registerBox .bd ul li .radio{ height: 48px; line-height: 48px;}
.register .registerBox .bd ul li .radio input{ display: inline-block; vertical-align: middle; margin-right: 15px; transform: translateY(-2px);}
.register .registerBox .bd ul li dd{ height: 34px; line-height: 34px; font-size: 14px; color: #373737;}
.register .registerBox .bd ul li dd input{ display: inline-block; vertical-align: middle; margin-right: 10px; transform: translateY(-2px);}
.register .registerBox .bd ul li:last-child{ margin-top: 20px; font-size: 14px; line-height: 28px;}
.register .registerBox .bd ul li:last-child a{ color: #db6721; text-decoration: underline;}
.register .registerBox .right{ width: 535px; float: right;}
.register .registerBox .right .bt h2{ font-size: 28px; color: #2a2b32; font-weight: normal; line-height: 54px;}
.register .registerBox .right .bt p{ font-size: 16px; color: #2a2b32; margin-top: 30px;}
.register .registerBox .right ul{ width: 100%; padding-top: 50px;}
.register .registerBox .right ul li{ line-height: 52px; font-size: 16px; color: #2a2b32;}
.loadPage{ padding-top: 50px; width: 100%; background: url(../images/loadBg_02.png) no-repeat; background-size: 100% auto; padding-bottom: 300px;}
.loadPage .loadPageBox{ width: 1200px; margin: 0 auto;}
.loadPage .loadPageBox .loadLeft{ float: left; width: 575px;}
.loadPage .loadPageBox .loadRight{ float: right; width: 400px;}

.loadPage .loadPageBox .loadLeft .list1 h2{ height: 110px; border-bottom: 1px solid #dededf; line-height: 110px; font-size: 26px; font-weight: normal; color: #333;}
.loadPage .loadPageBox .loadLeft .list1 .text{ padding-top: 25px;}
.loadPage .loadPageBox .loadLeft .list1 .text span{ color: #333; display: block; font-size: 16px; font-weight: normal; line-height: 28px; font-weight: normal; padding-bottom: 20px; }
.loadPage .loadPageBox .loadLeft .list1 .text p{ color: #333; font-weight: 100; font-size: 15px; color: #373737; line-height: 26px; padding-bottom: 20px;}
.loadPage .loadPageBox .loadLeft .list1 .text .textBox{ border-radius:10px ; width: 100%; padding: 30px 25px 30px 67px; box-sizing: border-box; border: 1px solid #ff5f11; box-sizing: border-box; background:url(../images/loadIcon_11.png) 30px center no-repeat #ffe6da;}
.loadPage .loadPageBox .loadLeft .list1 .text .textBox ul{ width: 100%;}
.loadPage .loadPageBox .loadLeft .list1 .text .textBox ul li{ font-size: 16px; width: 100%; position: relative; padding-left: 22px; box-sizing: border-box; color: #272838; line-height: 28px;}
.loadPage .loadPageBox .loadLeft .list1 .text .textBox ul li:after{ width: 8px; height: 8px; border-radius:50%; left: 0; top: 10px; content: ''; position: absolute; background: #272838;}
.loadPage .loadPageBox .loadLeft .list1 .text .textBox ul li a{ color: #ff5400; text-decoration: underline;}
.loadPage .loadPageBox .loadLeft .list1 .text .textBox ul li b{ color: #ff5400;}
.loadPage .loadPageBox .loadLeft .list1 .text dl{ padding-top: 25px; overflow: hidden;}
.loadPage .loadPageBox .loadLeft .list1 .text dl dd{ float: left; margin: 0 25px 0 0;}
.loadPage .loadPageBox .loadLeft .list1 .text dl dd a{ border-radius:6px ; display: block; width: 140px; height: 50px; line-height: 46px; text-align: center; border: 2px solid #ff5400; box-sizing: border-box; color: #ff5400;}
.loadPage .loadPageBox .loadLeft .list1 .text dl dd:first-child a{ background: #ff5400; color: #fff;}
.loadPage .loadPageBox .loadRight{ margin-top: 45px; border-radius:12px ; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 388px; height: 432px; background: url(../images/loadbg_03.png) 331px 7px #fff no-repeat; padding: 0 26px; box-sizing: border-box;}
.loadPage .loadPageBox .loadRight .bt{ padding-top: 23px; padding-left: 50px;}
.loadPage .loadPageBox .loadRight .bt span{ display: inline-block; height: 42px; line-height: 42px; border-bottom: 4px solid #ff5400; font-size: 21px; color: #333;}
.loadPage .loadPageBox .loadRight ul{ padding-top: 35px; width: 100%;}
.loadPage .loadPageBox .loadRight ul li{ width: 100%; margin-bottom: 20px; position: relative;}
.loadPage .loadPageBox .loadRight ul li img{ position: absolute; left: 10px; top: 50%; transform: translateY(-50%);}
.loadPage .loadPageBox .loadRight ul li input{ width: 100%; height: 44px; padding-left: 35px; box-sizing: border-box; border: 1px solid #e4e5eb; border-radius:4px;}
.loadPage .loadPageBox .loadRight ul li button{ border: none; width: 100%; height: 44px; background:#ff5400; text-align: center; line-height: 44px; font-size: 16px; color: #fff; border-radius:6px; cursor: pointer;}
.loadPage .loadPageBox .loadRight ul li dl{ overflow: hidden; width: 100%;}
.loadPage .loadPageBox .loadRight ul li dl dd{ width: 50%; float: left; font-size: 12px;}
.loadPage .loadPageBox .loadRight ul li dl dd a{ color: #c9cbd1;}
.loadPage .loadPageBox .loadRight ul li dl dd:last-child{ text-align: right;}
.loadPage .loadPageBox .loadRight ul li dl dd:last-child a{ color: #ff5400;}
.loadPage .loadPageBox .loadRight ul li:last-child{ text-align: center; padding-top: 25px;}
.loadPage .loadPageBox .loadRight ul li:last-child span{ background: #f5f5f5; width: 44px; height: 44px; border-radius:50%; display: inline-block; margin: 0 25px;}
.loadPage .loadPageBox .loadLeft .inp{ }
.loadPage .loadPageBox .loadLeft .inp p{ font-size: 16px; height: 48px; line-height: 48px; color: #ff5400;}
.loadPage .loadPageBox .loadLeft .inp input{ text-indent: 20px; width: 460px; height: 60px; border: 1px solid #ff681e; border-radius:6px; margin-bottom: 40px;}
.loadPage .loadPageBox .loadLeft .inp a{ display: block; width: 280px; height: 48px; text-align: center; line-height: 48px; font-size: 14px; color: #fff; border-radius:6px; background: #ff5400;}

 
.loadPage .back{ text-decoration: underline; display: block; padding-left: 30px; background: url(../images/bg_03.png) 9px center no-repeat; height: 14px; line-height: 14px; font-size: 14px; color: #da6420;}

.AppTop{ display: none;}
.SideBar{ display: none;}
.zzList .iconbox{background: #dadada;padding: 10px 0 0 10px;}
.zzList .iconbox ul.lists{overflow: hidden; margin-left: -10px;}
.zzList .iconbox ul.lists li{float: left; width: 33.33%; padding: 0 0 10px 10px; margin: 0;box-sizing: border-box;}
.zzList .iconbox ul.lists a{display: block; overflow: hidden;}
.zzList .iconbox ul.lists a img{width: 100%;transition: .5s;}
.zzList .iconbox ul.lists a:hover img{transform: scale(1.1);}

.Paper{ width: 1200px; margin: 0 auto; padding-top: 50px;}
.Paper .back{ display: block; padding-left: 30px; background: url(../images/bg_03.png) 9px center no-repeat; height: 14px; line-height: 14px; font-size: 14px; color: #da6420;}
.PaperBox{ width: 860px; margin: 0 auto;}
.PaperBox .title{ padding: 35px 0 35px 0;}
.PaperBox .title h2{ text-align: center; font-size: 28px; font-weight: bold; color: #626b77;}
.PaperBox .title span{ width: 100px; height: 1px; background: #e1e1e1; position: relative; display: block; margin: 25px auto;}
.PaperBox .title span:after{ width: 20px; height: 3px; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #da6420;}
.PaperBox .title p{ text-align: center;}
.PaperBox .title p b{ color: #ff0000;}
.PaperBox .Nr{ width: 100%; }
.PaperBox .Nr ul{ width: 100%;}
.PaperBox .Nr ul li{ width: 100%;}
.PaperBox .Nr ul li h2{ padding: 20px 0 10px 0; color: #373737; font-weight: normal;}
.PaperBox .Nr ul li h2 span{ font-size: 14px; color: #ff0000;}
.PaperBox .Nr ul li p{ height: 26px; line-height: 26px; font-size: 12px; color: #8f8e8e;}
.PaperBox .Nr ul li input{ width: 100%; height: 44px; border: 1px solid #bbbcbc; padding: 0 15px; box-sizing: border-box; border-radius:5px;}
.PaperBox .Nr ul li textarea{ height: 100px; padding: 15px; border: 1px solid #bbbcbc; width: 100%; border-radius:5px; box-sizing: border-box;}
.PaperBox .Nr ul li input[type=file]{ line-height: 44px; width: auto; border: none; padding: 0;}
.PaperBox .Nr button{ display: block; width: 175px; height: 50px; text-align: center; line-height: 50px; text-align: center; background: #dd7928; text-align: center; line-height: 50px; margin: 60px auto; border-radius:5px; border: none; outline: none; color: #fff;}

@media(max-width:1200px ) {
	body{ padding-top: 60px;}
	.top{ display: none;}
	.AppTop{ width: 100%; display: block; height: 60px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 99; position: fixed; left: 0; top: 0;}
	.AppTop .SideClick{ transition: 0.5s; width: 24px; height: 20px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
	.AppTop .SideClick span{ width: 100%; height: 2px; left: 0; display: block; background: #333; position: absolute;}
	.AppTop .SideClick span:nth-child(1){ top: 0;}
	.AppTop .SideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.AppTop .SideClick span:nth-child(3){ bottom: 0;}
	.AppTop .SideClick.on{ transform: translateY(-50%) rotate(180deg);}
	.AppTop .SideClick.on span:nth-child(1){top: 50%; transform: translateY(-50%) rotate(45deg);}
	.AppTop .SideClick.on span:nth-child(2){ width: 0;}
	.AppTop .SideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.AppTop .logo{ float: left; height: 60px; float: left; padding-left: 15px; line-height: 60px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 20%; width: auto;}
	.SideBar{ display: block; box-shadow: 0 0 10px rgba(0,0,0,0.1); left: -100%; transition: 0.5s; width: 70%; height: 100vh; background: #fff; z-index: 100; position: fixed;  top: 0;}
	.SideBar .logo{ width: 100%; padding: 30px 0;}
	.SideBar .logo img{ display: block; margin: 0 auto; width: 60%; height: auto;}
	.SideBar .nav{ width: 100%;}
	.SideBar .nav ul li{ width: 100%;  border-bottom: 1px solid #ddd; height: auto; padding: 12px 15px; box-sizing: border-box; position: relative; line-height: 24px;}
	.SideBar .nav ul li a{ font-size: 16px;}
	.SideBar .nav ul li:after { width: 40px; height: 40px; content: ''; position: absolute; right: 0; top: 0; background: url(../images/arrow_07.png) center center no-repeat; background-size:6px auto;}
	
	.city{ width: 100%; padding: 30px 15px; box-sizing: border-box;}
	.cityBox .icon{ width: 100%; height: auto;}
	.cityBox .text{ width: 100%; margin-top: 15px;}
	.loadContainer{ width: 100%; padding: 30px 15px; box-sizing: border-box;}
	.loadContainer .loadBox{ padding-top: 30px;}
	.loadContainer .loadBox ul li{ width: 100%; margin: 0 0 15px 0;}
	.loadContainer .loadBox ul li button{ margin: 0 auto;}
	.loadContainer .list{ width: 100%; padding: 50px 0;}
	.footer{ padding: 0;}
	.footer .footerBox{ width: 100%; padding:30px 15px; box-sizing: border-box;}
	.footer .tit p{ text-align: center;}
	.footer .tit span{ margin: 30px auto 0 auto;}
	.footer .footerLeft{ width: 100%;}
	.footer .footerCenter{ width: 100%; margin:30px 0 0 0;}
	.footer .footerRight{ width: 100%; margin: 30px 0 0 0;}
	.footer .footerRight h2{ text-align: center!important;}
	
	.new{ width: 100%; padding: 30px 15px; box-sizing: border-box;}
	.new .layer1{ height: auto;}
	.new .layer1 .layer1Left{ width: 100%; height: auto;}
	.new .layer1 .layer1Left img{ width: 100%; height: auto;}
	.new .layer1 .layer1Right{ width: 100%;}
	.new .layer1 .layer1Right ul li .icon{ width: 180px;}
	.new .layer1 .layer1Right ul li .text{ width: calc(100% - 180px);}
	.new .layer1 .layer1Right ul li:first-child{ padding-top: 24px;}
	.new .layer2Box{ width: 100%; padding: 10px;}
	.new .layer2Box ul li h2{ font-size: 18px; line-height: 24px;}
	.new .layer3 .layer3Left{ width: 100%;}
	.new .layer3 .layer3Left .Main .icon{ width: 100%; height: auto;}
	.new .layer3 .layer3Left .Main .text{ width: 100%; padding: 30px 0;}
	.new .layer3 .layer3Left ul li{ width: 100%; margin: 0 0 15px 0;}
	.new .layer3 .layer3Right{ width: 100%; padding-top: 35px;}
	.newList{ width: 100%;}
	.newList .newLeft{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.newList .newRight{ width: 100%; padding: 60px 15px 0 15px; box-sizing: border-box;}
	.newList .newLeft ul.list li .icon{ width: 100%; height: auto;}
	.newList .newLeft ul.list li .text{ width: 100%; padding: 30px 0;}
	
	.register{ width: 100%; padding: 30px 15px; box-sizing: border-box;}
	.register .left{ width: 100%;}
	.register .registerBox .right{ width: 100%;}
	.zzList{ width: 100%; padding: 30px 15px; box-sizing: border-box;}

	.Paper{ width: 100%;}
	.PaperBox{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.PaperBox .Nr ul li p{ height: auto; line-height: 18px; margin: 5px 0;}
	.PaperBox .title p{ line-height: 18px;}
	
	.loadPage .loadPageBox{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.loadPage .loadPageBox .loadRight{ width: 100%;}
	.loadPage .loadPageBox .loadLeft{ width: 100%;}
	.loadPage .loadPageBox .loadLeft .inp input{ width: 100%;}

	.reset-btn {
		background-color: #f26522;  /* 橙色 */
		color: white;               /* 文字颜色 */
		padding: 12px 24px;
		border: none;
		border-radius: 6px;
		font-size: 14px;
		cursor: pointer;
		width: 100%;
		max-width: 300px;
		display: block;
		margin: 0 auto;
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		transition: background-color 0.3s;
	}

	.reset-btn:hover {
		background-color: #e2541d;
	}
	
}
@media (max-width:1400px ) and (min-width:1201px ) {
	.newList .MainTop .icon{ width: 50%;}
	.newList .MainTop .text{ width: 50%;}
}