body{width: 100%; min-height: 100%; position: relative; margin-left: 0; -webkit-transition: all .4s; transition: all .4s;}
body.on{margin-left: -56%;}
img{display:block;}
li {list-style:none;}
/*Header.html*/
#Header{width:100%; height:2.346rem; background-color: #fff;}

.header{width:100%; height:2.304rem; border-bottom:.043rem solid #466ea6;}
.header .logo{float:left; padding: .405rem 0 0 .64rem;}
.header .logo img{height:1.493rem;}

.main-header{color: #fff;background: #f6f6f6;width:2.304rem;height:2.304rem;float: right;position: relative;}
.burger {width: .981rem;height:.768rem;position: absolute;top: .768rem;left: .661rem;z-index: 7;cursor: pointer;-moz-user-select: -moz-none;-ms-user-select: none;-webkit-user-select: none;user-select: none;}
.burger__slice {position: absolute;left:0;overflow: hidden;display: block;width: 100%;height: .128rem;background: #466ea6;opacity: 0;-moz-transform: translateX(-10px);-ms-transform: translateX(-10px);-webkit-transform: translateX(-10px);transform: translateX(-10px);-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: .128rem;
}
.burger.burger--loaded .burger__slice {filter: alpha(enabled=false);opacity: 1;-moz-transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0); transform: translateX(0);
}

.burger.burger--loaded .burger__slice:first-child {-moz-transition: 250ms; -o-transition: 250ms; -webkit-transition: 250ms; transition: 250ms;
}
.burger.burger--loaded .burger__slice:nth-child(2) {-moz-transition: 500ms; -o-transition: 500ms; -webkit-transition: 500ms; transition: 500ms; top:0.298rem;}
.burger.burger--loaded .burger__slice:nth-child(3) { -moz-transition: 750ms; -o-transition: 750ms; -webkit-transition: 750ms; transition: 750ms; top:0.596rem;}
.burger.burger--open .burger__slice:first-child,
.burger.burger--open .burger__slice:nth-child(2),
.burger.burger--open .burger__slice:nth-child(3) { -moz-transition: 200ms; -o-transition: 200ms; -webkit-transition: 200ms; transition: 200ms;}
.burger.burger--open .burger__slice:first-child { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top:0.3rem;}
.burger.burger--open .burger__slice:nth-child(2) { filter: alpha(Opacity=0); opacity: 0;}
.burger.burger--open .burger__slice:nth-child(3) { width:100%; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top:0.3rem;}

.mask{ background:rgba(0, 0, 0, .6); position: fixed; top:0; left:0; width:100%; height: 100%; z-index: 100; display: none;}

#sidenav{width:56%; height:100%; position:fixed; top: 0; right:0; background:#f4f4f4; z-index: 101; display:block; overflow-y: scroll; right:-56%; -moz-transition: all .4s; -ms-transition: all .4s; -webkit-transition: all .4s; transition: all .4s; }
#sidenav h2{background: #466ea6;height:2.6rem;line-height:2.6rem;color:#fff;padding:0 0.6rem;}
#sidenav.active{right:0;}
#sidenav h2 .sid-law{font-size: 0.7rem;}
#sidenav ul.nav{padding:0.5rem 0.6rem;}
#sidenav ul.nav > li{border-bottom: 1px solid #dadbdf;line-height:1.8rem;padding-left: 0.4rem;}
#sidenav ul.nav > li > a{font-size: 0.6rem;color:#444444;}
#sidenav ul.nav > li > i{float: right;width:0.6rem;height:0.6rem;margin-top:0.6rem;background: url(../img/public/jia.png) no-repeat;background-size: cover;transition: all 400ms;}
#sidenav ul.nav > li.on > i{-webkit-transform: rotate(225deg);transform: rotate(225deg);transition: all 400ms;}
#sidenav ul.list-suv{padding:0.3rem 0 0.3rem 0.4rem;border-bottom:1px solid #dadbdf;display: none;}
#sidenav ul.list-suv li{font-size: 0.57rem;}
#sidenav ul.list-suv li a{color:#797b7d;line-height: 1.2rem;}
/*头部导航*/

/*footer*/
.footer{padding:.8rem 0; background-color: #545b61; box-sizing: border-box;}
.footer p{width:92%; margin:0 auto; font-size:.6rem; color:#aaaaab; text-align: center;}
.footer .copyright{width:13rem; font-size:0.6rem; margin:0 auto .469rem; line-height: .9rem; color:#e8e8e8;}
.footer .phone , .footer .site{text-align: left;}
.footer .phone{line-height: 1rem; font-size:0.6rem;}
.footer .phone span{font-size: .7rem; color:#edb555; font-family:"l_10646-webfont";  letter-spacing:-0.08rem;}

#Content{width:100%; box-sizing: border-box; min-height:18rem;}
#Content .swiper-pagination-bullet{background: #cfcac9; opacity:.8;}
#Content .swiper-pagination-bullet-active{background: #466ea6;}
.campus_news{padding:0 .64rem;}
.campus_news h3.title{width:100%; height:2.304rem; line-height:2.304rem; font-size: .8rem; font-weight: bold; text-align: center; color:#4b453c;}
.campus_news .row{height:2.261rem; margin-bottom: .341rem; background-color: #f5f5f5;}
.campus_news .row p{padding:0 2.048rem 0 .426rem; font-size: .75rem; line-height: 2.261rem; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url("../img/index/icon_i_02.png") no-repeat 13.995rem center; background-size: .298rem auto;}
.campus_news .news_load{display: block; width:100%; height: 2.261rem; line-height: 2.261rem; font-size:.7rem; text-align: center; color:#fff; background-color: #466ea6; margin-bottom: .853rem;}
.i_itemWrap{padding:0 .64rem 1.109rem;overflow:hidden;}
.i_itemWrap >a{float:left; width:calc((100% - 3px) / 4); margin-right: 1px; transition:all .4s;}
.i_itemWrap >a:last-child{margin-right: 0;}
.i_itemWrap >a:nth-child(2){animation-delay: .15s;}
.i_itemWrap >a:nth-child(3){animation-delay: .3s;}
.i_itemWrap >a:nth-child(4){animation-delay: .45s;}
.i_itemWrap .item{width:100%; padding:.8rem 0; text-align: center; background-color: #f5f5f5; box-sizing: border-box;}
.i_itemWrap .item .icon{display:inline-block; width:2.389rem; height:2.389rem; margin-bottom: .426rem; padding-top:.64rem; text-align: center; border-radius:50%; box-sizing: border-box;}
.i_itemWrap .box1 .icon{background-color: #b4cd27;}
.i_itemWrap .box2 .icon{background-color: #b06cea;}
.i_itemWrap .box3 .icon{background-color: #3a85a8;}
.i_itemWrap .box4 .icon{background-color: #7ad594;}
.i_itemWrap .item .icon img{width:1.109rem; margin:0 auto;}
.i_itemWrap .item p{font-size:.7rem; line-height: .7rem; text-align: center; color:#737678;}

#Content .ban{width:100%;}
#Content .ban img{max-width:100%;}
#Content .p_title{position:relative; width:5.333rem; height:3rem; margin: -1.706rem 0 0 .64rem; padding-top:.768rem; box-sizing: border-box; background-color: #466ea6; z-index: 8;}
#Content .p_title h4{margin-bottom: .213rem; font-size: .8rem; line-height: .8rem; color:#fff; text-align: center;}
#Content .p_title .cent{font-size: .6rem; line-height: .65rem; color:#fff; text-align: center; font-family:"l_10646-webfont"; letter-spacing:-.085rem; opacity:.4; filter:alpha(opacity=40);}

/*news*/
.news_main{padding:.853rem .64rem 0;}
.news_main li{margin-bottom: .427rem; padding:0 .426rem; background-color: #f8f8f8; box-sizing: border-box; overflow:hidden;}
.news_main li .left{width:10.107rem; padding:.554rem 0; box-sizing: border-box;}
.news_main li h4{width:100%; font-size:.7rem; font-weight: bold; line-height: .8rem; color:#5c5953; margin-bottom: .256rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_main li p{width:100%; font-size: .6rem; color:#a6a6a6;  text-overflow: -o-ellipsis-lastline; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: .8rem;}
.news_main li .time{width:3.6rem; font-size: .896rem; line-height: 100%; text-align: right;color:#bcbcbc; font-family:"DINEngschriftStd";}
.news_1_main{padding:.341rem .64rem 0;}
.news_1_main h4{height:1.45rem; line-height:1.45rem; font-size: .65rem; color:#444; border-bottom: 1px solid #e0e0e0;}
.news_1_main .time{font-size: .6rem; line-height: 1.323rem; color:#9b9b9b;}
.news_1_main p{font-size: .3rem; line-height: .768rem; color:#818181; margin-bottom:10px;}
.news_1_main img{padding:.1rem 0;}
.news_1_main p span img{padding:.1rem 0;}

/*ftdg*/
.ftdgFeature_main{padding:.725rem .64rem 0;}
.ftdgFeature_main .intro>p{font-size:.7rem; line-height: .9rem; color:#868686;}
.ftdgFeature_main .intro .pic{position:relative; width:100%;margin:.298rem 0;}
.ftdgFeature_main .intro .pic>img{max-width: 100%;}
.ftdgFeature_main .intro .pic .po{position:absolute; left:.426rem; top:0; padding-top:1.664rem;}
.ftdgFeature_main .intro .pic .po img{width:.17rem; margin-bottom: .341rem;}
.ftdgFeature_main .intro .pic .po p{font-size:.7rem; line-height: .768rem; color:#666;}
.ftdgFeature_main .sort h3{font-size:.7rem; font-weight: bold; line-height: 1.194rem; color:#3a85a8;}
.ftdgFeature_main .sort p{font-size: .6rem; line-height: .9rem; color:#868686; margin-bottom: .8rem;}
.ftdgFeature_main .sort .pic{width:100%; margin:.298rem 0; background:url("../img/other/ftdg-feature_pic2.png") no-repeat center; background-size: cover;}
.ftdgFeature_main .sort .pic .po{width:100%; padding:.5rem ; box-sizing: border-box;}
.ftdgFeature_main .feature{padding:.554rem 0 .896rem;}
.ftdgFeature_main .feature .h{position:relative; margin-bottom: .298rem;}
.ftdgFeature_main .feature .h img{width:7.5rem;}
.ftdgFeature_main .feature .h h3{position:absolute; left:0; top:0; width:5.93rem; height:1.5rem; line-height:1.5rem; padding-left:1.5rem; font-size:.7rem; color:#fff;}
.c-box{ margin-bottom: .427rem; padding:0 .426rem; background-color: #f8f8f8; box-sizing: border-box; overflow:hidden;}
.c-box .left{width:10.107rem; padding:.554rem 0; box-sizing: border-box;}
.c-box h4{width:100%; font-size:.7rem; font-weight: bold; line-height: .8rem; color:#5c5953; margin-bottom: .256rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.c-box p{width:100%; font-size: .6rem; line-height: .9rem; color:#a6a6a6;  text-overflow: -o-ellipsis-lastline; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.c-box .time{width:3.6rem; font-size: .896rem; line-height: 3.328rem; text-align: right; color:#bcbcbc; font-family:"DINEngschriftStd";}


/*contact*/
.contact .txt{padding:.853rem .64rem .8rem;}
.contact .txt h3{font-size: .65rem; line-height: .9rem; color:#666;}
.contact .txt i{font-size: .768rem; line-height: 1.024rem; color:#e6e6e6; margin-bottom: .6rem;}
.contact .txt p{font-size: .6rem; line-height: .9rem; color:#878889;}
.contact .txt em{font-size: .768rem; color:#3a85a8;}
.contact .txt .phone{line-height: 1.109rem;}
.contact .map{width:100%; height:7.68rem;}
.contact2 .major{padding:0 .64rem;}
.contact .txt h4 {
    font-size: 0.58rem;
    line-height: 1.024rem;
    color: #e6e6e6;
}

.contact2 .major h3{height:.8rem; padding-left:1.109rem; line-height:.8rem; font-size: .7rem; font-weight: bold; margin:.853rem 0; color:#3a85a8; background:url("../img/other/contact_icon_mail.png") no-repeat left center; background-size: auto .7rem;}
.contact2 form{padding:0 .64rem;}
.contact2 form .row{font-size: 0; letter-spacing:-4px; padding-top:.3rem;}
.contact2 form .row .name{display:inline-block; width:2.56rem; padding-right:.426rem; letter-spacing:normal; box-sizing: border-box; vertical-align:top;}
.contact2 form .row h4{font-size: .6rem; font-weight: bold; text-align: right; color:#666;}
.contact2 form .row i{display:block; font-size: .55rem; text-align: right; color:#999;}
.contact2 form .row input{width:12.16rem; height:1.7rem; line-height:1.7rem; padding:0 .32rem; font-size: .6rem; border-radius: 2px; border:1px solid #b1b1b1; letter-spacing:normal; vertical-align:top; box-sizing: border-box;}
.contact2 form .title p{display:inline-block; position:relative; width:12.16rem; height:1.7rem; line-height:1.7rem; padding:0 .32rem; padding-left:3.2rem; border-radius: 3px; border:1px solid #b1b1b1; letter-spacing:normal; vertical-align:top; box-sizing: border-box;}
.contact2 form .title p span{position:absolute; padding-left:.32rem; font-size:.6rem; color:#888; left:0; top:0;}
.contact2 form .title p input{width:100%; font-size:.6rem; line-height: 100%; border:0 none; height:100%;}
.contact2 form .mail .box{display:inline-block; position:relative; width:5.546rem; height:1.7rem; line-height: 1.228rem; padding:0 .32rem; padding-right: 1.28rem; font-size:.6rem; border-radius: 3px; border:1px solid #b1b1b1; letter-spacing:normal; vertical-align:top; box-sizing: border-box;}
.contact2 form .mail .box input{width:100%; font-size:.6rem; line-height: 100%; border:0 none; height:100%;}
.contact2 form .mail .box .icon{position:absolute; right:0; top:0; width:1.7rem; height:1.7rem; background:url("../img/other/contact_icon.png") no-repeat center; background-size: .341rem;}
.contact2 .mail .box ul{position:absolute; left:-1px; top:1.7rem; overflow:hidden; background-color: #fff; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1; display:none;}
.contact2 .mail .box li{width:5.546rem; height:1.28rem; line-height: 1.228rem; padding:0 .32rem; font-size:.6rem; letter-spacing:normal; vertical-align:top; box-sizing: border-box; border-bottom:1px solid #b1b1b1;}
.contact2 form .details textarea{width:11.8rem;height:3.8rem; font-size: .6rem; display:inline-block; border-radius: 3px; letter-spacing:normal;}
.contact2 form .btnBox { padding: .853rem 0 1.194rem; padding-left: 2.56rem;overflow: hidden;}
.contact2 .btnBox .btn {
    display: block;
    float: left;
    width: 3.968rem;
    height: 1.493rem;
    line-height: 1.493rem;
    margin-right: 1.493rem;
    background-color: #3a85a8;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-size: .6rem;
    text-align: center;
}

.contact2 .btnBox button{width:3.968rem; height:1.493rem; line-height:1.493rem; margin-right: 1.493rem; background-color: #3a85a8; border:0 none; border-radius: 3px; color:#fff; font-size: .6rem;}


/*survey*/
.survey .main{padding:.426rem .64rem 0;}
.survey .main .t_time{font-size: .938rem; line-height: 1.28rem; color:#999;}
.survey .main h2{font-size: .9rem; line-height: 1.28rem; color:#3a85a8; margin-bottom: .512rem;}
.survey .main .pic{max-width: 100%; margin-bottom: .725rem;}
.survey .main h3{font-size: .7rem; font-weight: bold; line-height:1.2rem; color:#3a85a8;}
.survey .main p{font-size: .6rem; line-height: .9rem; color:#868686; margin-bottom: 0.7rem;}
.survey .main p strong{font-size: .7rem; font-weight: bold; line-height:1.2rem; color:#3a85a8;}
.survey2 .main{padding:.853rem .64rem 1.28rem;}
.survey2 .main .box{width:7.082rem; margin-bottom: .426rem;}
.survey2 .main .pic{border:.085rem solid #7a2619;}
.survey2 .main .pic .img{max-width:100%;}
.survey2 .main .txt{padding:.426rem; border:1px solid #c8c8c8; border-top:0 none;}
.survey2 .main .txt h3{font-size: .8rem; font-weight: bold; line-height: .8rem; padding-top:.17rem; color:#3a85a8;}
.survey2 .main .txt p{font-size: .6rem; line-height: .9rem; color:#8c8c8c;}
.survey3{background-color: #f4f4f4;}
.survey3 .hei{height:.853rem;}
.survey3 .box{padding:0 .64rem .554rem; background-color: #fff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; margin-bottom: .426rem;}
.survey3 .box .title{height:2.986rem; padding:.64rem 0 .554rem; font-size: .65rem; font-weight: bold; color:#3a85a8; }
.survey3 .box .title img{float:left; width:5.333rem; height:2.986rem;}
.survey3 .box .title .name{float:right; width:9rem; font-size: .6rem; line-height: .7rem; padding-top:1rem; box-sizing: border-box;}
.survey3 .box p{font-size: .6rem; line-height: .9rem; color:#878787;}
.survey5 .pdc-info .swiper-button-prev{width:1.152rem; height:1.152rem; background:url("../img/other/button-prev1.png") no-repeat left center; background-size: auto 1.152rem; margin-top:-0.576rem;}
.survey5 .pdc-info .swiper-button-next{width:1.152rem; height:1.152rem; background:url("../img/other/button-prev1.png") no-repeat right center;  background-size: auto 1.152rem; margin-top:-0.576rem;}
.survey5 .pdc-info{background: url(../img/responsibility/rest-bg.jpg) no-repeat;padding:0 4%;background-size: cover;height:13rem;margin:1rem 0 0;}
.survey5 .pdc-info .gallery-top{width:100%;margin:0 auto; position:relative;height:9rem;}
.survey5 .pdc-info .gallery-top .swiper-slide{background-size: cover;background-position: center;}
.survey5 .duty2d-thum{width: 100%;margin:0.2rem auto 0;overflow: hidden;height:2.5rem;box-sizing: border-box;}
.survey5 .duty2d-thum .swiper-slide{ width: 32%;height: 100%;border:1px solid #efefef;box-sizing: border-box; background-size: 100% auto; background-position: center;}
.survey5 .duty2d-thum .swiper-slide-active{border:1px solid #d9d335;}

/*hiring*/
.hiring .main{padding:.725rem .64rem 3.626rem;}
.hiring img{width:100%; margin-bottom: .256rem;}
.hiring2 .main{padding:.725rem .64rem 0;}
.hiring2 .main p{font-size: .6rem; line-height: .8rem; color:#878787; margin-bottom: .3rem;}
.hiring2 .main .box{background-color: #f5f5f5; margin-bottom: 0.206rem;}
.hiring2 .main .box .title{height:1.92rem; padding-left:.554rem; font-size:.7rem; font-weight: bold; line-height: 1.92rem; color:#4d4d4d; background: #e0e0e0 url("../img/other/hiring-icon.png") no-repeat 13.142rem center; background-size: .768rem auto; box-sizing: border-box;}
.hiring2 .main .box .box_main{padding:.64rem; }
.hiring2 .main .box h4{font-size: .6rem; font-weight: bold; color:#4d4d4d; margin-bottom: .298rem;}
.hiring2 .main .box p{font-size: .6rem; color:#818181;}
.hiring2 .main .box .btn{display:block; width:3.285rem; height:1.194rem; line-height: 1.194rem; font-size: .6rem; text-align: center; color:#fff; background-color: #3a85a8;}



/*#test{transform: translate3d(0,0,0) !important;}*/

/*修改*/
.ftdgFeature_main .sort .pic .po p{text-indent:0;}
.survey3 .box .title img{width:auto;}
.news_1_main p{font-size:.6rem; line-height:1rem;}
.news_1_main h4{font-size:.75rem; height:auto; line-height:1.3rem; padding-bottom:.3rem;}
.news_1_main p span{font-size:.6rem !important;}