/* CSS Document */
@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; border: 0; }
html { color: #666; }
html, body { width: 100%; min-width: 320px; }
body, button, input, select, textarea { margin: 0; padding: 0; font-family: "微软雅黑", "Microsoft Yahei", "Arial", "Verdana", "sans-serif"; font-size: 12px; background: #fff }
ul, ol, li, dl, dd, dt { list-style: none; }
em { font-style: normal; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
legend { color: #000; }
fieldset, img { border: 0; }
label, button { cursor: pointer; }
/*解决IE图片缩放失真*/
img { -ms-interpolation-mode: bicubic; }
/*清除浮动*/
.clearfix:after { content: ''; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
/*连续英文、数字换行*/
.wordwrap { word-break: break-all; word-wrap: break-word; }
/*单行文字超出显示省略号*/
.omg { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
img { border: 0; vertical-align: middle; }
a { color: #3a3a3a; text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
a:hover { text-decoration: none }
.fl { float: left; }
.fr { float: right; }
/*苹果手机默认按钮样式去除*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
input { border-radius: 0; }

/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:4px;
}/* 滚动槽 */
::-webkit-scrollbar-track {
background-color:#f0f0f0;
border-radius:0px;
}/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
background-color:#6d6e70;
}
::-webkit-scrollbar-thumb:window-inactive {
background-color:#3c3c3c;
}
@-webkit-keyframes bounce-up { 25% {
-webkit-transform: translateY(5px);
}
50%, 100% {
-webkit-transform: translateY(0);
}
75% {
-webkit-transform: translateY(-5px);
}
}
@keyframes bounce-up { 25% {
transform: translateY(5px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(-5px);
}
}


.container{width:1200px; margin:0 auto;}

#banner{position: relative; z-index: 9;}

#header{position:fixed; z-index: 999; top:0px; width: 100%; height:82px; border-bottom: 1px solid rgba(255,255,255,0.2);background: rgba(0,0,0,0.8);}
.page-header{background: rgba(0,0,0,0.8);}
#header .logo{margin-top: 14px; float:left; width:223px;}

.navbg{height: 82px; width:100%;}
.navbgbox{position: relative; z-index: 44; width:100%;}
.navbox{width:680px;float:left; line-height: 48px; margin-left:60px;}
.navbox ul li{width:90px; height:82px; float:left; border-right: 0px solid #000;}
.navbox ul li:last-child{border:0px;}
.navbox ul li.active,.navbox ul li:hover{background: #bc8d5f;}
.navbox ul li a{display: block; width:90px; height:82px; line-height: 82px; text-align: center; color:#fff; font-size: 13px;}

.son_channel {position: absolute; background:rgba(35,35,47,0.5); left:0px; top: 82px; width: 100%; z-index: 33; overflow: hidden; height: 200px; display: none; padding: 0px 0px;}
.n-box{width:160px; float:left; margin:20px 10px; text-align: center;}
.navbox ul li .n-box a{width:100%; height: auto; line-height: 24px;}
.navbox ul li .n-box span{margin:0px; padding: 0px;}


.web_nav { display: none; width: 90%; height: 50px; line-height: 50px; color: #fff; font-size: 16px; margin: 0 auto; font-weight: bold; }
.btn-menu { display: block; float: right; position: relative; background: transparent; cursor: pointer; padding: 15px 0; width: 26px; height: 16px; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
.btn-menu:before, .btn-menu:after, .btn-menu span { background-color: #ffffff; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
.btn-menu:before, .btn-menu:after { content: ''; position: absolute; top: 0; height: 1px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.btn-menu span { position: absolute; width: 100%; height: 1px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; }
.btn-menu:before { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); }
.btn-menu:after { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); }
.btn-menu.active span { opacity: 0; }
.btn-menu.active:before { background-color: #ffffff; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.btn-menu.active:after { background-color: #ffffff; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

.search{width:226px; background: rgba(255,255,255,0.2); height: 30px; margin:24px 0px; border-radius: 18px; float:right;}
.search .search-txt{float:left; margin-left: 18px; width:172px; height:36px;}
.search .search-btn{float:left; width:26px; height:26px; margin:2px; border-radius: 13px;}
.search input{height:24px; border:0px; outline: none; border-radius: 3px; margin-top: 3px; display: block; float:left; background: rgba(255,255,255,0); color:#000;}
.search input.searchbtn{width:16px; height: 16px; margin:5px; background:url(../images/search.png) no-repeat right; margin-right: 0px; }

.project-box{width:100%; margin:60px 0px;}
.project-box li.project{width:180px; float:left; text-align: center;}
.project-box li.project h2{font-size: 15px; color:#000; font-weight: bold; line-height: 30px;}
.project-box li.project em{font-size: 10px; color:#8c8c8c; font-family: -webkit-pictograph;}
.project-box li.project img{display:block; margin:30px auto 0px;}
.project-box li.project:hover h2{color:#bd8e62;}
.project-box li.sline{width:1px; margin:10px 11px 10px 12px; float:left; background: #ccc; height: 125px;}


.index-case{width:100%; background:url(../images/casebg.jpg) no-repeat center;}
.index-case-left{width:348px; background:#323232; margin:55px 0px 50px; float:left; border-radius: 8px;}
.index-case-left h2{font-size: 18px; color:#bd8e62; font-weight:bold; padding:40px 0px 28px 32px;}
.index-case-left-box{width:324px; margin-left: 12px; height:72px; background: #4e4e4e; border-radius: 8px; margin-bottom: 4px; background: url(../images/case-more.png) 280px 26px no-repeat #4e4e4e;}
.index-case-left-box:last-child{margin-bottom: 15px;}
.index-case-left-box .img{margin:15px 14px 15px 22px; float: left; width:33px;}
.index-case-left-box .info{width:190px; float:left; margin-top: 15px;}
.index-case-left-box .info h2{font-size: 15px; color:#c9c9c9; font-weight:normal; margin:0px; padding: 0px;}
.index-case-left-box .info p{font-size: 12px; color:#c9c9c9; height: 24px; line-height: 24px; overflow: hidden;}
.index-case-left-box:hover{ background: url(../images/case-more-h.png) 280px 26px no-repeat #fff;}
.index-case-left-box:hover h2{color:#bd8e62;}
.index-case-left-box:hover p{color:#191919;}
.index-case-right{width:812px; margin:55px 0px 0px; float:right;}
.index-case-right-box{width:250px; padding: 8px; border-radius: 8px; float:left; margin-right: 7px; background: #323232; margin-bottom: 9px;}
.index-case-right-box:nth-child(3n+3){margin-right:0px;}
.index-case-right-box .img{}
.index-case-right-box .img img{max-width:100%; max-height: 100%; border-radius: 8px;}
.index-case-right-box h2{width:180px; height: 28px; line-height: 36px; overflow: hidden; float:left; display: block; font-size: 14px; color:#c9c9c9;}
.index-case-right-box a{width:68px; float:right; font-size: 10px; color:#c9c9c9; display: block; height:20px; background:#4e4e4e; margin-top:10px; text-align: center; border-radius: 4px;}
.index-case-right-box:hover{background: #b97340;}
.index-case-right-box:hover a{background: #855330;}
.index-case-right span{display:block; color:#b97340; margin-top: 22px; margin-bottom:30px;}


.yuanqu{width:100%; margin:60px 0px 20px;}
.yuanqu .tit{text-align: center;}
.yuanqu .tit h2{display:block; font-size: 26px; color:#000; line-height: 40px;}
.yuanqu .tit p{font-size: 12px; color:#919191;}
.yuanqu-list{margin-top: 30px;}
.yuanqu-box{width:400px; float:left; height: 370px; position: relative;}
.yuanqu-box a{display: block; }
.yuanqu-box .img{width:389px; height: 237px; position: absolute; z-index: 11; right:0px;}
.yuanqu-box .info{position: absolute; z-index: 10; top:200px; height: 160px; width:400px; background: url(../images/case-more.png) 360px 72px no-repeat #fff;}
.yuanqu-box .info h2{display: block; margin-top:40px; padding-left: 12px; font-size: 15px; color:#000; line-height: 40px;}
.yuanqu-box .info p{display: block; padding-left:12px; width:330px; font-size: 12px; color:919191; line-height: 22px;}
.yuanqu-box:hover .info{background: url(../images/case-more-h.png) 360px 72px no-repeat #222222;} 
.yuanqu-box:hover .info h2{color:#db8e60;}
.yuanqu-box:hover .info p{color:#db8e60;}
.sinfo{width:100%; margin: 30px auto; line-height: 32px; font-size: 16px; text-indent: 2em;   text-align: left; }


.index-news{background: url(../images/newsbg.jpg) no-repeat top;}
.line{width:100%; height: 1px;}
.index-news .news-box{margin-top: 230px; border-radius: 10px; background: #fff;}
.index-news .news-box .news-list{padding:30px 0px; margin-bottom: 30px; box-shadow: 0px 20px 20px #ccc; border-radius: 10px;}
.news-b{width:50%; float:left; box-sizing: border-box;}
.news-b:nth-child(1){border-right:2px solid #f4f4f4;border-bottom:2px solid #f4f4f4;}
.news-b:nth-child(2){border-bottom:2px solid #f4f4f4;}
.news-b:nth-child(3){border-right:2px solid #f4f4f4;}
.news-b:nth-child(4){}
.news-b span{display: block; padding:36px 30px 20px 48px;}
.news-b h2{display: block; padding:0px 30px 16px 48px;}
.news-b p{display: block; padding:0px 30px 36px 48px; line-height: 20px; height: 36px; overflow:hidden;}
.news-b span p{padding:0px 0px 0px 0px;}
.news-b span p{font-size: 34px; font-family: -webkit-pictograph; font-weight:bold; line-height: 32px; height: 34px; padding-left: 5px;}
.news-b:hover{background: #28292e}
.news-b:hover p{color:#979797;}
.news-b:hover span p{color:#fff;}
.news-b:hover h2{color:#db8e60;}

.cooperation{margin-bottom:40px;}
.cooperation .tit{text-align: center;}
.cooperation .tit h2{display:block; font-size: 26px; color:#000; line-height: 40px;}
.cooperation .tit em{font-size: 12px; color:#919191; letter-spacing: 4px;}

.footer{background: url(../images/footbg.jpg) no-repeat center;}
.footer-logo{padding: 48px 0px; text-align: center;}

.footer-messages{float:left; width:485px; border:0px solid #ccc;}
.input-txt{width:211px; margin-right: 25px; padding-left: 15px; line-height: 42px; height: 42px; border:1px solid #444549; background: #28292e; margin-bottom:10px; }
.input-txt:nth-child(2n+2){margin-right: 0px;}
.input-text{width:469px; padding-left: 15px; line-height: 42px; height: 122px; border:1px solid #444549; background: #28292e;}
.footer-messages a{display: block; width:60px; height: 24px; text-align: center; line-height: 24px; background: #bd8e62; color:#fff; border-radius: 12px; margin-top: 30px;}

.footer-nav{float:left; width:150px; margin-left:0px; padding-bottom: 20px;}
.footer-xiangmu{float:left; width:260px; margin-left:80px;}
.footer-yongtu{float:left; width:160px; display: none}
.footer-sline{width:1px; height: 160px; background: #808080; float:left; margin-top:24px;}
.footer-contact{width:340px; float:left;}
.footer dt{font-size: 16px; color:#bd8e62; line-height: 40px; margin-bottom: 20px; padding-left:20px;}
.footer dd{font-size: 13px; color:#808080; line-height: 24px; padding-left:20px;}
.footer dd a{color:#808080;}
.footer dd:hover a{color:#bd8e62;}
.footer-contact dt{padding-left: 80px;}
.footer-contact dd{padding-left: 80px;}
.footer-ewm{float:right;}
.footer-ewm img{padding-top:20px;}
.copyright{width:100%;  background: #bc8d5f;}
.copyright-txt{height: 50px; line-height: 50px; color:#fff; padding: 0px 20px; font-size: 14px; text-align: center;}




/* other-nav */
.pages-banner{height:480px;width:100%;min-width:1200px;}
.pages-nav{width:100%;min-width:1200px;background-color:#fff;}
.pages-nav-main{width:1200px;margin:0 auto;padding-top:20px;}
.pages-nav-title{font-size:14px;color:#999;}
.pages-nav-title a{font-size:14px;color:#999;}
.pages-nav-title a:hover{color:#bc8d5f;}
.pages-nav-title span{padding:0 3px;}
.pages-nav-title span.home{display:inline-block;width:14px;height:14px;padding:0;margin-right:10px;background:url(../images/home.png) no-repeat center;position:relative;top:1px;}
.pages-nav-name{text-align:center;color:#bc8d5f;font-size:28px;font-weight:bold;padding:5px 0;border-bottom:1px solid #eee;margin-bottom:30px;}
.pages-nav-name span{border-bottom:2px solid #e5e5e5;padding:5px 0;}
.contact-nav-name{text-align:center;color:#bc8d5f;font-size:28px;font-weight:bold;padding-bottom:30px;border-bottom:1px solid #eee;margin-top:55px}
.contact-nav-name span{font-size:28px;font-weight:bold;font-family:arial;color:#999;margin-left:10px;}
.pages-nav-menu{text-align:center;width:100%;margin:0 auto;overflow:hidden;}
.pages-nav-menu ul{display:inline-block;text-align:center;}
.pages-nav-menu ul li{float:left;margin-bottom:28px;text-align:center;display:inline-block;}
.pages-nav-menu a{display:inline-block;width:110px;margin:0 30px;margin-bottom:28px;height:34px;font-size:16px;color:#aaa;text-align:center;line-height:34px;background-image:url(../images/other-nav.png);background-position:-170px 0;transition:all 0.3s ease-in-out;}
.pages-nav-menu a.active{background-position:0 0;color:#fff;}
.pages-nav-menu a.margin60{margin:0 60px;}
.pages-nav-menu a.margin-left60{margin-left:60px;}


img{vertical-align: middle; border:0;-webkit-transform:scale(1)rotate(0)translate3d(0,0,0);transform:scale(1)rotate(0)translate3d(0,0,0); display: inline-block; outline: none; max-width: 100%; max-height:100%;}
.solution{width:100%;min-width:1200px;background-color:#fff;margin:0 auto;}
.solution-main{width:1200px;background-color:#fff;margin:0 auto;padding-bottom:30px;}
.solution-content{overflow:hidden;margin-left:50px;padding-top:30px;}
.solution-content ul li{float:left;width:330px;border:1px solid #eee;margin-right:50px;transition:all 0.3s ease-in-out;margin-bottom:50px;}
.solution-contenttop{margin:0px;}
.solution-contenttop ul li{margin:0px auto; float:none}
.solution-content ul li a{display:block;width:100%;height:100%;}
.solution-img{width:330px;height:202px;text-align:center;background-color:#fff;}
.solution-img span{height:100%;display:inline-block;vertical-align:middle;}
.solution-name{height:60px;border-top:1px solid #eee;background-color:#fff;line-height:65px;font-size:18px;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 0.3s ease-in-out;}
.solution-content ul li:hover{border-color:#bc8d5f;}
.solution-content ul li a:hover .solution-name{border-color:#bc8d5f;background-color:#bc8d5f;color:#fff;}


/* solution001 */
.solutioncontent{width:100%;min-width:1200px;background-color:#fff;margin:0 auto;}
.solutioncontent-main{width:1200px;background-color:#fff;margin:0 auto;padding-bottom:40px;padding-top:45px;}
.solutioncontent-title{color:#bc8d5f;font-size:24px;font-weight:bold;padding-bottom:12px;border-bottom:1px solid #eee;}
.solutioncontent-con{margin-top:40px;overflow:hidden;}
.solutioncontent-left{float:left;width:560px;}
.solutioncontent-left p{color:#010101;line-height:28px;font-size:14px;text-align:justify;text-justify:distribute-all-lines;}
.solutioncontent-right{width:598px;float:right;overflow:hidden;}
.solutioncontent-right img{-webkit-transform: scale(1, 1); -moz-transform:scale(1, 1); transform:scale(1, 1); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.solutioncontent-right img:hover{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}


/* profile */
.profile{width:100%;min-width:1200px;background-color:#fff;margin:0 auto;}
.profile-main{width:1200px;background-color:#fff;margin:0 auto;padding-bottom:60px;padding-top:45px;}
.profile-title{text-align:center;font-size:28px;font-weight:bold;color:#bc8d5f;padding-bottom:25px;border-bottom:1px solid #eee;}
.profile-title span{font-size:28px;font-family:arial;color:#999;font-weight:bold;margin-left:10px;}
.profile-content{overflow:hidden;margin-top:50px;margin-bottom:60px;}
.profile-content.certificate img{text-align: center; display: block; margin:0 auto; max-width: 100%}

.profile-left{position:relative;height:520px;width:420px;float:left;}
.profile-img{width:410px;height:510px;position:absolute;top:0;left:0;overflow:hidden;}
.profile-img img{width:410px;height:510px;max-width:410px;max-height:510px;position:absolute;top:0;left:0;z-index:99;-webkit-transform: scale(1, 1); -moz-transform:scale(1, 1); transform:scale(1, 1); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.profile-img img:hover{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.culture-img img{width:500px; height: 333px; top:100px;}

.profile-modal{position:absolute;bottom:0;right:0;width:410px;height:450px;background:url('../profile-modal.png') no-repeat center;z-index:9;}
.profile-right{float:right;width:680px;padding-top:45px;}
.profile-webkit{font-size:18px;color:#999;border-bottom:1px solid #eee;padding-bottom:10px;font-style:italic;}
.profile-webkit span{font-size:24px;color:#bc8d5f;margin-right:5px;font-style:normal;border-bottom:3px solid #bc8d5f;padding-bottom:9px;}
.profile-con{margin-top:78px;color:#666;font-size:14px;line-height:28px;text-align:justify;text-justify:distribute-all-lines;text-indent:28px;}
.profile-con p{color:#666;font-size:14px;line-height:28px;text-align:justify;text-justify:distribute-all-lines;text-indent:28px;}


.new_inside{width:100%;}
.new_inside ul{width:100%;padding:0;}
.new_inside ul li{background:#ffffff;display:block;padding:24px;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;box-shadow: 0px 0px 20px 0px #eaeaea;margin-bottom:20px;position:relative;}
.new_inside ul li .news_time{position:absolute;left:24px;top:24px;width:90px;text-align:center;background:#666;padding:10px 0;overflow:hidden;border-radius:4px 0 4px 0;}
.new_inside ul li .news_time p{font-size:24px;font-weight:bold;color:#fff;}
.new_inside ul li .news_time span{font-size:14px;color:#fff;}
.new_inside ul li .news_con{padding-left:110px;}
.new_inside ul li .news_con p{font-size:15px;font-weight:bold;color:#bc8d5f;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.new_inside ul li .news_con span{display:block;font-size:14px;color:#999;line-height:22px;padding-top:5px;height:45px;overflow:hidden;}
.new_inside ul li:hover p a{ color:#bc8d5f;}
.new_inside ul li:hover .news_time{ background:#bc8d5f;}
.new_inside ul li:hover{cursor: pointer;}


.ny_news_tlt{text-align:center;font-size:20px;color:#555;padding:10px 0;}
.ny_news_time{text-align:center;font-size:12px;color:#999;padding-bottom:10px;border-bottom:1px dashed #dedede;margin-bottom:10px;}
.ny_news_ye{padding-top:30px;}
.ny_news_ye p{height:35px;line-height:35px;background:#f1f1f1;margin-bottom:10px;padding:0 20px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.ny_news_ye p:hover{background: #bc8d5f; color:#fff;}
.ny_news_ye p:hover a{color:#fff;}

.ny_news_con{line-height: 32px; font-size: 14px;}


/*top*/
.h_top{width:100%;background-color:#fff; display: none}
.h_top .h_top_in {width:1150px;margin:0 auto;height:116px;}
.h_top .logo{float:left;width:19%;margin-right: 3%;height:116px;}
.h_top .logo a{display:block;width:100%;height:100%;text-align: center;}
 .h_top .logo a img {max-width:100%;max-height:100%;vertical-align:middle}
.h_top .logo a .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}

.h_top .nav{float:left;width:44%;margin-right:5%;}
.h_top .nav ul li{float:left;width:14.6666666%;margin-right:2%;text-align: center;}
.h_top .nav ul li>.item>a{display:block;height:116px;line-height:116px;color:#777;font-size:14px;}
.h_top .nav ul li:hover>.item>a{color:#a8871b;}
.h_top .nav ul li.on>.item>a{color:#a8871b;}
.h_top .nav ul li .sub{width:1150px;padding: 0;position:absolute;top: 116px;overflow: hidden;text-align: left;z-index: 999;left: 0;display:none;left:50%;margin-left:-575px;}
.h_top .nav ul li .sub .sub_in{width:1070px;padding:25px 40px 10px;margin:0 auto;background-color: #f5f5f5;}
.h_top .nav ul li .sub a:hover{text-decoration: underline;}

@media (max-width:1199px) {
	#header{display: none}
	.h_top{display: block;}
   .h_top .h_top_in {width:90%;height: 90px;}
    .h_top .top_zx{width:4%;background: #a8871b url(../images/top_order.png) center center no-repeat;margin-top:24px;}
    .h_top .top_zx a{font-size:0;padding-left:0;}
    .h_top .logo{width:15%;margin-right: 2%;height:90px;}
    .h_top .nav{width:54%;}
    .h_top .nav ul li .sub{top:90px;width:90%;margin-left:-45%;}
    .h_top .nav ul li .sub .sub_in{padding:15px 3% 5px;width:94%;}
    .h_top .nav ul li>.item>a{height:90px;line-height:90px;}
    .h_top .search{margin-top:24px;}
}
@media (max-width:992px) {
    .h_top .nav{width:53%;}
}
@media (max-width:880px) {
	.cd-nav-trigger {/* navigation trigger - visible on mobile devices only */  float:right;position:relative;display:block;width:34px;height:60px; overflow:hidden;white-space:nowrap;color:transparent;}
    .cd-nav-trigger span,.cd-nav-trigger span::before,.cd-nav-trigger span::after {/* hamburger icon in CSS */  position:absolute;display:inline-block;height:3px;width:24px;background:#a8871b;}
    .cd-nav-trigger span {/* line in the center */  position:absolute;top:50%;right:5px;margin-top:-2px;-webkit-transition:background 0.2s;-moz-transition:background 0.2s;transition:background 0.2s;}
    .cd-nav-trigger span::before,.cd-nav-trigger span::after {/* other 2 lines */  content:'';right:0;/* Force Hardware Acceleration in WebKit */  -webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;-ms-transform-origin:0% 50%;-o-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform 0.2s;-moz-transition:-moz-transform 0.2s;transition:transform 0.2s;}
    .cd-nav-trigger span::before {/* menu icon top line */  top:-6px;}
    .cd-nav-trigger span::after {/* menu icon bottom line */  top:6px;}
    .cd-nav-trigger.nav-is-visible span {/* hide line in the center */  background:rgba(168,135,27,0);}
    .cd-nav-trigger.nav-is-visible span::before,.cd-nav-trigger.nav-is-visible span::after {/* keep visible other 2 lines */  background:#a8871b;}
    .cd-nav-trigger.nav-is-visible span::before {-webkit-transform:translateX(4px) translateY(-3px) rotate(45deg);-moz-transform:translateX(4px) translateY(-3px) rotate(45deg);-ms-transform:translateX(4px) translateY(-3px) rotate(45deg);-o-transform:translateX(4px) translateY(-3px) rotate(45deg);transform:translateX(4px) translateY(-3px) rotate(45deg);}
    .cd-nav-trigger.nav-is-visible span::after {-webkit-transform:translateX(4px) translateY(2px) rotate(-45deg);-moz-transform:translateX(4px) translateY(2px) rotate(-45deg);-ms-transform:translateX(4px) translateY(2px) rotate(-45deg);-o-transform:translateX(4px) translateY(2px) rotate(-45deg);transform:translateX(4px) translateY(2px) rotate(-45deg);}
 
    .h_top .h_top_in{height:auto;padding-top:5px;}
    .h_top .logo{width:70%;height:60px;}
    .h_top .logo a{text-align: left;}
    .h_top .top_zx{display:none;}
    .h_top .search{width:100%;margin:10px 0 15px;}
    .h_top .search .sr{font-size:12px;height:45px;line-height:45px;}
    .h_top .search .tj{height:45px;}
    .h_top .nav {background:#f5f5f5;box-shadow:2px 2px 6px rgba(0,0,0,.3);display:block;font-size:16px;font-weight:400;height:100%;left:0;position:fixed;overflow:auto;transform:translate(-262px,0);transition:transform .3s;top:0;width:256px;z-index:100;margin-right:0;}
	.h_top .nav.show {transform:translate(0,0);}
	.sidenav-brand {background:#a8871b;border-bottom:1px solid #a8871b;color:#FAFAFA;font-size:24px;font-weight:700;line-height:32px;padding:20px 24px 19px;}
	.sidenav-overlay {background:rgba(0,0,0,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99;}

    .h_top .nav ul li{width:100%;margin-right:0;}
    .h_top .nav ul li .sub{position:static;display:block;margin-left:0;}
    .h_top .nav ul li>.item{height:50px;line-height:50px;border-bottom:1px solid #dedede;margin:0 5%;padding:0 0 0 5%;}
    .h_top .nav ul li>.item>a{display:block;width:70%;height:50px;line-height:50px;text-align: left;float:left;}
    .h_top .nav ul li>.item i{display:block;width:15%;height:50px;line-height:50px;background: url("../images/sj_sanjiao.png") center center no-repeat;background-size:30%;float:right;}
    .h_top .nav ul li>.item i.on{transform:rotate(180deg);-ms-transform:rotate(180deg);/* IE 9 */    -moz-transform:rotate(180deg);/* Firefox */    -webkit-transform:rotate(180deg);/* Safari 和 Chrome */    -o-transform:rotate(180deg);/* Opera */  }
    .h_top .nav ul li .sub{display:none;}
    .scroll-pane{height:auto;overflow-y:inherit;}
    .h_top .nav ul li .sub .sub_in{padding: 15px 0 5px; width: 90%;}
    .h_top .nav ul li .sub .type_1{width:100%;margin:0;}
    .h_top .nav ul li .sub .scroll-pane{display:none;}
    .h_top .nav ul li .sub .type_3{display:none;}
    .h_top .nav ul li .sub .type_1>.item{padding-right:0;background:#e6e6e6;height:40px;line-height:40px;padding:0 0 0 5%;margin:8px 0;}
    .h_top .nav ul li .sub .type_1>.item>a{display:block;width:70%;height:40px;line-height:40px;text-align: left;float:left;font-size:13px;}
    .h_top .nav ul li .sub .type_1>.item i{display:block;width:15%;height:40px;line-height:40px;background: url("../images/sj_sanjiao.png") center center no-repeat;background-size:30%;float:right;}
    .h_top .nav ul li .sub .type_1>.item i.on{transform:rotate(180deg);-ms-transform:rotate(180deg);/* IE 9 */    -moz-transform:rotate(180deg);/* Firefox */    -webkit-transform:rotate(180deg);/* Safari 和 Chrome */    -o-transform:rotate(180deg);/* Opera */  }
    .h_top .nav ul li .sub .type_2>.item{padding-right:0;height:40px;line-height:40px;padding:0 0 0 5%;}
    .h_top .nav ul li .sub .type_2>.item>a{display:block;width:70%;height:40px;line-height:40px;text-align: left;float:left;font-size:13px;}
    .h_top .nav ul li .sub .type_2>.item i{display:block;width:15%;height:40px;line-height:40px;background: url("../images/sj_sanjiao.png") center center no-repeat;background-size:30%;float:right;}
    .h_top .nav ul li .sub .type_2>.item i.on{transform:rotate(180deg);-ms-transform:rotate(180deg);/* IE 9 */    -moz-transform:rotate(180deg);/* Firefox */    -webkit-transform:rotate(180deg);/* Safari 和 Chrome */    -o-transform:rotate(180deg);/* Opera */  }
    .h_top .nav ul li .sub .type_3{padding-right:0;padding:0;}
    .h_top .nav ul li .sub .type_3>a{display:block;width:100%;height:32px;line-height:32px;text-align: left;font-size:13px;}
}
@media (max-width:767px) {
	.container {width:96%;}
	.project-box{margin:20px 0px;}
	.project-box li.project{width:50%; height: 128px;}
	.project-box li.project img{margin-top: 10px;}
	.project-box li.sline{margin:10px 9%;}
	.project-box li.sline:nth-child(2n+2){display: none;}

	.index-case{background:url();}

	.index-case-left{margin-top: 20px; width:100%; margin-bottom: 20px;}
	.index-case-left h2{padding-top:20px; padding-bottom: 12px;}
	.index-case-left-box{width:96%; margin:2%; background: url(../images/case-more.png) 96% 26px no-repeat #4e4e4e;}

	.index-case-right{width:100%; margin:0px 0px 0px;}
	.index-case-right-box{width:94%; padding:3%; margin-right: 0px;}

	.yuanqu{margin-top: 0px;}
	.yuanqu-list{margin-top: 0px;}
	.yuanqu-box{width:100%; height:auto;}
	.yuanqu-box .img{width:100%; height: auto; position:inherit;}
	.yuanqu-box .img img{max-width: 100%}
	.yuanqu-box .info{background: url(../images/case-more.png) 88% 12% no-repeat #fff; height:auto; padding-bottom: 12px;}
	.yuanqu-box .info h2{margin-top: 0px;}
	.yuanqu-box .info p{width:80%;}
	.news-b{width: 100%; border-right:0px;}

	.footer-nav,.footer-xiangmu,.footer-sline{display: none;}
	.footer-ewm{float:none; text-align: center; width:100%;}


	.pages-nav{min-width: 100%;}
	.pages-banner{width:100%;height: auto; background-size:cover;min-width:100%;}
	.pages-nav-main{width:96%; margin:0 auto;}
	.pages-nav-menu a{margin: 0 2px 10px;}

	.profile{min-width: 100%;}
	.profile-main{width:96%; margin:0 auto; padding: 20px 0px 30px;}
	.profile-content{margin:15px 0px 20px;}
	.profile-title span{display: block; text-align: center; font-size: 13px;}
	.profile-img{width:100%; height: auto;}
	.profile-img img{max-width: 100%;     position: initial; height: auto;}
	.profile-right{width:96%; margin:0 auto; padding-top: 10px; float: none;}
	.profile-webkit{text-align:center;}
	.profile-webkit span{display: block;}
	.profile-con{margin-top: 22px;}

	.solution{width:100%; min-width: 100%;}
	.solution-main{width:96%;}
	.solution-content{margin-left: 0px;}
	.solution-content ul li{width:100%; margin-right: 0px; box-sizing: border-box;}
	.solution-img{margin:0 auto;}

	.solutioncontent{width:100%; min-width: 100%;}
	.solutioncontent-main{width:96%; margin:0 auto; padding-top: 20px; padding-bottom: 30px;}
		.solutioncontent-main img{max-width: 100%;}
.solutioncontent-left{width:100%;}
.solutioncontent-right{width:100%;}
}