﻿@charset "utf-8";
/* CSS Document */
body{ background:url(../images/body-bg.jpg); padding-bottom:30px;}
.bg-col{ background:url(../images/bg-col.png); position:fixed; width:100%; height:100%; left:0; top:0; z-index:9; display:none;}
.none{ display:none;}
.opt0{filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.wrap{ width:1366px; margin:0 auto; position:relative;}
.mob-logo,.mob-nav,.mob-hoc{ display:none;}
.top{ border-top:10px solid #b3e534; padding:22px 0 10px; background:#fff;}
.search{ width:305px; height:40px; padding:5px; border:1px solid #a0a0a0; border-radius:10px; overflow:hidden;}
.search input.inp01{ float:left; height:30px; width:250px; padding:0 5px; border:none;}
.search input.inp02{ border:none; border-left:1px solid #a0a0a0; float:left; width:43px; height:30px; background:url(../images/search.jpg) no-repeat center center;}
.ind-login a{ margin-left:20px;}
.ind-login a img{ margin-right:10px;}
.logo{ width:77px; height:106px; position:absolute; left:50%; bottom:10px; margin-left:-38px;}
.nav{ margin-top:45px; line-height:50px; height:50px;}
.nav li{ font-size:18px; float:left; margin:0 25px;}
.nav li.mlc{ margin-left:220px;}
.nav li a{ color:#333; padding:0 12px; height:50px; display: inline-block;}
.nav li a:hover,.nav li a.cur{ border-bottom:1px solid #b3e534;}
.index-main{ padding:65px 0 155px;}
.lines{ height:10px; width:175px; margin:0 auto; background:#b3e534;}
.lb-tit{ font-size:48px; text-align:center; font-weight:bold; text-transform:uppercase; color:#606060; margin-top:25px;}
.cn-name{ color:#606060; font-size:24px; font-weight:bold; text-align:center;}
.telst{ text-align:center; color:#606060; font-weight:bold; margin-top:10px;}
.cons-olt{ margin-top:30px; position:relative; height:410px; width:100%; overflow:hidden;}
.oclt{ position:absolute; top:0; width:49%; transition:all 0.5s linear;}
.oclt > a{ display:block; width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.5); z-index:1;transition:all 0.5s linear;}
.oclt.cur > a{background:rgba(0,0,0,0); transition:all 0.5s linear;}
.oclt > img{ width:100%; height:auto;}
.oclt .tit{ width:35%; text-align:center; position:absolute; top:40%; color:#fff; z-index:2; font-size:30px;transition:all 0.5s linear; padding:0 10px;}
.oclt .tit span{ display:inline-block; border-bottom:0px solid #fff;transition:all 0.5s linear;}
.oclt.cur .tit{ width:100%; top:25%; font-size:48px;transition:all 0.5s linear;}
.oclt.cur .tit span{ padding:0 10px; border-bottom:1px solid #fff;transition:all 0.5s linear;}
.oclt .tits a{ color:#fff;}
.oclt .tits{font-size:30px;transition:all 0.5s linear;color:#fff; z-index:2;position:absolute; top:25%; width:35px; text-align:center; left:10%; line-height:1.2;}
.oclt.cur .tits{ width:100%; left:0; top:40%;transition:all 0.5s linear;}


.oclt .tit > a{ position:relative; top:40px; display:inline-block;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all 0.5s linear;}
.oclt.cur .tit > a{ top:10px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;transition:all 0.5s linear 0.5s;}
.oclt .tit span a{ color:#fff;}
.oclt.dlc01{ left:0%; z-index:1;}
.oclt.dlc02{ left:49%; z-index:2;}
.oclt.dlc02.domec{ left:17%; transition:all 0.5s linear;}
.oclt.dlc03{ left:66%; z-index:3;}
.oclt.dlc03.domec{ left:34%; transition:all 0.5s linear;}
.oclt.dlc04{ left:83%; z-index:4;}
.oclt.dlc04.domec{ left:49%; transition:all 0.5s linear;}

.foot{ background:#fff; padding:30px 0;}
.foot dl{ width:14%; text-align:center; float:left;}
.foot dl dt{ font-size:18px; line-height:35px;}
.foot dl a{ color:#333;}
.foot dl a:hover{ color:#b3e534}
.foot dl dd{ font-size:12px; line-height:25px;}
.copst{ text-align:center; font-size:12px; margin-top:25px;}
.ny-banner{ height:370px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.dre-sot{ position:relative; z-index:2;}
.dre-sot .lsolt{ position:absolute; height:70px; padding:0 36px; width:100%; top:-70px;}
.dre-sot .lsolt .moclt{ background:rgba(244,244,244,0.7); height:70px;}
.dre-sot .lsolt .moclt span{ float:right; font-size:12px; line-height:70px;}
.dre-sot .lsolt .moclt i a{ font-size:18px; color:#333; margin-right:30px; line-height:50px; height:50px; margin-top:10px; display:inline-block; padding:0 12px;}
.dre-sot .lsolt .moclt a.cur{ color:#6e920d; border-bottom:5px solid #6e920d;}
.dre-sot .lsolt > span{ display:block; width:36px; height:70px; position:absolute; top:0;}
.dre-sot .lsolt .ols01{ left:0; background:url(../images/b01.png);}
.dre-sot .lsolt .ols02{ right:0; background:url(../images/b02.png);}
.cp-lb{ padding:30px 0 100px;}
.cp-lb h2{ font-size:30px; border-bottom:4px solid #333; line-height:1.8;}

.contents{width:100%; padding:30px 0;}
.item{ border:1px solid #eee; background:#fff;}
.item .pic{ padding:5px;}
.item .pic img{width:100%;height:auto;}
.item .news-item-info{ padding:0 5%;}
.item .news-item-info h5{ font-size: 16px; color:#333; line-height:35px; height:35px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.item .news-item-info .news-item-time{ color: #999;font-style: oblique;}
.item .news-item-info .news-item-txt{line-height: 25px;color: #666; padding-bottom: 20px; text-indent:2em;}
.item .dpts{line-height: 40px;height: 40px;border-top: 1px solid #eee; padding: 0 10px; color:#ccc;}
.item .dpts .ops01{ display:inline-block; background:url(../images/time.jpg) no-repeat left center; padding-left:20px;}
.item .dpts .ops02{ display:inline-block; margin-left:15px; background:url(../images/admin.jpg) no-repeat left center; padding-left:20px;}
.cs-olt{ position:absolute; right:45px; bottom:0; padding:10px; border:1px solid #ddd; background:#fff; display:none;}
.pis-lbc{ padding-bottom:30px;}
.pic-net.fl{ margin-right:1%;}
.pic-net span{ z-index:1; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; transition:all 0.5s linear;}
.pic-net:hover span{filter:alpha(opacity=0);-moz-opacity:0;opacity:0; transition:all 0.5s linear;}
.pic-net{ width:49.5%; position:relative;}
.pic-net .lb-olt{ width:364px; height:181px; background:url(../images/k.png) no-repeat center center/100%; position:absolute; top:50%; left:50%; margin-left:-182px; margin-top:-90px; color:#4e4e4e; text-align:center; padding-top:15px; z-index:2}
.pic-net .lb-olt dt{ line-height:50px; font-size:30px;}
.pic-net .lb-olt dd{ font-size:60px; line-height:1;}
.cp-stl{ padding:30px 0 100px;}
.silt{ width:49%;}
.silt a{ display:block; width:48%; position:relative;}
.silt a.mt20{ margin-top:20px; width:100%;}
.silt a.mb20{ margin-bottom:20px; width:100%;}
.silt a .bg-olt{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4); left:0; top:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all 0.5s linear;}
.silt a:hover .bg-olt{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;transition:all 0.5s linear;}
.silt a .sltm{ width:100%; text-align:center; position:absolute; left:0; height:100px; top:50%; margin-top:-50px; color:#fff;}
.silt a .sltm dt{ height:50px; position:relative; left:-30px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all 0.5s linear;}
.silt a:hover .sltm dt{ left:0px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;transition:all 0.5s linear;}
.silt a .sltm dd{ height:50px; line-height:50px; font-size:24px; position:relative; right:-30px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all 0.5s linear;}
.silt a:hover .sltm dd{ right:0px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;transition:all 0.5s linear;}
.silt a span{ position:absolute;}
.silt a span.line01{ left:10%; top:15%; width:0; height:1px; background:#fff;transition:all 0.5s linear;}
.silt a span.line03{ right:10%; bottom:15%;width:0; height:1px; background:#fff;transition:all 0.5s linear;}
.silt a:hover span.line01,.silt a:hover span.line03{ width:80%;transition:all 0.5s linear 0.3s;}
.silt a span.line02{ right:15%; top:10%; width:1px; height:0; background:#fff;transition:all 0.5s linear;}
.silt a span.line04{ left:15%; bottom:10%; width:1px; height:0; background:#fff;transition:all 0.5s linear;}
.silt a:hover span.line02,.silt a:hover span.line04{ height:80%;transition:all 0.5s linear 0.3s;}
.dolst20{ margin-top:0px;}
.pic-solx{ width:32%; position:relative;}
.molt02{ margin:0 2%;}
.pic-solx span{ z-index:1; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; transition:all 0.5s linear;}
.pic-solx:hover span{filter:alpha(opacity=0);-moz-opacity:0;opacity:0; transition:all 0.5s linear;}

.pic-solx p{ width:45%; height:80px; line-height:80px; color:#333; font-size:50px; position:absolute; left:27%; top:50%; margin-top:-40px; background:rgba(255,255,255,0.6); text-align:center; z-index:2;}
.osl-olm{ padding:30px 0; font-size:18px; line-height:2;}
.osl-olm img{ max-width:100%;}
.osl-olm p{ /*text-indent:2em;*/}
.osl-olm dl{ width:31.3%; margin:0 1%; float:left; margin-top:20px;}
.osl-olm dd{ margin-top:10px;}
.cot-flad{ margin-top:30px; background:rgba(255,255,255,1); padding:10px 30px 30px; border:1px solid #333;}
.cot-flad h3{ background:url(../images/st.jpg) repeat-x left center; text-align:center; font-size:26px;}
.cot-flad h3 span{ display:inline-block; padding:0 10px; line-height:1.2; padding-top:10px;background:rgba(255,255,255,1);}
.cot-flad h3 i{ font-size:38px;}
.ylcs{ padding:50px 0;}
.ylcs dl{ width:25%; text-align:center; float:left;}
.ylcs dl dd{ padding:10px 0; line-height:30px; font-size:20px;}
.ylcs dl .oltx{ border-bottom:3px solid #666;}
.qyx{ padding:30px 0;}
.colstm{ padding-top:20px; font-size:18px; line-height:2;}
.conolt{ padding-top:30px;}
.map-opt{ width:48%; float:left;}
.rilso{ width:48%; float:right;}
.rilso dl{ padding:15px 0;}
.rilso dt{ float:left; width:7%; margin-right:2%; padding-top:10px;}
.rilso dt img{ width:100%;}
.rilso dd{ width:91%; float:left; font-size:18px; line-height:1.5}
.rilso dd span{ font-size:24px;}
.picls{ width:48%;}
.titols{ width:48%; background:#fff; height:550px; overflow:auto; padding:10px 20px 10px 10px; line-height:3;}
.blikt{ margin-top:20px;}
.elsp{ padding-top:30px;}
.elsp ul li{ width:48.5%; margin-bottom:30px; position:relative;}
.elsp ul li:nth-child(odd){ float:left;}
.elsp ul li:nth-child(even){ float: right;}
.elsp ul li .bgls{ background:rgba(0,0,0,0.6); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.elsp ul li .tit{ color:#fff; text-align:center; font-size:30px; z-index:2; position:absolute; left:0; top:40%; text-align:center; width:100%;}
.mlots{ padding-top:30px;}
.mlots dl{ float:left; text-align:center; width:25%; padding:0 5px; margin-bottom:15px;}
.mlots dd{ line-height:35px;}
.mall-ol li{ width:25%; padding:0 5px; float:left;}
.news-sol{ padding-top:30px;}
.news-sol .pic{ width:40%;}
.news-sol .pic img{ width:100%;}
.news-sol .con{ line-height:2; width:58%;}
.news-sol .con p{ text-indent:2em;}
.serit{ padding-top:30px;}
.loclt,.coltm{ width:49%;}
.loclt h3{ line-height:60px; border-bottom:1px solid #198bcc; font-size:24px; background:url(../images/xs.jpg) no-repeat left center; text-indent:20px; font-weight:normal;}
.loclt .titx{ text-align:center; padding:20px 0; line-height:20px;}
.loclt table{}
.loclt table td{ padding:12px 3px;}
.loclt table td span{ color:#e67317; margin-left:3px;}
.loclt table td .lilx{ width:210px;}
.loclt table td textarea{ width:100%; padding:5px; height:80px;}
.loclt table td .buitm{ height:42px; width:100px; color:#fff; background:url(../images/nm.jpg) repeat-x; border:none; cursor:pointer; border-radius:5px;}
.coltm{ background:#fff; padding:0 10px;}
.coltm h3{line-height:60px; font-size:24px; background:url(../images/xs.jpg) no-repeat left center; text-indent:20px; font-weight:normal;}




@media (max-width: 1366px){
.wrap{ width:100%;}
.nav li{ margin:0; width:12.5%;}
.logo{ display:none;}
.nav li.mlc{ margin:0;}
}
@media (max-width: 1025px){
body{ padding-top:60px;}
.top{ height:62px; padding:0; border-bottom:2px solid #b3e534; background:url(../images/body-bg.jpg); position:fixed; z-index:10; top:0; left:0; width:100%;}
.top .wrap{ padding:0 3%;}
.nav,.search,.ind-login{ display:none;}
.mob-logo,.mob-nav,.mob-hoc{ display:block;}
.mob-nav{ float:right; height:50px; width:50px; background:url(../images/gd02.png) no-repeat center center; cursor:pointer;}
.mob-hoc{ float:right; height:50px; width:50px; background:url(../images/gd01.png) no-repeat center center;}
.mob-hoc a{ display:block; width:100%; height:100%;}
.nav{ background:url(../images/body-bg.jpg); position: fixed; z-index:10; top:62px; right:0; width:50%; max-width:300px; margin:0; height:auto; border:1px solid #b3e534; border-top:none; border-right:none;}
.nav li{ width:100%; float:none; line-height:40px; height:40px; font-size:14px; border-bottom:1px solid #b3e534;}
.nav li a{ display:block; width:100%; height:100%;}
.nav li a:hover,.nav li a.cur{ border-bottom: none;}
.index-main{ padding:20px 0;}
.cons-olt{ height:auto;}
.oclt{ position:relative; width:45.5%; margin-left:3%; float:left; margin-bottom:12px;}
.oclt.dlc02,.oclt.dlc03,.oclt.dlc04,.oclt.dlc01{ left:0;}
.oclt.dlc02.domec,.oclt.dlc03.domec,.oclt.dlc04.domec{ left:0;}
.oclt .tit{ width:100%;}
.oclt.cur .tit{ font-size:30px; top:40%;}
.oclt .tit span,.oclt.cur .tit span{border-bottom: none; padding:0;}
.oclt .tit > a{ display:none;}
.oclt.cur > a{background:rgba(0,0,0,0.5);}
.pic-solx p{ font-size:20px;}
.oclt .tits{ width:100%; left:0; top:40%;}
}

@media (min-width: 641px){
.years-news li:hover a{ color:#fff; left:-50px; transition:left 0.5s linear;}
.header-T .nav li a:hover,.melt-nav a:hover,.cos-olt li a:hover .pic img,.cos-olt li a:hover .bg-col,.melt-nav > a:hover,.years-news li:hover,.cos-olt li a:hover .tit .msic span,.cos-olt li a:hover .tit .msic i{ transition:all 0.3s linear;}
.btlst.animateon,.melt-nav.animateon,.comp-main .pic.animateon img,.comp-main .tit.animateon,.cos-olt li.animateon{ transition:all 1s ease;}
.lec-cn.animateon,.roc-cn.animateon{ transition:all 2s ease;}
.header-T .nav li:hover .zonlk{   top:35px; z-index:10; opacity:1; transition:all 0.5s linear;}
}
@media (max-width: 640px){
.pic-net.fl{ margin-right:0%;}
.lines{ height:6px;}
.lb-tit{ font-size:24px; margin-top:12px;}
.cn-name{ font-size:16px;}
.oclt .tit,.oclt.cur .tit{ font-size:16px; top:35%;}
.bot-nav{ display:none;}
.copst,.molt02{ margin:0;}
.foot{ padding:20px 3%;}
.ny-banner{ height:200px;}
.dre-sot .lsolt{ position:relative; top:0; padding:0; height:45px;}
.dre-sot .lsolt > span{ display:none;}
.dre-sot .lsolt .moclt{ height:45px; line-height:45px; background:none;}
.dre-sot .lsolt .moclt span{ display:none;}
.dre-sot .lsolt .moclt i a{ display:none; margin:0;}
.dre-sot .lsolt .moclt i a.cur{ display:block; border-bottom:2px solid #000; color:#000;}


.contents{ padding:10px 0;}
.cp-lb{ padding:20px 3% 30px}
.cp-lb h2{ font-size:16px; text-align:center; display:none;}
.pic-net{ width:100%;}
.pic-net .lb-olt{ width:180px; height:90px; margin-left:-90px; margin-top:-45px; padding-top:5px;}
.pic-net .lb-olt dt{ font-size:16px; line-height:30px;}
.pic-net .lb-olt dd{ font-size:18px;}
.silt{ width:100%;}
.silt a span{ display:none;}
.silt a .bg-olt{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.silt a .sltm{ width:112px; height:78px; background:url(../images/xk.png) no-repeat center center/100%; position:absolute; left:50%; top:50%; margin-left:-56px; margin-top:-39px;}
.silt a .sltm dt{ height:40px; padding-top:10px; left:0;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.silt a .sltm dt img{ height:30px;}
.silt a .sltm dd{ right:0; height:38px; line-height:38px; font-size:16px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.cp-stl{ padding:20px 0;}
.dolst20{ margin-top:20px;}
.pic-solx{ width:100%;}
.osl-olm{ padding:10px 0; font-size:14px;}
.osl-olm dl{ width:100%; margin:15px 0 0;}
.cot-flad{ border:none; padding:10px 0;}
.cot-flad h3{ font-size:16px;}
.cot-flad h3 i{ font-size:20px;}
.ylcs{ padding:20px 0;}
.ylcs dl{ width:50%;}
.ylcs dl dd{ font-size:14px;}
.colstm{ font-size:14px;}
.map-opt{ width:100%;}
.rilso{ width:100%; margin-top:20px;}
.rilso dt{ width:10%;}
.rilso dt img{ width:80%;}
.rilso dd{ width:86%; font-size:14px;}
.rilso dd span{ font-size:16px;}
.picls{ width:100%;}
.titols{ width:100%;}
.oclt .tits{ font-size:16px;}
.elsp ul li .tit{ font-size:18px;}
.mlots{ padding:0;}
.mlots dl{ width:50%;}
.mall-ol li{ width:50%; margin-bottom:10px;}
.news-sol .pic,.news-sol .con{ width:100%;}
.cp-lb h2.xlkt{ display:block; line-height:50px; height:50px; border-bottom:2px solid #333; font-size:18px; text-align:left;}
.loclt,.coltm{ width:100%;}
.loclt table td .lilx{ width:180px;}
.serit{ padding:0;}




}
