@charset "utf-8";

/* CSS Document */
/*  ------------------------ 通用 ----------------------------  */
*{ margin:0px; padding:0px;}
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body { font-family:"微软雅黑",Arial; color:#000;  font-size:12px; line-height:24px; background:#fff;}
body,html{ width:100%; height:100%;}
ol, ul ,li{list-style: none; margin:0px; padding:0px}
img,ol, ul ,li{ border:none;}
div{ margin:0 0; padding:0 0}
a{text-decoration:none; color:#000; outline:none; star:expression_r(this.onFocus=this.blur());}
a:hover {text-decoration: none; color:#62c051 ;cursor:pointer;}
img{ border:none;}
.cl{ clear:both; width:100%; overflow:hidden; height:0px}
.clins{ clear:both; width:100%; margin:0; height:50px;}
.conten{ margin:auto;}
.pointer { cursor:pointer; }
.NoBorder { border:0 none; }
.NoPadding { padding:0; }
.t_l { text-align:left; }
.t_c { text-align:center; }
.t_r { text-align:right; }
.Break { word-break:break-all; word-wrap:break-word; }
.Nobreak { word-break:keep-all; word-wrap:normal; }
.FL { float:left; }
.FR { float:right; }
.UnLine { text-decoration:underline; }
.DisunLine { text-decoration:none; }
.absolute { position:absolute; }
.relative { position:relative; }
.wrapper { clear:both; overflow:hidden; }
.o-hidden { overflow:hidden; }
.invisible { visibility:hidden; }
.hidden { display:none; }
.block { display:block; }
.clear { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden; }
.FB { font-weight:bold; }
.FN { font-weight:normal; }
.FI { font-style:italic; }
.F10 { font-size:10px; }
.F11 { font-size:11px; }
.F12 { font-size:12px; }
.F13 { font-size:13px; }
.F14 { font-size:14px; }
.F16 { font-size:16px; }
.F18 { font-size:18px; }
.DivH5, .DivH10, .DivH15, .DivH20, .DivH25, .DivH30, DivH1, .DivH40 { width:100%; overflow:hidden; }
.DivH1 { height:1px; }
.DivH5 { height:5px; }
.DivH8 { height:8px; }
.DivH10 { height:10px; }
.DivH15 { height:15px; }
.DivH20 { height:20px; }
.DivH25 { height:25px; }
.DivH30 { height:30px; }
.DivH40 { height:40px; }
.DivH60 { height:60px; }
.DivH80 { height:80px; }
.LH1 { line-height:1px; }
.LH10 { line-height:10px; }
.LH15 { line-height:15px; }
.LH18 { line-height:18px; }
.LH20 { line-height:20px; }
.LH25 { line-height:25px; }
.LH30 { line-height:30px; }
.LH35 { line-height:35px; }
.color_green { color:#85c226; }
.color_red { color:#e8470a; }
.color_red1 { color:#F00; }
.color_yellow { color:#bf0000; }
.eadiv img{ max-width:100%; height:auto;}


.main{ width:1200px; margin:0 auto; height:auto;}

/*  header  */
.headt{ height:110px; padding:25px 0;}


.headlogo{ float:left; vertical-align:top; width:520px; color:#62c051;}
.helogo{ float:left; vertical-align:top; margin-right:12px;}
.helogo img{height:65px;}
.helogotic{ font-size:30px; font-weight:bold; line-height:1.2em; color:#62c051;}
.helogotie{ font-size:14px; line-height:1.2em; color:#62c051;}
.headadd{ float:right; vertical-align:top; width:auto; font-size:16px; padding:5px 0 0; line-height:58px; text-align:right; color:#808080;}
.headpho{ float:right; margin-left:20px; vertical-align:top; width:330px; text-align:right;}

.hdaddi{ float:right; margin-left:20px;}
.hdaddi img{ display: block;}
.hdphoi{ float:right; margin-left:20px;}

.hdphow{ color:#808080; display:inline-block; font-size:20px; line-height:1.2em; padding-top:5px;}
.hdphot{ color:#62c051; font-size:28px; line-height:1.2em;}

.headnav{ background:#62c051 url(../images/heanavbg.jpg) center center; height:60px; line-height:60px; width:100%;}

.tnav li{ float:left; width:200px; text-align:center; font-size:14px; position:relative;}
.tnav li a{ display:block; color:#fff;}
.tnav li .icdw{ background:url(../images/icdw.png) no-repeat center center; width:10px; height:60px; display:inline-block; margin-left:10px; vertical-align:top;}
.tnav li:hover>a{ display:block; color:#158A00;}
.tnav li:hover dl{ display:block;}
.tnavls{ background:url(../images/heanavli.png) no-repeat left center;}
.tnavons{ background:url(../images/heanavon.png) no-repeat left center;}
.tnav li.tnavons:hover>a{ color:#fff;}
.tnav li dl{ position:absolute; left:0; top:55px; width:200px; z-index:15; background:#fff; color:#999; display:none; border-radius:4px;}
.tnav li dd{ height:40px; line-height:40px; border-bottom:1px solid #e5e5e5;}
.tnav li dl a{ color:#999;}
.tnav li dl a:hover{ color:#158A00;}

.cma{ min-height:500px;}
/*  foot  */

.foot{ background:#292929; color:#999999; font-size:12px; height:50px; line-height:14px; padding:18px 0;}
.foot a{ color:#999999;}
.foot a:hover{ color:#fff;}
.footcopy{ display:inline-block;}
.footnav{ float:right;}
.footnav li{ float:left; display:inline-block; border-right:1px solid #999; padding:0 8px;}


/*  slidema */

.slidema{ position:relative; width:1200px; height:500px;}

.prev,.next{ display:block; width:55px; height:55px; line-height:999px; overflow:hidden; position:absolute; top:50%; margin-top:-27px;}
.prev{ background:url(../images/solpr.jpg) no-repeat left top; left:10px;}
.next{ background:url(../images/solnt.jpg) no-repeat left top; right:10px;}
.prev:hover{ background-position:right top;}
.next:hover{ background-position:right top;}

.hd{ position:absolute; left:0; right:0; bottom:20px; text-align:center;}
.hd li{ display:inline-block; width:18px; height:18px; border-radius:50%; overflow:hidden; line-height:999px; background:#999999; margin:0 5px; cursor:pointer;}
.hd li.on{ background:#62c051;}


.newal{ height:50px; line-height:50px; padding:0 20px; background:#fafafa; font-size:14px;overflow:hidden;}
.newalmor{ float:right;}
.newalmor a{ color:#999;}
.newalmor a:hover{ color:#62c051;}
.newalt{ margin-right:10px; color:#333;}
.newalink{ color:#999;}
.newalink:hover{ color:#62c051;}

/*  intost  */

.intost{ height:54px; font-weight:normal;}
.intostmor{ float:right;}
.intostmor a{ color:#62c051;}
.intosttch{ font-size:24px; color:#62c051;}
.intosttfg{ font-size:16px; color:#666; margin:0 10px;}
.intostten{ font-size:16px; color:#666; text-transform: uppercase;}


/*  proint  */

.proint{ height:700px; background:#f6faf5; padding:35px 0 50px;}
.prointsh{ height:54px; font-weight:normal;}
.proinremor{ float:right;}
.proinremor a{ color:#62c051;}
.proinretch{ font-size:24px; color:#62c051;}
.proinretfg{ font-size:16px; color:#666; margin:0 10px;}
.proinreten{ font-size:16px; color:#666; text-transform: uppercase;}



.proinrswdema{ position:relative; width:1200px; height:560px;}

.proswdls li{ float:left; width:280px; height:270px; background:#fff; margin:0 10px 20px 10px;}
.precaim{ width:280px; height:220px; overflow:hidden;}
.precaim img{ display:block; width:280px; height:220px; overflow:hidden;}
.precatx{ text-align:center; height:50px; line-height:50px; font-size:14px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.proinrswdema .prev,.proinrswdema .next{ display:block; width:40px; height:40px; line-height:999px; overflow:hidden; position:absolute; top:50%; margin-top:-20px;}
.proinrswdema .prev{ background:url(../images/prspr.jpg) no-repeat left top; left:-70px;}
.proinrswdema .next{ background:url(../images/prsnt.jpg) no-repeat left top; right:-70px;}
.proinrswdema .prev:hover{ background-position:right top;}
.proinrswdema .next:hover{ background-position:right top;}


/*  newint  */

.newint{ padding:50px 0; height:685px;}
.newintle{ float:left; width:600px;}
.newintre{ float:right; width:520px;}


.newinletida{ padding:0 0 0 20px; background:url(../images/dataico.png) no-repeat left center;}

.newintre li{ height:110px; margin-bottom:35px;}
.newinrelimg{ float:left; width:104px; height:102px; overflow:hidden; margin-right:10px;}
.newinrelidaivo{ width:13px; height:13px; display:inline-block; background:url(../images/dataico.png) no-repeat left center; vertical-align:top; margin-right:5px;}


.newinletimg{ width:600px; height:350px;}
.newinletimg img{ display:block; width:600px; height:350px;}
.newinletils{ font-size:16px; line-height:20px; padding:20px 0; margin-top:20px;}
.newinletida{ padding:15px 0 15px 20px; color:#777;}
.newinletixe{ font-size:12px; line-height:24px; height:48px; overflow:hidden; color:#777;}


.newinrelils{ font-size:16px; line-height:32px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newinrelida{ line-height:14px; height:24px; padding:5px 0; color:#777;}
.newinrelixe{ line-height:24px; height:48px; overflow:hidden; color:#777; overflow:hidden;}



/*  contin  */

.contin{ height:660px; background:#fafafa; padding:30px 0;}

.contnhti{ text-align:center; margin-bottom:30px;}
.contnhticn{ font-size:24px; line-height:40px;}
.contnhtien{ font-size:14px; line-height:30px; text-transform: uppercase;}
.contnhtilk{ display:block; width:40px; height:3px; background:#62c051; margin:5px auto 0;}

.contintl{ float:left; width:580px;}
.contintr{ float:right; width:580px;}



.contintrtw{ width:290px; float:left; height:140px;}


.contintlipt{ width:275px; height:50px; float:left; margin-bottom:20px;}
.contintlipt.mrt20{ margin-right:20px;}
.contintlipt input{ width:275px; height:50px; border:1px solid #e5e5e5; padding:15px; font-size:14px;}
.contintlitr{ width:570px; height:250px; margin-bottom:30px;}
.contintlitr textarea{ width:570px; height:250px; border:1px solid #e5e5e5; padding:15px; font-size:14px;}
.contintlbtn,.contintlbtn:hover{ display:block; width:160px; height:50px; line-height:50px; background:#62c051; color:#fff; text-align:center;}


.contintrtwicol li{ height:15px; line-height:15px; margin-bottom:20px; padding-left:30px;}
.contlsrico01{ background:url(../images/cointico01.png) no-repeat left center;}
.contlsrico02{ background:url(../images/cointico02.png) no-repeat left center;}
.contlsrico03{ background:url(../images/cointico03.png) no-repeat left center;}
.contlsrico04{ background:url(../images/cointico04.png) no-repeat left center;}


.contintrtwimg{ float:left; margin-right:15px;}
.contrwxtx{ font-size:16px; line-height:30px; float:right;}
.contintrtxtop{ margin-top:15px;}

.continrmap{ width:580px; height:250px;}
.continrmap img.contmap{ display:block; width:580px; height:250px;}


/*  sdimt  */

.sdimt{ height:300px; position: relative;}
.sdmibg{ position:absolute; left:0; top:0;}
.sdmitx{ position:relative;}
.sdmitxm{ height:240px; text-align:center; color:#fff; padding-top:80px;}
.sdmitxmch{ font-size:30px; line-height:36px;}
.sdmitxmlk{ display:inline-block; margin:0 0 5px; padding-top:15px; width:30px; border-bottom:2px solid #fff;}
.sdmitxmen{ font-size:15px; line-height:20px; text-transform: uppercase;}
.sdminav{ height:60px; border-top:1px solid rgba(255,255,255,0.47); text-align:center;}

.sdminav li{ display:inline-block; font-size:14px; height:60px; border-top:2px solid transparent; text-align:center; line-height:58px; width:190px; margin:0 100px; margin-top:-1px;}
.sdminav li a{ color:#fff; display:block;}
.sdminav li a:hover{ color:#158a00 ; display:block;}
.sdminav li.sdminavon a:hover{ color:#fff;}
.sdminav li.sdminavon{ background:#158A00; border-color:#62c051;}

.mtpretw{ margin-top:30px;}

.nvtils{ font-size:20px; line-height:22px; height:22px; border-left:3px solid #158A00; padding:0 10px; margin:20px 0; }
.nvtilsmli{ font-size:12px; line-height:14px; color:#62c051; vertical-align:bottom; vertical-align:bottom; font-weight:normal; margin-left:10px; text-transform: uppercase;}

/*  pages  */

.pages{ text-align:center; width:100%; clear:both; float:none;}
.pages a{ display:inline-block; padding:0 5px; width:50px; height:45px; line-height:45px; background:#f5f5f5; color:#666;}
.pages a:hover{ color:#158A00;}
.pages a.pagepro,.pages a.pagenxt{ width:90px;}
.pages a.pageons,.pages a.pageons:hover{ background:#158A00; color:#fff;}

/*  about  */

.about{ padding-bottom:30px;}

.abtole{ width:640px; float:left;}
.abtore{ width:515px; height:325px; margin-top:-50px; float:right; background:url(../images/abtore.jpg) no-repeat center center;}



.abtimli{ width:1200px; overflow:hidden;}
.abtimli ul{ width:1230px;}
.abtimli ul li{ width:280px; height:265px; margin:0 26px 30px 0; float:left;}
.abtimt{ width:280px; height:220px; position:relative; overflow:hidden;}
.abtimt img{ width:280px; height:220px; display:block;}
.abtimtgc{ position:absolute; width:260px; left:10px; top:40px; color:#fff; text-align:center; font-size:18px; font-weight:bold; text-shadow:1px 1px 3px #666;}
.abtimtil{ width:280px; height:45px; line-height:45px; font-size:14px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:none; text-align:center; color:#666; border:1px solid #e5e5e5; border-top:none; transition: all 0.3s ease 0s;}
.abtimli ul li:hover .abtimtil{ color:#62c051; border:1px solid #62c051; border-top:none;}
.workes{ display:none;}



.abtoshle{ padding-right:510px; background:url(../images/abtoshle.jpg) no-repeat right top; min-height:470px;}
.shtixs{ font-size:14px; color:#333;}
.shtixslt{ padding-left:20px; position:relative; color:#777; line-height:24px;}
.shtixsat{ color:#777; line-height:24px;}
.shtixslt i{ display:inline-block; position:absolute; left:0; top:0; width:20px; height:20px; font-size:14px; color:#158a00;font-style: initial;}


.typicl{ width:1000px; margin:0 auto;}
.typicl li{ padding:10px 0; border-bottom:1px solid #e5e5e5;}
.typiltsil{ padding:0 10px;}
.typitdate{ height:24px; line-height:14px; padding:5px 10px; color:#999;}
.typiltex{ padding:0 10px; color:#999;}
.typilena{ font-size:14px; margin-right:20px;}
.typilent{ font-size:14px;}

/*  newsul  */

.news { padding-bottom:40px;}

.newsul{ width:1000px; margin:0 auto; padding-bottom:40px;}
.newsul li{ padding:20px 0; border-bottom:1px solid #e5e5e5; font-size:14px;}
.newsul li a{ color:#666;}
.newsul li a:hover{ color:#62c051;}
.newsul li a span.texeli{ padding-right:10px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsul li .newinrelimg{ margin-right:25px;}



.daterg{ float:right; color:#999;}



.newsal{ width:1100px; margin:0 auto;}

.newalti{ padding-bottom:30px;}
.newaltit{ font-size:16px; line-height:30px; text-align:center;}
.newaltid { font-size:14px; line-height:14px; padding:20px 0; text-align:center; color:#999;}
.newadatico{ width:13px; height:13px; display:inline-block; background:url(../images/dataico.png) no-repeat left center; vertical-align:top; margin-right:15px;}
.newaltim{ text-align:center;}
.newaltim img{ text-align:center; display:block; margin:0 auto; max-height:100%; height:auto;}



.neweadtu img{ max-width:100%; height:auto;}



/* prolsw */

.prolsw{ position:relative; min-height:60px;}
.profix{ position:absolute; top:0; left:0; min-height:60px; width:100%; background:#fff; z-index:10;}
.profixbor{ border-bottom:1px solid #e5e5e5; box-shadow:0px 0px 2px #ccc;}
.prolsw .main { border-bottom:1px solid #e5e5e5; padding:0 18px; position:relative;margin-bottom:10px;}

/*
.prolsw dd{ display:block; padding:0 10px;float:left; height:24px; line-height:24px; margin:0 10px;}
.prolsw dd.prolswons{ background:#62c051; color:#fff;}
.prolsw dd a{ color:#666; display:block;}
.prolsw dd a:hover{ color:#62c051;}
.prolsw dd.prolswons a,.prolsw dd.prolswons a:hover{ color:#fff;}
*/

.prolsw dl{ text-align:center; font-size:14px;}
.prolsw dd{ display:inline-block; height:59px; line-height:59px; position:relative;float:left;}
.prolsw dd.prolswons{ color:#158A00;}
.prolsw dd a{ color:#666; display:block;transition: all 0.3s ease 0s; padding:0 25px; position:relative;}
.prolsw dd a:hover{ color:#158A00;}
.prolsw dd.prolswons a,.prolsw dd.prolswons a:hover{ color:#158A00;}
.prolsw dd::after {background-color: #e5e5e5;left: 0px;content: "";display: block;height: 20px;top:20px;overflow: hidden;    position: absolute;width: 1px;}
.prolsw dd:first-child::after { display:none;}
.prolsw dd a::after {background-color: #158A00;bottom: -1px;content: "";display: block;height: 1px;left: 50%;overflow: hidden;    position: absolute; transition: all 0.3s ease 0s;width: 0;}
.prolsw .profixbor dd a::after{bottom:-1px;}
.prolsw dd a:hover::after,.prolsw dd.prolswons a::after{left: 10%;width: 80%;}

.proimg{ float:left; width:540px; height:auto;}
.proimg img{ display:block; width:540px; height:auto;}

.proedatu{ float:right; width:600px;}
.protil{ font-size:16px; font-weight:normal; color:#000; margin-bottom:20px;}



/*  conts  */

.contsle{ float:left; width:400px;}
.contsre{ float:right; width:650px; height:360px; padding-top:10px;}
.contsre img.contmap{ display:block; width:650px; height:350px;}

.contslewz{ margin-bottom:20px;}
.contslewz li{ height:50px; line-height:50px; font-size:14px; color:#666; border-bottom:1px dashed #e5e5e5;}

.contsewm p{ font-size:18px; line-height:40px; color:#666;}
.contsewmig{ float:left; width:150px; height:150px; margin-right:30px;}
.contsewmig img{ display:block; width:150px; height:150px;}
.contsewmtp{ padding-top:15px;}



.ructlis li{ width:1200px; min-height:210px; padding:50px 40px 40px 80px; border:1px solid #eee; box-shadow:0px 3px 2px #ccc; margin-bottom:30px;}


.rucsq{ width:350px; float:left; min-height:115px;}
.rucms{ width:560px; float:left; min-height:100px; padding-left:30px; color:#999; border-left:1px dashed #999;}
.rucic{ width:126px; float:right;}
.rucic img{ display:block; width:126px; float:right;}

.rucsqch{ font-size:18px; line-height:30px;}
.rucsqen{ font-size:12px; color:#62c051; line-height:25px; text-transform: uppercase;}
.rucsqbt{ border:1px solid #666; width:90px; height:35px; line-height:32px; font-size:14px; text-align:center; margin-top:25px; cursor:pointer;}


/*  mask  */

.mask{ position:fixed; top:0; left:0; right:0; bottom:0; display:none;}
.maskbg{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:1000%; background:rgba(0,0,0,0.4);}
.maskal{ position:absolute; top:20px; left:50%; width:600px; height:auto; margin-left:-300px; background:#fff;}


.maskal{ width:600px;}
.maskrut{ height:59px; background:url(../images/rectbg.jpg) no-repeat center center; color:#fff; line-height:59px; font-size:16px; padding-left:20px;}

.maskman{ overflow-y:auto;}
.maskrutcol{ width:59px; height:59px; padding:23px; display:block; float:right;}
.maskrutcolic{ width:12px; height:12px; background:url(../images/maskrutcol.png) no-repeat center center; font-style:inherit; display:block; vertical-align:top;}

.rectsq{ padding:20px;}
.rectsipt{ height:34px; line-height:34px; margin-bottom:10px;}
.rectsipt input{ height:34px; line-height:34px; border:1px solid #ccc; font-size:12px; width:100%; padding:0 10px;}
.rectsipttr{ height:100px; line-height:20px; margin-bottom:10px;}
.rectsipttr textarea{ height:100px; line-height:20px; border:1px solid #ccc; font-size:12px; width:100%; padding:10px 10px;}
.rectsiptbtn{ display:block; width:100px; height:36px; line-height:36px; background:#62c051; color:#fff; text-align:center;}
.rectsq .rectsiptbtn{ display:block; width:100px; height:36px; line-height:36px; background:#62c051; color:#fff; text-align:center;}
.rectstex{ font-size:14px; margin-bottom:10px;}
.rectsrad{ height:20px; line-height:20px; margin-bottom:10px;}
.rectsrad label{ width:100%; display:block; height:20px; line-height:20px; cursor:pointer;}
.rectsrad input{ display:none;}
.rectsrad .resex{ width:20px; height:20px; line-height:20px; display:inline-block; vertical-align:top; margin-right:10px; background:url(../images/rectstex.png) none center center; border:1px solid #ccc; border-radius:50%;}
.rectsrad .resex.resexon{ background:url(../images/rectstex.png) no-repeat center center; border:none;}