@charset "UTF-8";

/*==============================网页整体样式=========================*/
*{ vertical-align:baseline; font-weight:inherit;font-family:微软雅黑, Arial; font-style:inherit; padding:0; margin:0;}
body{ font-size:14px;color: #333; }
ol, ul{ list-style:none;}
img{ border:none; text-decoration:none; }
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:14px;}
a{  text-decoration:none;color: #666;}
a img, :link img, :visited img{ border:0;}
a:hover{ color: #02923b;}
.clear { clear:both;}
.clearfix:after{ content: "";display: block;clear: both;}
.w980{ width: 980px;margin: 0 auto;}
.fl{ float: left;}
.rl{ float: right;}

/*翻页 代码*/
.pages {padding:30px 0;float: right;text-align: right;height: 40px;width:100%;}
.pages li{list-style: none;display: inline-block;width: auto;}
.pages a{padding:3px 15px;display:block;border:1px #eee solid;background:#f9f9f9;display:inline-block;margin-right:5px;overflow:hidden;}
.pages a.active{background:#1d77c5;color:#fff;}



/*==============================网站头部样式=========================*/
#top{ background: #f5f5f5;border-bottom: 1px solid #e8e8e8;line-height: 32px;height: 32px;width: 100%;}

#header{ height: 80px;padding: 20px 0;}
#tel{ background: url("../images/tel.png") 0 center no-repeat;padding-left: 100px}
#tel p:first-child{ font-size: 14px}
#tel p{ font-size: 22px}

#nav{ height: 50px;width: 100%;background-color: #02923b;z-index: 10;}
#nav li{ float: left;line-height: 50px;font-size: 15px;width: 140px;text-align: center;position: relative;
    background: url(../images/navlibg.png) no-repeat left center;}
#nav li:first-child{ background: none}
#nav li a{ display: block;width: 125px;height: 50px;margin: auto;color: #dbe2e2;}

#nav li dl{ background-color: #02923b;position: absolute;display: none;z-index: 100;}
#nav li dt{ line-height: 50px;font-size: 15px;width: 140px;text-align: center; }

#nav li:hover>a{ color: #000;background: url(../images/navbg2.png) no-repeat center;  }
#nav li>dl a:hover{ color: #000;background: url(../images/navbg2.png) no-repeat center;  }
#nav li.active>a{ color: #000;background: url(../images/navbg2.png) no-repeat center;  }


/*==============================网站首页海报图=========================*/
.flexslider{position:relative;width:100%;height:430px;overflow:hidden;zoom:1;}
.slides>li{ width: 100%;height: 430px;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;
    text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}


/*==============================网站首页内容主体服务项目=========================*/
#service{ background: #e2e2e2;padding: 38px 0 50px 0;}
.gray_title{ margin: 0 0 20px 0;font-size: 18px;font-weight: bold;}
.gray_title span{ font-size: 14px;font-weight: normal;}
#service li{ float: left;border: 1px solid #bbb; border-radius: 8px; padding: 10px; margin-left: 30px;width: 284px;
    -webkit-box-shadow: 0 0 10px #bbb;
    -moz-box-shadow: 0 0 10px #bbb;
    box-shadow: 0 0 10px #bbb;
    background: url(../images/serviceboxbg.png) no-repeat right bottom #fff;}
#service li img{ margin: 10px 8px 20px 8px;width: 265px;height: 197px;}
#service li p{ text-align: center;  border-top: 1px dashed #E2E2E2;  padding: 15px 0 0 0;color: #333;}
#service li span{ display: block;width: 80px;height: 25px;line-height: 25px;margin: 10px auto 5px auto;text-align: center;
    background-color: #179c45;border-radius: 5px;color: #fff;}

#service li:first-child{ margin-left: 0;}
#service li:hover{ border: 1px solid #f00; border-radius: 8px;background: url(../images/serviceboxbg2.png) no-repeat right bottom #fff;
    -webkit-box-shadow: 0px 0px 8px #f00;
    -moz-box-shadow: 0 0 8px #f00;
    box-shadow: 0px 0px 8px #f00;  }
#service li:hover span{ background-color: #f00;}


/*==============================首页内容主体部分公司简介和新闻=========================*/
#main{ padding: 50px 0;}
#about{ float: left;width: 634px;border-right: 1px dotted #666;padding-right: 13px}
.main_title{ background: url(../images/10.jpg) no-repeat;line-height: 30px;padding-left: 12px;}
#about img{ border: 1px solid #d5d5d5;padding: 5px;  margin: 10px 0 0 0;  }
#about p:last-child{ width: 325px;padding-top: 5px;line-height: 20px;}

#news{ width: 308px;margin-left: 15px;}
#news ul{ background: url(../images/ulli.png) no-repeat left 14px;padding: 5px 0 0 0;}
#news ul li{ padding-left: 20px;line-height: 32px;border-bottom: 1px dashed #E2E2E2;}
#news ul li a{    width: 205px;
    display: block;
    overflow: hidden;
    height: 28px;
    float: left;}

/*==============================网站首页主体部分产品展示=========================*/
#product{ background: #dedede;padding: 30px 0;}
#product #pro_box{ width: 992px;height: 261px;overflow: hidden;}
#product li{  float: left;border: 1px solid #bbb;-webkit-box-shadow: 0 0 10px #bbb;-moz-box-shadow: 0 0 10px #bbb;box-shadow: 0 0 10px #bbb;
    border-radius: 8px;  padding: 10px;margin: 0 15px 35px;
    background: url(../images/serviceboxbg.png) no-repeat right bottom #fff;  }
#product li img{ margin: 10px 8px 20px 8px;width: 180px;height: 134px;}
#product li p{ text-align: center;border-top: 1px dashed #E2E2E2;padding: 15px 0 0 0; color: #333;}
#product li span{ display: block;width: 80px;height: 25px;line-height: 25px;margin: 10px auto 5px auto;text-align: center;
    background-color: #179c45;border-radius: 5px;color: #fff;}


#product li:hover{ border: 1px solid #f00; border-radius: 8px;background: url(../images/serviceboxbg2.png) no-repeat right bottom #fff;
    -webkit-box-shadow: 0px 0px 8px #f00;
    -moz-box-shadow: 0 0 8px #f00;
    box-shadow: 0px 0px 8px #f00;  }
#product li:hover span{ background-color: #f00;}


/*==============================网站底部=========================*/
#footer{ background-color: #333333;height: 225px;width: 100%;padding: 30px 0;}
#footer p{ color: #eee;}
#footer #sub_nav{ padding: 0 0 30px 0;border-bottom: 1px solid #404040;color: #eee;}
#footer #sub_nav a{ color: #eee;margin-right: 5px;}

#foot_nav{ padding: 30px 0;margin-bottom: 10px;}
#f_left{ background: url(../images/xqbg.png) no-repeat right -362px;padding-right: 20px;}
#f_left h1{ font-size: 18px;margin-bottom: 10px;color: #eee;}
#f_left p{ line-height: 20px;color: #e2e2e2;}

#f_cen{ margin-left: 45px; padding-right: 50px;background: url(../images/xqbg.png) no-repeat right -362px;}
#f_cen h2{ margin-bottom: 5px;border-bottom: 1px solid #888;padding-bottom: 10px;color: #eee;}
#f_cen p a{ line-height: 20px;color: #eee;}

#f_cen1{ margin-left: 45px; padding-right: 50px;background: url(../images/xqbg.png) no-repeat right -362px;}
#f_cen1 h2{ margin-bottom: 5px;border-bottom: 1px solid #888;padding-bottom: 10px;color: #eee;}
#f_cen1 p a{ line-height: 20px;color: #eee;}

#f_right{ margin-left: 15px;width: 300px;overflow: hidden;}
#f_right h2{ margin-bottom: 5px;border-bottom: 1px solid #888;padding-bottom: 10px;color: #eee;}
#f_right p{ float: left;margin-right: 5px}
#f_right p a{ line-height: 20px;color: #eee;}

#copy{ height: 38px;line-height: 38px;color: #c2c2c2;background-color: #000;}


/*==============================网站内页海报图=========================*/
.banner{ width: 100%;height: 160px;background: url("../images/ban1.jpg") center scroll no-repeat;}
.banner>div{ display: block;font-size: 36px;color: #FFFFFF;line-height: 160px}

/*==============================网站内页主体内容部分=========================*/
.current{ background: url("../images/pageshowbg.png") center scroll no-repeat;width: 100%;height: 50px;line-height: 50px}
.current p:first-child{ color: #FFFFFF;font-size: 22px;}
.current p:last-child{ font-weight: bold;background: url(../images/icon.png) no-repeat left center;padding-left: 18px;}
.current p:last-child a{ padding: 0 6px 0 9px;font-weight: normal;color: #333;}

.sidebar{ width: 195px;background: url(../images/sideBar.png) no-repeat -3px 0;min-height: 400px;font-size: 16px;
    border-right: 3px solid #E84D10;  min-height: 711px}
.sidebar li{ line-height: 49px;font-size: 16px;border-bottom: 1px solid #eaeaea;position: relative}
.sidebar li a{ display: block;width: 100%;height: 49px}

.sidebar li dl{ position: absolute;left: 195px;width: 195px;top: 0;background: url(../images/sideBar.png) no-repeat -3px 0;
    display: none;border-left: 3px solid #E84D10}
.sidebar li dl dt{ text-indent: 10px}

.sidebar li:hover,.sidebar li.set,.sidebar li dt:hover{ background: url(../images/sideBarNav.png) no-repeat -1px top;padding-left: 20px;}
.sidebar li:hover>a,.sidebar li.set>a{ color: #02923b;}
.sidebar li:hover dl{ display: block !important;}

.edit{ width: 760px;padding: 20px 0;min-height: 500px;line-height: 26px;}


/*==============================网站内页图文页=========================*/
#cp{ width: 760px;min-height: 500px;}
#cp li{ float: left;margin: 8px 0px 0 10px;width: 220px;border: 1px solid #E2E2E2;padding: 10px;}
#cp li p{ width: 220px;height: 22px;line-height: 22px;overflow: hidden;text-align: center; margin: 15px auto 10px auto;}

#cp li:hover{ border-color: #02923b;}
#cp li:hover p{ font-weight: bold;}

#cp_detail{ width: 760px;padding: 20px 0}
#img_box{ width: 370px;border: 1px solid #E2E2E2;height: 260px;padding: 10px;}
#cp_title{width: 350px;}
#cp_title p{text-align: center;font-size: 20px;}
#cp_title .memo{width: 100%;height: 190px;padding-top: 20px}
#cp_title .cp_a{width: 100%;}
#cp_title .cp_a a{display: inline-block;width: 105px;height: 40px;background-color: #02923b;color: #fff;text-align: center;line-height: 40px;
    font-size: 16px;margin-left: 53px}

.tabs ul{ width: 100%;background-color: #02923b}
.tabs li{ float: left;width: 100px;height: 40px;line-height: 40px;text-align: center;background-color: #02923b;
    border-right: 1px solid #ccc;}
.tabs li a{ color: #fff;display: inline-block;width: 100%;height: 100%;}

.tabs li:hover,.tabs li.active{ background-color: #e8e8e8 !important;}
.tabs li:hover a,.tabs li.active a{ color: #02923b;}

#tab-1,#tab-2,#tab-3{ width: 100%;min-height: 300px;padding-top: 15px}


#cp_con{ border-top: 1px solid #dddddd;margin-top: 35px;}

#contact{ width: 100%;margin-top: 40px;font-size: 14px}
#contact div{ padding: 8px 0;background: url("../images/contact-line.jpg") right top no-repeat;}
#contact div:first-child a{background: url("../images/qq.png") 0 center no-repeat;display: block;line-height: 42px;height: 42px;text-indent: 40px}

#contact div:not(:first-child){ line-height: 26px}
#contact div:not(:first-child) p{ background: url("../images/tel1.png") 0 center no-repeat;padding-left: 40px;}
#contact div:not(:first-child) p span{ display: block}

.xg_cp{ width: 100%;overflow: hidden;margin-top: 10px;}
.xg_title{ width: 100%;height: 35px;line-height: 35px;background-color: #02923b;color: #fff;text-indent: 15px;}
.xg_cp li{ padding: 5px;width: 200px;height: 150px;float: left}
.xg_cp li a{border: 1px solid #ccc;width: 200px;height: 150px;display: block}



/*==============================网站内页新闻页=========================*/
#news_list{ width: 760px;min-height: 500px;}
#news_list li{ border-bottom: 1px solid #E2E2E2;padding: 20px 0;}
#news_list li img{ float: left;width: 160px;height: 105px;margin-right: 15px;padding: 5px;border: 1px solid #E2E2E2;}
#news_list li .news_con{ width: 570px;}
#news_list li .news_con h2{ font-size: 18px;margin-bottom: 6px;border-bottom: 1px dashed #E2E2E2;padding-bottom: 6px;
    font-weight: normal;}
#news_list li .news_con p{text-indent: 22px;line-height: 18px;margin-bottom: 5px;}

#news_detail{ width: 760px;padding: 20px 0;}
#news_detail h1{ text-align: center;font-size: 20px;margin-bottom: 20px;}
#tips{ text-align: center;border-bottom: 2px solid #006FB9;padding: 0 0 20px 0;}
#desc{ background: #f8f8f8;border: 1px solid #e2e2e2;padding: 10px;margin: 20px 0;}
#intor{ line-height: 22px;margin-bottom: 20px}

.turn{border-top: 1px solid #E2E2E2;  border-bottom: 1px solid #E2E2E2;  padding: 10px 0;}
.turn p{line-height: 28px;}