@charset "gb2312";
.clear{ clear:both;}
img{ border: none; width: 100%; margin: 0 auto;}
.tbody{ padding: 0 0.25rem; box-sizing: border-box;}
.occ1{ height: 0.1rem; background-color: #ededed; }
.occ2{ height: 0.5rem; background-color: #ededed; }
.f_l{ float:left;}
.f_r{ float:right;}
header{ padding-top: 0.775rem; padding-bottom: 0.575rem; padding-left: 0.25rem; padding-right: 0.25rem; }
header .logo{ width: 12.125rem; float: left; margin-right: 0.625rem; }
header .center{ float: left; width:54%; }
section{ padding-bottom:0.975rem;}
.title{ font-size: 0.75rem; color: #0d2044; line-height: 1.175rem; text-align: center; font-weight: normal;}
.f_title{ font-size: 0.45rem; color: #0d2044; line-height: 1rem; text-align: center;}
.f_title:before{ content: ""; display: inline-block; width: 1.05rem; height: 0.025rem; background-color: #0d2044; position: relative; bottom:0.125rem; margin: 0 0.125rem; }
.f_title:after{ content: "";  display: inline-block; width: 1.05rem; height: 0.025rem; background-color: #0d2044; position: relative; bottom:0.125rem; margin: 0 0.125rem; }
header .right{ float: right; width: 9%; margin-right: 0.45rem; margin-top: 0.125rem; }
.banner{ width: 100%; height: 10rem; overflow: hidden; }
.banner ul{ width: 300%; }
.banner li{ float: left; width:33.33%; }
.activity{ display: flex; align-items: center; height: 2.55rem; border-bottom: 3px solid #f2f2f2;}
.actv_ico{ display: block; width: 2.2rem; height: 1.65rem; margin-left: 0.5rem; margin-right: 0.5rem; background-image: url(../img/actv_ico.jpg); background-size: 100%; background-position: center center; }
.actv_tit{ display: block; font-size: 0.5rem; color: #434141; width: 6rem; height: 1.5rem;  line-height: 1.5em; text-align: center; border: 1px solid #fd1111; border-radius: 8px 0px 8px 0px; margin-right: 0.95rem; }
.actv_list{ display: block; height: 1.2rem; line-height: 1.2rem; overflow: hidden; font-size: 0.55rem; color: #434141;}
.nav{padding-top: 0.75rem; padding-bottom:0.8rem; width:100%;}
.nav_box{ overflow: hidden; width: 95%; margin: 0 auto;}
.nav ul{ margin-left: -1px; margin-top: -1px; overflow: hidden; width:100%;  }
.nav li{ width: 24.5%; height:2.7rem; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; float: left; padding-top:0.45rem; }
.nav li img{ width:40%; display: block; margin: 0 auto; }
.menu_tit{ font-size: 0.55rem; color: #000; text-align: center; line-height: 1.1rem; }
.c_tit_box{ border-bottom:1px solid #e2e2e2; height: 1.875rem; padding-top: 0.325rem;}
.c_tit_box .c_tit{ font-size: 0.9rem; color: #000; float: left; margin-left: 0.65rem; line-height: 1.875rem; margin-bottom: -1px; }
.c_tit_box .c_zxzx{ float: right; font-size: 0.55rem; color: #000; margin-right: 0.625rem; line-height: 1.875rem; display: block; padding-left: 0.825rem; background-image: url(../images/c_zxzx_ico.jpg); background-repeat: no-repeat; background-position: left center; background-size:20%; }
.font_box{ border:1px solid #eeeeee; text-align: center; line-height: 1.5rem; }
.font_box .font1{ font-size: 0.6rem; color: #f63002; }
.font_box .font2{ font-size: 0.55rem; color: #7e4b3f; }
.font3{ color:#bb8a78;}
.h_font_box{ text-align:left; padding-left:1.8rem; background-repeat:no-repeat; background-position:left center; background-size:20%; margin-left:0.575rem;}
.h_font_box .font1{ display:block; line-height:1em; padding-top:0.45rem;}
.h_font_box .font2{ display:block; line-height:1.15rem;}
.jdxczy{ padding-left: 1.65rem; background-image: url(../images/jdxczy_ico.jpg); background-repeat: no-repeat; background-position: left center; background-size:20%; display: inline-block; margin-right: 0.875rem; }
.l_pic{ display: block; width: 100%; margin-top: 0.375rem; border:none; }
.c_btn{ display: block; width: 100%; line-height: 1.8rem; height: 1.8rem; background-color: #bb8a78; text-align: center; font-size: 0.6rem; color: #fff; border-radius: 7px; margin-top: 0.725rem; }
.c_left{ float: left; width: 48%; }
.c_right{ float: right; width: 51%; }
.jdxdzy{ background-image:url(../images/xcjyzy_ico.jpg);}
.xcjyzy{ background-image:url(../images/jdxdzy_ico.jpg);}
.dghbzy{ background-image:url(../images/dghbzy_ico.jpg);}
.xcjyzz{ background-image:url(../images/xcjyzz_ico.jpg);}
.xcsrdz{ background-image:url(../images/xcsrdz.jpg);}
.ftysb{ background-image:url(../images/ftysb_ico.jpg);}
.xczczy{ background-image:url(../images/xczczy_ico.jpg);}
.sz_scroll{ width:100%; overflow:hidden; position: relative; padding-top:0.75rem;}
.sz_scbox{ width:210%;}
.sz_box{ float:left; height:10.1rem;}
.sz_left{ width:47%; height:9.125rem; margin-left:0.575rem; float:left;}
.sz_left_pic{ margin-top:-8.875rem; width:6.45rem; margin-left:0.7rem;}
.sz_right{ float:left; width:44%; border-top:0.95rem solid #e6e6e6; padding-left:0.725rem; height:8.175rem; border-bottom:0.95rem solid #e6e6e6;}
.sz_tit{ font-size:0.6rem; color:#7e4b3f; border-left:3px solid #7e4b3f; margin-top:0.625rem; margin-bottom:0.625rem; padding-left:0.4rem;}
.sz_text{ font-size:0.5rem; color#000; line-height:0.6rem;}
.ss_tab_con{ display:none;}
.scroll_li{ display:block; height:0.925rem; width:7.325rem; position:absolute; bottom:0px; left:20%;}
.scroll_li span{ display:block; float:left; width:0.25rem; height:0.25rem; border-radius:50%; background-color:#d2d2d2; margin:0.375rem 0.15rem;}
.scroll_li span.cur{ background-color:#bb8a78;}
.ss_tab_tit{ margin-top:0.375rem;}
.ss_tab_tit p{ display:block; width:50%; height:1.2rem; line-height:1.2rem; background-color:#f2f2f2; color:#000; float:left; font-size:0.6rem; text-align:center; margin-bottom:0.3rem;}
.ss_tab_tit p.cur{ background-color:#bb8a78; color:#fff;}
.ss_tab_tit p.cur:after{ content:""; display:block; height:0px; width:0px; border-top:11px solid #bb8a78; border-left:6px solid #fff; border-right:6px solid #fff; margin-left:48%;}
.ss_left{ float:left; width:7.775em;}
.ss_left .l_pic{margin-top:0.45rem;}
.ss_right{ float:right; width:7.425em;}
.xxzp_scbox{overflow:hidden;}
.xxzp_scroll{ width:100%;}
.xxzp_scroll li{ width:12.25rem; height:8.45rem; overflow:hidden; float:left;}
.xxzp_li{ margin-left:45%;}
.xxzp_li span{ display:block; width:0.3rem; height:0.3rem; float:left; border-radius:50%; background-color:#eeeeee; margin:0 0.1rem;}
.cyjy_box{ display:block; width:7.375rem;}
.cyjy_right{ width:100%; background-image:url(../images/cyjybg_l.jpg); background-repeat:no-repeat; background-size:100%; margin-top:15px;}
.cyjy_left{ width:100%; background-image:url(../images/cyjybg_r.jpg);background-repeat:no-repeat; background-size:100%; margin-top:15px;}
.cyjy_box{ text-align:center; height:7.4rem;}
.cyjy_box .tit{ font-size:0.65rem; color:#000; margin-top:1.75rem;}
.cyjy_box .ftit{ font-size:0.55rem; color:#000; line-height:1.15rem; border-bottom:1px solid #000;}
.cyjy_box .etit{ font-size:0.45rem; color:#000; line-height:1.075rem;}
.cyjy_box .cy_btn{ display:block; width:3.75rem; height:0.85rem; line-height:0.85rem; text-align:center; font-size:0.5rem; color:#bb8a78; border:1px solid #bb8a78; margin:0 auto;}
.i_form .form_tit{ font-size:0.75rem; color:#000; text-align:center; line-height:2.7rem; padding-top:0.5rem;}
.f_input{ display:block; width:78%; height:1.475rem; border:none; border-radius:7px; box-shadow:0.025rem -0.025rem 0.375rem #dacbc7; margin:0 auto; margin-bottom:0.325rem; text-align:center; font-size:0.6rem; color:#a3a3a3;text-align-last: center; background-color:#fff;}
.f_btn{ display:block; width:6.475rem; height:1.4rem;border:none; border-radius:10px; margin:0 auto; margin-top:0.6rem; background-image:url(../images/f_btn.jpg); background-repeat:no-repeat; background-size: contain;}
footer{ position:fixed; bottom:0px; left:0px; width:100%; max-width:640px; left:50%;z-index:99;}
footer .f_box{ margin-left:-50%; background-color:#fff; width:100%;}
.i_zxzx, .i_dhzx{ display:block; height:2.325rem; line-height:2.325rem; width:50%; text-align:center; color:#fff; background-color:#bb8a78; font-size:0.75rem;}
.i_dhzx{ background-color:#e60012;}
footer .f_ico{ display:inline-block; width:1rem; height:1rem; vertical-align: middle; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-right:0.2rem;}
.i_zxzx .f_ico{ background-image:url(../images/f_zxzxico.png);}
.i_dhzx .f_ico{ background-image:url(../images/f_dhzxico.png);}
.swiper-container {width: 100%;} 
.swiper-slide2 {width:16rem;} 
.swiper-container3{ width:85%; position:relative;}
.swiper-container1 .swiper-pagination{ width:50%; position:absolute; bottom:0px;} 
.swiper-container1 .swiper-pagination span.swiper-pagination-bullet-active{ background:#bb8a78} 
.swiper-container3 .swiper-pagination span.swiper-pagination-bullet-active{ background:#bb8a78} 
.xxzp_scroll{ margin-left:1.125rem; margin-top:0.375rem;}
.li_pic .zy_li{ width:48%; float:left; margin:0 1%;}
.tszyb .dghbzy{ background:none; padding:0; text-align:center;}


/*初高中生入口*/
.zqlist_left {
    float: left;
    width: 30%;
    background: white;
    margin-left: 2%;
}
.zqlist_right {
    float: left;
    width: 64%;
    margin-left: 2%;
}
.zqlist {
    overflow: hidden;
    background: #ededed;
	padding-top: 2%;
}
.zqlist_left p {
    text-align: center;
    color: #313131;
    letter-spacing: 1px;
    padding: 1% 0 8% 0;
	font-size: 13px;
}
.zqlist_left h3 {
    text-align: center;
    letter-spacing: 2px;
    color: #313131;
	font-size: 16px;
}
.zqlist_left img {
    width: 57%;
    margin: 7% auto;
    display: block;
}
.zq_left_font h3 {
    color: #313131;
    letter-spacing: 2px;
    padding-top: 3%;
	font-size: 16px;
}
.zq_left_font p {
    color: #313131;
    letter-spacing: 1px;
    font-size: .9rem;
    padding-top: 2%;
	font-size: 13px;
}
.zqlist_right ul li {
    background: white;
    margin-bottom: 3%;
    overflow: hidden;
    padding: 2% 0;
}
.zq_left_img {
    float: left;
    width: 27%;
}
.zq_left_font {
    float: left;
    width: 73%;
}
.zq_left_img img {
    width: 79%;
    display: block;
    margin: 0 auto;
}

.i_form {
    padding-bottom: 4%;
}

/*专业模块*/
.zy_lists ul {
    overflow: hidden;
}
.zy_lists ul li {
    float: left;
    width: 49%;
    margin-bottom: 2%;
}
.zy_lists ul li:nth-child(2) {
    margin-left: 2%;
}
.zy_lists ul:nth-child(3) li {
    float: left;
    width: 23.5%;
}
.zy_lists ul li:nth-child(4) {
    margin-left: 2%;
}
.zy_lists ul li:nth-child(3) {
    margin-left: 2%;
}
.zy_lists {
    margin-top: 2%;
}
/*头部*/
.header-nav {
	width: 100%;
	
	position: absolute;
	-webkit-box-shadow: #ccc 0px 0px 5px;
	-moz-box-shadow: #ccc 0px 0px 5px;
	box-shadow: #ccc 0px 0px 5px;
	background: #fff;
	top: 0;
	z-index: 1000;
	-webkit-transition: background .35s linear,height .35s ease-in;
	transition: background .35s linear,height .35s ease-in;
}
.top_tel {

    width: 8%;
    float: right;
    padding: 2% 4% 2% 0;

}
/*离线宝*/
.call_box{ text-align:center; padding-top:0.4rem; padding-bottom:0.4rem;}
.call_box #telInput{ width:60%;border:1px solid #ccc; font-size:0.45rem; border-radius:0.12rem; line-height:2; text-indent:0.2rem;height: 1.4rem;}
.call_box #callBtn{font-size:0.45rem; line-height:2; background-color:#ff7700; border-radius:0.12rem; border:none; color:#fff; padding-left:0.5rem; padding-right:0.5rem; margin-left:0.5rem;height: 1.4rem;}
/*logo*/

    @media only screen and (max-width:540px), only screen and (max-device-width:540px) {
 
				.logo{bottom:-15px !important; }
    }
    @media only screen and (max-width:480px), only screen and (max-device-width:480px) {
	.logo{bottom:-15px !important; }

    }
    @media only screen and (max-width:414px), only screen and (max-device-width:414px) {
  	.logo{bottom:-15px !important; }

    }
    @media only screen and (max-width:400px), only screen and (max-device-width:400px) {
  		.logo{bottom:-15px !important; }

    }
    @media only screen and (max-width:375px), only screen and (max-device-width:375px) {
  	.logo{bottom:-15px !important; }

    }
    @media only screen and (max-width:360px), only screen and (max-device-width:360px) {
   	.logo{bottom:-15px !important; }

    }
    @media only screen and (max-width:320px), only screen and (max-device-width:320px) {
      	.logo{bottom:-13px !important; }
		.header-nav{height: 51px;}
    }
    
    
    .logo{left:4%;width:52.5%;position: relative;bottom: 0;}


/*底部*/
.footer-fix {
    position: fixed;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 50px;
	background:#504338;
    z-index: 100;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.footer-fix a.on {
    color: #d0a857;
}
.footer-fix a {
    padding-top: 5px;
    float: left;
    display: block;
    width: 24%;
    height: 50px;
    border-right: 1px solid #272727;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
.footer-fix .a1.on span {
    background-image: url(http://www.jxxdf.com/18zt/xidian/images/ico-g-1-on.png);
}
.footer-fix span {
    position: relative;
    margin-bottom: 2px;
    display: block;
    height: 22px;
    background-position: center center;
    background-size: auto 22px;
    background-repeat: no-repeat;
}
.footer-fix .a2 span {
    background-image: url(http://west.jxxdf.com/images/ico-g-2.png);
}
.footer-fix .a3 span {
    background-image: url(http://west.jxxdf.com/images/ico-g-3.png);
}
.footer-fix .a4 span {
    background-image: url(http://west.jxxdf.com/images/ico-g-4.png);
}

.footer-fix em {
    position: absolute;
    top: -3px;
    text-align: center;
    left: 56%;
    display: block;
    width: 19px;
    line-height: 19px;
    height: 19px;
    background-color: #ee1b25;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
}