@charset "utf-8";
/* CSS Document */
body{position: relative;}
b,strong{font-weight: normal;}
#menu{background: #a06b42;}
#menu ul li{border-bottom: 1px solid rgba(255,255,255,.05);background: rgba(0,0,0,.1);}
#menu ul li a{color: #fff;padding:12px 20px;font-size: 14px;display: inline-block;width:70%;}
#menu ul li a:hover{background:none;}
#menu ul li i{line-height:22px;font-size: 18px;display: none;width: 30%;text-align: right;padding:0 20px 0 0;transition: .3s;color: #fff;}
#menu ul li.cur i{display: inline-block;}
#menu ul li.on {background:rgba(255,255,255,.1);}
#menu ul li.on a{color: #fff;}
#menu ul li.on i{color: #fff;}
#menu .menu-section-list{margin:30px 0;}
#menu dl{background: #444;display: none;transition: .3s;}
#menu dl dt{border-bottom: 1px solid rgba(0,0,0,.1);}
#menu dl dt a{color: #fff;padding:8px 24px;}
#menu dl dt i{padding:0 5px 0 0;}
#main{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);overflow-x: hidden;}
.panel{padding-top:0;text-align: justify;}
.panel-header{width:100%;background: #;font-size: 16px;font-weight: bold;text-align: center;line-height: 50px;height: 50px;padding: 0 45px 0 60px;transition: .4s;z-index: 999;margin:0;box-shadow: 0 2px 5px rgba(0,0,0,.05);overflow: hidden;}
.menu-button{display: block;width: 40px;height: 30px;position: absolute;top: 10px;left: 5px;}
.menu-button .line:nth-of-type(1) {margin-top: 0;}
.menu-button .line:nth-of-type(2) {margin-bottom: 0;}
.menu-button .line{position: relative;display: block;width: 26px;height: 3px;margin: 8px 0;background:#a06b42;-webkit-transition: .1s;transition: .1s;}
.slideout-open #main .menu-button .line:nth-of-type(1){-webkit-transform: translateY(4.5px) rotate(-45deg);-ms-transform: translateY(4.5px) rotate(-45deg);transform: translateY(4.5px) rotate(-45deg);}
.slideout-open #main .menu-button .line:nth-of-type(2){-webkit-transform: translateY(-6.5px) rotate(45deg);-ms-transform: translateY(-6.5px) rotate(45deg);transform: translateY(-6.5px) rotate(45deg);}
.logo a{font-size:18px;color: #fff;}
.home{display: block;width: 24px;height: 40px;position: absolute;top:4px;right: 14px;}
.home i{font-size: 22px;color:#a06b42;}
.p_banner{position: relative;}
.p_banner .swiper-pagination-bullet{background: #444;}
/*
*主体内容
*/
.i-box{border-top: 7px solid #f6f6f6;margin: 20px 0 0 0;}
.i-product{border-bottom: 1px #a06b42 solid;}
.i-box-hd{background: linear-gradient(to bottom, #f9f9f9, #dfdfdf);padding: 3% 5%;border-bottom:  1px #a06b42 solid;}
.i-box-hd .tit{font-size: 20px;color: #a06b42;border-left: 4px #a06b42 solid;padding-left:  16px;line-height: 1.2;}
.i-box-hd p{color: #B7B7B7;text-transform: capitalize;line-height:1;}
.items-img_scroll{text-align: center;position: relative;overflow: hidden;margin:20px 0 0 0;padding: 0 5%;}
.items-img_scroll .swiper-pagination{height:5px;}
.items-img_scroll .swiper-pagination .swiper-pagination-bullet-active{background: #444;}
.items-img_scroll li .img{background: #eee;}
.items-img_scroll li .img img{max-width: 100%;margin:auto;}
.items-img_scroll li .tit{height:60px;line-height:60px;font-size: 16px;padding:0 10px;}
.items-img{padding:20px 5% 0 0;}
.items-img li{float: left;width:50%;}
.items-img .item-img{padding:0 0 0 5%;}
.items-img li .tit{height:36px;line-height:36px;margin:0 0 10px 0;padding:0 10px;font-size: 13px;transition:all .3s ease-out 0s;}
.items-img li:hover .tit{background: #444;color: #fff;}
/*
*公司优势
*/
.i-youshi-bd{margin:20px 0 0 0;padding: 0 5%;}
.i-youshi-bd ul{padding:10px 0 0 0;}
.i-youshi-bd li{display: inline-block;width: 30%;padding:20px 3%;text-align: center;margin:0 2% 0 0;background: #f6f6f6;}
.i-youshi-bd li:nth-child(3){margin:0;}
.i-youshi-bd li i{font-size: 18px;width:40px;height:40px;border-radius: 50%;background: #a06b42;color: #fff;line-height:40px;}
.i-youshi-bd li:first-child i{font-size: 16px;}
.i-youshi-bd li p{padding:10px 0 0 0;font-size: 14px;}
/*
*新闻列表
*/
.items-text_desc li{padding:15px;margin:15px 0 0 0;background: #f7f7f7;}
.items-text_desc li .tit a{font-size: 16px;color: #444;}
.items-text_desc li .tit a:hover{color: #444;}
.items-text_desc li .time{color: #999;font-size: 12px;margin:0 0 8px 0;}
.items-text_desc li .time i{padding:0 5px 0 0;}
.items-text_desc li .desc{font-size: 14px;height:50px;overflow: hidden;line-height:25px;}
.i-about-bd{margin: 20px 0 20px 0;padding: 0 5%;}
.i-about-bd .tit{font-size: 18px;color: #333;}
.i-about-bd .con{font-size: 14px;line-height:1.8;margin-top: 10px;color: #777;}
.i-about-bd .con a{color: #444;}
.i-contact-bd{font-size: 14px;padding:15px 0 0 0;line-height:1.8;padding: 2% 5%;}
.i-contact-bd a{color: #444;}
.footer{background: #f7f7f7;padding:3% 5%;margin:0 5% 70px;font-size: 14px;}
.um-contact{width:80%;position: fixed;bottom: 30px;background: #a06b42;box-shadow: 0 2px 4px rgba(0,0,0,.3);height:40px;left:10%;z-index: 9999;border-radius: 30px;}
.um-contact a{display: inline-block;width:50%;line-height:40px;text-align: center;color: #fff;font-size: 14px;}
.um-contact a i{padding:0 6px 0 0;font-size: 16px;vertical-align: middle;}
/*
* 分类
*/
.pro_menu{margin:0 5% ;text-align: center;overflow: hidden;}
.pro_menu li{display: inline-block;margin:10px 10px 0 0;}
.pro_menu li:last-child{margin:10px 0 20px 0;}
.pro_menu li a{display: block;background: #eee;padding:5px 10px;}
.pro_menu li .active{display: block;background: #a06b42;padding:5px 10px;color:#fff}
.pro_menu_more{text-align: center;display: none;text-decoration: underline;cursor: pointer;color: #999;margin:10px 0 20px;}
/*
* 单页模型
*/
.um-tit {padding:20px 0 30px;border-bottom: 1px solid #eee;}
.um-tit h4{font-size: 18px;color: #333;line-height:1.6;}
.um-tit p{font-size: 12px;color: #999;text-transform: capitalize;line-height:1;}
.page-index{font-size: 14px;}
.page-index .con{padding:10px 0 20px;font-size:14px ;line-height:1.8;}
.page-index .con a{color: #444;}
/*
*   产品详情
*/
.img-show-hd{background: #eee;position: relative;overflow-x: hidden;}
.img-show-hd .swiper-pagination-bullet{opacity:.3;}
.img-show-hd .swiper-pagination-bullet-active{background: #444;opacity:.7;}
.img-show-hd img{width:100%;margin:0 auto;}
.img-show-bd{padding:10px 0 15px;border-bottom: 1px solid #eee;}
.img-show-bd .tit{font-size: 16px;color: #444;font-weight: 700;}
.img-show-bd p{color: #999;}
.img-show-bd p i{padding:0 5px 0 0;font-size: 10px;}
/*
* 内页内容通用
*/
.page_info{padding:20px 0;font-size: 14px;line-height:1.8;}
.page_info p{margin:0 0 10px 0;}
.page_info a{color: #444 !important;font-size: 14px !important;}
.page_info img{margin:10px 0;margin:0 auto;}
/*
* 文章列表
*/
.article-list{padding:10px 3%;background: #eee;}
.article-list li{background: #fff;margin:0 0 10px 0;}
.article-list li:last-child{margin:0;}
.article-list li .img{width:26%;}
.article-list li .img img{padding:10px;}
.article-list li .con{width:96%;margin: 3%}
.article-list li .con h4{font-size: 14px;color: #333;padding:10px 10px 2px 0;}
.article-list li .con p{font-size: 12px;color: #777;height:44px;overflow: hidden;padding:0 10px 0 0;}
/*
* 文章详情
*/
.article-show{margin:30px 5% 0;}
.article-show_hd .tit{font-size:18px;color: #333;}
.article-show_hd .time{padding:0 0 10px 0;border-bottom: 1px solid #eee;color: #999;}
.article-show_hd .time i{padding:0 6px 0 0;}
.article-show_hd .time a{color: #999;}
/*
*留言页面
*/
.guestbook-page{padding:20px 5%;}
.guestbook-list li{padding:0 0 20px 0;}
.guestbook-list li .tit{font-size: 16px;color: #333;}
.guestbook-list li .time{color:#999;}
.guestbook-list li .con{padding:5px 0;}
.guestbook-list li .reply{background: #f5f5f5;padding:5px 10px;}
.post_box tr{height:34px;}
.post_box tr:nth-child(5){height:100px;}
.post_box td{display: inline-block;}
.post_box td.tit{margin:0 3% 0 0;width:15%;}
.post_box td.con{width:76%;}
.post_box td.con input,.post_box td.con textarea,.post_box td.con select{border: 1px solid #ccc;line-height:20px;}
.post_box td.con textarea{max-width: 100%;max-height: 100px;}
.post_box .btn{width:80px;height:30px;line-height:30px;border: none;margin:0 5px 0 20px;background: #444;color: #fff;}
.post_box .btn-default{background: #ddd;color: #666;margin:0 5px 0 0;}
.feedback-page .post_box tr:nth-child(5){height:32px;}
.feedback-page .post_box tr:nth-child(6){height:110px;}
/* 为了手机站显示正常 */
.main_body{  padding:10px 0 20px;font-size:14px ;line-height:1.8;width: 94%!important;margin: auto 3%!important;}
.main_body img{max-width: 100%!important}
.flnone{float: none!important;width: 100%!important;margin: 0!important;}
.frnone{float: none!important;width: 100%!important;margin: 0!important;}
.hide{display: none!important;}
/* 这里决定内页图片高度自适应 */
.page-index img{max-width: 100%!important;height: auto!important;}
.con .date{color: #999;display: block;}
.i-nav{padding:  5% 3%;}
.i-nav ul li {float: left;text-align:  center;padding: 0 4%;width: 25%;}
.items-text_desc {padding: 0 4%;}
.i-nav ul li a img {margin: 0 auto;}
.p_banner .swiper-pagination{color: #fff}
/* 底部 */
.footer strong{color:#E56600;font-size:14px;white-space:normal;background-color:#FFF;}
.footer a{color: #666;}