@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: Arial,"Microsoft YaHei";font-size:625%;color: #333;-webkit-text-size-adjust:none;}
body {max-width:640px;margin:auto;font-size:.18rem;background:#fff;}
p,input {font-size:inherit;}
a{color:inherit;text-decoration: none;outline-style: none; border:none;}
ul,ol,li{list-style:none;}
img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
input[type=button], input[type=submit], input[type=file], button {cursor: pointer; -webkit-appearance: none;} 




.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}
.main{max-width:6.2rem;margin:0 auto;}
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
.col-1{width:100%;float:left;display:inline-block;}
.col-2{width:50%;float:left;display:inline-block;}
.col-3{width:33.33%;float:left;display:inline-block;}
.col-4{width:25%;float:left;display:inline-block;}


/*.sidebar-wrapper {position:relative; height:100%; overflow: auto; font-size:.2rem;display:none;}
#dowebok {background-color:rgba(0,0,0,.8);}
#dowebok .nav {margin-top:0.5rem; line-height:0.75rem;list-style-type:none;padding:0 0.2rem;}
#dowebok .nav a {display:block;color: #fff;text-decoration:none;}
[data-simplersidebar='active']{box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}
#dowebok ul.nav li{border-bottom:1px solid #555;background:url(../images/angle.png) no-repeat 85% center;background-size:.1rem .16rem;}
*/

.banner img{width:100%;}
.banner .swiper-pagination{text-align:center;bottom:.15rem;position:absolute;z-index:4;}
.banner .swiper-pagination-bullet{width:.1rem;height:.1rem;background:none;border:1px solid #fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background: #fff;border:1px solid #fff;}


.bannero{width:100%;max-width:6.4rem;}
.bannero img{width:100%;}


.header{width:6.4rem; height:.8rem;}
.header h1{height:.8rem; line-height:.8rem;float:left;}
.header h1 img{width:2.1rem; height:.33rem;}
.header .menu{width:1.1rem; height:.35rem; float:right; margin-top:.23rem; background:url(../images/back_nemu.png) no-repeat center; background-size:1.1rem .35rem;}


.footer_fix_box{
    height:1rem;
    background:#fff;
}
.footer_fix{
    width:100%;
    max-width:6.4rem;
    height:1rem;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    margin:0 auto;
    background:#fff;
    z-index: 999;
}
.footer_fix li{
    width:20%;
    height:1rem;
    display:inline-block;
    float:left;
    text-align:center;
    font-size:.18rem;
    color:#646464;
    line-height:1.5rem;
    background-repeat:no-repeat;
    background-position:center .15rem;
    background-size:auto .4rem;
    position:relative;
}
.footer_fix li:after{
    content:'';
    width:100%;
    height:.05rem;
    display:inline-block;
    background:#86c327;
    position:absolute;
    left:0;bottom:0;
    opacity:0;
}
.footer_fix li:active:after{
    opacity:1;
}
.footer_fix li a{
    display:block;
    border:1px solid #ddd;
    height:100%;
}
.footer_fix li:nth-child(1){
    background-image:url(../images/fix1.svg);
}
.footer_fix li:nth-child(2){
    background-image:url(../images/fix2.svg);
}
.footer_fix li:nth-child(3){
    background-image:url(../images/fix3.svg);
}
.footer_fix li:nth-child(4){
    background-image:url(../images/fix4.svg);
}
.footer_fix li:nth-child(5){
    background-image:url(../images/fix5.svg);
}



.htit1{
    height:.6rem;
    line-height:.6rem;
    text-indent:.2rem;
    border:1px solid #ddd;
    position:relative;
}
.htit1:after{
    content:'';
    display:inline-block;
    width:.1rem;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:#7bd679;
}
.htit1 h2{
    color:#000;
    font-size:.28rem;
    font-weight:bold;
}
.htit1 h2 i{
    font-size:.28rem;
    color:#86c327;
    font-weight:normal;
    text-transform: uppercase;
}





.ipro{
    padding:.3rem 0;
}
.ipro_box{
    padding-top:.2rem;
    text-align:center;
}
.ipro_box .list_box{
    width:2.85rem;
    display:inline-block;
}
.ipro_box .list_box .img_box{
    width:2.85rem;
    height:2.2rem;
}
.ipro_box .list_box .text_box{
    text-align:left;
    height:1.5rem;
    color:#4c4c4c;
    border:1px solid #fff;
    margin-bottom:.2rem;
    padding:.15rem;
}
.ipro_box .list_box .text_box h3{
    height:.21rem;
    line-height:.21rem;
    font-size:.2rem;
    text-indent:.15rem;
    margin-bottom:.15rem;
    position:relative;
    color:inherit;
}
.ipro_box .list_box .text_box h3:after{
    content:'';
    width:.05rem;
    height:100%;
    display:inline-block;
    background:#7bd679;
    position:absolute;
    left:0;top:0;
}
.ipro_box .list_box .text_box p{
    font-size:.15rem;
    line-height:.25rem;
}
.ipro_box .list_box a{
    display:block;
}
.ipro_box .list_box:active .text_box{
    color:#7bd679;
}
.ipro_box .list_box .textp{
    height:.35rem;
    line-height:.35rem;
    padding:.1rem 0;
    font-size:.2rem;
    text-indent:.15rem;
    margin-bottom:.15rem;
    position:relative;
    color:inherit;
    text-align:left;
}
.ipro_box .list_box .textp:after{
    content:'';
    width:.05rem;
    height:60%;
    display:inline-block;
    background:#7bd679;
    position:absolute;
    left:0;top:20%;
}
.ipro_box .list_box a{display:block;}




.ipro2{
    padding:.3rem 0;
}
.ipro2_box{
    padding-top:.2rem;
    text-align:center;
}
.ipro2_box .list_box{
    width:1.4rem;
    display:inline-block;
}
.ipro2_box .list_box .img_box{
    width:1.4rem;
    height:1.4rem;
    border:1px solid #ddd;
}
.ipro2_box .list_box p{
    height:.4rem;
    line-height:.4rem;
    font-size:.18rem;
    color:#4c4c4c;
}
.ipro2_box .list_box a{
    display:inline-block;
}
.ipro2_box .list_box:active p{
    color:#7bd679;
}




.banner2 img{width:100%;}
.banner2 .swiper-pagination{text-align:center;bottom:.15rem;position:absolute;z-index:4;}
.banner2 .swiper-pagination-bullet{width:.1rem;height:.1rem;background:none;border:1px solid #fff;opacity:1;}
.banner2 .swiper-pagination-bullet-active{background: #fff;border:1px solid #fff;}
.banner2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .1rem;}



.iabout{
    padding:.3rem 0;
}
.iabout .text_box{
    padding:.2rem 0;
    height:2.3rem;
    font-size:.18rem;
    color:#7b797b;
    line-height:.32rem;
    position:relative;
    overflow:hidden;
}
.iabout .text_box:after{
    content:'';
    width:100%;
    height:1.5rem;
    display:inline-block;
    position:absolute;
    left:0;bottom:0rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}




a.imore{
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    font-size:.24rem;
    color:#7b797b;
    display:block;
    border:1px solid #ddd;
}
a.imore:active{
    color:#7bd679;
    border:1px solid #7bd679;
}





.inews{
    padding-bottom:.3rem;
}
.inews .text_box ul li{
    font-size:.18rem;
    color:#4c4c4c;
    padding:.1rem 0;
    border-bottom:1px solid #ddd;
    background:url(../images/inews_angle.png) no-repeat 5.8rem center;
}
.inews .text_box ul li em{
    display:block;
    height:.2rem;
    line-height:.2rem;
    font-size:.15rem;
    color:#707070;
}
.inews .text_box ul li a{
    display:block;
}
.inews .text_box ul li:active{
    color:#7bd679;
}



.icontact{
    padding-bottom:.3rem;
}
.icontact .text_box ul li{
    font-size:.18rem;
    color:#4c4c4c;
    padding:.1rem 0;
    border-bottom:1px solid #ddd;
    position:relative;
	height:.5rem;
}
.icontact .text_box ul li a{
    display:inline-block;
    padding-top:.3rem;
    font-size:.16rem;
    color:#4c4c4c;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:.3rem auto;
    position:absolute;
    right:.1rem;top:.08rem;
}
.icontact .text_box ul li a.icall{
    background-image:url(../images/ic1.png);
    right:.25rem;
}
.icontact .text_box ul li a.imap{
    background-image:url(../images/ic2.png);
}




.imessages{
    padding:.1rem 0 .3rem 0;
}
.imessages_box{
    padding:.15rem 0;
}
.imessages_box p{
    padding:.08rem 0;
}
.imessages_box input.text{
    width:100%;
    height:.5rem;
    text-indent:.1rem;
    font-size:.18rem;
    color:#333;
}
.imessages_box textarea{
    width:96%;
    height:1rem;
    padding:2%;
    font-size:.18rem;
    color:#333;
    font-family: '微软雅黑';
}
.imessages_box input.submit{
    width:3.4rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    font-size:.2rem;
    color:#fff;
    border:none;
    background:#7bd679;
    display:block;
    margin:0 auto;
    border-radius:4px;
}




.expand_box{
    padding-bottom:.4rem;
}
.expand_box ul li{
    line-height:.5rem;
    text-indent:.2rem;
    font-size:.2rem;
    color:#4c4c4c;
}
.expand_box>ul>li{
    padding:.06rem 0;
}
.expand_box>ul>li>a{
    position:relative;
    font-weight:bold;
    background:none;
}
.expand_box>ul>li>a:after{
    width:.1rem;
    height:100%;
    display:inline-block;
    content:'';
    background:#7bd679;
    position:absolute;
    left:0;top:0;
}
.expand_box>ul>li>ul>li>a{
    text-indent:.4rem;
    position:relative;
}
.expand_box>ul>li>ul>li>a:after{
    width:.05rem;
    height:80%;
    display:inline-block;
    content:'';
    background:#7bd679;
    position:absolute;
    left:.2rem;top:10%;
}
.expand_box a{
    display:block;
    border-bottom:1px solid #ccc;
    background:url(../images/inews_angle.png) no-repeat 97% center;
    background-size:.1rem auto;
}
.expand_box .bd{
    display:none;
}
.expand_box>ul>li:nth-child(1) ul{
	display:block;
}



.prov_text{
    font-size:.18rem;
    color:#4c4c4c;
    line-height:.3rem;
    padding:.15rem 0;
}
.prov_box{
    text-align:center;
    padding:.2rem .1rem;
}
.prov_box .list_box{
    width:1.85rem;
    border:1px solid #fff;
    display:inline-block;
    margin-bottom:.1rem;
}
.prov_box .list_box .img_box{
    width:1.85rem;
    height:1.5rem;
}
.prov_box .list_box a{
    display:block;
}




.prov_info{
    padding:.3rem 0;
}
.prov_intro,
.prov_warning{
    padding-bottom:.2rem;
}



.prov_tag{
    padding-bottom:.2rem;
}
.tag_box{
    text-align:center;
    padding-top:.15rem;
}
.tag_box .list_box{
    width:2.95rem;
    display:inline-block;
    margin-bottom:.15rem;
}
.tag_box .list_box .text_box{
    text-align:left;
    font-size:.16rem;
    color:#4c4c4c;
    line-height:.28rem;
    background-repeat:no-repeat;
    background-position:left .12rem;
    background-size:.72rem;
    padding:.1rem 0;
    padding-left:.8rem;
    height:.8rem;
}



.prov_jd .jd_text{
    height:.45rem;
    line-height:.45rem;
}
.prov_jd .prov_box{
    padding-top:0;
}




.prov_honor .prov_box .list_box{
    width:1.4rem;
    height:2rem;
    border:1px solid #ddd;
}
.prov_honor .prov_box .list_box .img_box{
    width:1.4rem;
    height:2rem;
}


.prov_bz{
    padding-bottom:.3rem;
}



.prov_fz{
    padding-bottom:.1rem;
}
.prov_fz .prov_box .list_box{
    width:1.4rem;
}
.prov_fz .prov_box .list_box .img_box{
    width:1.4rem;
    height:1.4rem;
    border:1px solid #ddd;
}
.prov_fz .prov_box .list_box p{
    height:.4rem;
    line-height:.4rem;
}





.about_text{
    font-size:.18rem;
    color:#4c4c4c;
    line-height:.3rem;
    padding:.15rem 0;
}
.about_box{
    text-align:center;
    padding:.1rem;
}
.about_box .list_box{
    width:1.9rem;
    border:1px solid #fff;
    display:inline-block;
    margin-bottom:.1rem;
}
.about_box .list_box .img_box{
    width:1.9rem;
    height:1.9rem;
    background:#eee;
}
.about_box .list_box a{
    display:block;
}



.about{
    padding:.3rem 0;
}
.course{
    padding:.3rem 0;
}
.course h3{
    height:.5rem;
    line-height:.5rem;
    font-size:.26rem;
    color:#aacd06;
    font-weight:bold;
    text-indent:.25rem;
    background:url(../images/li.png) no-repeat left center;
    font-family: 'Agency FB';
}
.course .about_text{
    padding-top:0;
}


.about_net{
    padding-bottom:.2rem;
}





.news_expand{
    padding:.2rem 0;
}


.news{
    padding-bottom:.4rem;
}
.news_box .list_box{
    padding:.25rem 0;
    border-bottom:1px solid #ddd;
}
.news_box .list_box .img_box{
    width:2.5rem;
    height:1.5rem;
    line-height:1.48rem;
    float:left;
}
.news_box .list_box .text_box{
    width:3.5rem;
    height:1.5rem;
    float:right;
}
.news_box .list_box .text_box h3{
    font-size:.22rem;
    padding:.1rem 0;
    color:#444;
    line-height:.3rem;
}
.news_box .list_box .text_box i{
    font-size:.18rem;
    color:#3d3d3d;
    display:block;
    padding-top:.1rem;
}
.news_box .list_box:active .text_box h3{
    color:#000;
}
.news_box .list_box:active .text_box i{
    color:#000;
}


.news a.more{
    height:.6rem;
    line-height:.6rem;
    border:1px solid #ddd;
    display:block;
    text-align:center;
    font-size:.24rem;
    color:#7b797b;
    margin-top:.15rem;
}
.news a.more:active{
    color:#86c327;
}





.newsv{
    padding-bottom:.3rem;
}
.newsv_box{
    padding-bottom:.3rem;
}
.newsv_box .htit{
    font-size:.17rem;
    text-align:center;
    padding:.4rem 0;
}
.newsv_box .htit h2{
    font-size:.2rem;
    padding:.05rem 0;
    font-weight:bold;
}
.newsv_box .text_box{
    font-size:.18rem;
    line-height:.28rem;
}
.newsv .next_btn{
    font-size:.17rem;
    color:#404040;
    line-height:.23rem;
    padding:.2rem 0;
    border-top:1px solid #d2d2d2;
}
.newsv .next_btn p{
    padding:.06rem 0;
}





.icolor{
	text-align:center;
	padding-bottom:.6rem;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/icolor_bg.jpg);
	background-size:cover;
	color:#fff;
}
.icolor .tit_color{
	padding:.4rem 0;
	position:relative;
	width:3.6rem;
	margin:0 auto;
}
.icolor .tit_color:before,
.icolor .tit_color:after{
	content:'';
	width:.8rem;
	height:1px;
	background:#fff;
	display:inline-block;
	position:absolute;
}
.icolor .tit_color:before{
	left:0;
	top:.75rem;
}
.icolor .tit_color:after{
	right:0;
	bottom:.5rem;
}

.icolor .tit_color h2{
	font-size:.3rem;
	padding:.1rem 0;
	font-weight:bold;
}
.icolor .tit_color p{
	font-size:.18rem;
}
.icolor a.btn{
	display:inline-block;
	width:1.2rem;
	height:.4rem;
	line-height:.4rem;
	font-size:.18rem;
	margin-top:.1rem;
	color:inherit;
	background:#337ed3;
	border:2px solid #337ed3;
	border-radius:50px;
}
.icolor a.btn:hover{
	background:none;
	color:#337ed3;
}