﻿@charset "utf-8";
html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#fff;}
body { max-width:1920px; margin:0 auto; font:0/0 Arial; color:#595757; overflow-y:hidden;}
* { margin:0; padding:0; list-style:none;}
img { border:0;}
input,select,textarea { float:left; background:none; border:0; font:12px/20px "microsoft yahei"; color:#595757;}
input[type="submit"] { cursor:pointer;}
select:-ms-expand { display:none;}
u { text-decoration:none;}
a,a:hover { text-decoration:none; color:#016b3b;}
a { color:#595757; blr:expression(this.onFocus=this.blur());}
:focus { outline:none;}
div { font:12px/20px "microsoft yahei";}
p,li,h1,dt,dd,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:normal 12px/20px "microsoft yahei"; text-transform:uppercase;}
table { border:#ddd 1px solid; border-collapse:collapse; border-spacing:0;}
th,td { padding:0 10px; border:#ccc 1px solid; vertical-align:middle;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5);}
.m_fl { float:left;}
.m_fr { float:right;}
.m_auto { margin:auto; float:none !important;}
.overflow,li { overflow:hidden;}
.clearfix { zoom:1;}
.clearfix:after { clear:both; content:""; display:block;}
.ffsong { font-family:"SimSun";}
.ffyahei { font-family:"microsoft yahei";}
.hidden { display:none;}
.display { display:block;}
.red { color:red !important;}
.img,.loading,#slides .imgs ul li,.loading { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:40px;}

/**头部和尾部**/
header { width:100%; position:relative; z-index:200;}
header .header { width:90%; height:90px; position:relative; z-index:20;}

header .logo { height:60px; position:absolute; top:50%; left:0; margin-top:-30px; z-index:30;}
header .logo img { height:100%;}

header .nav { height:100%; line-height:90px; position:absolute; top:0; right:130px; z-index:30;}
header .nav li { height:100%; margin-left:40px; position:relative; z-index:20; overflow:visible;}
header .nav li>a { height:100%; padding:0 5px; font-size:16px; color:#485157; display:block; position:relative; z-index:10;}
header .nav li>a:before { width:0%; height:3px; content:""; background:#016b3b; position:absolute; top:0; right:0; bottom:0; left:0; margin:0 auto auto auto; transition:all 0.2s;}
header .nav li>a:hover:before,header .nav li>a.active:before { width:100%;}
header .nav li>a:hover,header .nav li>a.active { color:#016b3b;}

header .header_search { width:100%; height:80px; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; z-index:10; transition:all 0.5s;}
header .header_search form { width:566px; height:42px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .header_search .close { width:30px; height:30px; background:url(../images/base.png) no-repeat -15px -20px; position:absolute; top:50%; right:5%; margin-top:-15px; cursor:pointer; transition:all 0.5s;}
header .header_search .close:hover { transform:rotate(180deg);}
header .header_search input { position:absolute;}
header .header_search input[type=text] { width:440px; height:calc(100% - 2px); line-height:24px; background:#fff; border:#fff 1px solid; text-indent:10px; color:#016b3b; top:0; left:0; z-index:10;}
header .header_search input[type=text]:focus { color:#008046;}
header .header_search input[type=submit] { width:120px; height:100%; padding-bottom:2px; background:#008046; border:0; text-align:center; font-size:16px; color:#fff; top:0; right:0; z-index:30; cursor:pointer;}
header .header_search.open { top:100%;}

header .icon { height:30px; position:absolute; top:50%; right:0; margin-top:-15px; z-index:30;}
header .icon li { width:30px; height:100%; margin-left:10px; background:#aeb3b5; border-radius:100%; position:relative; cursor:pointer; overflow:visible;}
header .icon li:hover,header .icon li.open { background:#016b3b;}
header .icon li:before { width:18px; height:18px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .icon li.tel:before { background-position:0 0;}
header .icon li.search:before { background-position:-20px 0;}
header .icon li.qq:before { background-position:-30px 0;}
header .icon li a { width:100%; height:100%; display:block; font:0/0 Arial; position:relative; z-index:20;}
header .icon li .txt { height:100%; line-height:30px; padding:0 10px; background:#008046; border-left:#016b3b 30px solid; border-right:#fff 8px solid; border-radius:5px; font-size:16px; color:#fff; position:absolute; top:0; right:30px; transition:all 0.3s; transform:translateX(-30px); opacity:0; visibility:hidden;}
header .icon li .txt:before { width:14px; height:14px; content:""; background:url(../images/base.png) no-repeat 0 -20px; position:absolute; top:50%; left:-21px; margin-top:-7px;}
header .icon li .txt:after { width:0; height:0; content:""; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:#008046 5px solid; position:absolute; top:50%; right:-5px; margin-top:-5px;}
header .icon li .txt i { padding:0 8px;}
header .icon li .ewm { width:120px; height:140px; background:none; position:absolute; top:20px; left:50%; margin-left:-60px; transition-duration:400ms; transform:translateY(10%); opacity:0; visibility:hidden;}
header .icon li .ewm:before { width:110px; height:110px; content:""; background-color:#fff; border:#016b3b 5px solid; border-radius:3px; position:absolute; bottom:0; left:0; z-index:10;}
header .icon li .ewm:after { width:0; height:0; content:""; border-right:9px solid transparent; border-left:9px solid transparent; border-bottom:#016b3b 9px solid; position:absolute; bottom:120px; left:50%; margin-left:-9px;}
header .icon li .ewm img { width:100px; height:100px; position:absolute; bottom:10px; left:10px; z-index:20;}
header .icon li:hover .txt { transform:translateX(0); opacity:1; visibility:visible;}
header .icon li:hover .ewm { transform:translateY(0); opacity:1; visibility:visible;}

header .mask { width:1920px; height:100%; background:#fff; position:absolute; bottom:0; left:50%; margin-left:-960px; z-index:20;}

footer { width:100%; margin-top:40px; background:#016b3b; position:relative;}
#footer { position:fixed; bottom:0; left:0; z-index:100;}
footer .footer { width:1200px; min-height:140px; padding:40px 0; color:#fff; position:relative;}
footer a { color:#fff;}
footer a:hover { color:#aece00;}

footer .link { width:100%; height:15px; margin:10px 0 30px; line-height:15px; font-size:15px; position:relative; z-index:10;}
footer .link li { height:100%; padding-left:31px; position:relative;}
footer .link li:before { width:1px; height:14px; content:""; background:#b6bbac; position:absolute; top:50%; left:15px; margin-top:-7px;}
footer .link li:first-child { padding:0;}
footer .link li:first-child:before { display:none;}
footer .link li a { width:100%; height:100%; display:block;}

footer .copyright { line-height:26px; font-size:12px; position:relative; z-index:10;}
footer .copyright i { padding:0 8px;}

footer .ewm { position:absolute; top:40px; right:0; z-index:20;}
footer .ewm li { width:158px; height:140px; margin-left:20px; position:relative;}
footer .ewm li p { height:100%; line-height:14px; position:absolute; top:0;}
footer .ewm li .img { width:140px; background:#fff; font:0/0 Arial; right:0;}
footer .ewm li .img img { width:124px; height:124px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
footer .ewm li .txt { width:12px; left:0;}

#fixed_right { width:36px; height:200px; position:fixed; top:0; right:0; bottom:0; left:0; margin:auto 20px auto auto; z-index:210;}
#fixed_right li { width:100%; height:36px; margin:7px 0; position:relative; overflow:visible; transition:all .5s; opacity:0; transform:translateX(100%);}
#fixed_right li a { width:100%; height:100%; background:#898989; border-radius:100%; display:block; position:relative;}
#fixed_right li a:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#fixed_right li a.order:before { background-position:-70px 0;}
#fixed_right li a.weixin:before { background-position:-90px 0;}
#fixed_right li a.qq:before { background-position:-110px 0;}
#fixed_right li a.gotoTop:before { background-position:-130px 0;}
#fixed_right li a.gotoTop { background:#016b3b;}
#fixed_right li:hover a { background:#016b3b;}
#fixed_right li:hover a.gotoTop { background:#2a2a2a;}
#fixed_right li .ewm { width:145px; height:130px; position:absolute; top:0; right:36px; transition:all 0.4s; transform:translateX(-20%); opacity:0; visibility:hidden;}
#fixed_right li .ewm:before { width:130px; height:130px; content:""; background:#016b3b; position:absolute; top:0; left:0; z-index:10;}
#fixed_right li .ewm:after { width:0; height:0; content:""; border-top:transparent 7px solid; border-bottom:transparent 7px solid; border-left:#016b3b 7px solid; position:absolute; top:12px; right:7px;}
#fixed_right li .ewm img { width:114px; height:114px; position:absolute; top:8px; left:8px; z-index:20;}
#fixed_right li:hover .ewm { transform:translateX(0); opacity:1; visibility:visible;}
#fixed_right.open li { opacity:1; transform:translateX(0);}
#fixed_right.open li:nth-child(1) { transition-delay:0ms;}
#fixed_right.open li:nth-child(2) { transition-delay:100ms;}
#fixed_right.open li:nth-child(3) { transition-delay:200ms;}
#fixed_right.open li:nth-child(4) { transition-delay:300ms;}
#fixed_right.open li:nth-child(5) { transition-delay:400ms;}

/**首页**/
section { width:100%; position:relative; z-index:100;}

#slides { height:720px; position:relative; z-index:50;}
#slides .imgs { width:1920px; height:100%; font:0/0 Arial; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
#slides .imgs ul { width:1000%; height:100%;}
#slides .imgs ul li { height:100%;}
#slides .imgs ul li a { width:100%; height:100%; display:block;}
#slides .imgs ul li img { width:100%; height:100%;}
#slides .list { width:100%; text-align:center; font:0/0 Arial; position:absolute; bottom:20px; left:0; z-index:20;}
#slides .list li { float:none !important; width:14px; height:14px; margin:0 6px; background:rgba(255,255,255,0.7); border-radius:100%; display:inline-block; font:0/0 Arial; position:relative; cursor:pointer;}
#slides .list li.active { background:rgba(0,105,56,1);}
#slides_prev,#slides_next { width:0; height:0; display:none; position:absolute; top:50%; margin-top:-36.5px; z-index:30; cursor:pointer;}
#slides_prev { left:0;}
#slides_next { right:0;}

#index_part1 { margin-top:40px;}
.index_part1 { width:1200px; position:relative;}

.index_part1 .list { width:calc(100% + 30px);}
.index_part1 .list li { width:380px; height:480px; margin-right:30px; position:relative;}
.index_part1 .list li p { color:#fff; overflow:hidden; position:absolute; z-index:20;}
.index_part1 .list li a { color:#fff;}
.index_part1 .list li .img { width:100%; height:200px; top:0; left:0;}
.index_part1 .list li .img img { width:100%; min-height:100%; transition:all 0.5s;}
.index_part1 .list li .bg { width:100%; height:280px; bottom:0; left:0;}
.index_part1 .list li .bg img { width:100%; min-height:100%; position:relative; z-index:10;}
.index_part1 .list li .bg:before { width:100%; height:100%; content:""; background:rgba(1,107,59,0.85); position:absolute; top:0; left:0; z-index:15;}
.index_part1 .list li .name { width:100%; height:50px; top:235px; left:0;}
.index_part1 .list li .name em,.index_part1 .list li .name i { width:100%; text-align:center; position:absolute; left:0;}
.index_part1 .list li .name em { line-height:30px; font-size:30px; font-weight:bold; top:0;}
.index_part1 .list li .name i { line-height:12px; font-size:12px; text-transform:uppercase; bottom:0;}
.index_part1 .list li .info { width:calc(100% - 60px); height:78px; line-height:26px; font-size:14px; bottom:90px; left:30px;}
.index_part1 .list li .more { width:96px; height:37px; bottom:30px; left:50%; margin-left:-48px;}
.index_part1 .list li .more a { width:calc(100% - 2px); height:calc(100% - 2px); line-height:34px; border:#fff 1px solid; border-radius:18px; text-align:center; font-size:14px; display:block;}
.index_part1 .list li:hover .img img { transform:scale(1.08);}
.index_part1 .list li:hover .bg:before { background:rgba(218,0,0,1);}

#index_part2 { margin-top:30px;}
.index_part2 { width:1200px; height:470px; position:relative;}

.index_part2 .news_title { width:790px; height:59px; background:#edeced; border-bottom:#016b3b 1px solid; position:absolute; top:0; left:0;}
.index_part2 .news_title h5 { float:left; height:100%; padding:0 20px; background:#016b3b; line-height:60px; font-size:24px; color:#fff;}
.index_part2 .news_title h5 i { padding-left:20px; display:inline-block; position:relative;}
.index_part2 .news_title h5 i:before { width:10px; height:10px; content:""; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto 0;}
.index_part2 .news_title .more { width:30px; height:30px; border:#898989 1px solid; border-radius:8px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 18px auto auto;}
.index_part2 .news_title .more:before { width:12px; height:12px; content:""; background:url(../images/base.png) no-repeat -50px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.index_part2 .news_title .more:hover { border-color:#016b3b;}
.index_part2 .news_title .more:hover:before { background-position:-50px -15px;}

.index_part2 .news_img { width:790px; height:140px; overflow:hidden; background:#efeff0; position:absolute; top:80px; left:0;}
.index_part2 .news_img li { width:100%; height:100%; position:relative;}
.index_part2 .news_img li a { width:100%; height:100%; display:block;}
.index_part2 .news_img li p { width:calc(100% - 260px); overflow:hidden; position:absolute; right:20px;}
.index_part2 .news_img li .img { width:220px; height:100%; top:0; right:auto; left:0;}
.index_part2 .news_img li .img img { width:100%; min-height:100%; transition:all 0.5s;}
.index_part2 .news_img li .title { height:16px; line-height:16px; font-size:16px; top:20px;}
.index_part2 .news_img li .date { color:#898989; top:48px;}
.index_part2 .news_img li .info { height:48px; line-height:24px; font-size:14px; color:#898989; bottom:15px;}
.index_part2 .news_img li:hover .img img { transform:scale(1.08);}

.index_part2 .news_txt { width:790px; height:230px; border-top:#a9aaaa 1px dotted; overflow:hidden; position:absolute; bottom:0; left:0;}
.index_part2 .news_txt li { width:100%; height:45px; line-height:44px; border-bottom:#a9aaaa 1px dotted; font-size:14px;}
.index_part2 .news_txt li a { width:100%; height:100%; text-indent:15px; display:block; position:relative;}
.index_part2 .news_txt li a:before { width:2px; height:2px; content:""; background:#595757; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto 7px;}
.index_part2 .news_txt li span { float:right; margin:0 10px 0 15px; font-size:12px;}
.index_part2 .news_txt li a:hover { background:#efeff0;}
.index_part2 .news_txt li a:hover:before { background:#016b3b;}

.index_part2 .contactus { width:380px; height:100%; background:#efeff0; line-height:26px; font-size:14px; position:absolute; top:0; right:0;}
.index_part2 .contactus img { max-width:100%;}

/**公共**/
.banner { width:1920px; margin-bottom:40px; 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;}
.main_all { width:100%;}
.main_left { width:250px;}
.main_right { width:900px;}
.main_left_fix { position:absolute; left:50%; margin-left:-600px;}

.main_all .menu { width:100%; height:60px; margin:-40px 0 40px; background:#fff; position:relative; z-index:20;}
.main_all .menu:before { width:1920px; height:1px; content:""; background:#e6e6e6; position:absolute; bottom:0; left:50%; margin-left:-960px; z-index:20;}
.main_all .menu li { height:100%; margin-left:2px; position:relative; z-index:30;}
.main_all .menu li:first-child { margin:0px;}
.main_all .menu li a { height:100%; padding:0 40px; line-height:58px; font-size:16px; font-weight:bold; display:block; position:relative;}
.main_all .menu li a:after { width:0; height:0; content:""; border-right:transparent 7px solid; border-left:transparent 7px solid; border-bottom:#fff 7px solid; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto 0 auto; display:none;}
.main_all .menu li a:hover { background:rgba(75,176,51,0.1);}
.main_all .menu li a.active { background:#016b3b; color:#fff;}
.main_all .menu li a.active:after { display:block;}

.main_left .menu { width:250px; padding:100px 0 0; position:relative;}
.main_left .menu span { width:100%; height:100px; background:#016b3b; border-radius:5px; position:absolute; top:0; left:0; z-index:20;}
.main_left .menu h5,.main_left .menu h6 { color:#fff; position:absolute; left:25px;}
.main_left .menu h5 { line-height:18px; font-size:20px; top:25px;}
.main_left .menu h5:after { width:100%; height:1px; content:""; background:#008a4b; position:absolute; bottom:-12px; left:0;}
.main_left .menu h6 { line-height:12px; font-size:12px; bottom:25px;}
.main_left .menu>li { width:100%; height:46px; line-height:46px; margin-top:5px; background:#f1f1f1; text-indent:25px; font-size:14px;}
.main_left .menu>li>a { width:100%; height:100%; display:block; position:relative; transition:all 0.3s;}
.main_left .menu>li>a i { position:relative; z-index:20;}
.main_left .menu>li>a:before,.main_left .menu>li>a:after { position:absolute; top:50%; z-index:10; transition:all 0.3s;}
.main_left .menu>li>a:before { width:0; height:100%; content:""; background:#016b3b; top:0; left:0;}
.main_left .menu>li>a:after { width:20px; height:20px; content:">"; font:16px/20px "SimSun"; color:#595757; right:25px; margin-top:-10px;}
.main_left .menu>li:hover>a,.main_left .menu>li>a.active { color:#fff;}
.main_left .menu>li:hover>a:before,.main_left .menu>li>a.active:before { width:100%;}
.main_left .menu>li:hover>a:after,.main_left .menu>li>a.active:after { color:#fff;}

.location { width:100%; height:58px; margin-bottom:25px; border-top:#016b3b 2px solid; position:relative; z-index:10;}
.location h5 { line-height:18px; text-indent:16px; font-size:18px; color:#3e3a39; position:absolute; top:14px; left:0;}
.location h5:before { width:8px; height:8px; content:""; background:#3e3a39; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto 0;}
.location span { height:12px; line-height:12px; font-family:"SimSun"; color:#898989; position:absolute; bottom:0; left:0;}
.location span a { font-family:"microsoft yahei"; color:#898989; position:relative;}
.location span a:hover { color:#016b3b;}

/**页码**/
.pages { width:calc(100% - 100px); height:29px; padding:20px 100px 0 0; margin:22px 0 0 0; border-top:#c9caca 1px solid; text-align:right; position:relative; z-index:100;}
.pages>a,.pages span { height:27px; line-height:26px; padding:0 10px; margin-left:10px; border:#c8cfd2 1px solid; border-radius:3px; display:inline-block; position:relative;}
.pages>a:hover,.pages span { background:#016b3b; border-color:#016b3b; color:#fff;}
.pages .nums { float:left; height:100%; padding:0; margin:0 30px 0 0; background:none; border:0; line-height:28px; color:#595757;}
.pages .nums i { padding:0 3px;}
.pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
.pages .none:hover { background:none; border-color:#ccc; color:#ccc;}

.pages .gotoPage { width:60px; height:29px; background:none; border:0; color:#595757; position:absolute; top:20px; right:0;}
.pages .gotoPage em { position:absolute;}
.pages .gotoPage em.value { width:calc(100% - 2px); height:calc(100% - 2px); line-height:26px; border:#c8cfd2 1px solid; border-radius:3px; top:0; left:0; text-align:left; text-indent:9px; cursor:pointer;}
.pages .gotoPage em.value:after { width:0; height:0; content:""; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#ccc 6px solid; display:block; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
.pages .gotoPage em.open { border-color:#016b3b;}
.pages .gotoPage em.open:after { transform:rotate(180deg);}
.pages .gotoPage dl { width:calc(100% - 2px); max-height:161px; background:#fff; border:#c8cfd2 1px solid; position:absolute; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(-2%); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:scroll;}
.pages .gotoPage dl dd { float:left; width:100%; height:26px; line-height:24px; border-top:#f7f7f7 1px solid; text-indent:9px; overflow:hidden;}
.pages .gotoPage dl dd a { float:left; width:100%; height:100%;}
.pages .gotoPage dl dd:first-child { border:0;}
.pages .gotoPage dl dd a:hover,.pages .gotoPage dl dd a.active { background:#016b3b; color:#fff;}
.pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

.page2 { width:100%; height:40px; padding-bottom:25px; margin:25px 0 25px; border-bottom:#ccc 1px solid; position:relative;}
.page2 li { width:150px; height:40px; text-align:center; position:absolute; top:0;}
.page2 li.prev { left:50%; margin-left:-160px;}
.page2 li.next { right:50%; margin-right:-160px;}
.page2 a { width:calc(100% - 2px); height:calc(100% - 2px); line-height:38px; border:#898989 1px solid; border-radius:3px; font-size:14px; display:inline-block;}
.page2 a:hover { background:#da251d; border-color:#da251d; color:#fff;}
.page2 a.none,.page2 a.none:hover { background:none; border-color:#c8cfd2; color:#c8cfd2;}
.history { width:100%; margin:30px 0 -6px; 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%; line-height:26px; font-size:14px; margin:-7px 0 -6px;}
article img { max-width:100%; margin:7px auto -2px;}
article .img { margin-top:0; font:0/0 Arial;}
article .img:first-child,article iframe:first-child { margin-top:7px !important;}
article .img img { margin-top:0 !important;}

/**列表**/
#list { width:100%; position:relative;}

#list .list_newsImg { width:100%; margin-top:-15px; position:relative; z-index:30;}
#list .list_newsImg li { width:calc(100% - 2px); height:135px; margin-top:15px; background:#f7f8f8; border:#efefef 1px solid; position:relative;}
#list .list_newsImg li p { width:calc(100% - 220px); color:#898989; overflow:hidden; position:absolute; left:205px; z-index:20;}
#list .list_newsImg li a { width:100%; height:100%; display:block; position:relative;}
#list .list_newsImg li .img { width:180px; height:115px; top:10px; left:10px;}
#list .list_newsImg li .img img { width:100%; min-height:100%; transition:all 1s}
#list .list_newsImg li .title { height:16px; line-height:16px; font-size:16px; color:#333; text-overflow:ellipsis; white-space:nowrap; top:20px;}
#list .list_newsImg li .date { line-height:12px; top:52px;}
#list .list_newsImg li .date span { float:left; height:12px; margin-left:21px; position:relative;}
#list .list_newsImg li .date span:before { width:1px; height:100%; content:""; background:#898989; position:absolute; top:1px; left:-11px;}
#list .list_newsImg li .date span:first-child { margin:0;}
#list .list_newsImg li .date span:first-child:before { display:none;}
#list .list_newsImg li .info { height:40px; bottom:16px;}
#list .list_newsImg li:hover { background:#016b3b;}
#list .list_newsImg li:hover a,#list .list_newsImg li:hover p { color:#fff;}
#list .list_newsImg li:hover .img img { transform:scale(1.1);}
#list .list_newsImg li:hover .date span:before { background:#fff;}

#list .list_photo { width:105%; margin:-15px 0 0px;}
#list .list_photo li { width:390px; height:254px; margin:15px 15px 0 0; position:relative;}
#list .list_photo li p { width:100%; overflow:hidden; position:absolute; left:0;}
#list .list_photo li .img { width:100%; height:100%; top:0;}
#list .list_photo li .img img { width:100%; min-height:100%; transition:all 0.8s;}
#list .list_photo li .title { height:36px; line-height:36px; background:#dbe2f9; text-align:center; font-size:14px; bottom:0;}
#list .list_photo li:hover .img { border-color:#da251d;}
#list .list_photo li:hover .img img { transform:scale(1.1);}
#list .list_photo li:hover .title { background:#da251d; color:#fff;}

#list .add_order { width:504px; margin-top:-18px; position:relative;}
#list .add_order li { width:100%; height:44px; margin-top:18px; position:relative; z-index:10;}
#list .add_order li:before { width:17px; height:20px; content:""; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto 13px; z-index:30;}
#list .add_order li input[type="text"],#list .add_order li textarea { width:calc(100% - 4px); height:calc(100% - 4px); border:#898989 2px solid; text-indent:40px; color:#898989; position:absolute; top:0; left:0; z-index:20;}
#list .add_order li input[type="text"] { font:14px/40px "microsoft yahei";}
#list .add_order li input[type="text"]:focus,#list .add_order li textarea:focus { border-color:#016b3b; color:#016b3b;}
#list .add_order li.order { overflow:visible; z-index:20;}
#list .add_order li.user:before { background-position:-170px 0;}
#list .add_order li.tel:before { background-position:-150px -20px;}
#list .add_order li.detail { height:184px;}
#list .add_order li.detail textarea { width:calc(100% - 30px); height:calc(100% - 24px); padding:10px 13px; text-indent:0; font:14px/20px "microsoft yahei";}
#list .add_order li.submit { width:126px; height:46px; background:#016b3b; text-align:center; font:16px/44px "microsoft yahei"; color:#fff; cursor:pointer;}
#list .add_order li.submit i { padding-left:28px; display:inline-block; position:relative;}
#list .add_order li.submit i:before { width:17px; height:20px; content:""; background:url(../images/base.png) no-repeat -170px -20px; position:absolute; top:50%; left:0; margin-top:-10px;}
#list .add_order li.loading { width:100%; height:calc(100% - 18px); background-color:rgba(0,0,0,0.1); position:absolute; top:0; left:0; z-index:30; display:none;}

#list .add_order .allSelect em { position:absolute;}
#list .add_order .allSelect em.value { width:calc(100% - 4px); height:calc(100% - 4px); border:#898989 2px solid; text-indent:40px; font:14px/40px "microsoft yahei"; color:rgba(0,0,0,0.5); top:0; right:0; cursor:pointer;}
#list .add_order .allSelect em.value:before { width:17px; height:20px; content:""; background:url(../images/base.png) no-repeat -150px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto 13px; z-index:30;}
#list .add_order .allSelect em.value:after { width:0; height:0; content:""; border-right:7px solid transparent; border-left:7px solid transparent; border-top:7px solid #ccc; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
#list .add_order .allSelect em.id { display:none;}
#list .add_order .allSelect em.open { border-color:#016b3b;}
#list .add_order .allSelect em.open:after { border-top-color:#016b3b; transform:rotate(180deg);}
#list .add_order .allSelect dl { width:calc(100% - 2px); max-height:160px; background:#fafafa; border:#c9caca 1px solid; position:absolute; top:calc(100% + 0px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(-2%); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
#list .add_order .allSelect dl dd { float:left; width:100%; height:41px; border-top:#f1f1f1 1px solid; text-indent:14px; font:14px/40px "microsoft yahei"; overflow:hidden; cursor:pointer;}
#list .add_order .allSelect dl dd:first-child { border:0;}
#list .add_order .allSelect dl dd i { display:none;}
#list .add_order .allSelect dl dd:hover { background:#f5f5f5;}
#list .add_order .allSelect dl dd.active { background:#e7ecec; color:#016b3b;}
#list .add_order .allSelect dl.open { transform:translateY(0); opacity:1; visibility:visible;}

#list .add_msg { width:100%; height:385px; background:#f0f1ea; border:#efefef 0px solid; position:relative;}
#list .add_msg input[type="text"],#list .add_msg textarea { border:#b5b5b6 2px solid; text-indent:40px; color:#b5b5b6; position:absolute; z-index:20;}
#list .add_msg input[type="text"] { width:calc((100% - 90px) / 2); height:46px; font:14px/40px "microsoft yahei";}
#list .add_msg input#msg_user { top:30px; left:30px;}
#list .add_msg input#msg_tel { top:30px; right:30px;}
#list .add_msg textarea { width:calc(100% - 90px); height:160px; padding:10px 13px; text-indent:0; font:14px/20px "microsoft yahei"; top:100px; left:30px;}
#list .add_msg input[type="text"]:focus,#list .add_msg textarea:focus { border-color:#016b3b;}

#list .add_msg em { height:46px; border:#f0f1ea 2px solid; position:absolute; z-index:10;}
#list .add_msg em:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; margin-top:-8px;}
#list .add_msg em.user { width:calc((100% - 90px) / 2); top:30px; left:30px;}
#list .add_msg em.user:before { background-position:-70px -20px;}
#list .add_msg em.tel { width:calc((100% - 90px) / 2); top:30px; right:30px;}
#list .add_msg em.tel:before { background-position:-90px -20px;}
#list .add_msg em.submit { width:126px; height:46px; background:#595757; border:0; text-align:center; font:16px/44px "microsoft yahei"; color:#fff; bottom:30px; right:30px; cursor:pointer;}
#list .add_msg em.submit i { padding-left:28px; display:inline-block; position:relative;}
#list .add_msg em.submit i:before { width:16px; height:15px; content:""; background:url(../images/base.png) no-repeat -110px -20px; position:absolute; top:50%; left:0; margin-top:-7px;}
#list .add_msg em.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;}

/**内容**/
#detail { width:100%; position:relative;}

#detail .view_news_title { width:100%; margin-bottom:30px;}
#detail .view_news_title h1,#detail .view_news_title h2,#detail .view_news_title h3 { float:left; width:100%; text-align:center;}
#detail .view_news_title h1 { margin:-6px 0 14px; font:bold 20px/30px "microsoft yahei";}
#detail .view_news_title h2 { line-height:20px; margin-top:-10px; color:#898989;}
#detail .view_news_title h2 span { margin-right:15px; text-transform:none; display:inline-block;}
#detail .view_news_title h3 { height:44px; line-height:44px; margin-top:20px; border:#c9caca 1px dotted; border-left:0; border-right:0; font-size:14px; color:#da251d;}
#detail .view_news_title h3 span { margin-right:25px; text-transform:none; display:inline-block;}

#detail .view_photo_title { width:100%;}
#detail .view_photo_title h1 { float:left; width:100%; margin:-6px 0 14px; text-align:center; font:20px/30px "microsoft yahei"; color:#30363a;}

#detail .view_photo_img { width:100%; text-align:center; font:0/0 Arial; position:relative;}
#detail .view_photo_img em { display:inline-block; position:relative;}
#detail .view_photo_img img { max-width:730px;}

#detail .view_photo_list { width:730px; height:122px; margin-top:15px; overflow:hidden; position:relative; left:50%; margin-left:-365px; z-index:20;}
#detail .view_photo_list #list3_auto { width:1000000000%; height:100%;}
#detail .view_photo_list li { width:175px; height:100%; margin-right:10px; position:relative;}
#detail .view_photo_list li a { float:left; width:100%; height:100%; position:relative;}
#detail .view_photo_list li a:before { width:calc(100% - 2px); height:calc(100% - 2px); border:#ddd 1px solid; position:absolute; top:0; left:0; z-index:10;}
#detail .view_photo_list li a:after { width:calc(100% - 4px); height:calc(100% - 4px); content:""; border:#da251d 2px solid; position:absolute; top:0; left:0; z-index:20; display:none;}
#detail .view_photo_list li img { width:100%; min-height:100%;}
#detail .view_photo_list li a.active:after,#detail .view_photo_list li a:hover:after { display:block;}

/**搜索**/
.search { width:100%;}
.search .list_tongji { width:100%; height:50px; line-height:50px; background:#e6e6e6;}
.search .list_tongji li { height:100%; text-indent:15px; font-size:14px;}
.search .list_tongji i { color:#f00;}

.search .list_txtlist { width:100%; margin:10px 0 -23px; background:#fff; position:relative; z-index:30;}
.search .list_txtlist li { width:100%; padding-bottom:18px; margin-top:16px; border-bottom:#c9caca 1px dotted; color:#898989;}
.search .list_txtlist li p { float:left; width:100%;}
.search .list_txtlist li .title { line-height:22px; font-size:16px;}
.search .list_txtlist li .date { line-height:12px; margin-top:10px;}
.search .list_txtlist li .date span { height:100%; padding-left:11px; margin-left:10px; border-left:#898989 1px solid; display:inline-block;}
.search .list_txtlist li .date span:first-child { padding:0; margin:0; border:0;}
.search .list_txtlist li .info { margin-top:10px;}
.search .list_txtlist li:hover a { color:#da251d;}

@media (max-width:1400px){
header .nav { right:120px;}
header .nav li { margin-left:30px;}
}