@charset 'utf-8';

body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:'Microsoft YaHei',Arial;-webkit-text-size-adjust:none;background:url(../images/bg.gif)}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.f14{font-size:14px}
.cc{*zoom:1;}
.cc:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type='text']:focus,input[type='password']:focus,textarea:focus{outline:none;}

.header{width:980px;height:155px;margin:0 auto;position:relative;z-index:1;}
.header h1{width:120px;height:155px;float:left}
.header h1.logo{background:url(../images/logo.png) no-repeat;}
.header .tel{position:absolute;top:50px;right:16px;height:30px;font-weight:bold;line-height:30px;font-family:'Microsoft YaHei',Verdana;font-size:20px;color:#00683A;border-bottom:2px solid #00683A}
.nav{float:right;height:45px;margin:110px auto 0 auto;line-height:45px;font-family:'Microsoft YaHei';}
.nav li{float:left;}
.nav li a{display:block;width:120px;text-align:center;font-size:18px;font-weight:400;color:#3a3734;}
.nav li a:hover, .nav li a:hover.on{text-decoration:none;color:#00683A;}
.nav li a.on{color:#00683A;}
.nav li a.on2{text-decoration:none;color:#00683A}
.nav li:hover.on{text-decoration:none;}
.nav li ul{display:none;position:absolute;z-index:9999;}
.nav li ul li{float:none;display:block;position:relative;line-height:20px;_display:inline;}
.nav li ul li .s{position:absolute;top:0;left:140px;border-left:1px solid transparent;}
.nav li ul li .s li{float:none;}
.nav li ul li a{display:block;width:120px;text-align:center;height:20px;padding:4px 0 8px 0;background:rgba(220,220,220,0.7);background:#dcdcdc\9;filter:alpha(opacity=70);border-bottom:1px solid #999;font-size:14px;color:#3a3734;}
.nav li ul li a:hover{color:#fff;background:rgba(0,104,58,0.7);background:#00683A\9;filter:alpha(opacity=70);}
.nav .t,.nav .t:hover{background:url(../images/nav_ico.gif) no-repeat 120px center #333;}

.float{background:#00683A url(../images/float.png) no-repeat 4px center;width:32px;height:150px;z-index:800;position:fixed;top:300px;right:28px}
.float div.line{width:26px;height:49px;border-bottom:1px solid #fff;margin:0 auto}
.float div a{display:block;width:24px;margin:0 auto;height:48px}
.float #floatwechat{position:relative}
.float .wechat{width:112px;height:148px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-100px;}
.float .wechat_sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:120px;position:absolute;z-index:999;}
.float .wechat_sanjiao_b{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:118px;position:absolute;}
.float .wechat_qrcode{width:104px;padding-left:5px;padding-top:10px;}
.float .wechat_txt{position:absolute;top:115px;left:7px;width:100px;margin:0 auto;text-align:center;}


.mainbody{width:980px;margin:0 auto;}
.left{width:130px;text-align:right;min-height:350px}
.right{width:750px;text-align:left}
.banner{min-width:980px}
.ibanner{margin-bottom:30px}
.ibanner img{width:100%}
.indexpic{margin-top:10px}
.indexpic li{float:left;width:20%;overflow:hidden;vertical-align:middle;position:relative}
.indexpic li img{width:100%}
.indexpic li a{display:block}
.indexpic li div{position:absolute;width:100%;height:100%;background:rgba(0,85,51,0.7);background:#005533\9;filter:alpha(opacity=70);z-index:100;left:0;top:0}
.indexpic li span{position:absolute;width:100%;height:100%;top:50px;left:0;text-align:center;z-index:200;color:#fff;display:none;font-size:18px}
.indexpic li span a,.indexpic li span a:hover{color:#fff}
.indexpic li em{font-style:normal;position:absolute;width:18px;word-wrap:break-word;letter-spacing:20px}
 
.qrcode{text-align:center;margin-top:100px;margin-bottom:50px}
.qrcode ul{display:inline-block;*display:inline;zoom:1}
.qrcode li{float:left;margin:0 25px}
.qrcode li img{width:146px;height:146px}
.qrcode p{font-size:12px}

.footer{text-align:center;color:#555;height:566px;padding:30px 0 0;position:relative}
.footer .pos{position:absolute;z-index:100;top:0;left:0;width:100%}
.footer .entxt{line-height:20px}
.footer .fline{border-top:1px solid #777;margin-top:15px;margin-bottom:15px;border-right:none;border-bottom:none;border-left:none}
.footer h3{font-size:26px;padding:0 10px;font-weight:400}
.footer .fweblink{line-height:50px}
.contmsg{width:40px;height:37px;position:fixed;bottom:0;right:20px;background:url(../images/msg_bg.gif) no-repeat;cursor:pointer;text-decoration:none;line-height:18px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.msgtxt{display:none;border:1px solid #e1e1e1;width:120px;padding:5px 8px;position:absolute;bottom:40px;right:0;}

.left h4{font-size:18px;font-weight:700;color:#3a3734;width:90px;margin:0 0 0 auto;border-bottom:2px solid #3a3734;line-height:40px}
.left ul{margin:10px 0}
.left li{line-height:30px;font-size:14px}
.left li a:hover{color:#00683A;padding-left:18px;background:url(../images/arrow.gif) no-repeat left center}
.left li.no a:hover{background:none}
.left li ul{margin:0}
.left li ul li a:hover{background:none}
.right .subtitle{line-height:40px;color:#00683A;border-bottom:2px solid #00683A}
.right .subtitle h4{font-size:18px;font-weight:700;height:38px;overflow:hidden;border-bottom:2px solid #00683A;float:left}
.right .subtitle a,.right .subtitle a:hover{color:#00683A}
.right .rcon{padding:20px 0;line-height:2}
.right .rcon img{max-width:100%}

.prodlist{margin:20px 0}
.prodlist li{float:left;background:#fff;width:240px;margin-right:15px;margin-bottom:30px;padding-bottom:8px}
.prodlist li img{width:240px;height:240px}
.prodlist li .title,.prodlist li .info{width:210px;margin:0 auto}
.prodlist .fl{width:80px}
.prodlist .fr{width:120px}
.prodlist .title{line-height:36px;border-bottom:1px solid #666}
.prodlist .title{font-size:16px}
.prodlist .title .fr{width:auto;font-size:12px;color:#00683A;text-align:right}

.newslist{padding-bottom:15px;border-bottom:2px solid #00683A}
.newslist li{height:50px;line-height:50px;background:url(../images/dot.png) no-repeat 8px center;font-size:14px;text-indent:20px;border-top:1px dashed #888}
.newslist li.no{border:none}
.newslist li a:hover{color:#00683A}
.newslist span{float:right;color:#999}
.newstit{margin:0 auto;width:500px;text-align:center;font-size:18px;font-weight:500;line-height:40px;margin-bottom:20px}
.newscon{line-height:2;word-wrap:break-word;word-break:break-all;}
.newscon img{max-width:100%}
.vtit a,.vtit a:hover{font-size:15px;color:#00683A}
.videolist li{float:left;width:242px;margin-right:12px;margin-bottom:12px;overflow:hidden}
.videolist li img{width:232px;height:146px;border:1px solid #00683A;padding:4px}
.videolist li .img{position:relative}
.videolist li .bg{position:absolute;top:-150px;left:4px;width:232px;height:146px;z-index:5;background:rgba(51,51,51,0.6);background:#333\9;filter:alpha(opacity=70);}
.videolist li .play{position:absolute;top:4px;left:4px;width:232px;height:146px;z-index:10;background:url(../images/play.png) no-repeat center center}
.videolist li .txt{padding-left:5px}
hr.video{height:0;border-top:1px solid #00683A}

.contact{background:url(../images/contactbg.png) no-repeat;padding-top:55px;margin-top:15px;color:#00662d}
.contact a,.contact a:hover{color:#00662d}
.contact li{float:left;width:187px;background:url(../images/contactborder.gif) no-repeat left center;text-indent:8px}
.contact li.no{background:none}
.contact div{font-size:16px;margin-top:-4px}
.contact p{font-size:12px}

.joblist{border-bottom:2px solid #00683A}
.joblist dt{font-size:14px;text-align:center;height:32px;line-height:32px;border-top:1px solid #888;cursor:pointer}
.joblist dt.title{background:#00683A;color:#fff;border-top:none;cursor:default}
.joblist dt.no{border-top:none}
.joblist dt div{float:left;text-align:center;line-height:32px}
.joblist dt .col1{width:208px}
.joblist dt .col2,.joblist dt .col4{width:209px}
.joblist dt .col3{width:124px}
.joblist dt.title .col1{width:208px}
.joblist dt.title .col2,.joblist dt.title .col4{width:208px;border-left:1px solid #fff}
.joblist dt.title .col3{width:123px;border-left:1px solid #fff}
.joblist dd{display:none;border-top:1px solid #888}
.joblist dd div.con{margin:10px 64px}
.joblist dd .param{border-bottom:1px dashed #888;padding-bottom:8px}
.joblist dd .param li{float:left;width:216px}

.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:right;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:'SimSun';font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}

.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:685px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:1px solid #000;}

.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}

.commnet{margin:20px 0 30px;padding:8px 0 0 8px;background:url(../images/commnet_bg.png) repeat-x;border:1px solid #ccc;border-radius:3px;}
.commnet textarea{width:100%;height:59px;border:none;background:transparent;outline:none;font-size:14px;color:#999;overflow:auto;}
.commnet .toolbar{padding-top:8px;_padding-top:5px;*padding-top:5px!important;height:30px;line-height:30px;overflow:hidden;}
.commnet .options{float:left;}
.commnet .button,
.commnet .button_on{float:right;width:100px;height:30px;border:none;border-left:1px solid #ccc;font-size:14px;font-weight:bold;cursor:pointer;}
.commnet .button{background:url(../images/commnet_btn_bg.png) repeat-x;}
.commnet .button_on{background:url(../images/commnet_btnon_bg.png) repeat-x;}
.commlist{margin-top:20px;}
.commlist li{border-bottom:1px solid #eaeaea;word-wrap:break-word;}
.commlist li p{line-height:20px;color:#999；}
.commlist li span.uname{color:#D32;font-family:Verdana;font-weight:bold;}
.commlist li span.time{color:#bbb;}
.commnum span{display:inline-block;width:70px;margin-top:20px;line-height:24px;border:1px solid #ccc;background:#f5f5f5;border-radius:3px;text-align:center;}
.commnum span i{color:#900;font-family:Verdana;font-weight:bold;}

.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:'Arial Black';font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}

.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:'Arial Black';font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}


*html{background-image:url(about:blank);background-attachment:fixed;}
.kf{width:127px;border:1px solid #51b5f0;position:fixed;top:45%;right:0;background:url(../images/kf_ico.png) no-repeat 7px 10px #1a98d5;min-height:50px;_height:auto!important;_height:50px;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||130)-(parseInt(this.currentStyle.marginBottom,10)||130)));}
.kf_r{margin-left:37px;background:#16a2dd;color:#fff;text-align:center;padding:10px 0 10px;}
.kf_r img{margin-bottom:5px;}


.class_input{width:290px;border:1px solid #e0e0e0;padding:6px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.class_input_on{width:290px;border:1px solid #8cd1ff;background:#f1f9ff;padding:6px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}

.class_areatext{width:290px;height:90px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.class_areatext_on{width:290px;height:90px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}


*html{background-image:url(about:blank);background-attachment:fixed;}
.tbox{z-index:9999;width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}

.v1{height:511px;background:url(../images/yq1.jpg) no-repeat;position:relative}
.v2{height:300px;background:url(../images/yq2.jpg) no-repeat;position:relative}
.v3{height:310px;background:url(../images/yq3.jpg) no-repeat;position:relative}
.v4{height:379px;background:url(../images/yq4.jpg) no-repeat;position:relative}
.v1 p{top:110px;left:67px;width:345px}
.v2 p{top:83px;right:163px;width:205px}
.v3 p{top:160px;left:69px;width:405px}
.v4 p{top:90px;left:0;width:570px}
.v1 p,.v2 p,.v3 p,.v4 p{position:absolute;z-index:50;color:#4d3026;font-size:14px;line-height:30px}

.xt1{width:72px;height:520px;position:absolute;bottom:0;left:80px;z-index:50;background-image:url(../images/hua1.png);background-repeat:no-repeat;background-position:0 0;background-size:72px}
.xt2{width:140px;height:373px;position:absolute;bottom:0;left:450px;z-index:50;background-image:url(../images/hua2.png);background-repeat:no-repeat;background-position:0 0;background-size:140px}
.xt3{width:499px;height:566px;position:absolute;bottom:0;right:80px;z-index:50;background-image:url(../images/hua3.png);background-repeat:no-repeat;background-position:0 0;background-size:499px}
@media screen and (min-width:1024px){/*0.53*/
	.footer{height:300px}
	.xt1{width:39px;height:275px;position:absolute;bottom:0;left:50px;z-index:50;background-image:url(../images/hua1.png);background-repeat:no-repeat;background-position:0 0;background-size:39px}
	.xt2{width:74px;height:197px;position:absolute;bottom:0;left:170px;z-index:50;background-image:url(../images/hua2.png);background-repeat:no-repeat;background-position:0 0;background-size:74px}
	.xt3{width:265px;height:300px;position:absolute;bottom:0;right:50px;z-index:50;background-image:url(../images/hua3.png);background-repeat:no-repeat;background-position:0 0;background-size:265px}
}
@media screen and (min-width:1280px){/*0.66*/
	.footer{height:374px}
	.xt1{width:48px;height:343px;position:absolute;bottom:0;left:50px;z-index:50;background-image:url(../images/hua1.png);background-repeat:no-repeat;background-position:0 0;background-size:48px}
	.xt2{width:92px;height:246px;position:absolute;bottom:0;left:200px;z-index:50;background-image:url(../images/hua2.png);background-repeat:no-repeat;background-position:0 0;background-size:92px}
	.xt3{width:329px;height:374px;position:absolute;bottom:0;right:50px;z-index:50;background-image:url(../images/hua3.png);background-repeat:no-repeat;background-position:0 0;background-size:329px}
}
@media screen and (min-width:1366px){/*0.71*/
	.footer{height:425px}
	.xt1{width:51px;height:369px;position:absolute;bottom:0;left:60px;z-index:50;background-image:url(../images/hua1.png);background-repeat:no-repeat;background-position:0 0;background-size:51px}
	.xt2{width:100px;height:265px;position:absolute;bottom:0;left:220px;z-index:50;background-image:url(../images/hua2.png);background-repeat:no-repeat;background-position:0 0;background-size:100px}
	.xt3{width:354px;height:402px;position:absolute;bottom:0;right:60px;z-index:50;background-image:url(../images/hua3.png);background-repeat:no-repeat;background-position:0 0;background-size:354px}
}
@media screen and (min-width:1440px){/*0.75*/
	.footer{height:425px}
	.xt1{width:54px;height:390px;position:absolute;bottom:0;left:60px;z-index:50;background-image:url(../images/hua1.png);background-repeat:no-repeat;background-position:0 0;background-size:54px}
	.xt2{width:105px;height:280px;position:absolute;bottom:0;left:250px;z-index:50;background-image:url(../images/hua2.png);background-repeat:no-repeat;background-position:0 0;background-size:72px}
	.xt3{width:374px;height:425px;position:absolute;bottom:0;right:60px;z-index:50;background-image:url(../images/hua3.png);background-repeat:no-repeat;background-position:0 0;background-size:374px}
}
@media screen and (min-width:1600px){/*0.83*/
	.footer{height:470px}
	.xt1{width:60px;height:431px;position:absolute;bottom:0;left:70px;z-index:50;background-image:url(../images/hua1.png);background-repeat:no-repeat;background-position:0 0;background-size:60px}
	.xt2{width:116px;height:310px;position:absolute;bottom:0;left:280px;z-index:50;background-image:url(../images/hua2.png);background-repeat:no-repeat;background-position:0 0;background-size:116px}
	.xt3{width:414px;height:470px;position:absolute;bottom:0;right:70px;z-index:50;background-image:url(../images/hua3.png);background-repeat:no-repeat;background-position:0 0;background-size:414px}
}
@media screen and (min-width:1920px){/*1*/
	.footer{height:566px}
	.xt1{width:72px;height:520px;position:absolute;bottom:0;left:80px;z-index:50;background-image:url(../images/hua1.png);background-repeat:no-repeat;background-position:0 0;background-size:72px}
	.xt2{width:140px;height:373px;position:absolute;bottom:0;left:450px;z-index:50;background-image:url(../images/hua2.png);background-repeat:no-repeat;background-position:0 0;background-size:140px}
	.xt3{width:499px;height:566px;position:absolute;bottom:0;right:80px;z-index:50;background-image:url(../images/hua3.png);background-repeat:no-repeat;background-position:0 0;background-size:499px}
}