@charset "utf-8";
/* CSS Document */

/*重置*/
body { background: #fff; display: block; color: #333; font-size: 12px; min-width: 1200px; font-family: "Microsoft YaHei", SimHei, "Hiragino Sans GB"; background: url(../images/index-bg.png); }
body * { max-height: 9999px; -webkit-text-size-adjust: none; }
a, article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, img, input, legend, li, menu, nav, ol, p, pre, section, select, table, tbody, td, textarea, th, tr, ul { margin: 0; padding: 0; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
img { display: block; }
li, ul { list-style: none; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:hover { color: #358636; text-decoration: none; }
.clearfix { zoom: 1; }
.clearfix::after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }

/*通用*/
.hide { display: none; }
.bgg{ background: #f5f5f5; }
.clb { clear: both; }
/*主容器*/	
.main-container, .type-area { width: 1200px; margin: 0 auto; zoom: 1; }
.main-container:after, .type-area:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }

#header { width:100%;}
#header_top {width:100%;height: 2px;background: #128443;font-family:"微软雅黑";font-size:12px;}
#header_top .header_center {width:1100px;overflow:hidden;margin:0 auto;}
.header_logo {margin:  0 auto;width: 1200px;/* height: 80px; *//* clear:both; *//* width:100%; */}
.header_logo .header_logo_c {/* width:1000px; *//* text-align:center; *//* margin:0px auto; */height: auto;}
.header_logo .logobox { float:left;text-align:center;margin-top: 10px;}
.header_logo .logobox a { display: block; }
.header_logo .logobox img {display:inline-block;}
.header_logo .header_logo_c .rht-con p {line-height: 80px;margin-left: 60px;display: block;float: left;width: 271px;}
.header_logo .header_logo_c .rht-con p .item {font-size: 14px;color: #666;font-weight:  bold;}
.header_logo .header_logo_c .rht-con p .item .value {color: #d4851f;font-size: 22px;font-weight: bold;}
.header_logo .header_logo_c .rht-con form { display: block; float: right; margin: 25px 0 0 30px; }
.header_logo .header_logo_c .rht-con form input { display: block; float: left; height: 32px; }
.header_logo .header_logo_c .rht-con form input[type='text'] { padding: 0 10px; width: 170px; background: white; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e3e3e3; }
.header_logo .header_logo_c .rht-con form input[type='submit'] {width: 32px;cursor: pointer;overflow: hidden;text-indent: -9999px;border: 0;background: #358636 url(../images/s.png) center center no-repeat;}

/*导航*/
.navbg{ background: #358636; height: 50px; }
.navbg .main-nav {margin:  0 auto;width: 1220px;}
.navbg .main-nav ul {width:auto;height: 50px;float:left;line-height: 50px;}
.navbg .main-nav ul li {width: 130px;float:left;text-align:center;font-size:14px;font-family:"Microsoft YaHei","宋体",Arial,Sans-Serif;position:relative;z-index:2;}
.navbg .main-nav ul li:hover {background: #d4851f;}
.navbg .main-nav ul li a {color:#fff;text-decoration:none;}
.navbg .main-nav ul li ul {width:130px !important;position:absolute;top: 50px;list-style:none;width:100%;margin-top:auto;height:auto;display:none;}
.navbg .main-nav ul li ul li {width:100%;height:40px;float:left;text-align:center;background: #124c13;line-height:40px;}
.navbg .main-nav .ul1 li .ul2 li .tname {display:inline-block;width:100%;height:100%;line-height:40px;text-align:center;white-space:nowrap;color:#fff;font-family:"Microsoft YaHei","宋体",Arial,Sans-Serif;overflow:hidden;font-size:14px;text-overflow:ellipsis;}
.navbg .main-nav ul li ul li:hover {background: #358636;}
.navbg .main-nav ul li:hover ul {display:block;}
.navbg .main-nav ul li:hover ul a {color:#fff;}
.navbg .main-nav .ul2 li  .ul3 {position:absolute;left:120px;top:0px;display:none;z-index:333333;}
.navbg .main-nav .ul2>li:hover .ul3 {display:block;}
/*幻灯片s*/
#Slideshow {width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden;z-index:0;}
#Slideshow .pics {width:100%;height:100% !important;}
#Slideshow .pics li {width:100%;height:100% !important;}
#Slideshow .pics li img {width:100%;height:100% !important;}
/*数字按钮样式*/
#Slideshow .num {overflow:hidden;height:25px;position:absolute;bottom:45px;right:20%;zoom:1;z-index:3;}
#Slideshow .num li {width:20px;height:20px;line-height:20px;text-align:center;font-weight:400;font-family:"微软雅黑",Arial;color:#FFFFFF;background:#444444;margin-right:10px;border-radius:50%;cursor:pointer;float:left;}
#Slideshow .num li.on {background:#e33d11;}
/*当前项*//*上一个  下一个*/
#Slideshow .prev,#Slideshow .next {display:none;width:40px;height:100px;background:url(../images/btn.png) no-repeat;position:absolute;top:240px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#Slideshow .prev {left:4px;}
#Slideshow .next {right:4px;background-position:right;}

/*面包屑*/
.common-crumb-inner{ display: inline-block;float: right;color: #666666;margin-top: 18px; }
.common-crumb-inner span { color: #666666; }
.common-crumb-inner a { color: #666666; }
.common-crumb-inner a:hover{ color: #358636; }
/*左导航*/
.mt16{margin-top: 16px;}
.boxleft{ width: 260px; display: inline; float: left;overflow: hidden;}
.boxmenugn{background: #fff;padding:0px 15px 10px;overflow:hidden;border-bottom:  1px solid #dfdfdf;border-right:  1px solid #dfdfdf;border-left:  1px solid #dfdfdf;}
.submun{ background: #fff; padding:10px 0px 10px 0px; overflow: hidden; }
.submun li{ display: block; margin-top: 4px;  }
.submun li a{ display: block; height: 40px; line-height:40px; border: 1px solid #e7e7e7; padding-left: 26px; font-size: 14px;text-decoration: none; color: #555}
.submun li a:hover,.submun li.active a{background: #358636;color: #fff;border-color: #358636;}
.att{border-bottom: 1px solid #e7e7e7;height: 54px;line-height: 54px;position: relative;overflow: hidden;}
.att h3{line-height: 54px;display: inline;float: left;font-size:18px;color: #358636;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.att h3 span{ margin-left: 10px;text-transform: capitalize; color:#d9d9d9;font-weight: normal; font-size: 13px;}
.att em{position: absolute; height: 1px; width: 24px; background: #4c9418; line-height:normal;overflow: hidden; font-size:1px; left: 0; bottom: -1px;}
/*联系我们*/
.contactbox{background: #fff;padding:0px 15px 15px;border: 1px solid #E7E7E7;margin-bottom: 60px;}
.contactinfo p{margin: 0; line-height: 26px; font-size: 12px; }
.contactinfo { padding-top: 10px; color: #666; font-size: 12px;}
.zxzx{ display: block; text-align:center;margin-top: 9px; overflow: hidden;}
.zxzx a{ width:110px; height:37px;text-align:center; color:#fff; line-height:37px; display:inline; float: left;}
.zxzx a.aa{ display: none; background: #bf8924; }
.zxzx a.bb{ display: none; background: #c73d37;margin-left: 5px;}
/*底部*/
.footer { clear: both; overflow: hidden; background: #313131; position: relative; z-index: 1; }
.footerBox1 { clear: both; overflow: hidden; background: #313131; padding: 38px 0 20px 0; width: 1200px; margin: 0 auto; }
.footerUl li {display: inline;float: left;width: 120px;/* min-height: 250px; */margin: 0 41px 0 0;}
.footerUl li.ftrl {background: none;margin: 0px;width: 190px;float: right;margin-right: 0;margin-left: 10px;}
.footerUl li.ftrl em { float: right; }
.footerDl dt { clear: both; overflow: hidden; margin-bottom: 16px; }
.footerDl dt span { display: block; line-height: 20px; text-align: left; color: #d8d8d8; font-size: 14px; font-weight: 600; }
.footerDl dt em { display: block; line-height: 20px; text-align: left; color: #626161; font-size: 18px; font-family: "Arial"; }
.footerDl dd { clear: both; overflow: hidden; height: 28px; line-height: 28px; text-align: left; }
.footerDl dd a { color: #c6c6c6; }
.footerDl dd a:hover { color: #fff; }
.footerUl li .tel { display: block; clear: both; height: 22px; overflow: hidden; line-height: 22px; color: #a3a3a3; margin-top: 15px; }
.footerUl li .tel2 { display: block; clear: both; height: 32px; line-height: 32px; text-align: left; color: #a3a3a3; font-size: 20px; }
.footerUl li .em {clear: both;display: block;overflow: hidden;width: 100px;background: #358636;}
.footerUl li .em .emImg {display: block;width: 100px;height: 100px;}
.footerUl li .em i { display: block; line-height: 30px; text-align: center; color: #d4d4d4; font-size: 12px; }
.footerBox2 { clear: both; overflow: hidden; background: #3d3d3d; color: #a3a3a3; line-height: 53px; }
.footerBox2 .wrap { height: 54px; width: 1200px; margin: 0 auto; }
.footerBox2 .fl { float: left; font-size: 13px; line-height: 54px; }
.footerBox2 .fr { float: right; font-size: 13px; line-height: 54px; }
.footerBox2 a { color: #a3a3a3; }
.footerBox2 a:hover { color: #fff; }
/*副轮播*/
.top-banner-container { width: 100%; height: 300px; }
.top-banner-container .short-banner { height: 200px; }
.top-banner-container .top-banner { position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.top-banner-container .top-banner .banner-content { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.top-banner-container .top-banner .banner-content .content-title { width: 600px; font-size: 40px; font-weight: 700; color: #fff; line-height: 60px; text-align: justify; text-shadow: 0 2px 2px rgba(0,0,0,.3); letter-spacing: 2px; }
.top-banner-container .top-banner .banner-content .content-detail { width: 600px; margin-top: 14px; font-size: 16px; line-height: 28px; color: #fff; text-align: justify; }
.top-banner-container .serv { background-image: url(../images/serv.jpg); }
.top-banner-container .pro { background-image: url(../images/pro.jpg); }
.top-banner-container .about { background-image: url(../images/about.jpg); }
.top-banner-container .news { background-image: url(../images/news.jpg); }
.top-banner-container .case { background-image: url(../images/case.jpg); }
/*分页*/
.pagination-box { margin: 20px 0 36px; text-align: center; }
.pagination { display: inline-block; }
.pagination>li { float: left; margin-left: 12px; height: 24px; color: #9d9d9d; text-align: center; border: 1px solid #9d9d9d; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pagination>li:first-child { margin-left: 0; }
.pagination>li a { display: block; min-width: 24px; height: 24px; padding: 0 4px; text-align: center; font-size: 12px; line-height: 22px; }
.pagination>li span { display: block; min-width: 24px; height: 24px; padding: 0 4px; text-align: center; font-size: 12px; line-height: 22px; }
.pagination>li:hover { border-color: #358636; background: #358636; color: #ffffff; }
.pagination>li:hover a { color: #ffffff; }
.pagination>li.active { border-color: #358636; background: #358636; color: #ffffff; }
.pagination>li.disabled { cursor: not-allowed; display: block;}
.pagination>li span { font-size: 12px; }
.error-body { background-color: #eee; }
.error-container { margin: 100px auto 0; width: 500px; }
.error-container img { width: 500px; }
.error-container .error-info { margin-top: 20px; font-size: 18px; color: #333; text-align: center; }
.error-container .error-href { margin-top: 40px; font-size: 18px; color: #333; text-align: center; }
.error-container .error-href a { font-size: 18px; color: #358636; }
.error-container .error-reason { margin-top: 40px; font-size: 14px; color: #333; text-align: center; }
.error-container .error-reason>ul { text-align: left; padding-left: 118px; }
.error-container .error-reason>ul>li { position: relative; margin-top: 12px; padding-left: 10px; font-size: 14px; color: #333; }
.error-container .error-reason>ul>li::before { content: ""; display: block; position: absolute; top: 5px; left: 0; width: 4px; height: 4px; border-radius: 2px; background-color: #333; }
/*上下篇-分享*/
.shareto { float: right; }
.PRE-NEX { border-top: 1px solid #f0f0f0; padding: 20px 0; margin-top: 20px; width: 100%; float: left; clear: both; }
.PRE-NEX .numpre { width: 50%; display: inline-block; float: left; text-align: left; }
.PRE-NEX .numnex { width: 50%; display: inline-block; float: left; text-align: right; }
/*客服*/
html{ overflow-x: hidden; }
.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:fixed; z-index:999999; top:200px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;text-align: left;}
.other .value{font-weight: bold;color: #fe7b2c; font-size: 14px;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}