﻿@charset "utf-8";
*,body{ margin:0; padding:0;}
body,td,div,h1,h2,h3,ul,li{ font-family:"微软雅黑"; font-size:12px; color:#333}
ul,li{ list-style:none}
img{ border:0}
.w{ width:1100px; margin:0 auto}
.h50{ height:50px;}
.h40{ height:40px;}
.h30{ height:30px;}
.fl{ float:left}
.fc{ float:left}
.fr{ float:right}
.clear{ clear:both}
a:link{ color:#333}
a:visited{ color:#333}
a:hover{ color:#10823b}
.header{ background-color:#10823b; border-bottom:5px solid #fff000; height:88px;}
.header .w{ position:relative}
.logo{ position:absolute; left:0; top:0; z-index:100;}
#menu{ height:53px;  line-height:53px; right:0; position:absolute; top:36px;}

#nav {line-height: 53px;list-style: none;}
#nav li{}
#nav a {display: block; width: 85px; text-align:center;  color:#333; font-size:14px; }
#nav a:link {color:#fff; text-decoration:none;}
#nav a:visited {color:#fff;text-decoration:none;}
#nav a:hover { background:url(../images/mhover.png) center center no-repeat; text-decoration:none; color:#10823b}
#nav li {float: left; width: 85px;}/*首层背景色*/
#nav li a:hover{ background:url(../images/mhover.png) center center repeat-x;}/*经过背景色*/
#nav #on a{ background:url(../images/mhover.png) center center repeat-x; color:#10823b}
#nav #on  ul a{display: block; width: 140px;text-align:left; background:none;padding-left:10px;  }
#nav #on  ul a:link {color:#fff; text-decoration:none; background:none; }
#nav #on  ul a:visited {color:#fff;text-decoration:none; background:none; }
#nav #on  ul a:hover {color:#10823b;text-decoration:none;font-weight:normal;background:#fff000;}/*下列列表层经过属性*/

#nav li ul {line-height: 30px;\; list-style-type: none;text-align:left;left: -999em; width: 150px; position: absolute; z-index:1000; padding-top:5px;}
#nav li ul li{float: left; width: 150px; background:#10823b; border-bottom:1px solid #fff; padding:0}/*下列列表层背景色,属性*/

#nav li ul a{display: block; width: 140px;text-align:left; background:none; padding-left:10px; }
#nav li ul a:link {color:#fff; text-decoration:none; background:none; }
#nav li ul a:visited {color:#fff;text-decoration:none; background:none; }
#nav li ul a:hover {color:#10823b;text-decoration:none;font-weight:normal;background:#fff000;}/*下列列表层经过属性*/

#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}



/* flexslider */
.flexslider{position:relative;height:550px;overflow:hidden;background:url(../Images/loading.gif) 50% no-repeat; z-index:-100}
.slides{position:relative;z-index:-1;}
.slides li{height:550px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../Images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../Images/next.png) center center no-repeat;}

.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:100px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:100px}
.unslider{position: relative;}
.unslider-nav{position: absolute;left: 0px;right: 0px;bottom: 15px;text-align: right;}
.unslider-nav ol li{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: #FFFFFF;margin-right:8px;cursor: pointer; text-indent: 9999px;overflow: hidden;}
.unslider-nav ol li.unslider-active{background: #D10715;}
.unslider-arrow{position: absolute;top: 50%;width: 20px;height: 36px;background: url(../images/row.png) no-repeat;margin-top: -18px;color: #fff;text-indent: 9999px;overflow: hidden;}
.unslider-arrow.next{background-position: -20px 0px;}
.banner img{min-height: 100px;width: 100%;}

.index-bor{ background:url(../images/fg-1.png); background-size:100% 100%; height:49px;}

.box1{ overflow:hidden}
.box1 .fl{ width:322px;}
.box1 .fc{ width:430px; margin-left:10px;}
.box1 .fr{ width:322px;}
.tit{ background:url(../images/tbg_c.jpg) repeat-x; height:29px;  overflow:hidden}
.tit .tit_fl{ width:32px; height:29px; float:left}
.tit .tit_fc{ height:29px; width:200px; float:left}
.tit .tit_fc h3{ font-size:18px; font-weight:normal; color:#FFF; line-height:29px;}
.tit .tit_fr{ width:51px; float:right; height:29px;}
.abocon{ padding-top:10px; line-height:20px; text-indent:2em}

.box2{ overflow:hidden}
.box2 .fl{ width:760px;}
.box2 .fr{ width:322px;}

.prolist{ overflow:hidden}
.prolist li{ padding:10px 0; border-bottom:1px solid #cccccc; overflow:hidden}
.prolist li img{ float:left;}
.prolist li .procon{ float:right; width:620px;}
.prolist li h3 a{ color:#10823b; font-size:14px; text-decoration:none}
.prolist li p{ display:block; height:35px; overflow:hidden}
.prolist li .proother{ color:#10823b;}

.pro_ad{ overflow:hidden; margin-left:5px;}
.pro_ad li{ background:url(../images/icobg.png) no-repeat; width:141px; height:140px; float:left; margin-right:30px; margin-bottom:30px;}
.pro_ad li:hover{ background:url(../images/icobg1.png) no-repeat; width:141px; height:140px; cursor:pointer}
.pro_ad li a{ display:block; width:141px; height:140px; color:#FFF; text-decoration:none}
.pro_ad li h3{ display:block; text-align:center; height:95px; padding-top:20px;}
.pro_ad li img{}
.pro_ad li span{ display:block; text-align:center;}

.box3{ overflow:hidden}
.box3 .fl{ width:760px;}
.box3 .fr{ width:322px;}

.indexnews{ line-height:20px;}
.indexnews h3 a{ color:#10823b; line-height:30px; font-size:14px; text-decoration:none}

.indexnewslist{ overflow:hidden; margin-top:30px;}
.indexnewslist li{ border-bottom:1px solid #cccccc; line-height:35px; overflow:hidden}
.indexnewslist li h3{ display:block; float:left; line-height:35px; font-size:12px;}
.indexnewslist li a{text-decoration:none}
.indexnewslist li span{ display:block; float:right; line-height:35px;}

.hztit{ background:url(../images/tbg2.jpg) center bottom no-repeat; height:70px;}
.hztit h3{ display:block; text-align:center; color:#10823b; font-size:24px; }


/*****分页******/
.pagelist{ height:50px; line-height:50px; text-align:center}
.pagelist a{ border:1px solid #dddddd; padding:5px 10px; margin-left:5px;}
.nolink{ border:1px solid #dddddd; padding:5px 10px; margin-left:5px;}
.pagelist font{ background:#10823b; color:#fff; padding:5px 10px; margin-left:5px;}

.footer{ background:url(../images/fbg.jpg) center center no-repeat; height:254px;}
.footer .w{ padding-top:50px;}
.footer .w .fl{ width:340px; padding-left:60px;}
.footer .w .fc{ border-left:2px solid #10823b; border-right:2px solid #10823b; padding:0 100px; width:200px;}
.footer .w .fc h3{ color:#10823b; font-size:18px; font-weight:normal; height:35px;}
.footer .w .fc .ico1{ background:url(../images/fico1.png) left center no-repeat; padding-left:20px;}
.footer .w .fc .ico2{ background:url(../images/fico2.png) left center no-repeat; padding-left:20px;}
.footer .w .fc .ico3{ background:url(../images/fico3.png) left center no-repeat; padding-left:20px;}
.footer .w .fr{ padding-right:60px;}
.footercon{ color:#FFF; text-align:center; padding-top:60px; position:relative; width:1100px; margin:0 auto}
.kj{ position:absolute; right:0; top:60px;}
.kj a{ color:#FFF; text-decoration:none}

.main{ margin-top:-50px;}
.main_fl{ float:left; width:220px;}
.lefttit{ background-color:#10823b; height:105px; padding:50px 0 0 30px;}
.lefttit h3{ display:block; color:#FFF; font-size:24px;}
.lefttit span{ display:block; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:24px;}
.main_fl ul{ border-left:1px solid #ccc;  border-right:1px solid #ccc}
.main_fl li{ border-bottom:1px solid #ccc}
.main_fl li a{ height:38px; line-height:38px; padding-left:20px; font-size:14px; text-decoration:none}
.main_fl li a:hover{ color:#10823b}
.main_fr{ width:840px; float:right; padding-top:60px;}

.main_fr h2{ font-size:30px; display:block; border-bottom:1px solid #ccc; font-weight:normal; line-height:50px; color:#10823b}
.aboutcon{ padding-top:20px; line-height:23px; font-size:14px;}
/*内容*/
.bigpic{ height:399px;}
.procontent{ overflow:hidden; padding-top:30px;}
.procontent .fl{ width:130px;}
.procontent .fr{ width:680px;}
.procontent .fr h4{ color:#e16228; font-size:14px; display:block}

.piclist{ overflow:hidden}
.piclist li{ float:left; margin:20px;}
.newscon h4{ color:#e16228; font-size:14px; display:block; line-height:30px; padding-top:20px;}

.piclist{ overflow:hidden; padding-bottom:20px;}
.piclist ul{ overflow:hidden;}
.piclist li{ width:130px; height:90px; float:left;  margin:20px 0px 0 35px;}
.piclist li img{width:130px; height:60px; border:1px solid #dddddd;}
.piclist li span{ display:block; text-align:center; line-height:30px;}
.piclist li a{ text-decoration:none}

.piclist1{ overflow:hidden; padding-bottom:20px;}
.piclist1 li{ width:100px; height:80px; float:left; margin:20px 10px 0 10px;}
.piclist1 li img{width:100px; height:54px; border:1px solid #dddddd;}
.piclist1 li span{ display:block; text-align:center; line-height:30px;}
.piclist1 li a{ text-decoration:none}

.photolist{ overflow:hidden}
.photolist li{ float:left; width:225px; margin:10px 5px;}
.photolist li img{width:225px; height:160px;}
.photolist li span{ display:block; text-align:center; line-height:25px;}
/*在线客服*/
.izl-rmenu{position:fixed;left:50%;margin-left:605px;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
