﻿/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{margin:0 auto; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:bold;}
fieldset, img{vertical-align:middle; border:none;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "微软雅黑",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{font-size:12px; margin:0;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{resize:none; font-family: "微软雅黑",Arial,sans-serif;}
body{color:#6c6c6c; font:12px "微软雅黑",Arial,sans-serif; background: #eeeeee;}
a{color:#555; text-decoration:none;}
i, em{ font-style:normal;}
.clearfix:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{zoom:1;}
.clear{
    clear:both;
}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

.detail .cont { padding: 20px 20px; height:auto !important; height:575px; min-height:575px;}
.detail .tit { height: 40px; line-height: 40px; text-align: center; font-weight: bold; border-bottom: 1px solid #ccc; overflow:hidden; }
.detail .related { padding:6px 0; text-align: center; }
.detail .related span { padding: 0 10px; }
.detail .text { padding: 10px; line-height: 23px; }
.detail .text .photo { text-align: center; }
.detail .other { padding: 8px 0; width: 100%; }
.detail .other li { line-height: 24px; }
.detail .print { padding: 8px 0; text-align: right; clear: both; }
.detail .print a { margin-right: 20px; }
.detail .text .pro_photo { text-align: center; }

/*transition*/
.tran200{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease;}
.tran400{-webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease;}

/*网页限定宽度*/
.con_1000 { margin:0 auto; position:relative; width:1002px;}
.con_1000:after{content:""; display:block; height:0; clear:both;}



/*头部*/
#header{ width:100%; background:url(../images/hdbg.jpg) center top no-repeat;}
#header .top{ height:120px;}
#header .logo{ position:relative; float:left; margin-top:38px; width:302px; height:49px; overflow:hidden;}
#header .logo i{position: absolute; left:-156px; width: 130px; height:100%; background-image:-webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.55), rgba(255,255,255,0)); background-image:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.55), rgba(255,255,255,0));}
#header .logo:hover i{-webkit-transition:all 0.55s linear; transition:all 0.55s linear; -webkit-transform:translateX(500px); transform:translateX(500px);}

#header .r_info{ position:relative; width:397px; float:right; margin-top:45px;}
#header .r_info .rexian{ position:absolute;top:0; left:0; background:url(../images/tel_icon.png) left center no-repeat; height:25px; line-height:25px; padding-left:33px; font-family:Arial; color:#343333; font-weight:bold; font-size:24px;}
#header .r_info .search{ background:url(../images/searbg.png);position:absolute; right:0; top:1px; width:155px;height:24px;}
#header .r_info .search input{ padding-left:5px; margin-left: 22px;width:114px; height:24px; border-style:none; vertical-align:middle;font-size: 10px;text-align:right;color: #e4e4e4; background:none;}
#header .r_info .search button{width:10px; height:10px;  border:none; background:none;  cursor:pointer; margin-left: -130px;}

.nav{ background-color: #3a3a3a; height:49px;}
.nav ul{ float: left;}
.nav ul li{float: left; height:33px;  font-size:14px; padding:8px 14px;}
.nav ul li a { display:block; line-height:33px; padding:0 24px; color: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav ul li a:hover{ background:#84a25a;}

/*BANNER*/
.fullSlide { position: relative; width:100%; height:400px;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd ul li{ width:100% !important;}
.fullSlide .bd ul li a{ display: block; height:400px; background-position:center; background-repeat:no-repeat;}
.fullSlide .hd { width:100%; position:absolute; left:0; bottom:10px; text-align:center; z-index:1;}
.fullSlide .hd ul{}
.fullSlide .hd ul li{margin:0 3px; width:8px; height:8px; background:url(../images/dot1.png); cursor:pointer; display:inline-block; zoom:1; font-size:0;}
.fullSlide .hd .on{ background-image:url(../images/dot2.png);}


/*版权*/
.copyRight{width: 100%;background-color: #333333;text-align: center;color: #b3b3b3;padding-top: 24px;padding-bottom: 21px;}
.copyRight div{margin-bottom: 10px;}
.copyRight a{color: #b3b3b3;}
.copyRight .quicklink{width: 100%;text-align: center;}
.copyRight .quicklink a{padding: 0 7px;}


/*侧导航*/
.ny_left{float: left;width: 196px}
.ny_left ul{margin-bottom: 57px;}
.ny_left ul li{margin: 0;width: 191px;height: 48px;border: solid 2px #84A25A ;border-top-style: none;}
.ny_left ul li p{margin-top: 13px;margin-left: 28px;float: left; font-size:16px}
.ny_left ul .hover{background:url(../images/service_btn.png) #84A25A  144px center no-repeat;}
.ny_left ul .hover p{color: #fff;}
.ny_left .service_tel{color: #8c8573;}
.ny_left .service_tel p{background: url(../images/service_tel.png) left center no-repeat; padding-left: 29px;font-size: 21px;margin-left: 5px;}
.ny_left .service_tel span{display:block;}


/*内页标题*/
.ny_right{ float:right; width:754px; height:auto !important; height:500px; min-height:500px;margin-bottom: 120px;}
.ny_right .title{ height:46px; line-height:46px; border-bottom:1px solid #dcdcdc; margin-bottom:45px}
.ny_right .title p{ float:right; color:#6c6c6c}
.ny_right .title h3{ height:45px; border-bottom:2px solid #84A25A ; display:inline-block; float:left; padding-right:13px; font-size:18px; font-weight:normal}

/*其他*/
#full .qq_info a,#full .qq_info span{ display:block}
#full .qq_info span{ width:86px; background:#fff; text-align:center; padding-top:6px; line-height:24px; border:1px solid #968f96; border-top:none}

.single_con{ margin-top:30px}
.news_con{ margin-top:30px}
.pro_con{ margin-top:30px}
.news_con{ margin-top:30px}