@charset "utf-8";

/* Style Reset */
html { font-size: 12px; }
body, p, h1, ul, li, input, img, figure { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { list-style: none; }
a { text-decoration: none; outline: 0px; }
fieldset, img { border: 0; }
img { }
.clear { clear: both; width: 100%; }

/* nav */
body { position: relative; width: 100%; overflow-x: hidden; background: #fff; }
.allpage { position: relative; z-index: 10; background: #fff; }
.nav { width: 220px; height: 100%; position: absolute; right: 0; top: 0; background: #161e29; z-index: 1; display: none }
.nav li { width: 220px; height: 53px; margin: 0 auto; border-bottom: 1px solid #233040; }
.nav li a { display: block; width: 100%; height: 50px; font: 700 16px/50px '微软雅黑'; color: #fff; text-indent: 60px; border-bottom: 1px solid #233040; }
.nav li a span { margin-right: 3% }
#allmap { width: 100%; height: 37rem; margin: 1rem 0 2rem }
.share { width: 160px; margin: 5rem auto; }

/*font*/
@font-face { font-family: "iconfont"; src: url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'); }
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

/*top*/
.search_btn { position: absolute; width: 19.375%; right: 1.09375%; top: 63.07%; }
.search { position: absolute; width: 84.375%; left: 7.5%; bottom: -7rem; height: auto; overflow: hidden; background: #fff; z-index: 2; display: none; border-radius: 1rem; border: 1px solid #242b3d }
.search form { width: 100%; height: 100% }
.text { float: left; width: 70%; height: 4.3rem; border: 0; font-size: 16px; font-family: "microsoft yahei"; color: #939393; text-indent: 1em; background: none }
.btn { float: right; width: 20%; height: 100%; border: 0; font: 3rem/4.4rem "microsoft yahei"; color: #fff; -webkit-appearance: none; border-radius: 0; background: #0b4b72; background: -moz-linear-gradient(top, #0b4b72, #041e32); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0b4b72), to(#041e32)); background: -o-linear-gradient(top, #0b4b72, #041e32); }
.topbg { width: 100%; height: auto; position: relative; background: #010b17; z-index: 3 }
.logo { display: block; width: 65.625%; overflow: hidden; margin-left: 4.6875% }
.logo img { max-width: 100%; }
.navbtn { position: absolute; width: 10.9375%; right: 0; top: 0; color: #fff; text-align: center; font: 3.2rem/8.2rem "microsoft yahei"; text-shadow: 3px 3px 5px #1d2c6e; }

/* banner */
.big-pic { width: 100%; position: relative; z-index: 2; margin: 0 auto 6%; }
.big-pic-in { position: relative; width: 100%; height: auto; overflow: hidden; margin: 0 auto; }
.pic-list { position: relative; height: auto; -webkit-transform: translate3d(0, 0, 0); z-index: 0; }
.pic-list img { float: left; height: auto; width: 100%; display: block; }
.big-pic2 .pic-list { width: 200%; }
.big-pic2 .pic-list img { width: 50%; }
.big-pic3 .pic-list { width: 300%; }
.big-pic3 .pic-list img { width: 33.333334%; }
.big-pic4 .pic-list { width: 400%; }
.big-pic4 .pic-list img { width: 25%; }
.slide-dot { width: 100%; text-align: center; height: 16px; padding-top: 4px; overflow: hidden; position: absolute; bottom: 5px; display: none }
.slide-dot span { display: inline-block; width: 8px; height: 8px; border-radius: 8px; vertical-align: top; z-index: 10; margin: 0 7px; background: #fff }
.slide-dot span.slide-dot-cur { z-index: 10; vertical-align: top; background: #6b1b55 }
.transition { -moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }

/* index */
.title { width: 87.5%; margin: 2% auto; height: auto; overflow: hidden }
.title span { float: left; font: 2.4rem/4.4rem "microsoft yahei"; color: #073858; display: block; }
.title span i { color: #ffa800; font-style: normal }
.title a { float: right; font: 2rem/4.4rem "microsoft yahei"; color: #062f4a }
.title1bg { background: url(../images/line1.jpg) 82.64% center no-repeat; background-size: 42.96% }
.title2bg { background: url(../images/line2.jpg) 80.64% center no-repeat; background-size: 50.96% }
.ipro, .ibtns { width: 92.8125%; margin: 2% auto; height: auto; overflow: hidden }
.ipro li, .ibtns li { width: 48%; float: left; height: auto; overflow: hidden }
.ipro li a, .ibtns li a { display: block; width: 88.55%; margin: 0 auto 3%; }
.ipro li a span { width: 100%; font: 2rem/4rem "microsoft yahei"; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #3c3c3c }
.ipro li a img, .ibtns li a img {width: 100% }
.inews { width: 100%; height: auto; overflow: hidden }
.inews li { width: 100%; height: auto; overflow: hidden; background: #eaeaea }
.inews li:nth-child(2n) { background: #fff; }
.news li { background: #fff; }
.news li:nth-child(2n) { background: #eaeaea; }
.inews li a { float: left; width: 68%; height: 4.2rem; font: 2rem/4.2rem "microsoft yahei"; color: #4e4d4d; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-left: 6.25%; }
.inews li span { float: right; margin-right: 4.25%; font: 2rem/4.2rem "microsoft yahei"; color: #4e4d4d; }

/* foot */
.foot_nav { width: 87.5%; margin: 2% auto; overflow: hidden; height: 6.68rem; background: url(../images/foot_btns.jpg) 0 0 no-repeat; background-size: 100% 100%; }
.foot_nav a { display: block; float: left; width: 16.6%; height: 6.68rem; text-align: center; font: 2.4rem/6.68rem "microsoft yahei"; color: #fff; overflow: hidden }
.support { font: 2rem/4rem "microsoft yahei"; text-align: center; color: #08273b }
.support a { color: #08273b }
.foot { width: 100%; height: 8.6rem; overflow: hidden; background: #08273b }
.foot a { display: block; float: left; width: 25%; text-align: center; height: 8.6rem; font: 2rem/1 "microsoft yahei"; text-align: center; color: #fff; }
.foot a:nth-child(1) { background: #071c29 }
.foot a span { display: block; width: 100%; text-align: center; font: 4rem/6rem "microsoft yahei"; color: #fff; }

/* subpage */
.sub_top { width: 100%; height: 5.2rem; background: #ebebeb; position: relative }
.sub_top_left { display: block; float: left; width: 10.9375%; height: 5.2rem; font: 3.3rem/5.2rem "microsoft yahei"; text-align: center; color: #010b17 }
.sub_top_right { display: block; float: right; width: 10.9375%; height: 5.2rem; font: 3.3rem/5.2rem "microsoft yahei"; text-align: center; color: #010b17 }
.class { display: block; float: right; width: 25%; height: 5.2rem; font: 2.6rem/5.2rem "microsoft yahei"; text-align: center; color: #010b17 }
.sub_name { width: 56%; position: absolute; left: 22%; height: 5.2rem; overflow: hidden; text-align: center; font: 2.6rem/5.2rem "microsoft yahei"; color: #010b17; }
.sub_page { width: 100%; min-height: 40rem; overflow: hidden; font: 2rem/180% "microsoft yahei"; color: #393131 }
#allmap { width: 100%; height: 37rem; margin: 1rem 0 2rem }
.share { width: 160px; margin: 5rem auto; }
.about { width: 87.5%; margin: 2% auto; height: auto; overflow: hidden; }
.class_list { position: absolute; width: 59.375%; background: #021020; top: 5.2rem; right: 0; height: auto; display: none }
.class_list li { width: 100%; height: auto; overflow: hidden; text-indent: 7.36%; }
.class_list li a { color: #fff; border-bottom: 1px solid #0c2541; display: block; font: 2.2rem/4rem "microsoft yahei"; color: #fff; position: relative }
.class_list li dl { border-bottom: 1px solid #0c2541; }
.class_list li dd a { border-bottom: 0 }
.class_list li a span { position: absolute; right: 7.36%; top: 0; color: #5c7e96 }
.more { display: block; margin: 2% auto; background: url(../images/more.jpg) 0 0 no-repeat; width: 23.125%; height: 4rem; font: 2rem/3.6rem "microsoft yahei"; text-align: center; color: #08273b; overflow: hidden; background-size: 100% 100%; }

/* view */
.about h1 { width: 100%; text-align: center; font: 3rem/5rem "microsoft yahei"; color: #07304c; }
.about img { max-width: 100% }
.page { display: block; width: 100%; height: 3.8rem; font: 2rem/3.8rem "microsoft yahei"; color: #777; background: #ddd; border-radius: 3.8rem; margin: 2% auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-indent: 1rem; }
.back { display: block; width: 33.57%; margin: 2% auto; height: 4rem; border-radius: 4rem; font: 2rem/4rem "microsoft yahei"; color: #08273b; text-align: center; }
.searchnull { text-align: center; }
@media all and (min-width:640px) {
	body { width: 640px; margin: 0 auto; position: relative; }
}

.dede_pages { }
.dede_pages ul { float: left; padding: 12px 0px 12px 16px; }
.dede_pages ul li { float: left; font-family: Tahoma; line-height: 17px; margin-right: 6px; border: 1px solid #E9E9E9; }
.dede_pages ul li a { float: left; padding: 2px 4px 2px; color: #555; display: block; }
.dede_pages ul li a:hover { color: #690; text-decoration: none; padding: 2px 4px 2px; }
.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover { background-color: #F8F8F8; padding: 2px 4px 2px; font-weight: bold; }
.dede_pages .pageinfo { line-height: 21px; padding: 12px 10px 12px 16px; color: #999; }
.dede_pages .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px; }