/* 设置 */
body{font-size:13px; line-height: 1.8; color: #555; background: #fff; }
.wrap { max-width: 1200px; margin-right: auto; margin-left: auto; *width: 1200px;}
a{color: inherit;}
a:hover { color:#e7463c;}
/* reset */
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body { font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
 overflow-x: hidden;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
.mr25{ margin-right:25px;}
.mr20{ margin-right:20px;}
.mt25{ margin-top:25px;}
.mt20{ margin-top:20px;}
.fl{ float:left;}
.fr{ float:right;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img {border:0;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
big { font-size: 1.3em;}
small { font-size: 0.77em;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
table { border-spacing: 0; border-collapse: collapse;background-color: transparent;}
td, th { padding: 0;}

@-ms-viewport { width: device-width;}

/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}

/*top*/
.topBar{ background:#5c5c5c; position:relative; z-index:20;}
.top-tit{ color:#FFF; font-size:14px; font-weight:200;float:left; line-height:30px; width:300px;}
.top-nav{ color:#989898; font-size:14px; font-weight:200;float:right;line-height:30px; width:500px; position:relative;}
.top-nav span{ display:block; position:absolute; background-image:url(/templets/hanhai/images/ico-2.png); background-repeat:no-repeat; height:30px; line-height:30px;}
.top-nav .mb{ width:80px; background-position:0 5px; padding-left:20px; right:340px;}
.top-nav .wx{ width:100px; background-position:0 -42px; padding-left:23px; right:240px;}
.top-nav .dh{ width:240px; background-position:0 -95px; padding-left:25px; right:0px;}
.top-nav a:hover{ color:#fff;}
.wx-show{ width: 118px; height:118px; position: absolute; left: 0; top: 100%; background: #fff; border-top:1px solid #fbfcfd; padding:8px; display:none;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}

.top{ background:#fff; position:relative; z-index:15;}
.logo{ padding:12px 0 0; }
.logo a{ line-height:0; font-size:0;}
.nav{ float:right;}
.nav > ul > li{float: left; font-size:16px; position:relative;}
.nav > ul > li > a{ display:block; padding:0 22px; transition:none; line-height:100px;}
.nav > ul > li.cur > a,.nav > ul > li > a:hover,.nav > ul > li.hover > a{ background:url(/templets/hanhai/images/nav_jt.png) no-repeat center 80px;}
.nav_layer { width: 450px; position: absolute; left: 0; top: 100%; background: #fff; border-top:1px solid #fbfcfd; padding:20px 0; display:none; -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.nav_layer ul { width: 130px; float: left; background:url(/templets/hanhai/images/nlay_xian.gif) repeat-y right; height:auto !important; height:195px; min-height:195px; }
.nav_layer li { text-align:center; }
.nav_layer li a { display: block; line-height:30px; font-size:13px; }
.nav_layer li a:hover { background:url(/templets/hanhai/images/nlay_dian.gif) no-repeat right; }
.nav_layer img { width:260px; height: auto; display: block; }
.nav_cont { font-size:12px; width:260px;float: left; padding-left:20px;}
.mobile_key{ display:none;}
.nav a:hover{color:#e7463c;}


.sub-about{ background:url(/templets/hanhai/images/about-banner.jpg);}
.sub-banner{ width:100%; height:292px;}
.banner-bor{ position:relative; height:292px;}
.banner-bor span{ position:absolute;  font-size:40px; color:#FFF; display:block;text-shadow: 0 0 10px #f96;}
.banner-bor .b-txt1{top:80px; left:100px;}
.banner-bor .b-txt2{top:120px; left:50px;}
.sub-content{ overflow:hidden;}
.sub-nav{ float:left; width:260px;}
.sub-tit{ background-color:#444; color:#fff; text-align:center; font-size:30px; line-height:100px; height:100px;}
.sub-pic{ height:110px; background:url(/templets/hanhai/images/about-01.jpg) no-repeat 0 0;} 
.sub-nav li{ display:block; line-height:40px; height:40px; border-bottom:#e0e0e0 solid 1px;}
.sub-nav li.curr{ background-color:#444;}
.sub-nav li a{ text-align:center; display:block; line-height:40px; font-size:16px; height:40px;background:url(images/ico-2.png) no-repeat 220px -226px; color:#444;}
.sub-nav li.curr a{ color:#fff;background:url(/templets/hanhai/images/ico-2.png) no-repeat 220px -190px;}
.sub-nav li a:hover{ color:#FFF; background-color:#444;}
.sub-cont { float:right; width:900px;}
.sub-cl{ height:40px; line-height:40px; border-bottom:#e0e0e0 1px solid;}
.sub-name{ float:left; width:80px; font-size:20px;}
.sub-crumbs{ float:right; background:url(/templets/hanhai/images/ico-2.png) no-repeat 0 -133px; padding-left:20px;}
.sub-bor{ margin-top:10px;}

.course { padding: 1px;}
.course .tab { width: 800px;margin: 0 auto;padding: 45px 0 0;position: relative;}
.course .tab .info { padding-bottom: 60px;overflow: hidden;position: relative;}
.course .tab .bd { border-bottom: 1px solid #e4e4e4;padding-bottom: 10px;}
.course .tab .bd li { cursor: pointer;float: left;width: 100px;text-align: center;position: relative;line-height: 30px;}
.course .tab .bd li .i { position: absolute;background: url(/templets/hanhai/images/ico16.png) no-repeat left top;width: 25px;height: 34px;left: 37px;bottom: -31px;}
.course .tab .bd li.on { font-size: 20px;color: #194069;}
.course .tab .bd li.on .i { background-position: right top;}
.course .tab .prev { background: url(/templets/hanhai/images/ico15.png) no-repeat;width: 28px;height: 28px;position: absolute;left: -50px;top: 50px;z-index: 10;}
.course .tab .next { background: url(/templets/hanhai/images/ico14.png) no-repeat;width: 28px;height: 28px;position: absolute;right: -50px;top: 50px;z-index: 10;}
.course .b1 { padding-bottom: 40px;}
.course .b1 li { zoom: 1;overflow: hidden;display: none;}
.course .b1 .img { width: 615px;}
.course .b1 .text { width: 240px;}
.course .b1 .text h4 { font-size: 25px;color: #194069;padding-bottom: 10px;margin-bottom: 10px;}
.course .b1 .text p { color: #a6a6a6;line-height: 2.2;}

.honor-pic{ text-align:center; padding:10px;}
.honor-list{ overflow:hidden}
.honor-list li { display:block; float:left; text-align:center; padding:15px; height:260px; line-height:25px; font-size:14px;}
.honor-list img{ display:block; width:260px; height:200px;}



.footer-bg{ background-image:url(/templets/hanhai/images/bg-03.jpg); height:350px;}
.footer{ position:relative;color:#fff; height:320px;}
.foot-fix { position:absolute;}
.foot-fix b{ font-size:16px; display:block; line-height:50px;}
.foot-fix p{ font-size:14px; line-height:30px; display:block; line-height:30px;}
.f-nav a{ color:#fff; display:block; height:30px; line-height:30px; font-size:14px;}
.f-nav{ left:40px; top:30px;}
.f-add{ left:200px;; top:30px;}
.f-flk{ left:600px;; top:30px;}
.f-ewm{ right:0; top:150px; width:300px;}
.f-ewm span{text-align:center; line-height:20px; float:left; width:102px; margin-right:20px;}
.f-ewm img{ display:block;}
.f-tel{ left:200px;; top:230px; font-size:18px}
.f-tel strong{ font-size:30px;}
.copyright{ background-color:#000; height:30px; line-height:30px; text-align:center;}
.about-txt { font-size:16px; line-height:35px; clear:left;}
.about-txt p{ text-indent:2em;}
.about-showpic { clear:left; margin-top:10px; padding:10px;}
.about-showpic li{ display:block; width:280px; height:200px; position:relative; float:left;}
.about-showpic img{position:absolute; z-index:2;}
.about-showpic span { position:absolute; bottom:0px; color:#fff;background-color:#000; text-align:center; line-height:30px; width:280px;height:30px; opacity: 0.7 ; filter: alpha(opacity=70); z-index:8;} 

.sub-about{ background:url(/templets/hanhai/images/about-banner.jpg);}
.sub-banner{ width:100%; height:292px;}
.banner-bor{ position:relative; height:292px;}
.banner-bor span{ position:absolute;  font-size:40px; color:#FFF; display:block;text-shadow: 0 0 10px #f96;}
.banner-bor .b-txt1{top:80px; left:100px;}
.banner-bor .b-txt2{top:120px; left:50px;}
.sub-content{ overflow:hidden;}
.sub-nav{ float:left; width:260px;}
.sub-tit{ background-color:#444; color:#fff; text-align:center; font-size:30px; line-height:100px; height:100px;}
.sub-pic{ height:110px; background:url(/templets/hanhai//images/about-01.jpg) no-repeat 0 0;} 
.sub-nav li{ display:block; line-height:40px; height:40px; border-bottom:#e0e0e0 solid 1px;}
.sub-nav li.curr{ background-color:#444;}
.sub-nav li a{ text-align:center; display:block; line-height:40px; font-size:16px; height:40px;background:url(/templets/hanhai/images/ico-2.png) no-repeat 220px -226px; color:#444;}
.sub-nav li.curr a{ color:#fff;background:url(/templets/hanhai/images/ico-2.png) no-repeat 220px -190px;}
.sub-nav li a:hover{ color:#FFF; background-color:#444;}
.sub-cont { float:right; width:900px;}
.sub-cl{ height:40px; line-height:40px; border-bottom:#e0e0e0 1px solid;}
.sub-name{ float:left; width:240px; font-size:20px;}
.sub-crumbs{ float:right; background:url(/templets/hanhai/images/ico-2.png) no-repeat 0 -133px; padding-left:20px;}
.sub-bor{ margin-top:10px;min-height:600px;}
.sub-bor h1{ font-size:18px; font-weight:bold; text-align:center; display:block; line-height:40px;}
.sub-bor .show-intro{ font-size:14px; line-height:25px;}


.culture{ overflow:hidden; margin-bottom:20px;}
.culture-con{ font-size:16px; line-height:35px;}
.culture-con h1{font-size:18px;color:#ff5900;font-weight:bold;line-height:50px; display:block; }
.culture-con span{font-size:16px;}


.anli-list img{transition: all 0.8s;}
.anli-list img:hover{-webkit-transform:scale(1.20);-moz-transform: scale(1.20);-o-transform:scale(1.20);}
.anli-list li a{width:210px; height:180px; overflow:hidden;display:block;}
.anli-list span a{height:30px;}
.anli-list a:hover{color:red;}

.pagelist {width:98%;overflow:hidden;padding:10px 0px;}
.pagelist li {list-style:none;float:left;border:1px solid #DEDEDE;margin-left:5px;padding:2px 6px;}
.pagelist span {float:left;padding:5px 10px 0px 10px;}
.pagelist .thisclass {background:#7b621e;border:1px solid #7b621e;color:#FFFFFF;}
.pagelist .thisclass a {color:#fff;}