@import 'animate.css';
@import 'skin.css';

/******************************
 ** 初始化
** 1.2.0
 ******************************/
* { margin: 0; padding: 0; }
body { font: 14px/2 'Microsoft Yahei', Arial; color: #666; background: #f8ffed; }
img { border: 0px; }
ul, ol { list-style-type: none; vertical-align: bottom; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea, select { font: 14px/1 'Microsoft Yahei', Arial; color: #666; outline: 0; }
textarea { resize: none; overflow: auto; }
h1,h2,h3,h4,h5,h6,font { font-size: 14px; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:hover { color:#02913f; }
a img { transition: all .5s ease; }

.clear { float: none !important; clear: both; +line-height: 0; +font-size: 0; +height: 0; }
.hidden { display: none; visibility: visible; }
.wrap { width: 1200px; margin: 0 auto; position: relative; }


/******************************
 ** 首页
 ******************************/
.header { height: 130px; background: #f8ffed; }
.header .logo { float: left; margin: 30px 20px 0 0; padding: 0 20px 0 0; background: url(../images/header-line.png) right center no-repeat; }
.header .logo img { display: block; height: 70px; }
.header .tag { float: left; margin: 40px 0 0; }
.header .tag h2,
.header .tag h3 { font-weight: normal; line-height: 20px; font-size: 16px; color: #333; }
.header .tag h2 { line-height: 26px; font-size: 24px; color: #02913f; font-weight: bold; margin: 0 0 5px; }
.header .tel { float: right; margin: 70px 0 0; padding: 0 0 0 40px; background: url(../images/header-tel.png) left center no-repeat; white-space: nowrap; }
.header .tel h2,
.header .tel h3 { display: inline-block; +display: inline; +zoom: 1; font-weight: normal; line-height: 30px; font-size: 16px; }
.header .tel h3 { font-weight: bold; font-size: 26px; color: #ffd126; }
.header .url { position: absolute; right: 0; top: 30px; }
.header .url li { display: inline-block; +display: inline; +zoom: 1; margin: 0 0 0 10px; }
.header .url a { display: block; line-height: 26px; background: #02913f; color: #fff; padding: 0 10px; border-radius: 10px 0 10px 0; }
.header .url a:hover { background: #ffd126; }

.nav { height: 70px; background: #028c3a; position: relative; z-index: 20; }
.nav li { float: left; width: 120px; height: 70px; position: relative; z-index: 20;}
.nav li > a { display: block; height: 70px; line-height: 70px; font-size: 18px; color: #fff; text-align: center; transition: none; transition: background .5s ease; }
.nav .drop { position: absolute; left: 0; top: 70px; width: 100%; background: url(about:blank) center center repeat #017c2c; display: none;  }
.nav .drop dl { position: relative; }
.nav .drop dd { line-height: 50px; text-align: center; }
.nav .drop a { display: block; padding: 0 8px; color: #fff; }
.nav .drop a:hover { background: url(../images/nav-hover.png) center center repeat-x #02d75a; }
.nav li.active > a { background: url(../images/nav-bj.png) center center repeat-x #02d75a; }
.nav li.current > a { background: url(../images/nav-bj.png) center center repeat-x #02d75a; }

.banner { position: relative; z-index: 8; padding: 0 0 250px; margin-bottom: -220px; }
.banner .list { position: relative; overflow: hidden; z-index: 1; }
.banner .list li { position: absolute; width: 100%; height: 100%; overflow: hidden; background: #FFF; display: none; z-index: 1; }
.banner .list li:first-child { display: block; }
.banner .list li.active { z-index: 2; }
.banner .list img { position: relative; display: block; width: 1920px; left: 50%; margin: 0 0 0 -960px; }
.banner .dots { position: absolute; left: 50%; bottom: 350px; margin: 0 0 0 -50px; line-height: 0; z-index: 18; }
.banner .dots li { display: inline-block; +display: inline; +zoom: 1; width: 40px; height: 40px; background: url(../images/banner-dots.png) 0 0 no-repeat; margin: 0 1px; cursor: pointer; }
.banner .dots li.active { background-position: -40px 0; }
.banner .prev,
.banner .next { width: 80px; height: 80px; position: absolute; top: 50%; margin: -200px 0 0; z-index: 9; cursor: pointer; display: none; }
.banner .prev { background: url(../images/banner-pw.png) 0 0 no-repeat; left: 50px; }
.banner .next { background: url(../images/banner-pw.png) 0 -80px no-repeat; right: 50px; }
.banner .prev:hover { background-position: -80px 0; }
.banner .next:hover { background-position: -80px -80px; }
.banner .list,
.banner .list img { height: 660px; }
.banner.mini .list,
.banner.mini .list img { height: 560px; }
.banner .shadow { position: absolute; left: 0; right: 0; bottom: 0; z-index: 15; height: 386px; background: url(../images/banner-shadow.png) center top no-repeat; }

.seacher { position: relative; z-index: 10; height: 40px; margin: 0  0 50px; }
.seacher .key { line-height: 26px; }
.seacher .key dt,
.seacher .key dd { display: inline-block; +display: inline; +zoom: 1; vertical-align: middle; }
.seacher .key dt { width: 90px; padding: 9px; background: url(../images/seacher-key.png) 0 center no-repeat; color: #fff; }
.seacher .sos { position: absolute; right: 0; top: 0; padding: 0 60px 0 0; border: 1px solid #02913f; }
.seacher .txt { height: 28px; line-height: 28px; background: none; border: 0; padding: 0 0 0 10px; }
.seacher .submit { position: absolute; top: 0; right: 0; bottom: 0; background: #02913f; color: #fff; border: 0; width: 60px; cursor: pointer; }
.seacher .submit:hover { background: #028339; }

.ipro { position: relative; z-index: 11; }
.ipro .left { float: left; background: url(../images/ipro-left.png) center bottom no-repeat #02913f; width: 290px; }
.ipro .right { float: right; background: none; width: 870px; }
.ipro .thead { height: 55px; background: url(../images/ipro-thead.png) center center no-repeat; border-bottom: 1px solid #027c2c; color: #fff; padding: 30px 0 30px 30px; position: relative; }
.ipro .thead h2 { line-height: 35px; font-size: 22px; }
.ipro .thead h3 { line-height: 20px; font-weight: normal; }
.ipro .thead i { position: absolute; right: -30px; top: -40px; width: 150px; height: 140px; /* background: url(../images/ipro-thead-f.png) 0 0 no-repeat;  */}
.ipro .tmenu { height: 242px; padding: 15px 15px; color: #fff; }
.ipro .tmenu dd { background: url(../images/ipro-tmenu-line.png) center bottom no-repeat; }
.ipro .tmenu dd span { display: block; line-height: 50px; padding: 0 0 0 60px; cursor: pointer; background: url(../images/ipro-tmenu.png) 10px center no-repeat; }
.ipro .tmenu dd.active { background: #32db36; color: #017c2c; border-radius: 4px; }
.ipro .tmenu dd.active span { background-image: url(../images/ipro-tmenu2.png); }
.ipro .tmore { padding: 20px 50px; margin-top: 90px;}
.ipro .tmore a { display: block; line-height: 50px; background: url(../images/ipro-tmore.png) center center no-repeat; text-align: center; color: #fff; }
.ipro .tmore a:hover { animation: pulse .5s ease infinite; }
.ipro .tel { margin: 0 35px 30px; padding: 0 0 0 55px; background: url(../images/ipro-tel.png) 0 center no-repeat; }
.ipro .tel h2 { line-height: 20px; color: #fff; font-weight: normal; white-space: nowrap; }
.ipro .tel h3 { line-height: 30px; color: #ffd126; font-size: 24px; white-space: nowrap; }
.ipro .head { height: 50px; line-height: 40px; border-bottom: 2px solid #02913f; margin: 0 0 25px; background: url(../images/ipro-head-line.png) left bottom no-repeat; }
.ipro .head h2,
.ipro .head h3 { display: inline-block; +display: inline; +zoom: 1; vertical-align: middle; }
.ipro .head h2 { font-size: 26px; color: #02913f; }
.ipro .head h3 { font-size: 20px; color: #32db36; font-weight: normal; text-transform: uppercase; margin: 0 0 0 10px; }
.ipro .main { width: 100%; position: relative; overflow: hidden; }
.ipro .list { width: 105%; display: none; }
.ipro .list:first-child { display: block; }
.ipro .item { float: left; width: 267px; padding: 5px; margin: 0 20px 20px 0; background: url(../images/ipro-h3.png) center bottom no-repeat #02913f; }
.ipro .item .img { height: 200px; overflow: hidden; background: #fff; }
.ipro .item img { display: block; width: 100%; height: 200px; }
.ipro .item h3 { line-height: 50px; text-align: center; font-size: 16px; font-weight: normal; }
.ipro .item h3 a { display: block; color: #fff; }
.ipro .item:hover img { transform: scale(1.1, 1.1); }

.iadvan { padding: 50px 0 0; margin: 0 0 -30px; }
.iadvan .sketch { float: left; width: 720px; }
.iadvan .sketch img { display: block; width: 100%; height: 670px; }
.iadvan .main { padding: 0 0 0 750px; }
.iadvan .head { margin: 0 0 20px; }
.iadvan .head h3 { line-height: 40px; font-size: 30px; color: #02913f; padding: 0 0 20px; background: url(../images/iadvan-head.png) left bottom repeat-x; margin: 0 0 10px; }
.iadvan .head h4 { line-height: 30px; font-size: 20px; color: #02913f; }
.iadvan .head h5 { line-height: 20px; font-size: 12px; color: #333; font-weight: normal; }
.iadvan .head b { color: #ffd126; }
.iadvan .list { border-left: 1px solid #04984d; margin: 0 0 0 30px; padding: 0 0 0 50px; }
.iadvan .list dd { margin: 0 0 10px; position: relative; }
.iadvan .list span { position: absolute; left: -77px; top: 0; width: 55px; height: 65px; line-height: 65px; text-align: center; background: url(../images/iadvan-circle.png) center center no-repeat; color: #fff; font-size: large; font-weight: bold; }
.iadvan .list h3 { height: 70px; line-height: 70px; padding: 0 0 0 30px; background: url(../images/iadvan-h3.png) left center no-repeat; position: relative; left: -10px; top: 10px; margin: 0 0 15px; font-size: 18px; color: #fff; font-weight: normal; }
.iadvan .list p { line-height: 30px; }

.iadv { height: 270px; padding: 130px 0 0; background: url(../images/iadv-bj.png) center center no-repeat; color: #fff; }
.iadv h2 { line-height: 50px; font-size: 35px; }
.iadv h3 { line-height: 50px; font-size: 20px; font-weight: normal; margin: 0 0 30px; }
.iadv .tel { display: inline-block; +display: inline; +zoom: 1; vertical-align: middle; background: url(../images/iadv-tel.png) left center no-repeat; padding: 0 20px 0 50px; }
.iadv .tel span,
.iadv .tel b { font-size: 28px; }
.iadv .tel b { color: #ffd126; }
.iadv .url,
.iadv .url li { display: inline-block; +display: inline; +zoom: 1; vertical-align: middle; margin: 0 0 0 10px; }
.iadv .url a { display: block; line-height: 40px; padding: 0 20px; background: #fff; color: #02913f; font-size: 18px; border-radius: 15px 0 15px 0; }
.iadv .url a:hover { background: #ffd126; color: #fff; }

.icase { padding: 0 0 50px; }
.icase .head { height: 130px; text-align: center; background: url(../images/icase-head.png) center center no-repeat; margin: 0 0 70px; }
.icase .head h2 { line-height: 40px; padding: 70px 0 0; font-size: 36px; color: #02913f; margin: 0 0 8px; }
.icase .head a { padding: 3px 12px; background: #02913f; color: #fff; }
.icase .head a:hover { background: #ffd126; }
.icase .main { position: relative; overflow: hidden; }
.icase .list { width: 102%; overflow: hidden; }
.icase .item { float: left; width: 396px; height: 505px; position: relative; overflow: hidden; margin: 0 8px 8px 0; }
.icase .item img { display: block; width: 100%; height: 100%; }
.icase .item .shadow { position: absolute; left: 0; right: 0; bottom: 0; background: url(../images/icase-shadow.png) 0 0 repeat; padding: 15px; color: #fff; }
.icase .item h3 { line-height: 30px; font-size: 20px; }
.icase .item p { font-size: 16px; }
.icase .item span { color: #ffd126; margin: 0 0 0 10px; }
.icase .item2 { float: left; width: 396px; height: 297px; position: relative; overflow: hidden; margin: 0 8px 8px 0; }
.icase .item2 img { display: block; width: 100%; height: 100%; }
.icase .item2 .shadow { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/icase-shadow.png) 0 0 repeat; padding: 15px; color: #fff; display: none; }
.icase .item + .item2,
.icase .item + .item2 + .item2,
.icase .item + .item2 + .item2 + .item2 { width: 260px; height: 200px; }
.icase .item2 h3 { padding: 30% 0; text-align: center; font-size: 18px; font-weight: normal; }
.icase .item2 i { display: block; width: 100%; height: 25px; background: url(../images/icase-h3.png) center center no-repeat; }
.icase .item:hover img { transform: scale(1.1,1.1); }
.icase .item2:hover img { transform: scale(1.1,1.1); }
.icase .item2:hover .shadow { display: block; }
.icase .item2:hover h3 { animation: zoomIn .5s ease; }

.iabout { height: 490px; background: url(../images/iabout-bj.png) center top no-repeat; }
.iabout .sketch { float: left; }
.iabout .head { padding: 0 0 55px 640px; }
.iabout .head h2 { line-height: 40px; font-size: 36px; color: #02913f; }
.iabout .head h3 { line-height: 55px; font-size: 40px; color: #c5e1c3; font-weight: normal; text-transform: uppercase; }
.iabout .info { padding: 0 0 0 640px; color: #fff; text-align: center; }
.iabout .info p { text-align: left; line-height: 2.4; margin: 0 0 30px; }
.iabout .info a { line-height: 30px; padding: 5px 20px; margin: 0 10px; background: #fff; color: #02913f; font-size: 18px; border-radius: 15px 0 15px 0; }
.iabout .info a:hover { background: #ffd126; color: #fff; }

.inews { padding: 0 0 50px; }
.inews .head { height: 130px; text-align: center; background: url(../images/icase-head.png) center center no-repeat; margin: 0 0 70px; }
.inews .head h2 { line-height: 40px; padding: 70px 0 0; font-size: 36px; color: #02913f; margin: 0 0 8px; }
.inews .head a { padding: 3px 12px; background: #02913f; color: #fff; }
.inews .head a:hover { background: #ffd126; }
.inews .first { float: left; width: 535px; padding: 10px; background: #02913f; }
.inews .first .img { overflow: hidden; margin: 0 0 8px; }
.inews .first img { display: block; width: 100%; }
.inews .first .shadow { color: #fff; position: relative; }
.inews .first h3 { line-height: 30px; font-size: 22px; font-weight: normal; }
.inews .first h3 a { color: #fff; }
.inews .first h4 { position: absolute; right: 0; top: 0; line-height: 30px; color: #ffd126; font-size: 16px; }
.inews .first p { line-height: 25px; font-size: 16px; opacity: .9; }
.inews .first p a { color: #fff; }
.inews .first:hover img { transform: scale(1.1,1.1); }
.inews .list { float: right; width: 620px; }
.inews .item { height: 150px; padding: 0 0 0 220px; margin: 0 0 20px; position: relative; }
.inews .item .img { position: absolute; left: 0; top: 0; width: 200px; height: 150px; overflow: hidden; }
.inews .item img { display: block; width: 100%; height: 100%; }
.inews .item h3 { line-height: 40px; padding: 0 0 0 30px; background: url(../images/inews-dd.png) left center no-repeat; font-size: 20px; }
.inews .item h3 a { color: #02913f; }
.inews .item .f { line-height: 30px; padding: 5px 0; color: #666; border-bottom: 1px solid #c7e9ca; margin: 0 0 5px; }
.inews .item p { line-height: 25px; color: #333; }
.inews .item:hover img { transform: scale(1.1,1.1); }
.inews .item:hover h3 a { text-decoration: underline; }

.subnav { height: 70px; background: #02913f; border-bottom: 1px solid #1aac31; }
.subnav .f { }
.subnav .head { float: left; margin: 15px 40px 0 0; width: 140px; height: 40px; border-right: 1px solid #1aac31; color: #fff; }
.subnav .head h2 { line-height: 25px; font-weight: normal; font-size: 16px; }
.subnav .head h3 { line-height: 15px; font-weight: normal; text-transform: uppercase; }
.subnav .list { float: left; }
.subnav .list dd { float: left; line-height: 70px; font-size: 16px; }
.subnav .list a { display: block; width: 110px; color: #fff; text-align: center; }
.subnav .list a:hover { opacity: .7; }

.footer { background: #017c2c; padding: 15px 0; }

.subcontact { float: left; }
.subcontact .head { width: 110px; border-bottom: 1px solid #1aac31; margin: 0 0 15px; }
.subcontact .head h2 { line-height: 60px; font-size: 16px; font-weight: normal; color: #fff; white-space: nowrap; padding: 0 0 0 35px; background: url(../images/subcontact-icon.png) left center no-repeat; }
.subcontact .info { color: #fff; }
.subcontact .info p { line-height: 30px; }

.subcode { float: right; width: 300px; margin: 80px 0 0 0; color: #fff; text-align: center; }
.subcode dd { float: right; width: 110px; margin: 0 0 0 40px; }
.subcode img { display: block; width: 100%; margin: 0 0 10px; }
.subcode h3 { font-weight: normal; }

.subtel { float: right; width: 200px; margin: 80px 0 0 0; text-align: right; }
.subtel .qq { display: inline-block; +display: inline; +zoom: 1; margin: 0 0 20px; }
.subtel .qq a { display: block; line-height: 34px; padding: 0 10px 0 35px; background: url(../images/subtel-qq.png) 2px center no-repeat #1aac31; color: #fff; }
.subtel .qq a:hover { background-color: #ffd126; }
.subtel h2 { line-height: 30px; font-size: 16px; color: #fff; font-weight: normal; }
.subtel h3 { line-height: 40px; font-size: 22px; color: #ffd126; }

.sublink { overflow: hidden; padding: 0 0 0 35px; background: url(../images/sublink-icon.png) left center no-repeat; }
.sublink li { float: left; color: #fff; margin: 0 20px 0 0; }
.sublink a { color: #fff; }
.sublink a:hover { opacity: .7; filter:Alpha(opacity=70); }

.bottomer { padding: 15px 0; line-height: 30px; background: #017c2c; color: #fff; border-top: 1px solid #1aac31; }

.copyright { }
.copyright a { color: #fff; }
.copyright a:hover { opacity: .7; filter:Alpha(opacity=70); }
.icp { position: absolute; right: 0; top: 0; }

.toolbar { position:fixed; top:300px; right:1px; z-index:100; }
.toolbar > * { width:60px; height:60px; position:relative; background:#02913f; margin:0 0 1px; }
.toolbar > *.itop { background:#02913f; }
.toolbar > *:first-child { border-top:0; }
.toolbar > * > a { display:block; width:60px; height:60px; text-align:center; color:#FFF; background:url(../images/toolbar-icon.png) center 0 no-repeat; }
.toolbar .qq a { background-position:center 0; }
.toolbar .qiao a { background-position:center -60px; }
.toolbar .tel a { background-position:center -120px; }
.toolbar .code a { background-position:center -180px; }
.toolbar .itop a { background-position:center -240px; }
.toolbar > * > a:hover { background-color: #ffd126; }
.toolbar .drop-code { position:absolute; bottom:0; right:62px; background:#ffd126; padding:5px; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:145px; display:none; }
.toolbar .drop-code img { display:block; width:145px; height:145px; }
.toolbar .drop-code h3 { font-weight:normal; }
.toolbar .drop-tel { position:absolute; top:0; right:62px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:152px; height:60px; line-height:60px; padding:0 0 0 10px; background:#ffd126; color:#FFF; font-size:16px; }
.toolbar .qq:hover,
.toolbar .qiao:hover,
.toolbar .tel:hover,
.toolbar .code:hover { background-color:#ffd126; }
.toolbar .itop:hover { background-color:#ffd126; }







/******************************
 ** 内页架构
 ** 上下式
 ******************************/
.wrapper { width: 1200px; margin: 0 auto; position: relative; z-index: 10; padding: 0 0 50px; background: url(about:blank) center center repeat-y; }
.sidebar { float: left; width: 260px; height: auto; }
.container { margin: 0 0 0 300px; }

.location { position: relative; height: 54px; line-height: 54px; margin: 0 0 20px; border-bottom: 1px dashed #999; }
.location .head h2 { display: inline-block; +display: inline; +zoom: 1; vertical-align: middle; font-size: 20px; font-weight: normal; }
.location .head h3 { display: none; }
.location .path { position: absolute; right: 0; top: 0; font-size: 15px;  }

.side-menuer { margin: 0 0 20px; padding: 20px; background: #02913f;  }
.topclass { padding: 0 0 20px; color: #fff; border-bottom: 1px solid #027c2c; text-align: center; }
.topclass h2 { line-height: 30px; font-size: 24px; margin: 0 0 5px; }
.topclass h3 { line-height: 20px; text-transform: uppercase; font-weight: normal; opacity: .9; filter: Alpha(opacity=90); }
.side-menu { padding: 20px 0 0; }
.side-menu dd > a { display: block; padding: 0 20px; margin: 0 0 10px; line-height: 40px; font-size: 16px; background:  #027c2c; color: #fff; }
.side-menu .drop { overflow: hidden; margin: 0 0 15px; display:none; }
.side-menu .drop li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEX///+nxBvIAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==) 10px center no-repeat; }
.side-menu .drop a { display: block; padding: 0 0 0 25px; height: 24px; line-height: 24px; color: #fff; }
.side-menu .drop a: hover { color: #027c2c; }
.side-menu dd > a:hover { background: #027c2c; }
.side-menu dd.current > a { background:  #32db36; color: #fff;  }
.side-menu dd.current .drop { display: block; }
.side-menu li.current > a { color: #c3a07d; }

.side-con { padding: 20px; background: #02913f; color: #fff; }
.side-con .info { line-height: 24px; text-align: justify; }

/* 地图 */
.map11{padding: 25px;}
.map11 li.item{ width:100%;  padding:10px 0px; text-align:left;  border-bottom:1px solid #c8c8c8;}
.map11 li.item a{line-height:30px; color:#393939; font-size:16px;   font-weight:bold; margin-right:15px;}
.map11 .subMap11{  text-align:left; margin-left:50px;}
.map11 .subMap11 li.item2{ margin:15px 0px; line-height:24px;}
.map11 .subMap11 .san{  text-align:left; margin-left:50px;}
.map11 .subMap11 .san a{  font-size:16px; font-weight:normal;}
.mab img{ max-width: initial;}