﻿@charset "utf-8";
html,body { height:100%; overflow-x:hidden;}
body { min-height:100%; background:#fff; font:0/0 Arial; color:#595757;}
* { margin:0; padding:0; list-style:none;}
img { border:0;}
input,select,textarea { float:left; background:none; border:0; font:12px/20px "microsoft yahei";}
a,a:hover { text-decoration:none; color:#009944;}
a { color:#595757; blr:expression(this.onFocus=this.blur());}
:focus { outline:none;}
div { font:12px/20px "microsoft yahei";}
p,li,input,select,textarea { text-align:justify; text-justify:inter-ideograph;}
i,em,cite { font-style:normal;}
ul,ol,li { float:left;}
h1,h2,h3,h4,h5,h6 { font:12px/18px "microsoft yahei"; font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
.m_fl { float:left;}
.m_fr { float:right;}
.m_auto { margin:auto; float:none !important;}
.overflow,li { overflow:hidden;}
.clearfix:after { clear:both; content:"."; display:block; line-height:0; font-size:0; visibility:hidden;}
.ffsong { font-family:"SimSun";}
.ffyahei { font-family:"microsoft yahei";}
.hidden { display:none;}
.display { display:block;}
.img,.imgs,.photo .view_photo_img img { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center;}
#pop_ie { width:100%; height:100%; background:url(http://img.lzdal.cn/000_60.png); position:fixed; top:0; left:0; z-index:99999; display:none;}
#pop_ie i { color:#00f;}
#pop_ie ul { width:380px; height:164px; padding:20px 200px 20px 20px;; background:#fff; position:absolute; top:50%; left:50%; margin:-102px 0 0 -300px;}
#pop_ie ul li { margin-top:5px; font:14px/20px "microsoft yahei";}
#pop_ie ul li.title { margin-top:0; font:18px/18px "microsoft yahei"; color:#00f;}
#pop_ie ul li.tags { margin:15px 0 10px;}
#pop_ie ul img { width:174px; position:absolute; top:20px; right:20px;}
@font-face{ font-family:"ALTGOT2N"; src:url("/css/ALTGOT2N.woff") format("woff");}

/**头部和尾部**/
header { width:100%; background:#009944; position:relative; z-index:150;}
header .header { width:1200px; height:70px; position:relative;}

header .logo { height:52px; font:0/0 Arial; position:absolute; top:50%; left:0; margin-top:-26px;}
header .logo img { height:100%;}

header .nav { width:760px; height:100%; background:#009944; position:absolute; top:0; left:50%; margin-left:-345px; z-index:30;}
header .nav>li { width:75px; height:100%; margin:0 10px; text-align:center; font:15px/70px "microsoft yahei"; position:relative; overflow:visible;}
header .nav>li>a { float:left; width:100%; height:100%; color:#fff; position:relative; transition:all 1s;}
header .nav>li>a>i { width:0; height:6px; background:url(../images/nav_active.png) no-repeat center bottom; position:absolute; bottom:0; left:0; right:0; margin:0 auto; transition:all 0.3s;}
header .nav>li:hover>a,header .nav>li>a.active { color:#fdd000;}
header .nav>li:hover>a i,header .nav>li>a.active i { width:100%;}

header .nav>li ol { width:5000px; height:0; background:rgba(255,255,255,0.5); overflow:hidden; position:absolute; top:70px; left:50%; margin-left:-2500px;}
header .nav>li dl { float:left; height:12px; position:relative; top:50%; left:50%; margin-top:-6px;}
header .nav>li dd { float:left; height:100%; padding-left:15px; margin-left:14px; border-left:#b5b5b6 1px solid; font:12px/12px "microsoft yahei";}
header .nav>li dd:first-child { padding:0; margin:0; border:0;}
header .nav>li dd .active { color:#009944;}
header .nav>li:hover ol { height:40px;}

#index_search { width:450px; height:100%; position:absolute; top:50%; left:50%; margin:-35px 0 0 -225px; z-index:25;}
#index_search i,#index_search em,#index_search input { position:absolute; top:50%;}
#index_search i { width:31px; height:31px; background:url(../images/base.png) no-repeat -155px 0; left:0; margin-top:-15.5px; cursor:pointer;}
#index_search i:hover { background-position:-190px 0;}
#index_search em { width:45px; height:42px; border-radius:21px; right:0; margin-top:-21px; z-index:15;}
#index_search input[type=text] { width:404px; height:42px; border:#cce8d8 1px solid; border-radius:21px; text-indent:18px; font:12px/42px "microsoft yahei"; color:#cce8d8; right:0; margin-top:-22px; z-index:10;}
#index_search input[type=text]:focus { border-color:#78bc27; color:#78bc27;}
#index_search input[type=submit] { width:30px; height:30px; background:url(../images/base.png) no-repeat -50px 0; left:0; margin-top:-15px; cursor:pointer;}

header .icon { height:70px; position:absolute; top:50%; right:0; margin-top:-35px; z-index:20;}
header .icon li { width:70px; height:100%; position:relative; cursor:pointer; overflow:visible;}
header .icon li em { width:100%; height:100%; position:absolute; top:0; left:0; z-index:20;}
header .icon li i { width:30px; height:30px; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px;}
header .icon li.icon_none { width:500px; cursor:default;}
header .icon li.icon_search i { background-position:-50px 0;}
header .icon li.icon_tel i { background-position:-110px 0;}
header .icon li dl { height:24px; padding-top:10px; position:absolute; top:36px; right:-15px; color:#009944; transition:all 0.5s; z-index:10;}
header .icon li dt { width:11px; height:6px; background:url(../images/base.png) no-repeat -140px 0; position:absolute; top:3px; right:45px;}
header .icon li dd { float:left; width:300px; height:100%;}
header .icon li dd p { float:right; height:100%; padding:0 10px; background:#009944; border-radius:10px; font:14px/24px "microsoft yahei";}
header .icon li:hover em { background:#78bc27;}
header .icon li.icon_none:hover em { background:#009944;}
header .icon li.icon_tel:hover dl { top:70px; color:#fff;}

footer { width:100%; margin-top:40px; border-top:#009944 1px solid; border-bottom:#009944 50px solid;}
footer .footer { width:1200px; padding:20px 0; min-height:140px; position:relative;}

footer .copyright { width:100%; font:12px/20px "microsoft yahei"; color:rgba(255,255,255,0.6); position:absolute; bottom:-35px; left:0;}
footer .copyright p { text-align:center;}
footer .copyright font { font-family:Arial;}
footer .copyright a { color:rgba(255,255,255,0.6);}
footer .copyright a:hover { color:#fff; border-bottom:#fff 1px solid;}

footer .ewm { height:140px; position:absolute; top:20px; left:0;}
footer .ewm li { width:120px; height:100%; margin-right:40px; position:relative;}
footer .ewm li h3,footer .ewm li p { width:100%; overflow:hidden; position:absolute; left:0;}
footer .ewm li h3 { height:20px; text-indent:5px; font:12px/20px "microsoft yahei"; bottom:0;}
footer .ewm li .img { height:120px; top:0;}
footer .ewm li .img img { width:100%; min-height:100%;}
footer .ewm li i { width:9px; height:14px; background:url(../images/base.png) no-repeat -430px 0; position:absolute; top:50%; right:6px; margin-top:-7px;}

footer .contact { width:830px; position:absolute; top:25px; right:0;}
footer .contact p { float:left; margin-left:60px;}
footer .contact span { height:22px; font:12px/22px "microsoft yahei"; position:relative;}
footer .contact p em { width:22px; height:22px; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:-2px; left:0;}
footer .contact p em.addr { background-position:-440px 0;}
footer .contact p em.tel { background-position:-465px 0;}
footer .contact p em.email { background-position:-490px 0;}
footer .contact p em.www { background-position:-515px 0;}

#fixed_right { width:90px; position:fixed; bottom:0; right:0; z-index:10000;}
#fixed_right .list { width:100%;}
#fixed_right .list li { float:right; width:100%; height:90px; overflow:visible; position:relative;}
#fixed_right .list li:hover { background:rgba(0,0,0,0.3);}
#fixed_right .list li a { width:100%; height:100%; display:block;}
#fixed_right .list li i { width:40px; height:45px; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%; left:22.5px; margin-top:-22.5px;}
#fixed_right .list li.tel i { background-position:-230px 0;}
#fixed_right .list li.tel:hover i { background-position:-230px -45px;}
#fixed_right .list li.qq i { background-position:-270px 0;}
#fixed_right .list li.qq:hover i { background-position:-270px -45px;}
#fixed_right .list li.weixin i { background-position:-310px 0;}
#fixed_right .list li.weixin:hover i { background-position:-310px -45px;}
#fixed_right .list li.mobile i { background-position:-350px 0;}
#fixed_right .list li.mobile:hover i { background-position:-350px -45px;}
#fixed_right .list li.gotoTop i { background-position:-390px 0;}
#fixed_right .list li.gotoTop:hover i { background-position:-390px -45px;}
#fixed_right .list li.tel { transition:all 0.8s;}
#fixed_right .list li.tel:hover { width:330px;}
#fixed_right .list li.tel p { width:245px; height:20px; font:16px/24px "microsoft yahei"; color:#fff; position:absolute; top:50%; left:90px; margin-top:-10px;}
#fixed_right .list li dl { width:0; height:110px; overflow:hidden; position:absolute; top:50%; right:90px; margin-top:-55px; transition:all 0.5s;}
#fixed_right .list li dt,#fixed_right .list li dd { position:absolute; top:50%;}
#fixed_right .list li dt { width:6px; height:11px; background:url(../images/base.png) no-repeat -140px -10px; left:112px; margin-top:-5.5px;}
#fixed_right .list li dd { width:100px; height:100px; border:#78bc27 5px solid; overflow:hidden; left:0; margin-top:-55px;}
#fixed_right .list li dd img { width:100%; min-height:100%;}
#fixed_right .list li:hover dl { width:120px;}

/**首页**/
#header_index { position:fixed; top:0; left:0;}

#fixed_section { width:17px; height:200px; position:fixed; top:50%; left:25px; margin-top:-100px; z-index:2000;}
#fixed_section ul { width:100%; height:100%;}
#fixed_section ul li { width:100%; height:25px; position:relative; cursor:pointer;}
#fixed_section ul li i { width:11px; height:11px; background:#fff; border-radius:100%; position:absolute; top:50%; left:50%; margin:-5.5px 0 0 -5.5px;}
#fixed_section ul li:hover i { background:#00833a;}
#fixed_section ul li.active i { width:17px; height:17px; background:#00833a; margin:-8.5px 0 0 -8.5px;}

section { width:100%; height:100%; overflow:hidden; position:relative; z-index:100;}
section header { z-index:400;}

#slides { width:100%; height:100%; background:#181615; font:0/0 Arial; position:relative; z-index:300;}
#slides .imgs { width:100%; height:100%; position:absolute; top:50%; left:0; z-index:10;}
#slides .imgs ul { width:1000%; height:100%;}
#slides .imgs ul li { width:10%; height:100%; text-align:center;}
#slides .imgs ul li img { width:100%;}
#slides .list { width:100%; height:0; font:0/0 Arial; position:absolute; bottom:40px; left:0; z-index:20;}
#slides .list ul { width:100%; height:100%; text-align:center;}
#slides .list li { float:none !important; width:12px; height:100%; margin:0 10px; background:rgba(249,248,244,0.7); border-radius:12px; display:inline-block; font:0/0 Arial; cursor:pointer;}
#slides .list li.active { background:rgba(215,0,15,1);}
#slides .button { width:25px; height:100px; position:absolute; bottom:0; left:50%; margin-left:-12.5px; z-index:20; cursor:pointer;}
#slides .button ul { width:100%; height:40px; background:url(../images/base.png) no-repeat -50px -30px; position:absolute; top:0; left:0;}
#slides_prev,#slides_next { width:0; height:0; display:none; position:absolute; top:50%; z-index:5; cursor:pointer;}

.index_title { width:100%; height:40px; color:#094; position:relative;}
.index_title h5,.index_title h6 { position:absolute; left:0;}
.index_title h5 { font:bold 24px/24px "microsoft yahei"; top:0;}
.index_title h6 { font:12px/12px "microsoft yahei"; text-transform:uppercase; bottom:0;}

#index_about { background:#e8e8e8 url(../images/bg_about.jpg) no-repeat center center;}
.index_about { width:1200px; height:410px; position:relative; top:50%; margin-top:-160px;}

.index_about .index_title { top:-90px;}
.index_about .index_title h5,.index_about .index_title h6 { width:100%; text-align:center;}

.index_about_left { width:560px; height:100%; position:absolute; top:0; left:0; z-index:10;}
.index_about_left em { width:0; height:0; position:absolute;}
.index_about_left em i { position:absolute;}
.index_about_left em.top { top:-20px; right:-20px;}
.index_about_left em.top .t { width:46px; height:4px; background:#094; top:0; right:0;}
.index_about_left em.top .r { width:4px; height:46px; background:#094; top:0; right:0;}
.index_about_left em.bot { bottom:-20px; left:-20px;}
.index_about_left em.bot .b { width:46px; height:4px; background:#fff; bottom:0; left:0;}
.index_about_left em.bot .l { width:4px; height:46px; background:#fff; bottom:0; left:0;}
.index_about_left em.img { width:100%; height:100%; overflow:hidden; top:0; left:0; z-index:10;}
.index_about_left em.img img { width:100%; min-height:100%; transition:all 0.5s;}
.index_about_left em.img:hover img { transform:scale(1.1);}
.index_about_left em.video { width:120px; height:120px; bottom:-45px; right:-30px; z-index:20;}
.index_about_left em.video .img { width:100%; height:100%; overflow:hidden; background:#094; top:0; left:0; z-index:10;}
.index_about_left em.video .img img { width:100%; min-height:100%; opacity:0.5; transition:all 0.5s;}
.index_about_left em.video .icon { width:28px; height:28px; background:url(../images/base.png) no-repeat -80px -30px; top:33px; left:50%; margin-left:-14px; z-index:20;}
.index_about_left em.video .h1 { width:100%; text-align:center; font:14px/14px "microsoft yahei"; color:#fff; top:72px; left:0; z-index:20;}
.index_about_left em.video:hover .img img { opacity:1;}

.index_about_right { width:570px; position:absolute; top:0; right:0; z-index:20;}
.index_about_right dl { float:left; width:100%;}
.index_about_right .text { height:280px; margin-top:-5px;}
.index_about_right .more { margin-top:33px;}
.index_about_right .more a { float:left; width:100px; height:34px; background:#094; text-align:center; font:14px/34px "microsoft yahei"; color:#fff; transition:all 0.5s;}
.index_about_right .more a:hover { background:#78bc27;}
.index_about_right .info { height:80px; margin-top:33px; border-top:#afb7bb 1px solid; position:relative;}
.index_about_right .info dd { height:30px; padding:0 15px 20px 0; text-align:right !important; font:40px/40px "ALTGOT2N","microsoft yahei"; position:absolute; bottom:0; transition:all 0.5s;}
.index_about_right .info i { width:10px; font:12px/14px "microsoft yahei"; position:absolute; bottom:20px; right:0;}
.index_about_right .info em { width:100%; text-align:center; font:12px/12px "microsoft yahei"; position:absolute; bottom:0; left:0;}
.index_about_right .info .li01 { width:55px; left:0;}
.index_about_right .info .li02 { width:45px; left:110px;}
.index_about_right .info .li03 { width:60px; left:210px;}
.index_about_right .info .li04 { width:45px; left:330px;}
.index_about_right .info .li05 { width:33px; left:435px;}
.index_about_right .info .li06 { width:33px; right:0;}
.index_about_right .info dd:hover { color:#094;}

#index_zizhi { background:#00873c url(../images/bg_honor.jpg) no-repeat center center;}
.index_zizhi { width:1200px; height:410px; position:relative; top:50%; margin-top:-150px;}

.index_zizhi .index_title { color:#fff; top:-70px;}

.index_zizhi .button { height:32px; position:absolute; top:-60px; right:0;}
.index_zizhi .button li { width:30px; height:30px; margin-left:15px; border:#fff 1px solid; border-radius:5px; cursor:pointer; position:relative; transition:all 0.5s;}
.index_zizhi .button li i { width:10px; height:19px; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:50%; margin:-9.5px 0 0 -5px; transition:all 0.5s;}
.index_zizhi .button li.prev i { background-position:-110px -40px;}
.index_zizhi .button li.prev:hover i { background-position:-120px -40px;}
.index_zizhi .button li.next i { background-position:-140px -40px;}
.index_zizhi .button li.next:hover i { background-position:-130px -40px;}
.index_zizhi .button li:hover { border-color:#78bc27;}

.index_zizhi .list { width:100%; height:410px; position:absolute; top:0; left:0; z-index:20;}
#zizhi_auto { width:1000%; height:100%;}
.index_zizhi .list .content { width:10%; height:100%;}
.index_zizhi .list li { width:285px; height:100%; margin-left:20px; position:relative;}
.index_zizhi .list li:first-child { margin:0;}
.index_zizhi .list li h3,.index_zizhi .list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.index_zizhi .list li .img { height:100%; bottom:0; z-index:10;}
.index_zizhi .list li .img img { width:100%; min-height:100%;}
.index_zizhi .list li h3 { height:40px; background:rgba(120,188,39,0.8); text-align:center; font:14px/40px "microsoft yahei"; color:#fff; bottom:-40px; z-index:20; transition:all 0.5s;}
.index_zizhi .list li:hover h3 { bottom:0;}

#index_project { background:#ecedee url(../images/bg_project.jpg) no-repeat center center;}
.index_project { width:1200px; height:580px; position:relative; top:50%; margin-top:-230px;}

.index_project .index_title { top:-60px;}

.index_project .more { width:80px; height:34px; position:absolute; top:-54px; right:0; z-index:15;}
.index_project .more a { float:left; width:100%; height:100%; background:#094; text-align:center; font:14px/34px "microsoft yahei"; color:#fff; transition:all 0.5s;}
.index_project .more a:hover { background:#78bc27;}

.index_project .list { width:100%; height:100%; background:#f5f5f5; position:absolute; top:50%; left:50%; margin:-290px 0 0 -600px; z-index:20;}
.index_project .list li { width:300px; position:absolute;}
.index_project .list .li01 { height:200px; top:0; left:0;}
.index_project .list .li02 { height:380px; bottom:0; left:0;}
.index_project .list .li03 { height:200px; top:0; left:300px;}
.index_project .list .li04 { height:180px; top:200px; left:300px;}
.index_project .list .li05 { height:200px; bottom:0; left:300px;}
.index_project .list .li06 { height:200px; top:0; left:600px;}
.index_project .list .li07 { height:380px; bottom:0; left:600px;}
.index_project .list .li08 { height:380px; top:0; left:900px;}
.index_project .list .li09 { height:200px; bottom:0; left:900px;}
.index_project .list li p { width:100%; overflow:hidden; position:absolute;}
.index_project .list li .img { height:100%; top:0; left:0; z-index:10;}
.index_project .list li .img img { width:100%; min-height:100%; transition:all 0.5s;}
.index_project .list li .mask { width:0; height:0; margin:auto; background:rgba(0,153,69,0.5); top:0; right:0; bottom:0; left:0; z-index:20; transition:all 0.5s;}
.index_project .list li .info { height:105px; top:50%; left:50%; margin:-52.5px 0 0 -50%; z-index:30;}
.index_project .list li .info i,.index_project .list li .info strong,.index_project .list li .info b { text-align:center; color:#fff; position:absolute;}
.index_project .list li .info i { width:60px; height:60px; background:url(../images/base.png) no-repeat -50px -90px; top:0; left:50%; margin-left:-30px;}
.index_project .list li .info strong { width:100%; font:normal 14px/14px "microsoft yahei"; top:74px; left:0;}
.index_project .list li .info b { width:100%; font:normal 12px/12px Arial; text-transform:uppercase; top:95px; left:0;}
.index_project .list .li01 .info i { background-position:-50px -90px;}
.index_project .list .li02 .info i { background-position:-110px -90px;}
.index_project .list .li03 .info i { background-position:-170px -90px;}
.index_project .list .li04 .info i { background-position:-230px -90px;}
.index_project .list .li05 .info i { background-position:-290px -90px;}
.index_project .list .li06 .info i { background-position:-350px -90px;}
.index_project .list .li07 .info i { background-position:-410px -90px;}
.index_project .list .li08 .info i { background-position:-470px -90px;}
.index_project .list .li09 .info i { background-position:-530px -90px;}
.index_project .list li:hover .mask { width:100%; height:100%;}
.index_project .list li:hover .img img { transform:scale(1.1);}

#index_public { background:#00873c url(../images/bg_public.jpg) no-repeat center center;}
.index_public { width:1200px; height:480px; position:relative; top:50%; margin-top:-180px;}

.index_public .index_title { color:#fff; top:-60px; z-index:25;}

.index_public .button { height:32px; position:absolute; top:-60px; right:0; z-index:30;}
.index_public .button li { width:30px; height:30px; margin-left:15px; border:#fff 1px solid; border-radius:5px; cursor:pointer; position:relative; transition:all 0.5s;}
.index_public .button li i { width:10px; height:19px; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:50%; margin:-9.5px 0 0 -5px; transition:all 0.5s;}
.index_public .button li.prev i { background-position:-110px -40px;}
.index_public .button li.prev:hover i { background-position:-120px -40px;}
.index_public .button li.next i { background-position:-140px -40px;}
.index_public .button li.next:hover i { background-position:-130px -40px;}
.index_public .button li:hover { border-color:#78bc27;}

.index_public .list { width:100%; height:480px; padding:100px 0; position:absolute; top:-100px; left:0; z-index:20;}
#public_auto { width:1000%; height:100%;}
.index_public .list .content { width:10%; height:100%; position:relative;}
.index_public .list li { width:400px; height:240px; background:#f5fbfe; position:absolute;}
.index_public .list li.txt01 { bottom:0; left:0;}
.index_public .list li.txt02 { top:0; left:400px;}
.index_public .list li.txt03 { bottom:0; left:800px;}
.index_public .list li.img01 { top:0; left:0;}
.index_public .list li.img02 { bottom:0; left:400px;}
.index_public .list li.img03 { top:0; left:800px;}
.index_public .list li i { background:url(../images/base.png) no-repeat 100px 0; position:absolute;}
.index_public .list li h3,.index_public .list li h4,.index_public .list li p { width:360px; margin:0 20px; overflow:hidden; position:absolute; left:0}
.index_public .list li h3 { height:40px; padding-top:35px; text-align:center; font:14px/20px "microsoft yahei"; color:#fff; top:50%; margin-top:-37.5px; z-index:30; opacity:0; transition:all 0.5s;}
.index_public .list li h3 i { width:23px; height:23px; background-position:-150px -40px; top:0; left:50%; margin-left:-11.5px;}
.index_public .list li .img { width:100%; height:100%; margin:0; top:0; z-index:10;}
.index_public .list li .img img { width:100%; min-height:100%; transition:all 0.5s;}
.index_public .list li .mask { width:0; height:0; margin:auto; background:rgba(0,153,69,0.5); top:0; right:0; bottom:0; left:0; z-index:20; transition:all 0.5s;}
.index_public .list li:hover h3 { opacity:1;}
.index_public .list li:hover .img img { transform:scale(1.1);}
.index_public .list li:hover .mask { width:100%; height:100%;}
.index_public .list li h4 { height:16px; font:16px/16px "microsoft yahei"; top:40px;}
.index_public .list li h4 a { transition:all 0.5s;}
.index_public .list li .date { height:12px; text-indent:16px; font:12px/12px Arial; color:#898989; top:70px; transition:all 0.5s;}
.index_public .list li .date i { width:11px; height:11px; background-position:-175px -40px; top:50%; left:0; margin-top:-5.5px; transition:all 0.5s;}
.index_public .list li .info { height:60px; top:110px; color:#898989; transition:all 0.5s;}
.index_public .list li .more { height:12px; bottom:40px;}
.index_public .list li .more a { padding-right:25px; font:12px/12px "microsoft yahei"; color:#898989; position:absolute; top:0; right:0; transition:all 0.5s;}
.index_public .list li .more i { width:20px; height:6px; background-position:-165px -65px; position:absolute; bottom:0; right:0; transition:all 0.5s;}
.index_public .list li:hover .date i { background-position:-175px -53px;}
.index_public .list li:hover h4 a,.index_public .list li:hover .date,.index_public .list li:hover .info,.index_public .list li:hover .more a { color:#094;}
.index_public .list li:hover .more i { background-position:-140px -65px;}

#index_news { background:#f0f0ef url(../images/bg_news.jpg) no-repeat center center;}
.index_news { width:1200px; height:360px; position:relative; top:50%; margin-top:-230px;}

.index_news .index_title { top:-60px;}

.index_news .className { height:34px; position:absolute; top:-54px; right:0;}
.index_news .className a { float:left; width:80px; height:100%; margin-left:10px; background:#094; text-align:center; font:14px/34px "microsoft yahei"; color:#fff; transition:all 0.5s;}
.index_news .className a:hover { background:#78bc27;}

.index_news .imglist { width:0; height:400px; overflow:hidden; position:absolute; top:0; right:0; left:0; margin:0 auto;}
.index_news .imglist li { width:1200px; height:360px; background:#009944; position:absolute; top:0; left:50%; margin-left:-600px;}
.index_news .imglist li.bg { height:40px; background:url(../images/bg_news.png) no-repeat; top:360px;}
.index_news .imglist li h3,.index_news .imglist li p { width:500px; overflow:hidden; color:#fff; position:absolute; right:50px;}
.index_news .imglist li h3 { height:56px; font:16px/28px "microsoft yahei"; top:40px;}
.index_news .imglist li h3 a { color:#fff;}
.index_news .imglist li .img { width:50%; height:100%; top:0; right:600px;}
.index_news .imglist li .img img { width:100%; min-height:100%;}
.index_news .imglist li .icon { height:2px; top:125px;}
.index_news .imglist li .icon i { width:22px; height:100%; background:#fff; position:absolute; top:0; left:0;}
.index_news .imglist li .info { height:60px; top:170px;}
.index_news .imglist li .more { height:34px; bottom:50px;}
.index_news .imglist li .more a { float:left; width:100px; height:100%; background:#78bc27; text-align:center; font:14px/34px "microsoft yahei"; color:#fff; transition:all 0.5s;}
.index_news .imglist li .more a:hover { background:#595757;}

.index_news .txtlist { width:100%; height:165px; position:absolute; top:420px; left:0;}
.index_news .txtlist li { width:350px; height:100%; margin-left:75px; position:relative;}
.index_news .txtlist li:first-child { margin:0;}
.index_news .txtlist li h3,.index_news .txtlist li p { width:100%; overflow:hidden; position:absolute; left:0;}
.index_news .txtlist li i { background:url(../images/base.png) no-repeat 100px 0; position:absolute;}
.index_news .txtlist li h3 { height:48px; font:16px/24px "microsoft yahei"; top:-4px;}
.index_news .txtlist li h3 a { transition:all 0.5s;}
.index_news .txtlist li .date { height:12px; text-indent:16px; font:12px/12px Arial; color:#094; top:60px; transition:all 0.5s;}
.index_news .txtlist li .date i { width:11px; height:11px; background-position:-190px -40px; top:50%; left:0; margin-top:-5.5px;}
.index_news .txtlist li .info { height:40px; top:85px; color:#898989; transition:all 0.5s;}
.index_news .txtlist li .more { height:23px; bottom:0px;}
.index_news .txtlist li .more a { width:23px; height:100%; background:#094; border-radius:5px; position:absolute; top:0; left:0;}
.index_news .txtlist li .more i { width:8px; height:15px; background-position:-190px -55px; top:50%; left:50%; margin:-7.5px 0 0 -4px;}
.index_news .txtlist li:hover h3 a,.index_news .txtlist li:hover .info { color:#094;}

#index_case { background:#21a760 url(../images/bg_case.jpg) no-repeat center center;}
.index_case { width:1200px; height:490px; position:relative; top:50%; margin-top:-190px;}

.index_case .index_title { color:#fff; top:-60px;}

.index_case .more { width:80px; height:34px; position:absolute; top:-54px; right:0;}
.index_case .more a { float:left; width:78px; height:32px; border:#fff 1px solid; text-align:center; font:14px/32px "microsoft yahei"; color:#fff; transition:all 0.5s;}
.index_case .more a:hover { background:#78bc27;}

.index_case .list { width:110%; height:100%; position:absolute; top:0; left:0;}
.index_case .list li { width:285px; height:240px; margin:0 20px 20px 0; position:relative;}
.index_case .list li h3,.index_case .list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.index_case .list li h3 { height:30px; background:#f5fbfe; text-align:center; font:14px/30px "microsoft yahei"; bottom:0; transition:all 0.5s;}
.index_case .list li .img { height:210px; top:0;}
.index_case .list li .img img { width:100%; min-height:100%; transition:all 0.5s;}
.index_case .list li:hover h3 { background:#094; color:#fff;}
.index_case .list li:hover .img img { transform:scale(1.1);}

#index_contact { background:#21a760 url(../images/bg_contact.jpg) no-repeat center center;}
.index_contact { width:1200px; height:360px; color:#fff; position:absolute; top:50%; right:50%; margin:-150px -600px 0 0;}

.index_contact_map { width:520px; height:100%; font:0/0 Arial; position:absolute; top:0; left:25px;}

.index_contact_icon { width:590px; position:absolute; top:0; right:0;}
.index_contact_icon img { position:absolute;}
.index_contact_icon .logo { top:0; left:0;}
.index_contact_icon .icon1 { top:33px; left:200px;}
.index_contact_icon .icon2 { top:33px; left:230px;}

.index_contact_link { width:590px; height:12px; position:absolute; top:95px; right:0;}
.index_contact_link li { height:100%; padding-left:16px; margin-left:15px; border-left:#fff 1px solid; font:12px/12px "microsoft yahei";}
.index_contact_link li:first-child { padding:0; margin:0; border:0;}
.index_contact_link li a { color:#fff;}
.index_contact_link li a:hover { color:#fff100;}

.index_contact_copyright { width:590px; font:12px/24px Arial, "microsoft yahei"; position:absolute; top:130px; right:0;}
.index_contact_copyright a { color:#fff;}
.index_contact_copyright a:hover { color:#fff100;}

.index_contact_ewm { width:590px; height:125px; position:absolute; bottom:0; right:0;}
.index_contact_ewm li { width:145px; height:100%; margin-right:30px; position:relative;}
.index_contact_ewm li p { height:100%; position:absolute;}
.index_contact_ewm li .img { width:125px; top:0; left:0;}
.index_contact_ewm li .img img { width:100%; min-height:100%;}
.index_contact_ewm li .txt { width:15px; text-align:center; line-height:13px; top:-1px; right:0;}
.index_contact_ewm li .txt i { width:9px; height:14px; background:url(../images/base.png) no-repeat -205px -40px; position:absolute; bottom:-2px; left:50%; margin-left:-4.5px;}

/**公共**/
.banner { width:1920px; font:0/0 Arial; position:relative; left:50%; margin-left:-960px; z-index:10;}
.banner .img { width:100%; text-align:center;}

main { width:1200px; position:relative; z-index:100;}

.menu { width:100%; height:95px; position:relative;}
.menu h5 { font:30px/30px "microsoft yahei"; color:#fff; position:absolute; top:0; left:155px; display:none;}
.menu .list { width:100%; height:16px; font:16px/16px "microsoft yahei"; position:absolute; top:40px; left:0; z-index:10;}
.menu .list li { height:100%; margin-right:30px;}
.menu .list li a:hover { color:#78bc27;}
.menu .list li a.active { color:#094;}

/**页码**/
.list_more { width:100%; height:44px; margin-top:20px; background:#eee; border-radius:5px; position:relative;}
.list_more li { width:100%; height:100%; text-align:center; font:14px/44px "microsoft yahei"; position:absolute; top:0; left:0; display:none;}
.list_more #list_more { z-index:10; cursor:pointer; display:block;}
.list_more #list_loading { z-index:20;}
.list_more #list_loading i { padding-left:20px; background:url(../images/ajax_loading.gif) no-repeat left center; display:inline-block;}
.list_more #list_end { z-index:30;}

.history { width:100%; margin:20px 0 -7px; padding-top:12px; border-top:#ddd 1px solid;}
.history li { width:100%; height:24px; line-height:24px;}
.history li span { color:#9aa1a5;}

/**内容**/
article { width:100%; font:16px/28px "microsoft yahei"; margin:-7px 0;}
article img { max-width:100%; margin:7px auto -2px;}
article .img { margin-top:0; font:0/0 Arial;}
article .img:first-child { margin-top:10px;}
article .img img { margin-top:0 !important;}

article#contact { width:calc(100% - 50px); padding:25px; background:#094;}
article#contact p { color:#fff;}

.showProject { width:100%; height:24px; margin-bottom:40px; position:relative;}
.showProject p { position:absolute;}
.showProject .title { font:bold 24px/24px "microsoft yahei"; top:50%; left:0; margin-top:-12px;}
.showProject .bdsharebuttonbox { height:16px; top:50%; right:-7px; margin-top:-8px;}
.showProject .bdsharebuttonbox i { font:12px/20px "microsoft yahei"; position:absolute; left:-50px; top:50%; margin-top:-10px;}
.showProject .bdsharebuttonbox a { margin-top:0 !important;}

/**图片**/
.photo { width:100%;}
.photo .list_zizhi { width:110%; margin:-20px 0 0;}
.photo .list_zizhi li { width:285px; height:410px; margin:20px 20px 0 0; position:relative;}
.photo .list_zizhi li p { overflow:hidden; position:absolute;}
.photo .list_zizhi li .img { width:calc(100% - 2px); height:calc(100% - 2px); border:#ddd 1px solid; top:0; left:0; z-index:10;}
.photo .list_zizhi li .img img { width:100%; min-height:100%; transition:all 0.5s;}
.photo .list_zizhi li .top { width:0; height:1px; background:#094; top:0; left:0; z-index:20; transition:all 0.6s;}
.photo .list_zizhi li .right { width:1px; height:0; background:#094; top:0; right:0; z-index:20; transition:all 0.6s;}
.photo .list_zizhi li .bottom { width:0; height:1px; background:#094; bottom:0; right:0; z-index:20; transition:all 0.6s;}
.photo .list_zizhi li .left { width:1px; height:0; background:#094; bottom:0; left:0; z-index:20; transition:all 0.6s;}
.photo .list_zizhi li:hover .img img { transform:scale(1.05);}
.photo .list_zizhi li:hover .top { width:100%;}
.photo .list_zizhi li:hover .right { height:100%;}
.photo .list_zizhi li:hover .bottom { width:100%;}
.photo .list_zizhi li:hover .left { height:100%;}

.photo .list_photo { width:110%; margin:-20px 0 0;}
.photo .list_photo li { width:386.5px; height:285px; margin:20px 20px 0 0; position:relative;}
.photo .list_photo li p { overflow:hidden; position:absolute;}
.photo .list_photo li .img { width:calc(100% - 2px); height:calc(100% - 2px); border:#ddd 1px solid; top:0; left:0; z-index:10;}
.photo .list_photo li .img img { width:100%; min-height:100%; transition:all 0.5s;}
.photo .list_photo li .top { width:0; height:1px; background:#094; top:0; left:0; z-index:20; transition:all 0.6s;}
.photo .list_photo li .right { width:1px; height:0; background:#094; top:0; right:0; z-index:20; transition:all 0.6s;}
.photo .list_photo li .bottom { width:0; height:1px; background:#094; bottom:0; right:0; z-index:20; transition:all 0.6s;}
.photo .list_photo li .left { width:1px; height:0; background:#094; bottom:0; left:0; z-index:20; transition:all 0.6s;}
.photo .list_photo li:hover .img img { transform:scale(1.05);}
.photo .list_photo li:hover .top { width:100%;}
.photo .list_photo li:hover .right { height:100%;}
.photo .list_photo li:hover .bottom { width:100%;}
.photo .list_photo li:hover .left { height:100%;}

.photo .list_case { width:110%; margin:-20px 0 0px;}
.photo .list_case li { width:285px; height:250px; margin:20px 20px 0 0; position:relative;}
.photo .list_case li h3,.photo .list_case li p { width:100%; overflow:hidden; position:absolute;}
.photo .list_case li h3 { height:40px; background:#f5fbfe; text-align:center; font:14px/40px "microsoft yahei"; bottom:0; left:0; z-index:30; transition:all 0.3s;}
.photo .list_case li .img { height:210px; top:0; left:0;}
.photo .list_case li .img img { width:100%; min-height:100%; transition:all 0.5s;}
.photo .list_case li:hover h3 { background:#094; color:#fff;}
.photo .list_case li:hover .img img { transform:scale(1.1);}

/**新闻**/
.news { width:100%;}
.news .list_news { width:110%; margin:-40px 0 10px;}
.news .list_news li { width:550px; height:310px; margin:40px 100px 0 0; position:relative;}
.news .list_news li p,.news .list_news li h3 { width:100%; font:12px/20px "microsoft yahei"; color:#898989; overflow:hidden; position:absolute; left:0;}
.news .list_news li h3 { height:15px; font:bold 15px/15px "microsoft yahei"; top:210px;}
.news .list_news li .img { width:280px; height:180px; top:0; left:0;}
.news .list_news li .img img { width:100%; min-height:100%; transition:all 0.5s;}
.news .list_news li .date { font:12px/12px "microsoft yahei"; top:242px;}
.news .list_news li .info { height:40px; bottom:0;}
.news .list_news li:hover p,.news .list_news li:hover a { color:#094;}
.news .list_news li:hover .img img { transform:scale(1.1);}

.news .list_public { width:110%; margin:-20px 0 0;}
.news .list_public li { width:285px; height:410px; background:#f5fbfe; margin:20px 20px 0 0; position:relative;}
.news .list_public li i,.news .list_public li em { background:url(../images/base.png) no-repeat 100px 100px; position:absolute; transition:all 0.5s;}
.news .list_public li p,.news .list_public li h3 { width:255px; font:12px/20px "microsoft yahei"; color:#898989; overflow:hidden; position:absolute; left:0; z-index:20; margin-left:15px;}
.news .list_public li h3 { height:40px; font:bold 15px/20px "microsoft yahei"; top:200px;}
.news .list_public li h3 a { transition:all 0.5s;}
.news .list_public li .img { width:100%; height:170px; left:0; margin:0;}
.news .list_public li .img img { width:100%; min-height:100%; transition:all 0.5s;}
.news .list_public li .info { height:80px; top:265px; transition:all 0.5s;}
.news .list_public li .date { height:12px; text-indent:15px; font:12px/12px "microsoft yahei"; bottom:25px; transition:all 0.5s;}
.news .list_public li .bg { width:100%; height:0; margin:0; background:#094; bottom:0; z-index:10; transition:all 0.5s;}
.news .list_public li i { width:11px; height:11px; background-position:-80px -79px; top:50%; left:0; margin-top:-5.5px;}
.news .list_public li em { width:20px; height:6px; background-position:-120px -65px; bottom:0; right:0;}
.news .list_public li:hover h3 a,.news .list_public li:hover .info,.news .list_public li:hover .date { color:#fff;}
.news .list_public li:hover .img img { transform:scale(1.15);}
.news .list_public li:hover .bg { height:100%;}
.news .list_public li:hover i { background-position:-80px -65px;}
.news .list_public li:hover em { background-position:-95px -65px;}

.news .view_title { width:100%; margin-top:-8px;}
.news .view_title h1,.news .view_title h2 { float:left; width:100%;}
.news .view_title h1 { font:bold 20px/30px "microsoft yahei"; color:#221e1f;}
.news .view_title h2 { height:20px; margin:10px 0 35px; border:#cbd0d3 0px solid; border-left:0; border-right:0; color:#898989;}
.news .view_title h2 p { float:left; margin-right:20px;}

.news .view_title h2 .bdsharebuttonbox { height:16px; margin-left:50px; position:relative;}
.news .view_title h2 .bdsharebuttonbox i { font:12px/20px "microsoft yahei"; position:absolute; left:-50px; top:50%; margin-top:-10px;}
.news .view_title h2 .bdsharebuttonbox a { margin-top:0 !important;}

.news article { padding-bottom:10px;}

/**留言**/
.message { width:100%; position:relative; z-index:20;}
.message .add { width:100%; height:390px; background:#094; border:#efefef 0px solid; position:relative;}
.message .add input[type="text"],.message .add textarea { border:#fff 2px solid; text-indent:35px; color:#fff; position:absolute; z-index:20;}
.message .add input[type="text"] { width:540px; height:42px; font:14px/40px "microsoft yahei";}
.message .add input#msg_user { top:45px; left:45px;}
.message .add input#msg_tel { top:45px; right:45px;}
.message .add textarea { width:1080px; height:160px; padding:8px 13px; text-indent:0; font:14px/20px "microsoft yahei"; top:110px; left:45px;}
.message .add input[type="text"]:focus,.message .add textarea:focus { border-color:#78bc27; color:#fff;}
.message .add input[type="submit"] { width:107px; height:34px; background:url(../images/base.png) no-repeat -470px -45px; border:0; font:0/0 Arial; cursor:pointer; position:absolute; bottom:45px; right:45px;}

.message .add #msg_submit em { height:46px; position:absolute; z-index:10;}
.message .add #msg_submit em i { width:20px; height:16px; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:15px; margin:-8px;}
.message .add #msg_submit em.user { width:540px; top:45px; left:48px;}
.message .add #msg_submit em.user i { background-position:-430px -45px;}
.message .add #msg_submit em.tel { width:540px; top:45px; right:45px;}
.message .add #msg_submit em.tel i { background-position:-450px -45px;}
.message .add #msg_submit em.loading { width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/img_loading.gif) no-repeat center center; top:0; left:0; z-index:30; display:none;}

.message .add .ewm { height:130px; margin-top:40px;}
.message .add .ewm li { width:100px; height:100%; margin-right:30px; position:relative;}
.message .add .ewm li h3,.message .add .ewm li p { width:100%; overflow:hidden; position:absolute; left:0;}
.message .add .ewm li h3 { height:30px; text-align:center; font:12px/30px "microsoft yahei"; color:#fff; bottom:0;}
.message .add .ewm li .img { height:100px; top:0;}
.message .add .ewm li .img img { width:100%; min-height:100%;}

.message .list { width:100%; padding-bottom:15px; margin-top:4px; border-bottom:#d9e0e8 1px solid;}
.message .list dl { float:left; width:100%; margin-top:15px; border-top:#d9e0e8 1px solid;}
.message .list dt { float:left; width:100%; padding:15px 0 2px; font-size:14px; color:#333;}
.message .list dt span { float:right; font-size:12px;}
.message .list dd { float:left; width:1160px; padding:10px 0 0 40px; text-align:justify; text-justify:inter-ideograph; position:relative;}
.message .list dd.reply { margin-top:10px; border-top:#d3d3d3 1px dotted;}
.message .list dd p { width:40px; position:absolute; top:10px; left:0;}

/**视频**/
.video { width:100%; height:550px; background:#131313; position:relative;}
.video .play { width:900px; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0;}
.video .h1 { width:300px; height:50px; text-align:center; font:16px/50px "microsoft yahei"; color:#a7a9ac; position:absolute; top:0; right:0;}
.video .list { width:300px; height:calc(100% - 50px); background:#303030; overflow-y:scroll; position:absolute; top:50px; right:0;}
.video .list li { width:100%; height:47px; margin-top:3px; position:relative;}
.video .list li a { width:100%; height:100%; display:block; background:#444; color:#a7a9ac;}
.video .list li h3,.video .list li p { overflow:hidden; position:absolute;}
.video .list li i { background:url(../images/base.png) no-repeat 100px 100px; position:absolute;}
.video .list li h3 { width:calc(100% - 45px); height:36px; padding-left:30px; font:12px/18px "microsoft yahei"; top:5px; left:0; z-index:15;}
.video .list li h3 i { width:10px; height:10px; background-position:-215px -40px; top:5px; left:10px; display:none;}
.video .list li .id { font:12px/12px "microsoft yahei"; top:9px; left:10px; z-index:10;}
.video .list li .views { height:12px; padding-left:20px; background:#444; font:12px/12px "microsoft yahei"; bottom:8px; right:15px; z-index:20;}
.video .list li .views i { width:9px; height:9px; background-position:-215px -55px; top:50%; left:7px; margin-top:-4.5px;}
.video .list li a:hover,.video .list li a:hover p { background:#2e5e7b;}
.video .list li .active,.video .list li .active p { background:#194e6f;}
.video .list li .active h3 { color:#fff;}
.video .list li .active i { display:list-item;}
.video .list li .active .id { display:none;}

/**弹出**/
#pop_div { width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index:9999; display:none;}
.pop_div { width:100%; text-align:center; font:0/0 "microsoft yahei"; position:absolute; top:50%; left:0;}
.pop_div .showImg { float:none !important; height:100%; position:relative; display:inline-block;}
.pop_div .showImg img { position:relative; height:100%; z-index:10;}
.pop_div .showImg li { position:absolute; cursor:pointer; z-index:20;}
.pop_div .showImg li a { width:100%; height:100%; display:block;}
.pop_div .showImg li i { position:absolute; cursor:pointer;}
.pop_div .showImg .loading { width:100%; height:100%; background:rgba(0,0,0,0.1) url(../images/img_loading.gif) no-repeat center center; top:0; left:0; z-index:15; display:none;}
.pop_div .showImg .close { width:30px; height:30px; background:rgba(0,153,68,0.8); top:0; right:0; transition:all 0.5s;}
.pop_div .showImg .close i { width:19px; height:19px; background:url(../images/base.png) no-repeat -430px -25px; top:50%; left:50%; margin:-9.5px 0 0 -9.5px;}
.pop_div .showImg .close:hover { background:rgba(0,0,0,0.8);}
.pop_div .showImg .prev,.pop_div .showImg .next { width:28px; height:28px; border:#fff 1px solid; top:50%; margin-top:-15px;}
.pop_div .showImg .prev i,.pop_div .showImg .next i { width:11px; height:13px; background:url(../images/base.png) no-repeat 0 90px; top:50%; left:50%; margin:-6.5px 0 0 -5.5px; transition:all 0.5s;}
.pop_div .showImg .prev { left:-40px;}
.pop_div .showImg .prev i { background-position:-450px -25px;}
.pop_div .showImg .prev:hover { border-color:#094;}
.pop_div .showImg .prev:hover i { background-position:-465px -25px;}
.pop_div .showImg .prevEnd,.pop_div .showImg .prevEnd:hover { border-color:#898989;}
.pop_div .showImg .prevEnd i,.pop_div .showImg .prevEnd:hover i { background-position:-510px -25px;}
.pop_div .showImg .next { right:-40px;}
.pop_div .showImg .next i { background-position:-480px -25px;}
.pop_div .showImg .next:hover { border-color:#094;}
.pop_div .showImg .next:hover i { background-position:-495px -25px;}
.pop_div .showImg .nextEnd,.pop_div .showImg .nextEnd:hover { border-color:#898989;}
.pop_div .showImg .nextEnd i,.pop_div .showImg .nextEnd:hover i { background-position:-525px -25px;}
.pop_div .showImg .h1 { width:100%; height:36px; background:rgba(0,153,68,0.8); text-align:center; font:14px/36px "microsoft yahei"; color:#fff; bottom:0; left:0;}

/**搜索**/
.search { width:100%;}
.search .view { width:100%; height:40px; margin:30px 0 25px; background:#eee; text-indent:10px; font:14px/40px "microsoft yahei";}
.search .view i { color:#f00;}

.search .txtlist { width:100%; margin-top:-15px;}
.search .txtlist li { width:100%; padding-bottom:15px; margin-top:15px; border-bottom:#c9caca 1px dotted; color:#898989;}
.search .txtlist li p,.search .txtlist li h3 { float:left; width:100%;}
.search .txtlist li h3 { font:16px/20px "microsoft yahei";}
.search .txtlist li .date { margin-top:10px; font:12px/12px "microsoft yahei";}
.search .txtlist li .info { margin-top:15px; font:12px/20px "microsoft yahei";}
.search .txtlist li:hover a { color:#d80c18;}

@media screen and (max-width:1400px) {
.index_about .index_title { top:-75px;}

.index_project { margin-top:-250px;}

.index_public .index_title { top:-55px;}
.index_public .button { top:-50px;}

.index_news { margin-top:-240px;}
.index_news .txtlist { top:385px;}

.index_case .index_title { top:-50px;}
.index_case .more { top:-45px;}
}
