/* CSS Document */
body{ font:12px/24px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; background:#1d0c5e; overflow-x: hidden;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, select, textarea, th, td{ margin: 0; padding: 0; color:#333;}
img{ border:none; max-width:100%;}
a{ color:#333; text-decoration:none; cursor: pointer;}
a:hover{color: #ff4b46;text-decoration:none;}
a,area{ blur:expression(this.onFocus=this.blur()) }
ul, li{ list-style:none;}
table{ border-collapse:collapse;border-spacing:0; max-width:100%;}
input{ outline:0;}
input[type="button"], input[type="submit"], input[type="reset"], select {-webkit-appearance: none;}
:focus{ outline: none;}
.mr0{ margin-right:0;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{ display:block;content: ''; clear: both;}
.clearfix{ zoom: 1;}
.clear{ height:0; width:100%; font-size:1px; line-height:0; visibility:hidden; overflow:hidden;}
.Width{ width:1200px; margin:0 auto;}
.hide{ display:none;}
.onlymob{ display:none;}
.pointer{ cursor:pointer;}
.por{ position: relative;}
.poa{ position: absolute;}

/* ������ʽ */
.zk_top {width: 100%;background: #fafafa url(../images/nav_bg.gif) repeat-x 0 0;line-height: 41px;overflow: hidden; }
.zk_top .zt_top {width: 1000px;height: 40px;margin: 0 auto;}
.zk_top h1 a {float: left; width: 150px;height: 40px;overflow: hidden; background: url(../images/logo.png) 5px center no-repeat; background-size: 150px 50px; font-size:16px; color: #07a991; text-indent: -999px;}.zk_top .topnav {float: right; color:#333; font-size:14px;}
.zk_top .topnav a {padding:0 8px; cursor: pointer;}
.zk_top .topnav a:hover { color:#e4393c; text-decoration:underline;}


/* ������ʽ */
.banner{ width: 100%; height: 508px; background: url(../images/banner_bg.png) no-repeat; background-position: center center; background-size: auto 100%; overflow: hidden;}
.banner p{ font-size: 34px; line-height: 24px; text-align: center; color: #fff; margin-top: 90px;}
.br_txt{ width: 704px; height: 186px; margin: 20px auto 0; background: url(../images/banner_txt.png) no-repeat;}
.br_btn{ width: 600px; margin: 0 auto;}
.br_btn a{ font-size: 26px; line-height: 56px; text-align: center; color: #fff; padding: 0 30px; display: inline-block; border-radius: 56px; margin: 40px;}
.br_btn a.zhiwei{ border: 2px solid #209eff; background:linear-gradient(0deg, #2579ec 0%, #5bc8fa 100%);}
.br_btn a.tiaojian{ border: 2px solid #f4c60c; background:linear-gradient(0deg, #f4930a 0%, #ffd014 100%);}
.br_btn a:hover{ animation: 1s pulse infinite;}

.main{ width: 100%; padding: 40px; border:8px solid #505cc5; margin-bottom: 45px; background: #fff; box-sizing: border-box;}
.bt { width: 704px; margin: 0 auto;}
.bt img{ width: 704px; height: 58px;}

.window_mask{ display: none; width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.3);}
.form_main{ width: 360px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #1d0c5e; border-radius: 20px; box-sizing: border-box; padding: 30px 40px;}
.close{ position: absolute; right: -20px; top: -20px; width: 25px; cursor: pointer; transition: transform .5s ease;}
.close:hover { transform: rotate(180deg);}
#demo p{ margin: 10px 0; position: relative; display: -webkit-box;}
#demo p span{ display: inline-block; vertical-align: middle; width: 70px; text-align: right; margin-right: 10px; line-height: 45px; font-size: 18px; color: #0d0c0c;}
#demo p input{ display: block; vertical-align: middle; width: 100%;height: 45px; line-height: 45px; border: none; background: #fff; border-radius: 5px; box-sizing: border-box; padding: 0 10px; font-size: 14px; color: #0d0c0c;}
#demo p input#fs{ width: 110px; position: absolute; right: 0; top: 0; background: #ffa800; color: #fff; text-align: center; cursor: pointer;}
#demo p select{ display: inline-block; vertical-align: middle; width: 100%; height: 45px; line-height: 45px; border: none; border-radius: 5px; box-sizing: border-box; padding: 0 10px; background: #f5f5f5 url(../images/select_bg.png) 96% center no-repeat; font-size: 14px; color: #757575; display: block;}
.button{ width: 260px; line-height: 50px; border-radius: 25px; text-align: center; color: #fff; display: block;  margin: 20px auto 0; font-size: 22px; border: none; background: linear-gradient(0deg, #ff8047 , #ffcd21); cursor: pointer;}
.nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper{ width: 100% !important;}


.mbox_ton{ width: 650px; margin: 50px auto 0;}
.mbox_ton a{ font-size: 24px; line-height: 54px; color: #fff; border-radius: 54px; margin: 0 50px; padding: 0 40px; display: inline-block;box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 20%);}
.mbox_ton a:hover{ animation: 1s pulse infinite;}
.red{ background:linear-gradient(30deg, #ff4862 0%, #ff933b 100%);}
.zix{ background:linear-gradient(30deg, #4fda66 0%, #0cbf60 100%);}
.yellow{ background:linear-gradient(30deg, #ffa200 0%, #ffc90d 100%);}
.gg{ width: auto; color: #000;}
.gg:hover{ color: #000;}
.zi{ background:linear-gradient(30deg, #ff575a 0%, #4043be 100%);}
.lan{ background:linear-gradient(30deg, #4043be 0%, #48a2ff 100%);}

.m1 ul{ margin-top: 40px;}
.m1 ul li{ font-size: 18px; line-height: 34px; text-align: center; color: #666; float: left; border-radius: 15px; border: 2px solid #4667e0; width: 200px; padding: 30px 15px; margin: 0 20px;}
.m1 ul li a{ color: #fff; line-height: 40px; padding: 0 20px; border-radius: 8px; background:linear-gradient(30deg, #ff575a 0%, #4043be 100%); display: block; width: 110px; margin: 10px auto 0;}
.m1 ul li p{ font-size: 22px; font-weight: bold;}


.m2_box{ margin: 40px 0 0 0; width: 1100px; height: 375px; background:url(../images/liuctu.png) no-repeat; position: relative;}
.m2_box div.m2_lc01{ left: 135px; top: 15px; position: absolute; width: 168px;}
.m2_box div.m2_lc02{ left: 414px; top: 15px; position: absolute; width: 168px;}
.m2_box div.m2_lc03{ right: 250px; top: 15px; position: absolute; width: 168px;}
.m2_box div.m2_lc04{ left: 269px; bottom: 15px; position: absolute; width: 168px;}
.m2_box div.m2_lc05{ left: 541px; bottom: 15px; position: absolute; width: 168px;}
.m2_box div.m2_lc06{ right: 120px; bottom: 15px; position: absolute; width: 168px;}
.m2_box p{ font-size: 22px;  line-height: 24px; color: #fff; text-align: center;}
.m2_box span{ font-size: 18px; line-height: 24px; color: #fff; text-align: center; display: block;}
.m2_box a{ font-size: 16px; line-height: 30px; color: #fff; text-align: center; width: 120px; background: #ff8d3e; border-radius: 30px; display: block; margin: 5px auto 0;}


.m3{ margin-top: 40px;}
table { background:#fff; border-collapse: collapse;  margin: 0 auto; text-align:center; width: 100%; border: 2px solid #4a4fc6;}
table th{ background:#4a4fc6; padding: 15px 10px; font-size: 22px; line-height: 32px; color: #fff; text-align: center;}
table td{ padding:15px 10px; font-size: 18px; line-height: 24px; text-align: center;}
th, td {  border: 1px solid #4a4fc6;}
tr:hover{ background:#f8f8f8;}
table a{ width: 110px; font-size: 16px; line-height: 36px; color: #fff; border-radius: 36px; display: block; margin: 0 auto;}
table a:hover{ color: #fff; animation: 1s pulse infinite;}

.m4{ margin-top: 40px;}
.m4_ted li{ font-size: 22px; line-height: 36px; text-align: center; width: 230px; background: #fff; box-shadow: 0px 0px 15px 0px rgb(70 103 224 / 23%); float: left; margin: 0 20px; border-radius: 15px; padding: 30px 0;}
.m4_ted li img{ width: 80px; line-height: 80px; display: block; margin: 0 auto; padding-bottom: 6px;}

.m4l_box{ margin-top: 35px;}
.m4l_box .m4line{ float: left; width: 280px; padding: 25px 20px; border: 2px solid #4667e0; border-radius: 15px; margin: 0 19px; position: relative;}
.m4l_box .m4line p{ font-size: 22px; line-height: 50px; color: #fff; padding: 0 20px 0 0; background: linear-gradient(30deg, #4d5bcc 0%, #3a3a9f 100%);  border-radius: 0 50px 50px 0; display: inline-block; position: absolute; top: 25px; left: -6px;}
.m4l_box .m4line p span{ text-align: center; background: #fb4c36; width: 50px; height: 50px; display: inline-block; margin-right: 15px;}
.m4l_box .m4line li a{ font-size: 18px; line-height: 36px; width: 260px; overflow: hidden; padding: 0 0 0 26px; display: block;}
.m4l_box ul{ margin-top: 56px;}
.m4l_box .wd li a{ background: url(../images/w_tb.png) 0 7px no-repeat;}
.m4l_box .zip li a{ background: url(../images/z-tb.png) 0 7px no-repeat;}
.m4l_box .pdf li a{ background: url(../images/p_tb.png) 0 7px no-repeat;}
.move{ margin-top: 10px;}
.move a{ font-size: 22px; line-height: 54px; color: #fff; border-radius: 54px; margin: 0 auto; padding: 0 40px;display: block; box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 20%); width: 176px;}
.move a:hover{ animation: 1s pulse infinite;}


.subject-tab { margin: 58px 0 34px; display: flex; justify-content: space-between;}
.box5-tab { width:1200px; line-height:65px; background:linear-gradient(90deg,rgba(91,118,210,1),rgba(49,73,177,1)); text-align: center; color:rgba(255,255,255,1); font-size:22px; cursor: pointer;}
.box5-tab.active { background:linear-gradient(90deg,rgba(202,54,43,1),rgba(234,107,69,1)); position: relative;}
.box5-tab.active .horn { width: 0; height: 0; border: 10px solid; border-color: #d95038 transparent transparent transparent; position: absolute; bottom: -20px; left: 0; right: 0; margin: auto;}
.table-box {  display: none; }
.table-box.active { display: block;}

.table_wlk{ padding: 25px 30px; box-shadow:0px 0px 15px 0px rgb(70 103 224 / 23%); border-radius: 15px; margin: 15px 0; overflow: hidden; display: inline-block;}
.wlk_l{ float: left; width: 820px; }
.wlk_l h3{ width: 230px; height: 140px; background: #4043be; color: #fff; font-size: 50px; text-align: center; line-height: 140px;     float: left;}
.wlk_t{ float: left; width: 560px; margin-left: 20px; margin-top: 13px;}
.wlk_t p{ font-size: 22px; line-height: 30px; padding: 8px 20px; background: #ff4b61; color: #fff; border-radius: 30px; display: inline-block;}
.wlk_t ul{ margin-top: 15px;}
.wlk_t li{ font-size: 18px; line-height: 28px; float: left; width: 160px; padding: 0 0 0 20px; background:url(../images/wjx-tb.png) 0 5px no-repeat;}
.wlk_r{ float: right; width: 220px;}
.wlk_gm p{ font-size: 40px; line-height: 40px; color: #f9171d; text-align: center; font-weight: bold; margin-top: 30px;}
.wlk_gm p span{ font-size: 28px; font-weight: normal;}
.wlk_gm a{ width: 140px; font-size: 16px; line-height: 44px; text-align: center; color: #fff; border-radius: 44px; display: block; margin: 0 auto; box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 20%);}
.wlk_gm a:hover{ animation: 1s pulse infinite;}

.table_msb{ padding: 25px 30px; box-shadow:0px 0px 15px 0px rgb(70 103 224 / 23%); border-radius: 15px; margin: 15px 0; overflow: hidden; display: inline-block;}
.msb_l{ float: left; width: 820px; }
.msb_l h3{ width: 230px; height: 140px; background: #fd7c1e; color: #fff; font-size: 50px; text-align: center; line-height: 140px;     float: left;}
.msb_t{ float: left; width: 560px; margin-left: 20px; margin-top: 13px;}
.msb_t p{ font-size: 18px; line-height: 30px; display: inline-block;}
.msb_t p span{ color: #4a4fc6; margin-right: 10px;}
.msb_r{ float: right; width: 220px;}
.msb_gm p{ font-size: 28px; line-height: 34px; color: #f9171d; text-align: center; font-weight: bold; margin-top: 12px;}
.msb_gm p span{ font-size: 18px; font-weight: normal;}
.msb_gm a{ width: 140px; font-size: 16px; line-height: 44px; text-align: center; color: #fff; border-radius: 44px; display: block; margin: 0 auto; box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 20%);}
.msb_gm a:hover{ animation: 1s pulse infinite;}

.table_omo{ padding: 25px 30px; box-shadow:0px 0px 15px 0px rgb(70 103 224 / 23%); border-radius: 15px; margin: 15px 0; overflow: hidden; display: inline-block;}
.omo_l{ float: left; width: 820px; }
.omo_l h3{ width: 230px; height: 175px; background: #08c35d; color: #fff; font-size: 40px; text-align: center; line-height: 175px;     float: left;}
.omo_t{ float: left; width: 560px; margin-left: 20px; margin-top: 13px;}
.omo_t p{ font-size: 18px; line-height: 30px; display: inline-block;}
.omo_t p span{ color: #4a4fc6; margin-right: 10px;}
.omo_r{ float: right; width: 220px;}
.omo_gm p{ font-size: 28px; line-height: 34px; color: #f9171d; text-align: center; font-weight: bold; margin-top: 28px;}
.omo_gm p span{ font-size: 18px; font-weight: normal;}
.omo_gm a{ width: 140px; font-size: 16px; line-height: 44px; text-align: center; color: #fff; border-radius: 44px; display: block; margin: 0 auto; box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 20%);}
.omo_gm a:hover{ animation: 1s pulse infinite;}


.book_box{ margin-top: 40px;}
.books{ width: 180px; padding: 25px 30px; border: 2px solid #4667e0; margin: 0 16px 20px 16px; float: left; border-radius: 15px; position: relative;}
.books img{ width: 166px; height: 211px; margin: 0 auto;}
.books p{ font-size: 20px; line-height: 26px; text-align: center; width: 150px; display: block; margin: 0 auto;     padding-bottom: 20px;}
.books a{ width: 140px; font-size: 16px; line-height: 44px; text-align: center; color: #fff; border-radius: 44px; display: block; margin: 0 auto; box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 20%); bottom: -20px; left: 50%; margin-left: -66px; position: absolute;}
#hidden_div .books{ margin: 20px 16px;}
#_strHref{ text-align: center; color: #4a4fc6; font-size: 30px; margin: 35px auto 0; width: 250px; display: block;}

.contact_r_w{ margin-top: 40px;}
.address li { float: left; width: 138px; height: 56px; margin-right: 19px; margin-bottom: 22px; line-height: 56px; border-radius: 50px; cursor: pointer; background: #eceffe; text-align: center; color: #fff; font-size: 24px; background:linear-gradient(30deg, #ff575a 0%, #4043be 100%);}
.address li.on { background: linear-gradient(30deg, #ff4862 0%, #ff933b 100%); box-shadow: 0px 3px 7px 0px rgba(22, 62, 239, .5); color: #fff;}
.address_info{ padding: 25px 30px 0 30px;}
.dz_txt{ font-size: 20px; line-height: 30px; width: 600px; float: left;} 
.dz_txt a{ width: 140px; font-size: 16px; line-height: 44px; text-align: center; color: #fff; border-radius: 44px;  display: block; margin: 8px 0 0 0; box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 20%);}
.dz_img{ float: right;}
.dz_img p{ font-size: 18px; line-height: 30px; text-align: center; display: inline-block; width: 140px; margin: 0 30px;}
.dz_img p img{ width: 140px; height: 140px; box-shadow: 0px 3px 7px 0px rgba(22, 62, 239, .3);}



.foot p,.foot div{ display: inline-block; color: #fff;}
.foot{ width: 100%; height: 88px; background: #252525; margin: 50px auto 0;padding: 34px 0 0 0; font-size: 14px; line-height: 28px; text-align: center;}
.foot a{ color: #fff;  transition:transform .5s ease-out;}
.foot a:hover{ color: #888; transform: translateY(-5px);}
.foot div.foot_ble{ display: none;}

/* �����˵� */
.xf_nav {
  position:fixed; right:5px; top:45%; z-index: 20;
  width:166px; padding-bottom:48px; transform:translateY(-50%);
	background:url(../images/fixed.png) no-repeat bottom; }
.xf_nav .tit {
	position:absolute; width:100%; height:54px; top:-40px;
	background:url(../images/fixed02.png) no-repeat bottom; }	
.xf_nav .con {
	padding-top:15px;
	background:#eb763d; border-radius:16px 16px 0 0;
	background: linear-gradient(141deg, #ef9b54, #eb763d 65% ); }
.xf_nav .con a {
	position: relative; display:block; height:50px; cursor: pointer;
	border-bottom:1px solid #ffae8c;
	color:#fff; font-size:18px; line-height: 50px; text-align: center;}
.xf_nav .con a:hover {
	text-shadow: 0 0 8px rgba(75,80,200,.7); }
.xf_nav .con a.fhdb{ text-indent: 24px;}
.xf_nav .con #backTop {
	background:url(../images/icon00.png) no-repeat 36px center;
	border-bottom:none; background-size: 10%;}

@media only all and (max-width:1200px){
    .onlymob { display:block;}
     html{ font-size:20px;}
    body{ font: 0.7rem/1.2rem "Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif;}
    html,body{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    .Width{ width: 18rem;}
    /* ����Ԫ�� */
    /* ����Ԫ�� */
	.zk_top{ height: 1.85rem;  background-size: contain; line-height: 1.85rem;}
    .zk_top .topnav{font-size: 0.66rem;}
    .zk_top h1 a{width: 7rem; font-size: 0.4rem; background-size: contain; height: 1.5rem; margin-top: 0.15rem;}
	.zk_top .topnav span{ display: none;}

    /* ������ʽ */
	.banner{ height: 11rem; background-size: 230%;}
	.banner p{ font-size: 0.88rem; line-height: 0.88rem; margin-top: 1.7rem;}
	.br_txt{ width: 16rem; height: 4.5rem; margin: 0.2rem auto 0; background-size: contain;}
	.br_btn{ width: 16rem; margin: 0.5rem auto 0;}
	.br_btn a{ font-size: 0.75rem;line-height: 1.6rem; padding: 0 0.68rem; border-radius: 1.6rem; margin: 0 1rem;}
	.br_btn a.zhiwei{ border: 0.06rem solid #209eff;}
	.br_btn a.tiaojian{ border: 0.06rem solid #f4c60c;}

	.main{ padding: 0.66rem 0.5rem; border:0.22rem solid #505cc5; margin-bottom: 0.5rem;}
	.bt { width: 16.8rem; margin: 0 auto;}
	.bt img{ width: 16.8rem; height: 1.35rem;}

	

	.mbox_ton{ width: 15rem; margin: 0.5rem auto 0;}
	.mbox_ton a{ font-size: 0.75rem; line-height: 2rem; border-radius: 2rem; margin: 0 0.4rem; padding: 0 1rem;}

	.m1 ul{ margin-top: 0.66rem;}
	.m1 ul li{ font-size: 0.66rem; line-height: 0.88rem; border-radius: 0.4rem; border: 0.08rem solid #4667e0; width: 7rem; padding: 0.6rem 0.2rem; margin:0 0.36rem;}
	.m1 ul li a{ line-height: 1.4rem; padding: 0 0.5rem; border-radius: 1.4rem; ; display: block; width: 4rem; margin: 0.5rem auto 0;}
	.m1 ul li p{ font-size: 0.75rem; font-weight: bold;}
	.m1 ul li img{ width: 1.6rem; height: 1.6rem;}
	.m1 ul li:nth-child(3),.m1 ul li:nth-child(4){ margin-top: 0.7rem;}
	
	
	.m2_box{ margin: 0.66rem 0 0 0; width: 16rem; height: 22.5rem; background:url(../images/liuctu_pone.png) no-repeat; background-size: contain;}
	.m2_box div.m2_lc01{ left: 0.4rem; top: 0.6rem; position: absolute; width: 7rem;}
	.m2_box div.m2_lc02{ left: 0.4rem; top: 8.2rem;  position: absolute; width: 7rem;}
	.m2_box div.m2_lc03{  right: 0; top: 15.9rem; position: absolute; left: 0.4rem; bottom: 0; width: 7rem;}
	.m2_box div.m2_lc04{  left: 8.6rem;  top: 0.6rem; position: absolute; width: 7rem;}
	.m2_box div.m2_lc05{ left: 8.6rem; bottom: 10.6rem; position: absolute; width: 7rem;}
	.m2_box div.m2_lc06{ right: 0.4rem; bottom: 2.8rem; position: absolute; width: 7rem;}
	.m2_box p{ font-size: 0.88rem;  line-height: 1rem; color: #fff; text-align: center; }
	.m2_box span{ font-size: 0.75rem; line-height: 1rem; color: #fff; text-align: center; display: block; }
	.m2_box a{ font-size: 0.66rem; line-height: 1.4rem; width: 5rem; border-radius: 1.4rem; margin: 0.2rem auto 0;}
	
	.m3{ margin-top: 0.66rem;}
	table { border: 0.08rem solid #4a4fc6;}
	table th{ padding: 0.4rem 0.2rem; font-size: 0.75rem; line-height: 1rem;}
	table td{ padding:0.4rem 0.2rem; font-size: 0.66rem; line-height: 0.88rem;}
	th, td {  border: 0.04rem solid #4a4fc6;}
	table a{ width: 3.4rem; font-size: 0.66rem; line-height: 1.2rem; color: #fff; border-radius: 1.2rem;}
	
	.m4{ margin-top: 0.66rem;}
	.m4_ted li{ font-size: 0.88rem; line-height: 1.2rem; width: 7.2rem; margin: 0 0.5rem; border-radius: 0.4rem; padding: 0.88rem 0;}
	.m4_ted li img{ width: 2.5rem; line-height: 2.5rem; padding-bottom: 0.3rem;}
	.m4_ted li:nth-child(3),.m4_ted li:nth-child(4){ margin-top: 0.9rem;}
	
	.m4l_box{ margin-top: 0;}
	.m4l_box .m4line{ float: none; width: 12.3rem; padding: 1rem 1.2rem; border: 0.08rem solid #4667e0; border-radius: 0.4rem; margin: 0.8rem auto 0;}
	.m4l_box .m4line p{ font-size: 0.75rem; line-height: 1.8rem; padding: 0 0.8rem 0 0; border-radius: 0 1.8rem 1.8rem 0; top: 0.6rem; left: -0.3rem;}
	.m4l_box .m4line p span{ width: 1.8rem; height: 1.8rem; margin-right: 0.5rem;}
	.m4l_box .m4line li a{ font-size: 0.66rem; line-height: 1.5rem; width: 11.3rem; height: 1.5rem; padding: 0 0 0 1.2rem;}
	.m4l_box ul{ margin-top: 1.8rem;}
	.m4l_box .wd li a{  background-size: 7%; }
	.m4l_box .zip li a{  background-size: 7%;}
	.m4l_box .pdf li a{  background-size: 7%; }
	.move{ margin-top: 0.8rem;}
	.move a{ font-size: 0.75rem; line-height: 2rem; border-radius: 2rem; padding: 0 1rem; width: 6.1rem;}
	
	.subject-tab { margin: 0.5rem 0 0.6rem;}
	.box5-tab { width:5.3rem; line-height:1.5rem; font-size:0.75rem;}

	.table_wlk{ padding: 0.8rem 0.6rem; margin: 0.6rem 0;}
	.wlk_l{ width: 15rem; float: none;}
	.wlk_l h3{ width: 15rem; height: 3rem; font-size: 1.2rem; line-height: 3rem; float: none;}
	.wlk_t{ float: none; width: 15rem; margin-left: 0; margin-top: 0.4rem;}
	.wlk_t p{ font-size: 0.75rem; line-height: 1rem; padding: 0.8rem 0.6rem; border-radius: 0.4rem; margin: 0 auto; display: table;}
	.wlk_t ul{ margin-top: 15px;}
	.wlk_t li{ font-size: 0.66rem; line-height: 1rem; float: left; width: 6.8rem; padding: 0 0 0 0.7rem; background-size: 8%;}
	.wlk_r{ float: none; width: 10rem; margin: 0 auto;}
	.wlk_gm p{ font-size: 1.5rem; line-height: 1.6rem; margin-top:0.6rem;}
	.wlk_gm p span{ font-size: 0.75rem; font-weight: normal;}
	.wlk_gm a{ font-size: 0.75rem; line-height: 2rem; border-radius: 2rem; padding: 0 1rem; width: 6rem;}
	
	.table_msb{ padding: 0.8rem 0.6rem; margin: 0.6rem 0;}
	.msb_l{ width: 15rem; float: none;}
	.msb_l h3{ width: 15rem; height: 3rem; font-size: 1.2rem; line-height: 3rem; float: none;}
	.msb_t{ float: none; width: 15rem; margin-left: 0; margin-top: 0.4rem;}
	.msb_t p{ font-size: 0.75rem; line-height: 1rem; border-radius: 0.4rem;}
	.msb_r{ float: none; width: 10rem; margin: 0 auto;}
	.msb_gm p{ font-size: 1.5rem; line-height: 1.6rem; margin-top:0.6rem;}
	.msb_gm p span{ font-size: 0.75rem; font-weight: normal;}
	.msb_gm a{ font-size: 0.75rem; line-height: 2rem; border-radius: 2rem; padding: 0 1rem; width: 6rem;}
	
	.table_omo{ padding: 0.8rem 0.6rem; margin: 0.6rem 0;}
	.omo_l{ width: 15rem; float: none;}
	.omo_l h3{ width: 15rem; height: 3rem; font-size: 1.2rem; line-height: 3rem; float: none;}
	.omo_t{ float: none; width: 15rem; margin-left: 0; margin-top: 0.4rem;}
	.omo_t p{ font-size: 0.75rem; line-height: 1rem; border-radius: 0.4rem;}
	.omo_r{ float: none; width: 10rem; margin: 0 auto;}
	.omo_gm p{ font-size: 1.5rem; line-height: 1.9rem; margin-top:0.6rem;}
	.omo_gm p span{ font-size: 0.75rem; font-weight: normal;}
	.omo_gm a{ font-size: 0.75rem; line-height: 2rem; border-radius: 2rem; padding: 0 1rem; width: 6rem;}
	
	
	.book_box{ margin-top: 0.26rem;}
	.books{ width: 6.2rem; padding: 0.4rem 0.5rem; border: 0.08rem solid #4667e0; margin: 0.5rem 0.4rem 0.5rem 0.4rem; border-radius: 0.4rem;}
	.books img{ width: 5.88rem; height: 7.2rem;}
	.books p{ font-size: 0.75rem; line-height: 1rem; width: 5rem; padding-bottom: 0.5rem;}
	.books a{ width: 4rem; font-size: 0.66rem; line-height: 1.4rem; color: #fff; border-radius: 1.2rem; bottom: -0.6rem; margin-left: -1.8rem;}
	#hidden_div .books{ margin: 0.5rem 0.4rem;}
	#_strHref{ font-size: 0.75rem; margin: 0.8rem auto 0; width: 8rem;}
	
	.contact_r_w{ margin-top: 0.66rem;}
	.address li { width: 21%; height: 1.5rem; margin: 0.3rem; margin-bottom: 0.3rem; line-height: 1.5rem; border-radius: 1.5rem; font-size: 0.75rem;}
	.address_info{ padding: 0.6rem 1rem 0 1rem;}
	.dz_txt{ font-size: 0.75rem; line-height: 1rem; width: auto; float: none;} 
	.dz_txt a{ width: 4rem; font-size: 0.66rem; line-height: 1.4rem; color: #fff; border-radius: 1.2rem;}
	.dz_img{ float: none; margin-top: 1rem;}
	.dz_img p{ font-size: 0.66rem; line-height: 0.88rem; width: 6rem; margin: 0 0.55rem;}
	.dz_img p img{ width: 6rem; height: 6rem;}
	
	
	.window_mask{ display: none; width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.3);}
	.form_main{ width: 14.6rem; border-radius: 0.2rem; box-sizing: border-box; padding: 1rem;}
	.close{ right: -0.8rem; top: -0.8rem; width: 0.88rem;}
	#demo p { margin: .5rem 0;}
    #demo p span {  width: 2.8rem; margin-right: .5rem;  line-height: 1.5rem;  font-size: .7rem;}
    #demo p input { width: 100%; height: 1.8rem; line-height: 1.8rem;  border-radius: .2rem; padding: 0 .6rem; font-size: .66rem;}
    #demo p input#fs { width: 4rem;}
    #demo p select { width: 100%; height: 1.8rem; line-height: 1.8rem; border-radius: .2rem; padding: 0 .6rem; font-size: .66rem;     background-size: .44rem !important; }
    .button { width: 8.5rem; line-height: 2rem; border-radius: 2rem; margin: 0.7rem auto 0 auto; font-size: .8rem;}
	#__nc { height: 1.8rem; line-height: 1.8rem; border-radius: .7rem;}
    .nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper,.nc-container #nc_2_wrapper, .nc-container.tb-login #nc_2_wrapper { width: 10rem!important; height: 1.8rem;}
    .nc_scale { height: 1.8rem!important;}
    .nc-container .nc_scale span { height: 1.8rem!important; line-height: 1.8rem!important;}
    .nc-container .nc_scale span.nc-lang-cnt { line-height: 1.8rem;}
    .nc-container .nc_scale .btn_ok { line-height: 1.8rem;}
    ._nc .stage1,._nc .stage1 .slider,._nc .stage1 .track div, ._nc .stage1 .label{ height: 1.8rem!important; line-height: 1.8rem!important; font-size: .66rem!important; left: 0 !important; right: 0 !important; width: 100%; border-radius: 0.15rem;}
    ._nc .stage1 .button,
    ._nc .stage1 .icon{ width: 1.2rem!important; height: 1.8rem !important;  border-radius: 0; background: #fff;}
    ._nc .stage{ padding: 0 !important;}
	._nc .stage1 .icon{ bottom: 0 !important;}
	._nc .icon-slide-arrow:before { content: "\e607"; line-height: 1.8rem !important; margin: 0 0 0 -0.2rem !important;}
	._nc .icon-slide-arrow { font-size: 1rem !important;}
	
	
	
	
	
	
	
	.xf_nav{ display: none;}

    .foot{ height: 2rem; font-size: 0.6rem; line-height: 2rem; padding: 0; margin: 1.2rem 0 0 0;}
    .foot p.foot_pc { display: none;}
    .foot div.foot_ble{ display: block;}
  /* �������� */
  {transition:width 2s; /* W3C */ -moz-transition:width 2s; /* Firefox 4 */ -webkit-transition:width 2s; /* Safari and Chrome */ -o-transition:width 2s;} /* Opera */
}

/*ͨ���ƶ��˽���*/

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* ����iphone4/4s */
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* ����iphone5 */
}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* ����iphone6 */
}
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* ����iphone6 Plus */
}