@charset "utf-8";

html,body{ height:100%;}
body{ background:#f5f5f5;}
img{max-width: 100%;}
.wrap{max-width:1200px; margin:0 auto; position:relative;}

.rjsj{display:none;background:#fff;    padding-bottom: 20px;}


.header{ width:100%;background:#fff;-moz-box-shadow:2px 2px 5px #d6d6d6; -webkit-box-shadow:2px 2px 5px #d6d6d6; box-shadow:2px 2px 5px #d6d6d6;}
.logo{ padding:15px 0; float:left}
.logo a{display:inline-block;width:277px;height:52px;margin-right:15px;vertical-align:middle;line-height: 49px;}
.logo a img{max-width: 100%;vertical-align: middle;max-height:100%;width: 17em;}
.logo span{ display:inline-block; font-size:18px; line-height:50px;vertical-align:middle}


.nav{height:88px; float:right;width:60%; display:block}
li.yiji_nav {float: left;  position: relative; left: 0px;top: 0px;height:88px; line-height:88px;}
li.yiji_nav .jt{ display:none}
a.yiji_nav {display:block; padding:0 35px; height:88px; line-height:88px; text-align:center; float:left; margin-left:0px; font-size:16px;text-decoration:none;}
li.yiji_nav:hover a.yiji_nav, a.yiji_nav:hover,.on,.on a {background:#0c60a9; color:#fff; }
.select_box li.yiji_nav,.select_box .more_ul li a,.select_box a.yiji_nav{height:auto!important; padding:10px; line-height:30px!important; }
.select_box li.yiji_nav{border-bottom:1px solid #e5e5e5; padding:0}
.select_box li.yiji_nav a:hover{background:#eb6100;}
li.erji_nav:hover a.erji_nav, a.erji_nav:hover {color: #fff;background:#eb6100;}


a.yiji_nav:hover ul.erji_nav, li.yiji_nav:hover ul.erji_nav {visibility: visible;}
a.erji_nav {display: block; text-align: center;min-height: 40px;line-height: 40px;color: #fff;text-decoration:none;font-size:14px;}
#menu{width:calc(100% - 40px);  float:left;}      
#menu ul {width:100%;}
ul.erji_nav {visibility: hidden;position: absolute;left: 0px;top:88px;width:100%!important; background:#0c60a9; z-index:999}
li.erji_nav {position: relative; left: 0px;top: 0px;}
.more_ul{width:130px;height:auto;position:absolute!important;position:absolute;z-index:9999;top:88px;left:0px; background:#0c60a9;  text-align:center; }
.more_ul li{width:100%;}
.more_ul li a{display:block;line-height:88px;width:100%; float:left;cursor:pointer;color:#fff;}
.more_ul li a:hover{background:#eb6100; color:#fff;}
.select_box{position:relative; width:40px; height:88px; text-align:center; float:right}
.select_box i{display:block; line-height:70px;  width:80px; float:left; color:#3156a3; font-size:18px;}
.select_box span{width:40px;height:88px;float:left;line-height:88px;color:#fff;cursor:pointer; display:block; font-size:18px;}



.nav-icon{position:absolute; right:15px; top:30px; width:18px; height:14px; display:none}
#navbg{ position:fixed; width:100%; height:100%;background:rgba(0, 0, 0, 0.3); left:0; top:0;display:none; z-index:999 }
.navlist{ position:fixed; right:-240px; top:0; background:#0c60a9; width:220px; height:100%; z-index:9999; overflow-y:auto}
.navlist li{line-height: 36px;font-size:16px;/* text-indent:20px; */position:relative;cursor:pointer;background:#0c60a9;border-bottom:1px solid #0a6ac9;padding: 6px 0;}
.navlist li:active,.navlist li:link,.navlist li:visited,.navlist li:hover{background:#0955bc;}
.navlist li a{color:#fff;width: 70%;display:block;margin: auto;}
.navlist li i{ display:block; width:17px; height:17px; z-index:122; position:absolute; right:10px; top:17px;  background:url(../images/jtx.png) center center no-repeat; background-size:17px}
.navlist li i.icon{background:url(../images/jts.png) center 10px no-repeat; background-size:17px}
.navlist li .ejnav{ display:none}
.navlist li .ejnav li{ width:100%; border:0; line-height:45px; font-size:14px; background:#0a6ac9}
.navlist li .ejnav li a{ width:70%;}
.open{right:0}

.banner{-moz-border-radius: 5px; position:relative;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:0em;-webkit-border-bottom-left-radius:0em;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:0em;-moz-border-radius-bottomleft:0em;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:0em;border-bottom-left-radius:0em;overflow:hidden;-moz-box-shadow:2px 2px 5px #d6d6d6; -webkit-box-shadow:2px 2px 5px #d6d6d6; box-shadow:2px 2px 5px #d6d6d6; margin-top:20px;}
.swiper-container {width:100%;height: 430px;}
.swiper-slide {text-align: center;font-size: 18px; background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center; vertical-align:middle}
.swiper-slide img{ vertical-align:middle; max-width:100%;height:430px;}
.pagination {
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

.swiper-container-horizontal>.swiper-pagination-bullets{ width:65%; text-align:right}
.intro{width:35%;height:100%;padding:5% 30px;color:#fff;position:absolute;top:0;right:0;z-index:999;}
.banner .intro .shade{
    background: #000000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.4;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
.banner .intro .intro_one{position:relative;}
.intro h1{ font-size:24px; color:#fff; background:url(../images/jspic.png) no-repeat left center; padding-left:35px;}
.intro p{ line-height:26px; color:#fff; margin-top:25px; }
.intro a{ display:block; width:110px; height:37px; line-height:37px; margin-top:25px; padding-left:20px; background:#eb6100; color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
.intro a i{ display:inline-block; vertical-align:middle; background:url(../images/sj.png) no-repeat; width:6px; height:8px; margin-left:10px;}

.bom{ width:100%;background:#0c60a9; padding:15px; position:relative; z-index:999-webkit-border-top-left-radius:0em;-webkit-border-top-right-radius:0em;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:0em;-moz-border-radius-topright:0em;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:0em;border-top-right-radius:0em;border-bottom-right-radius:5px;
border-bottom-left-radius:5px;-moz-box-shadow:2px 2px 5px #d6d6d6; -webkit-box-shadow:2px 2px 5px #d6d6d6; box-shadow:2px 2px 5px #d6d6d6;}
.news{ float:left; width:60%; background:url(../images/lb.png) no-repeat left center; padding-left:30px;overflow:hidden;}
.news .bd{ padding:10px 0;  }
.news .infoList li{ height:24px; line-height:24px; overflow:hidden   }
.news .infoList li .date{ float:right; color:#fff;  }
.news .infoList li a{ color:#fff;}
.r_sbox{ width:40%; float:right; text-align:right}
.r_sbox .search{display:inline-block;width:240px;height:40px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;overflow:hidden;position: relative;}
.r_sbox .search .shade{
    background: #242746;
    opacity: 0.2;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
}
.r_sbox .search .search_one{
    position: relative;
}
.r_sbox .search .search_one .placeholder {position: absolute;top: 0;z-index: 10;color: #fff;height:40px; line-height:40px;}
.r_sbox .search input[type="text"]{ float:left; width:80%; height:40px; line-height:40px; background:none transparent; padding:0 5px; color:#fff}
.r_sbox .search input[type="button"]{ float:right; width:47px; height:40px; background:url(../images/ssbtn.png) no-repeat center center; background-size:20px;cursor: pointer;}
.r_sbox .enbtn{display:inline-block;width:92px;height:40px;line-height:40px;padding-left:18px;text-align:left;margin-left:10px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;overflow:hidden;color:#fff;}
.r_sbox .enbtn:hover{/* background:rgb(36,39,70,0.5); */}
.r_sbox .enbtn i{ display:inline-block; vertical-align:middle; background:url(../images/sj.png) no-repeat ; width:6px; height:8px; margin-left:5px;}
.r_sbox .lang{display:inline-block;position: relative;border-radius: 5px;}
.r_sbox .lang .shade{
    background: #242746;
    opacity: 0.2;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    border-radius: 5px;
}
.r_sbox .lang .lang_one{position:relative;}


.tuto{ width:48.5%; float:left; margin-top:20px;}
.titile{ padding:10px 0; margin-bottom:10px;}
.titile:after,.tuto_box:after{visibility:hidden; display:block; content:""; clear:both}
.titile h1{ font-size:22px; float:left;}
.titile a{ float:right; color:#eb6100; line-height:29px; background:url(../images/hsjt.png) right center no-repeat; }
.titile a:hover{ text-decoration:underline}
.titile a i{margin-left:10px; display:inline-block}
.tuto_box{ background:url(../images/dsbg.jpg) right top #fff no-repeat; padding:30px 22px; border:1px solid #e4ebf0;height:266px;overflow:hidden}
.teacher_img{ float:left;width:162px; height:204px;margin-right:15px;background:#fbfbfb}
.teacher_img a{ display:table-cell;width:162px; height:204px; text-align:center; vertical-align:middle;  }
.teacher_img img{ max-width:100%; max-height:100%; vertical-align:middle}
.brief h3{ font-size:18px; margin-bottom:5px;}
.brief .deg{ font-size:14px; margin-bottom:15px;}
.brief p{ line-height:26px;}


.tutb{width:48.5%; float:right; margin-top:20px;}
.tutb_box{ background:url(../images/lwbg.jpg) right center #fff no-repeat; padding:10px 22px 30px 22px; border:1px solid #e4ebf0;height:266px; overflow:hidden}
.tutb_box li{ margin-top:20px; line-height:26px;}


.ashy{ width:35%; float:left; margin-top:20px;}
.ashy_b{ width:100%; height:288px; overflow:hidden; background:url(../images/ktbg.jpg);padding:10px 22px 30px 22px;  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius: 10px;}
.ashy_b li{ border-bottom:1px solid #7e84a4; line-height:26px; padding-bottom:5px; margin-top:5px;}
.ashy_b li a{ color:#fff;}


.group{ width:63%; float:right; margin-top:20px; position:relative}

.picScroll-left{position:relative;}
.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px; position: absolute; top: -49px;z-index: 99999;right: 70px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:30px; height:30px; border:1px solid #e5e5e5; border-radius:5px; float:right; margin-right:5px;overflow:hidden; cursor:pointer; }
.picScroll-left .hd .next{ background:url("../images/arrow_r.png") center center no-repeat; }
.picScroll-left .hd .prev{ background:url("../images/arrow_l.png") center center no-repeat; }
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{ border:1px solid #0c60a9}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ width:100%; overflow:hidden  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:42px; float:left; width:224px; height:288px; border:1px solid #e4ebf0;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; line-height:200px; width:100%; height:203px; background:url(../images/cybg.jpg) repeat; }
.picScroll-left .bd ul li .pic a{ display:inline-block; width:127px; height:127px;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;border-radius:100%; overflow:hidden; text-align:center; line-height:127px; background:#f5f5f5; vertical-align:middle}
.picScroll-left .bd ul li .pic img{ max-width:127px; max-height:127px; vertical-align:middle }
.picScroll-left .bd ul li .title{ line-height:24px; height:83px; background:#0c60a9; padding:10px; text-align:center  }
.picScroll-left .bd ul li .title h1{ font-size:16px; color:#fff;}
.picScroll-left .bd ul li .title p{ font-size:14px; color:#fff; line-height:30px;}


.footerbg{ width:100%; padding:30px 0; background:#232323; margin-top:50px;}
.copy{ float:left; width:30%; }
.footerbg p{ color:#fff; line-height:30px;}
.copy p em{ font-size:20px;}
.lxfs{ float:left; padding-left:5%; width:38%;border-left:1px  solid #434547}
.ewm{ float:right; }
.ewm img{ max-width:125px; max-height:125px;}
.ewm p{ text-align:center}


.plant{-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; position:relative;overflow:hidden;-moz-box-shadow:2px 2px 5px #d6d6d6; -webkit-box-shadow:2px 2px 5px #d6d6d6; box-shadow:2px 2px 5px #d6d6d6; margin-top:20px; text-align:center;}
.plant img{ vertical-align:middle; display:inline-block;max-width: 100%; height:auto;}


.position{ background:url(../images/wztb.png) no-repeat left 10px; padding-left:30px; line-height:28px; padding-top:8px; color:#fff;}
.position a{ color:#fff;}


.contain{ margin:30px auto;}
.column{ font-size:22px; line-height:40px;    font-weight: bold;}
.tec_name{ padding:20px;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; border:1px solid #e4ebf0; background:url(../images/namebg.jpg) no-repeat right top #fff; margin-top:10px;}
.tec_name h3{font-size:22px; font-weight:bold; margin-bottom:10px;}
.tec_name p a{ color:#0a8afa; text-decoration:underline; font-size:16px;  }
.tec_name p a:hover{ color:#eb6100}
.photo{ width:calc(100% - 78%); padding:30px; background:url(../images/cybg.jpg) repeat;border:1px solid #e4ebf0; float:right; margin-top:25px;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; }
.photo a{ display:inline-block; width:100%;line-height:232px; text-align:center; background:#f5f5f5 }
.photo a img{ vertical-align:middle; max-width:100%; max-height:232px;}
.neir{width:76%; float:left;border:1px solid #e4ebf0;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; background:#fff; margin-top:25px; padding:30px;}
.neir p{ line-height:30px;}


.direction{padding:20px 35px 35px 35px;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; border:1px solid #e4ebf0; background:
#fff; margin-top:10px;}
.direction dt{ font-size:16px; font-weight:bold; background:url(../images/dtyd.png) left 9px no-repeat; background-size:15px; padding-left:30px; line-height:32px; margin-top:10px}
.direction dd{ padding:15px 25px; margin-top:15px; margin-left:25px; background:#f5f8fc; line-height:26px;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;  }


.member li{ float:left; width:calc(20% - 2%); margin:10px 1% 20px 1%; border:1px solid #e4ebf0; background:url(../images/cybg.jpg) repeat;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; overflow:hidden; }
.member li .pic{ text-align:center; line-height:200px; width:100%; height:203px; background:url(../images/cybg.jpg) repeat; }
.member li .pic a{ display:inline-block; width:127px; height:127px;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;border-radius:100%; overflow:hidden; text-align:center; line-height:127px; background:#f5f5f5; vertical-align:middle}
.member .pic img{ max-width:127px; max-height:127px; vertical-align:middle }
.member .title{ line-height:24px; height:83px; background:#0c60a9; padding:10px; text-align:center  }
.member .title h1{font-size:16px;color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.member .title p{ font-size:14px; color:#fff; line-height:30px;}


.direction-pc{padding:20px 35px 35px 35px;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; border:1px solid #e4ebf0; background:
#fff; margin-top:10px;}
.direction-yd{padding:20px 35px 35px 35px;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; border:1px solid #e4ebf0; background:
#fff; margin-top:10px;display:none}
.moblie{display:none}
.List li{ background:#f5f8fc; padding:15px 25px; position:relative; margin-top:10px; margin-bottom:20px; line-height:28px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; cursor:pointer}
.List li:hover{ background:#0c60a9}
.List li:hover a{ color:#fff;}
.List li i{ position:absolute; left:-18.5px; top:50%; margin-top:-18.5px; text-align: center; line-height:38px; width:39px; height:39px; background:url(../images/xhbj.png) no-repeat}

.column_z{ font-size:16px; font-weight:bold; color:#0c60a9; line-height:35px;}
.yd-pic{display:none}
.piclist:after{visibility:hidden; display:block; content:""; clear:both}
.piclist li{width:calc(25% - 2%); margin:10px 1% 20px 1%;border:1px solid #e4ebf0; background:#fff; float:left;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; overflow:hidden }
.piclist li a.tp{ width:100%; display:block; height:160px; text-align:center; line-height:155px;background:#f5f8fc;}
.piclist li a.tp img{ max-width:100%; max-height:155px; vertical-align:middle;}
.piclist li p{ text-align:center; line-height:45px;}
.ydmore{    text-align: center; border: 1px solid #0c60a9; border-radius: 20px; height: 35px;line-height: 33px; color: #0c60a9;}


.content{padding:20px 35px 35px 35px;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; border:1px solid #e4ebf0; background:
#fff; margin-top:10px;}
.content h1{ font-size:24px; line-height:30px; text-align:left; margin-bottom:10px;}
.content .Subtitle{}
.content .Subtitle .time{ display:inline-block; background:url(../images/zb.png) no-repeat 20px center #f5f8fc; padding:10px 20px 10px 50px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; }
.content .Subtitle .click{ display:inline-block; background:url(../images/shou.png) no-repeat 20px center #f5f8fc; padding:10px 20px 10px 50px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;  }
.content .subs{ margin:25px 0; line-height:28px;}
/*.enclosure{  border-bottom:1px solid #e5e5e5; padding:20px 0;}*/
.enclosure h3{ font-size:18px;display:inline-block; padding:0 20px 0 45px; color:#fff; line-height:35px; background:url(../images/fjtb.png) no-repeat 20px center #0C60A9; }
.enclosure .wzlist{ padding-left:7px;}
.enclosure .wzlist li{background:url(../images/sxhbj.png) no-repeat left 7px;line-height:28px; margin:5px 0; padding-left:26px;}
.enclosure .imglist{ margin-top:10px;}
.enclosure .imglist li{ float:left;width:calc(25% - 2%); height:152px; vertical-align:top; margin:10px 1% 10px 1%; background:#f5f5f5; float:left;}
.enclosure .imglist li span{ display:block; line-height:150px; text-align:center; vertical-align:middle}
.enclosure .imglist li span img{ max-width:100%; max-height:150px; vertical-align:middle;}
.flip{ margin-top:10px;}
.flip li{ margin:10px 0; width:100%; padding:12px 10px 12px 10px;display:table;background:#f5f8fc;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;}
.flip li span{ display:table-cell; width:90px; background:url(../images/hsjt.png) no-repeat left 5px;padding-right:10px; padding-left:20px; font-weight:bold}
.flip li a:hover{ text-decoration:underline; color:#eb6100 }


.structure{ margin:20px 0;border-bottom: 1px solid #e5e5e5;}
.structure dl{ display:table; width:100%;}
.structure dl:after{visibility:hidden; display:block; content:""; clear:both}
.structure dl dt{ width:20%; display:table-cell; line-height:28px; padding:10px 0; padding-left:5%}
.structure dl dd{display:table-cell; line-height:28px; padding:10px 0}

@media (max-width: 1024px) {
	.wrap{ padding:0 15px;}
	
	.intro{ width:40%; padding:30px;}
	.nav-icon{ display:block}
	.nav{ display:none}
	.news{width:50%; }
	.r_sbox{ width:50%;}
	.tutb_box,.tuto_box{ height:336px;}
	.picScroll-left .bd ul li{ width:196px; height:252px; margin-right:16px}
	.picScroll-left .bd ul li .pic{ height:178px; line-height:178px;}
	.picScroll-left .bd ul li .title{ height:74px;}
	.ashy_b{ height:252px;}
	.photo a{ line-height:164px;}
	.member li{ width:calc(25% - 2%)}
	.enclosure .imglist li{width:calc(33.33333% - 2%); height:150px; }
	.structure dl dt{ width:25%;}

	}

@media (max-width: 992px) {
	.intro{ width:100%; padding:30px;}
	.tutb_box,.tuto_box{ height:385px;}
	.structure dl dt{ width:25%;}
.rjpc{display:none}
.rjsj{display:block}

	}
@media (max-width: 768px) {
	.swiper-container-horizontal>.swiper-pagination-bullets{ width:100%; text-align:center;}
	.intro{ width:100%; height:100%; padding:30px;  position:relative; background:#fff;}
	.intro h1{  color:#000;}
	.intro p{ color:#333; }
	.r_sbox{}
	.r_sbox .search{ width:65%;}
	.r_sbox .search input[type="text"]{ width:77%;}
	.position{ float:left;}
	.tuto,.tutb{ width:100%; float:none}
	.tutb_box,.tuto_box{ height:auto;}
	.ashy,.group,.ashy_b{ float:none; width:100%; height:auto}
	.picScroll-left .bd ul li{ width:220px; height:275px; margin-right:35px}
	.picScroll-left .bd ul li .pic{ height:185px; line-height:185px;}
	.picScroll-left .bd ul li .title{ height:88px;}
	.photo{width:calc(100% - 74%);}
	.neir{ width:72%;}
	.member li .pic{ height:163px; line-height:163px;}
	.member li .pic a{ width:107px; height:107px; line-height:107px;}
	.member li .pic a img{ max-width:107px; max-height:107px;}
	.member .title{ height:73px;}
        .pc-pic{display:none}
        .yd-pic{display:block}
	.piclist li{ width:calc(50% - 2%)}
        .piclist li a.tp{height:225px;line-height:220px}
	.enclosure .imglist li{width:calc(33.3333% - 2%); height:122px; }
	.enclosure .imglist li span{ line-height:120px;}
        .enclosure .imglist li span img{max-height:120px;}
	.structure dl dt{ width:30%;}
        .direction-pc{display:none}

        .direction-yd{display:block;    padding: 20px 15px 35px 15px;}
 .moblie{display:block;    padding: 20px 15px 35px 15px;}
.List li{padding:15px;}
.banner .intro .shade{display:none;}
.swiper-container {height: 230px;}
	}
	
@media (max-width: 640px) {
.swiper-slide img{height:212px;}
	.intro{ width:100%; padding:20px;}
	.intro h1{ color:#000}
	.intro p{ color:#333}
	.r_sbox{ width:50%;}
	.r_sbox .search{width:59%;}
	.news{ width:50%;}
	.position{ float:left;}
	.picScroll-left .bd ul li{ width:185px; height:225px; margin-right:30px}
	.picScroll-left .bd ul li .pic{ height:153px; line-height:153px;}
	.picScroll-left .bd ul li .pic a{ width:107px; height:107px;}
	.picScroll-left .bd ul li .pic a img{width:107px; height:107px;}
	.picScroll-left .bd ul li .title{ height:88px;}
	.photo{width:calc(100% - 70%);}
	.neir{ width:68%;}
	.photo a{ line-height:138px;}
	.member li{ width:calc(33.333% - 2%)}
	.piclist li a.tp{ height:128px; line-height:123px;}
	.piclist li a.tp img{ max-height:123px;}
	.enclosure .imglist li{width:calc(33.3333% - 2%); height:122px; }
	.enclosure .imglist li span{ line-height:120px;}
	.structure dl dt{ width:40%;}
	.structure dl dt{ width:100%; display:block; background:#f5f8fc;}
	.structure dl dd{display:block; padding-left:5%; background:#fff;}
	}
@media (max-width: 576px) {
.swiper-slide img{height:190px;}
	.intro{ width:100%; padding:20px;}
	.intro h1{ color:#000}
	.intro p{ color:#333}
	.news,.r_sbox{ float:none; width:auto}
	.r_sbox{ text-align:center}
	.r_sbox .search{ width:66%;}
	.r_sbox .search input[type="text"]{ width:77%;}
	.picScroll-left .bd ul li{ width:185px; height:225px; margin-right:30px}
	.picScroll-left .bd ul li .pic{ height:153px; line-height:153px;}
	.picScroll-left .bd ul li .pic a{ width:107px; height:107px;}
	.picScroll-left .bd ul li .pic a img{width:107px; height:107px;}
	.picScroll-left .bd ul li .title{ height:88px;}
	.photo{ width:100%; float:none; margin-top:15px;}
	.photo a{ width:37%; line-height:190px; margin-right:auto; margin-left:auto; display:block}
	.neir{ width:100%; float:none;margin-top:15px;}
	.member li{ width:calc(50% - 2%)}
	.piclist li a.tp{ height:107px; line-height:102px;}
	.piclist li a.tp img{ max-height:102px;}
	}
@media (max-width: 414px) {
.swiper-slide img{height:132px;}
	.logo span{margin-left: 58px; line-height:30px;background: #0c60a9;font-size: 16px; color:#fff; padding:0 10px;margin-top:5px;}
	.swiper-container-horizontal>.swiper-pagination-bullets{ width:100%; text-align:center;}
	.intro{ width:100%; padding:20px; position:relative; background:#fff;}
	.intro h1{ color:#000}
	.intro p{ color:#333}
	.news,.r_sbox{ float:none; width:auto}
	.r_sbox{ text-align:center}
	.r_sbox .search{ width:66%;}
	.r_sbox .search input[type="text"]{ width:77%;}
	.teacher_img{ float:none; margin:0 auto 15px auto}
	.brief h3,.brief .deg{ text-align:center;}
	.picScroll-left .bd ul li{ width:150px; height:225px; margin-right:15px}
	.picScroll-left .bd ul li .pic{ height:153px; line-height:153px;}
	.picScroll-left .bd ul li .pic a{ width:107px; height:107px;}
	.picScroll-left .bd ul li .pic a img{width:107px; height:107px;}
	.picScroll-left .bd ul li .title{ height:88px;}
	.copy{ float:none; border-bottom:1px solid #434547; width:65%; border-right:0; padding-bottom:10px; margin-bottom:10px; }
	.lxfs{ float:none; margin-left:0; width:100%;border-left:0}
	.ewm{ position:absolute; top:0; right:10px}
	.photo a{ width:45%; margin-right:auto; margin-left:auto; display:block}
	.direction{ padding:20px 15px 35px 15px}
	.member li,.piclist li{ width:calc(50% - 2%)}
	.enclosure .imglist li{width:calc(50% - 2%); height:122px; }
	.enclosure .imglist li span{ line-height:120px;}
	.content .Subtitle .click{ margin-top:15px;}
	}
@media (max-width: 380px) {
       .swiper-slide img{height:120px;}
	.intro{ width:100%; padding:20px; position:relative; background:#fff;}
	.intro h1{ color:#000}
	.intro p{ color:#333}
	.news,.r_sbox{ float:none; width:auto}
	.r_sbox{ text-align:center}
	.r_sbox .search{ width:59%;}
	.r_sbox .search input[type="text"]{ width:67%;}
	.ewm{width:105px;}
	.ewm img{ max-width:105px; max-height:105px;}
	.flip li span{ display:block; width:auto}
	}
@media (max-width: 320px) {
       .swiper-slide img{height:98px;}
	.intro{ width:100%; padding:20px; position:relative; background:#fff;}
	.intro h1{ color:#000}
	.intro p{ color:#333}
	.r_sbox .search{ width:55%;}
	.r_sbox .search input[type="text"]{ width:64%}
	.ewm{width:95px;}
	.ewm img{ max-width:95px; max-height:95px;}
	.photo a{ width:53%;}
	.member li .pic{ height:137px; line-height:137px;}
	.member li .pic a{ width:87px; height:87px; line-height:87px;}
	.member li .pic a img{ max-width:87px; max-height:87px;}
	.member .title h1{ font-size:14px;}
	.piclist li a.tp{ height:110px; line-height:105px;}
	.piclist li a.tp img{ max-height:105px;}
	.enclosure .imglist li{width:calc(50% - 2%); height:102px; }
	.enclosure .imglist li span{ line-height:100px;}
.enclosure .imglist li span img{  max-height:100px; }
	}



.pages table td,.pages table td div {
    font-family: "微软雅黑" !important;
}

.pages .PrevDisabled,.pages .Next,.pages a.Prev,.pages .NextDisabled {
    border: 1px solid #0d60a0 !important;
    height: 25px !important;
    line-height: 25px !important;
    color: #0d60a0 !important;
    padding: 0 10px !important;
    font-family: "微软雅黑" !important;
    vertical-align: middle;
   box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.pages input[type="button"] {
    padding: 0 10px !important;
    height: 25px !important;
    ; line-height: 25px !important;
    background: #0d60a0 !important;
    color: #fff !important;
    border: 0 !important;
    vertical-align: top;
    box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.pages input.defaultInputStyle {
    margin-left: 5px !important;
    margin-right: 5px !important;
    border: 1px solid #333 !important;
    height: 25px !important;
    line-height: 25px !important;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 5px !important;
   box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.defaultButtonStyle {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#0d60a0, EndColorStr=#0d60a0)!important;
    CURSOR: pointer;
    line-height: 14px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d60a0), to(#0d60a0))!important;
    background: -moz-linear-gradient( top,#0d60a0,#0d60a0)!important;
    background: -ms-linear-gradient(top,#0d60a0 0%,#0d60a0 100%)!important;
   box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}