/*更改默认样式*/
* {  font-size: 16px; font-family: "微软雅黑"; }
body { width: 100%; background: #fbfbfb; overflow-x: hidden; }
button:visited, button:checked, button:active, button, p, ul, li, input, input:hover, input:link, a, a:hover, a:link,a:checked { outline: none;  padding: 0;  margin: 0;  }
a, a:hover, a:link, a:checked, a:active, a:visited {  outline: none;  padding: 0;  margin: 0;  text-decoration: none;  color: #666666;  }
li {  list-style: none;}


/*页面内容 显示宽度*/
.main {  width: 70%;  margin-left: 15%;  }

/*页面头部*/
.header {  }
.header .main { border-top: 8px solid #007f3a; padding-top: 20px; padding-bottom: 20px; }
.header .logo { margin-left: 10px; }
.header .search-box { position: relative; top: 10px; }
.header .search-box input { width: 200px; height: 30px; padding-left: 10px; font-size: 14px; }
.header .search-box button { border: none; width: 30px; height: 30px; position: absolute; top: 0; right: 1px; background:  no-repeat 7px 7px #007f3a; }


/*导航栏*/
.nav-box {  }
.nav-box > .main > ul { width: 100%; border-top: 1px solid #ececec; }
.nav-box > .main > ul > li { float: left; width: 14.2%; text-align: center; height: 50px; line-height: 50px; color: #333333; }
.nav-box > .main > ul > li > a { color: #333333; font-size: 18px; padding: 0; }
.nav-box > .main > ul > li > a > span { color: #c3c3c3; font-size: 12px; }
.nav-box .sub { z-index: 99999; position: relative; background: #ffffff; }
.nav-box .sub li a { display: block; width: 100%; }
.nav-box .sub li a:hover { background: #eeeeee; }


/*轮播图*/
.banner { width: 100%; height: 450px; overflow: hidden; position: relative; }
.banner .banner-pic { width: 100%; min-height: 450px; }
.banner .hd { position: absolute; bottom: 5%; width: 100%; text-align: center; }
.banner .banner-page {  display: inline-block; height: 20px; width: 80px; }
.banner .banner-page li { box-sizing: border-box; float: left; width: 20px; height: 20px; margin: 0 10px; text-indent: -9999px;
    border: 2px solid #dfe7ec; border-radius: 50%; background: #778590; box-shadow: 0 0 30px #56646f; }
.banner .banner-page li.on { border: 4px solid #ffffff; background: #009241; }
.banner .banner-txt { width: 20%; text-align: center; top: 350px; font-size: 20px; line-height: 40px; height: 40px;
    position: absolute; z-index: 9999; background: rgba(0, 0, 0, 0.7); color: #ffffff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }


/*视频链接*/
.videolink-box { padding-top: 20px; }
.videolink-box .main > ul { width: 33.33%; display: block; float: left; }
.videolink-box .main > ul:nth-child(1) { padding-right: 20px }
.videolink-box .main > ul:nth-child(2) { padding-right: 10px; padding-left: 10px; }
.videolink-box .main > ul:nth-child(3) { padding-left: 20px; }
.videolink-box .main > ul > li:nth-child(1) p { line-height: 60px; font-size: 22px; }
.videolink-box .main > ul > li:nth-child(2) img { width: 100%; }
.videolink-box .main > ul > li:nth-child(3) p { font-family: georgia; font-style: italic; font-size: 14px; color: #666666; padding-top: 15px; line-height: 24px; }
.videolink-box .main > ul:nth-child(1) > li:nth-child(4) a { width: 48%; font-size: 15px; color: #14894a; display: inline-block; line-height: 24px; }
.videolink-box .main > ul:nth-child(2) > li:nth-child(4) a { font-size: 15px; color: #14894a; line-height: 24px; }
.videolink-box .main > ul:nth-child(3) > li:nth-child(4) { text-align: center; padding-top: 20px; }


/*学校介绍*/
.schoolshow-box { margin-top: 80px; }
.schoolshow-box .main > div.msg { width: 25%; float: left; position: relative; }
.schoolshow-box .main > div.msg:nth-child(1) { padding-right: 20px; }
.schoolshow-box .main > div.msg:nth-child(2), .schoolshow-box .main > div.msg:nth-child(3) { padding-left: 10px; padding-right: 10px; }
.schoolshow-box .main > div.msg:nth-child(4) { padding-left: 20px; }
.schoolshow-box .main > div > img { float: left; width: 100%; }
.schoolshow-box .main > div > ul { position: relative; top: 0; }

.schoolshow-box .bgpic { width: 100%; height: 100%; }
.schoolshow-box .jianbian { width: 100%; height: 100%; }

.schoolshow-box .collaborate .bgpic { background:  no-repeat; background-size: 100%; }
.schoolshow-box .study .bgpic { background:  no-repeat; background-size: 100%;  }
.schoolshow-box .teach .bgpic { background:  no-repeat; background-size: 100%;  }
.schoolshow-box .campus .bgpic { background:  no-repeat; background-size: 100%;  }

.schoolshow-box .collaborate .jianbian { background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(36, 146, 100, 0)), to(rgba(36, 146, 100, 1))); 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(36, 146, 100, 0)), to(rgba(36, 146, 100, 1))); 
background: -webkit-linear-gradient(top,rgba(36, 146, 100, 0), rgba(36, 146, 100, 1)); 
background: -moz-linear-gradient(top, rgba(36, 146, 100, 0), rgba(36, 146, 100, 1)); 
background: -o-linear-gradient(top, rgba(36, 146, 100, 0), rgba(36, 146, 100, 1)); 
background: -ms-linear-gradient(top, rgba(36, 146, 100, 0), rgba(36, 146, 100, 1)); 
filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#ff6600, endcolorstr=#339900);
} 

.schoolshow-box .study .jianbian { background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(198, 133, 23, 0)), to(rgba(198, 133, 23, 1))); 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(198, 133, 23, 0)), to(rgba(198, 133, 23, 1))); 
background: -webkit-linear-gradient(top,rgba(198, 133, 23, 0), rgba(198, 133, 23, 1)); 
background: -moz-linear-gradient(top, rgba(198, 133, 23, 0), rgba198, 133, 23, 1)); 
background: -o-linear-gradient(top, rgba(198, 133, 23, 0), rgba(198, 133, 23, 1));
background: -ms-linear-gradient(top, rgba(198, 133, 23, 0), rgba(198, 133, 23, 1)); 
filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#ff6600, endcolorstr=#339900);
}
.schoolshow-box .teach .jianbian { background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(73, 142, 202, 0)), to(rgba(73, 142, 202, 1))); 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(73, 142, 202, 0)), to(rgba(73, 142, 202, 1))); 
background: -webkit-linear-gradient(top,rgba(73, 142, 202, 0), rgba(73, 142, 202, 1)); 
background: -moz-linear-gradient(top, rgba(73, 142, 202, 0), rgba(73, 142, 202, 1)); 
background: -o-linear-gradient(top, rgba(73, 142, 202, 0), rgba(73, 142, 202, 1));
background: -ms-linear-gradient(top, rgba(73, 142, 202, 0), rgba(73, 142, 202, 1)); 
filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#ff6600, endcolorstr=#339900);} 
}
.schoolshow-box .campus .jianbian { background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(124, 74, 169, 0)), to(rgba(124, 74, 169, 1))); 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(124, 74, 169, 0)), to(rgba(124, 74, 169, 1))); 
background: -webkit-linear-gradient(top,rgba(124, 74, 169, 0), rgba(124, 74, 169, 1)); 
background: -moz-linear-gradient(top, rgba(124, 74, 169, 0), rgba(124, 74, 169, 1)); 
background: -o-linear-gradient(top, rgba(124, 74, 169, 0), rgba(124, 74, 169, 1)); 
background: -ms-linear-gradient(top, rgba(124, 74, 169, 0), rgba(124, 74, 169, 1)); 
filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#ff6600, endcolorstr=#339900);
}

.schoolshow-box .info { padding: 70% 20px 20px 20px; }
.schoolshow-box .info > li:nth-child(1) { text-align: center; }
.schoolshow-box .info > li:nth-child(2) { text-align: center; margin-bottom: 50px; }
.schoolshow-box .info > li:nth-child(1) > p { color: #ffffff; font-size: 25px; line-height: 24px; }
.schoolshow-box .info > li:nth-child(2) > span { display: inline-block; margin: 10px 0; width: 100px; height: 2px; border-radius: 2px; background: #ffffff; }
.schoolshow-box .info > li > a { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #ffffff; font-size: 15px; font-family: georgia; line-height: 30px;margin: 2px 0;padding-left: 8px; }


/*国际交流生*/
.internationalstudent-box { margin-top: 50px; padding-top: 20px; padding-bottom: 40px; background: #f3f3f3; }
.internationalstudent-box .title td:nth-child(1) { font-size: 22px; line-height: 60px; color: #333333; }
.internationalstudent-box .title td:nth-child(2) a { font-size: 14px; color: #999999; }
.internationalstudent-box .info td { width: 25%; vertical-align: top; }
.internationalstudent-box .info td img { width: 100%; }
.internationalstudent-box .info td img.arrow_down { width: 30px; height: 30px; position: absolute;bottom: 0; left: 10px; }
.internationalstudent-box .info td:nth-child(1) { padding-right: 20px; }
.internationalstudent-box .info td:nth-child(2), .internationalstudent-box .info td:nth-child(3) { padding-left: 10px; padding-right: 10px; }
.internationalstudent-box .info td:nth-child(4) { padding-left: 20px; }
.internationalstudent-box .info td p:nth-child(2) a { color: #14894a; font-size: 18px; font-family: georgia; line-height: 50px; }
.internationalstudent-box .info td p:nth-child(3) { color: #666666; font-size: 14px; font-family: georgia; font-style: italic; line-height: 24px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}


/*细看浙师大*/
.closerlook-box { padding-top: 20px; padding-bottom: 50px; }
.closerlook-box td { vertical-align: top; }
.closerlook-box .title td:nth-child(1) { font-size: 22px; line-height: 60px; color: #333333; }
.closerlook-box .title td:nth-child(2) a { font-size: 14px; color: #999999; }
.closerlook-box .info td > p { font-size: 15px; line-height: 50px; color: #333333; padding-left: 20px; height: 50px;
    font-family: georgia; background: #f1f1f1; margin-bottom: 5px; position: relative; }
.closerlook-box .info td > p:nth-child(6) { margin-bottom: 0; }
.closerlook-box .info .left-page-box p {  border-right: 10px solid #bed9ce; margin-right: 40px; }
.closerlook-box .info .right-page-box p {  border-left: 10px solid #bed9ce; margin-left: 40px; }
.closerlook-box .info td > p > span.arrow_2 { display: none; width: 50px; height: 50px; position: absolute; top: 0;right: -50px; background:  no-repeat 15px 15px #006d33; }
.closerlook-box .info td > p > span.arrow_3 { display: none; width: 50px; height: 50px; position: absolute; top: 0;left: -50px; background:  no-repeat 15px 15px #006d33; }
.closerlook-box .info td > p.on { background: #bed9ce; }
.closerlook-box .info td > p.on > span.arrow_2 { display: block; }
.closerlook-box .info td > p.on > span.arrow_3 { display: block; }

.closerlook-box .video-box { width: 450px; height: 325px; }
.closerlook-box .video-box > div { position: relative; width: 100%; height: 100%; }
.closerlook-box .video-box .video { width: 100%; height: 100%; }
.closerlook-box .video-box .mengban { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); }
.closerlook-box .video-box .play { position: absolute; top: 122px; left: 185px; }


/*页面尾部*/
.footer { background: #006d33; padding-top: 20px; padding-bottom: 20px; }
.footer .top ul { display: block; width: 16.66%; float: left; }
.footer .top ul li:nth-child(1) { font-size: 16px; line-height: 50px; color: #ffffff; }
.footer .top ul li a { font-size: 12px; color: #ffffff; font-family: georgia; line-height: 26px; }
.footer hr { border-top: 1px solid #409266; }
.footer .bottom p { text-align: center; color: #ffffff; font-size: 13px; line-height: 25px; font-family: georgia; }
.footer .bottom a { color: #ffffff; font-size: 13px; line-height: 25px; font-family: georgia; }



/**
 * 响应式 布局
 */
@media screen and (max-width: 1600px) {
    .closerlook-box .info td > p { font-size: 12px; padding-left: 10px; }
}
@media screen and (max-width: 1440px) {
    .nav-box > .main > ul > li > a { font-size: 16px; }
    .closerlook-box .info td > p { font-size: 12px; padding-left: 10px; line-height: 25px; }
    .videolink-box .main > ul:nth-child(1) > li:nth-child(4) a { font-size: 12px; line-height: 24px; }
    .banner .banner-txt { font-size: 18px; }
}
@media screen and (max-width: 1100px) {
    .videolink-box .main > ul:nth-child(1) > li:nth-child(4) a { font-size: 8px; line-height: 24px; }
    .footer .top ul li a { font-size: 8px; line-height: 26px; }
    .footer .bottom p { font-size: 8px; line-height: 25px; }
    .closerlook-box .video-box { width: 350px; height: 235px; }
    .closerlook-box .info td > p { font-size: 8px; padding-left: 10px; line-height: 20px; height: 35px; }
    .closerlook-box .info .right-page-box p { margin-left: 25px; }
    .closerlook-box .info .left-page-box p { margin-right: 25px; }
    .closerlook-box .info td > p > span.arrow_2 { width: 35px; height: 35px; right: -35px; background:  no-repeat 8px 8px #006d33; }
    .closerlook-box .info td > p > span.arrow_3 { width: 35px; height: 35px; left: -35px; background:  no-repeat 8px 8px #006d33; }
    .closerlook-box .video-box .play { position: absolute; top: 77px; left: 135px; }
    .internationalstudent-box .info td p:nth-child(2) a { font-size: 16px; }
    .banner .banner-txt { font-size: 16px; }
    .videolink-box .main > ul > li:nth-child(3) p { font-size: 10px; line-height: 18px; }
}
/*移动端*/
@media screen and (max-width: 480px) {
    .main { width: 90%; margin-left: 5%; }

    .header { border-top: 8px solid #007f3a; }
    .header .main { border: none; }

    .banner { width: 100%; height: 200px; }
    .banner .banner-pic { width: 100%; min-height: 200px; }
    .banner .banner-txt { width: 40%; text-align: center; top: 130px; font-size: 1rem; line-height: 30px; height: 30px; }
    .banner .hd { bottom: 0; }
    .banner .banner-page {  display: inline-block; height: 20px; width: 40px; }
    .banner .banner-page li { box-sizing: border-box; float: left; width: 10px; height: 10px; margin: 0 5px; border: 2px solid #dfe7ec; box-shadow: 0 0 10px #3e4953; }
    .banner .banner-page li.on { border: 2px solid #ffffff; background: #009241; }

    .bgcolor { background: #f5f5f5; }

    .buttonlink-box { background: #ffffff; margin-top: 20px; padding: 20px 0; }
    .buttonlink-box a { display: block; height: 50px; line-height: 50px; text-align: center; border: none; border-radius: 2px; float: left; font-size: 1.6rem; color: #ffffff; }
    .buttonlink-box .cl-btn { background: #009bba; width: 55%; margin-right: 5%; }
    .buttonlink-box .ao-btn { background: #ed9700; width: 40%; }

    .mb-videolink-box { background: #ffffff; margin-top: 20px; padding: 20px 0; }
    .mb-videolink-box .video-pic { position: relative; }
    .mb-videolink-box .video-pic img { width: 100%; }
    .mb-videolink-box .video-pic span { position: absolute; right: 10px; bottom: 0; color: #ffffff; font-size: 1.6rem; }
    .mb-videolink-box p { font-size: 1.2rem;
        font-family: georgia; color: #666666; font-style: italic; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
    .mb-videolink-box p:nth-child(1) { padding-left: 10px; }
    .mb-videolink-box p:nth-child(2) { padding-top: 10px; }
    .mb-videolink-box a { font-size: 1.8rem; padding-left: 10px; line-height: 35px; color: #14894a; font-family: georgia; display: block; }
    .mb-videolink-box .title { font-size: 2rem; color: #333333; line-height: 50px; }

    .schoolshow-box { background: #ffffff; margin-top: 20px; padding: 20px 0; }
    .schoolshow-box .main { position: relative; padding-bottom: 40px; }
    .schoolshow-box .main .msg { width: 50%; float: left; padding: 0 10px; }
    .schoolshow-box .info > li:nth-child(1) > p { font-size: 1.8rem; line-height: 24px; }
    .schoolshow-box .info > li:nth-child(2) { margin-bottom: 15px; }
    .schoolshow-box .info > li:nth-child(2) > span { margin: 10px 0; width: 50px; height: 1px; border-radius: 1px; background: #ffffff; }
    .article_title a { font-size: 0.6rem; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
    .schoolshow-box .hd { position: absolute; bottom: 0; width: 100%; text-align: center; }
    .schoolshow-box .page {  display: inline-block; height: 10px; width: 60px; }
    .schoolshow-box .page li { box-sizing: border-box; float: left; width: 10px; height: 10px; margin: 0 10px; text-indent: -9999px;
        border: 2px solid #009241; border-radius: 50%; background: #ffffff; }
    .schoolshow-box .page li.on { border: 2px solid #009241; background: #009241; }
    .schoolshow-box .info li a { height: 30px; }

    .internationalstudent-box { background: #ffffff; margin-top: 20px; margin-bottom: 20px; padding: 20px 0; }
    .internationalstudent-box .main { position: relative; padding-bottom: 40px; }
    .internationalstudent-box .title { margin-bottom: 15px; padding-bottom: 10px; height: 60px; border-bottom: 1px solid #ebebeb; }
    .internationalstudent-box .title img { float: right; height: 30px; margin-top: 10px; }
    .internationalstudent-box .title p { color: #333333; font-size: 2rem; line-height: 50px; }
    .internationalstudent-box .info > li:nth-child(1) > p { font-size: 1.8rem; line-height: 24px; }
    .internationalstudent-box .info > li:nth-child(2) { margin-bottom: 15px; }
    .internationalstudent-box .info > li:nth-child(2) > span { margin: 10px 0; width: 50px; height: 1px; border-radius: 1px; background: #ffffff; }
    .internationalstudent-box .info > li > a { font-size: 0.8rem; line-height: 30px; }
    .internationalstudent-box .msg { width: 50%; float: left; padding: 0 10px; }
    .internationalstudent-box .msg img { width: 100%; }
    .internationalstudent-box .msg p { color: #666666; font-family: georgia; line-height: 24px; font-size: 1rem; font-style: italic;
        display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .internationalstudent-box .msg p.txt a { color: #666666; font-family: georgia; line-height: 24px; font-size: 1rem; font-style: italic;
        display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .internationalstudent-box .msg a { color: #14894a; font-family: georgia; font-style: normal; line-height: 40px; font-size: 1.8rem; }
    .internationalstudent-box .hd { position: absolute; bottom: 0; width: 100%; text-align: center; }
    .internationalstudent-box .page {  display: inline-block; height: 10px; width: 60px; }
    .internationalstudent-box .page li { box-sizing: border-box; float: left; width: 10px; height: 10px; margin: 0 10px; text-indent: -9999px;
        border: 2px solid #009241; border-radius: 50%; background: #ffffff; }
    .internationalstudent-box .page li.on { border: 2px solid #009241; background: #009241; }

    .footer .bottom p { font-size: 0.8rem; }
    .footer .bottom a { font-size: 0.8rem; color: #ffffff; }
}
@media screen and (max-width: 410px) {
    .mb-videolink-box a { font-size: 1.6rem; }
    .internationalstudent-box .msg a { font-size: 1.6rem; }
}
@media screen and (max-width: 380px) {
    .mb-videolink-box a { font-size: 1.4rem; }
    .internationalstudent-box .msg a { font-size: 1.4rem; }
}
@media screen and (max-width: 320px) {
    .mb-videolink-box a { font-size: 1.2rem; }
    .internationalstudent-box .msg a { font-size: 1.2rem; }
    .internationalstudent-box .title p { font-size: 1.6rem; }
    .mb-videolink-box .title { font-size: 1.6rem; }
}