/* ---------------------------------------------------------- */
/*                                                            */
/* MOBILE                                                     */
/*                                                            */
/* ---------------------------------------------------------- */

.sect-logo{padding-bottom: 0;}
.logo{float: none;margin-left: auto;margin-right: auto;text-align: center;height: 60px;}
.toptel{margin-top: 2vw;margin-bottom: 2vw;float: none;text-align: center;}


button.nav-trigger { display: block; top: 45%; }
.nav-overlay { position: fixed; top: 0; left: 0; z-index: 200; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .6); opacity: 0; transition: opacity .3s linear; pointer-events: none; }
.navigation-is-visible .nav-overlay { opacity: 1; pointer-events: auto; }

.sect-nav{left: 4%;right: 4%;top: 60px;-webkit-transform: translateY(-120%);
-ms-transform: translateY(-120%);
-o-transform: translateY(-120%);
transform: translateY(-120%);}
.sect-nav .nav ul li{float: none;width: 100%;padding: 0 5%;box-sizing: border-box;}
.sect-nav .nav ul li a.main{display: inline-block;line-height: 48px;}
.sect-nav .nav ul li a.main i{position: absolute;right: 5%;top: 0;display: inline-block;font-size: 16px;line-height: 48px;padding: 0 20px;}
.sect-nav .nav ul li .child{position: relative;}
.sect-nav .nav ul li .child a{font-size: 12px;line-height: 24px;}

.navigation-is-visible .sect-nav{-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);}

.title-style1 strong{font-size: 20px;}
.title-style1 p{font-size: 14px;}

.sect-youshi{padding: 3%;}
.sect-youshi .span-box{width: 28%;margin-bottom: 4%;padding: 0 2%;}
.sect-youshi .span-box .box p{font-size: 16px;line-height: 24px;}
.sect-youshi .span-box .box i {width: 20%;}

.inner-leval ul li{ padding: 2px 0;}

.photo .gallery-top{ height: 200px;}

.contact-info{ font-size: 16px; line-height: 28px;}

.about{font-size: 14px;}

.student .stu-box{width: 48%;}
.student .stu-box:first-child{width: 98%;}
.student .stu-box .box .mask{width: 16vw;height: 16vw;line-height: 1.5;overflow: hidden;}

.sect-advt .icon{margin: 10% 40%;}
.sect-advt .txt{margin-top: 0;margin-left: 12%;margin-right: 12%;}
.sect-advt .txt strong{font-size: 18px;padding: 5% 0;}
.sect-advt .txt p{padding-right: 0;font-size: 14px;}
.sect-advt .txt:after{font-size: 24vw;}

.about-plist .box strong{font-size: 12px;line-height: 24px;height: 48px;}

.news-box span{ font-size: 16px;}
/*
	inner
 */


.sect-environment{padding-bottom: 5%;}
.sect-environment .tit{padding: 6% 0;padding-left: 10%;}
.environment{padding-top: 0;}
.environment .box{margin: 4%;}

.sect-culture{background: #f7f8fc;}
.culture{padding-top: 5%;}
.culture .cont span{font-size: 24px;padding: 3%;margin-bottom: 3%;}
.culture img{max-width: 64%;}

.piwen-leval{border: none;padding-right: 0;}
.piwen-leval .box{width: 48%;float: left;box-sizing: border-box;padding: 2%;line-height: 36px;margin-bottom: 3%;}
.piwen-leval .box:nth-child(odd){margin-right: 4%;}
.piwen-leval .box .icon{width: 36px;height: 36px;line-height: 36px;}

.articlelist{padding-left: 0;padding-top: 3%;}
.articlelist .tit strong{padding: 0;font-size: 16px;line-height: 36px;}
.articlelist .list{padding-top: 3%;}
.articlelist .list li a{padding: 4%;margin-bottom: 3%;line-height: 24px;}

.sect-processinner .processinner{padding-top: 25%;}
.sect-processinner .processinner .box{float: none;width: 100%;margin-top: -10%;}
.sect-processinner .processinner .box .cont{font-size: 16px;line-height: 24px;}
.sect-processinner .processinner .box:nth-child(odd) .cont{padding-right: 60%;padding-bottom: 0;}
.sect-processinner .processinner .box:nth-child(even) .cont{padding-left: 60%;padding-top: 0;}
.sect-processinner .processinner .box .cont i{width: 60px;height: 60px;line-height: 60px;font-size: 36px;}
.sect-processinner .processinner .box:after{left: 35%;top: 80%;}
.sect-processinner .processinner .box:nth-child(odd):after{-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);}
.sect-processinner .processinner .box:nth-child(even):after{-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);}
.sect-processinner .tips{font-size: 12px;}
.sect-processinner .processtel{font-size: 16px;width: 100%;margin-bottom: 0;}

.newslist{padding-top: 5%;padding-left: 0;padding-right: 0;}
.newslist ul li{padding: 4%;}
.newslist ul li:after{width: 100%;}
.newslist ul li a{margin: 0;}

.pic-box{margin: 4%;margin-bottom: 25%}
.pic-box a{margin-top: 20%;color: #fff}
.pic-box a:before{-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);width: 120%;height: 120%;margin-left: -60%;margin-top: -30%;left: 50%;top: 50%;background: url(../img/bg-picmore.jpg) center repeat-y;background-size: 100% auto;}

.sect-picinfo{background-size: 90% auto;}
.sect-picinfo .pic{padding-left: 10%;padding-right: 10%;}
.sect-picinfo .tit strong{font-size: 24px;padding: 4% 0;}
.sect-picinfo .tit p{font-size: 16px;line-height: 30px;}
.sect-picinfo .tit a{margin: 12px;font-size: 14px;line-height: 40px;padding: 0 24px;}
.picinfocont .tit{padding-left: 0;font-size: 24px;}
.picinfocont .content2{margin: 0;}
.picinfocont .content2 p{margin: 0 12px 12px;padding: 10px 20px;font-size: 14px;line-height: 36px;}
.picinfocont .content{margin: 0;padding: 3%;font-size: 14px;line-height: 36px;}

.sect-contact{padding: 0;}
.map{height: 360px;}
.mess{margin-top: 5%;padding: 4%;}
.m-form{padding-top: 5%;}
.m-form .form-group{margin-bottom: 4%;}
.m-form .btn-default{width: 60%;}
.contact{margin-top: 6%;padding: 5%;}

.newsC{padding-top: 5%;}
.newsContent{padding-top: 5%;font-size: 14px;}