@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 591377 */
  src: url('//at.alicdn.com/t/font_591377_0t7fcbamstg.woff2?t=1650420957987') format('woff2'),
       url('//at.alicdn.com/t/font_591377_0t7fcbamstg.woff?t=1650420957987') format('woff'),
       url('//at.alicdn.com/t/font_591377_0t7fcbamstg.ttf?t=1650420957987') format('truetype');
}

.hf {   
            display: inline-block;   
            font-size: 80px;   
            line-height:80px;   
            color: #000;   
            position: relative;   
            overflow: hidden;   
            whitewhite-space: pre;/* 处理空格 */  
        }   
        .hf:before {   
            position: absolute;   
            left: 0;   
            top: 0;   
            color: #f00;   
            display: block;   
            width: 30%;/*如果想变色一半文字，就设置50%*/  
            content: attr(data-content);/* 伪元素的动态获取内容 */  
            overflow: hidden;   
        }  
.iconfont {
          font-family:"iconfont" !important;
          font-size:1.6rem;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.01rem;
          -moz-osx-font-smoothing: grayscale;
        }
		
/* CSS Document */		
/*边距清零*/
div,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol{margin:0; padding:0; font-weight:normal;box-sizing:border-box;}
form,span,input,select,textarea{margin:0; padding:0;outline:none;}

h1{ font-size:18px; font-weight:bold; line-height:1.6;}
/*文字溢出*/
.text-ellipsis-1{ display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.text-ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-ellipsis-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.text-ellipsis-4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.text-ellipsis-5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.text-ellipsis-6{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.text-ellipsis-7{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

/*----------------------------------------------------------总体设置----------------------------------------------------------*/
html{margin:0 auto;padding:0;font-size:14px; overflow-y:scroll;overflow-x:hidden;font-family:'微软雅黑'; box-sizing:border-box;}
body{color:#555; margin:0 auto;padding:0; font-size:14px;
font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}
a:link,a:visited{color:#555; text-decoration: none;}
a:active{color:#555; text-decoration:none;}
a:hover{color:#f00;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签虚线*/
p{ margin:0; padding:0;}
img{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none; margin:0; padding:0;}
/*公共*/
.clear{ clear:both;}
.nothing{font-size:14px; font-weight:bold; color:#fe5a0a; text-align:left;}/*资料整理中*/
.floatL{ float:left;}
.floatR{ float:right;}
.w1100{ max-width:1200px; margin:0 auto;  z-index:1000; position:relative;}
.qy_w1200{max-width: 1200px;margin: 0 auto;position: relative;display: block;/*background: salmon;*/}
.hoverimg img{-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/}
.hoverimg img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}
.margin{ margin:80px auto;}
/****************************************************************头部设置*********************************************************************/
.logo{ z-index:100000000;  margin:0 auto;z-index:10000;  width:100%; background:#fff; padding:0 8%;

 -moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	
	}
.logo_1{ margin:0 auto; position:relative; }
.logo_img{ padding:0; float:left; position:relative;padding:18px 0; width:30%; }
.logo_img img{ display:block; max-width:100%; -moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s; }

.logo.on{ height:80px; }
.logo.on .logo_img{ padding:0; float:left; position:relative;padding:12px 0;}
.logo.on .logo_img img{ display:block; height:54px; }
.logo.on .nav{ height:80px; line-height:80px;}
.logo.on .nav li .submenu{ top:80px;}
.logoh{ height:0; display:none; }

.login-reg{ float:right;   color:#fff; padding:30px 0;}
.login-reg a{ color:#fff; background:#9a5627; display:block; height:35px; line-height:35px; border-radius:35px; padding:0 30px; display:block;}
.login-reg a i{ font-size:16px; margin-right:6px;}

.search{ float:right; background:rgba(255,255,255,0.2); padding:30px 15px; }
.search input{ height:35px; line-height:35px; float:left; border:0; color:#000;  padding:0 15px; background:#f5f5f5;transition: width 0.5s;}
.search .text{ width:280px; transition: width 0.5s; background:#f5f5f5;}
.search .sub{ background:#9a5627; color:#fff; border-radius:0 35px 35px 0; font-size:16px;}



/********导航********/
.sjj_nav,.sp_nav{ display:none;}
.navbox{  z-index:9;text-align:center;  font-size:18px; padding:0;}
.nav{margin:0 auto;list-style:none; padding:0;  margin:0 auto;  margin:0 auto;  -moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;}
.nav li{  text-align:center; position:relative; float:left; margin-right:6%;  position:relative;}
.nav li:last-child{ margin-right:0;}
.nav li a{  padding:0; display:block; padding:10px 0 20px 0; color:#000; }
.nav li:before{ content:''; width:0; transition: width 0.5s;}
.nav li:hover{ display:block;   }
.nav li:hover a{ color:#9a5627;}
.nav li:hover:before{ height:3px; width:100%; background:#9a5627; position:absolute; bottom:0; left:0%; content:''; display:block;}

.nav li.mj_hover_menu{ display:block; }
.nav li.mj_hover_menu a{ color:#9a5627; }
.nav li.mj_hover_menu:before{ height:3px; width:100%; background:#9a5627; position:absolute; bottom:0; left:0%; content:''; display:block;}

.nav li:last-of-type .submenu{ right:0; left:auto;} 
.nav li .submenu{ display:none; position:absolute;top:54px;left:50%; margin-left:-100px;font-size:12px;z-index:1000; width:200px;  padding:0;  background:#fff; box-shadow:0 15px 15px rgba(0,0,0,0.1);}
.nav li .submenu dd{ line-height:2; text-align:center; padding:12px 0; border-bottom:1px solid #eee;}
.nav li .submenu dd a{ color:#000; font-size:14px; padding:0;}
.nav li .submenu dd p{ color:#fff;}
.nav li .submenu span:hover a{ color:#ff0 !important; border:0;}
.nav li .submenu span:last-of-type{ border-bottom:0;}


/********导航/********/

/*******banner条***/
.banner{ position:relative; overflow:hidden; z-index:0; }
.slider{ margin:0 auto;;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; }
.flexslider .slides img {display: block; position:relative;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 450px;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;zoom: 1;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {width:90%;  margin:0 auto; position:relative; }
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(http://yzt.2113114.com/images/ad_ctr.png) no-repeat 0 0;position: absolute;bottom:230px;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right:50px;}
.flex-direction-nav .flex-prev {left: 50px;}
.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 2px;display: inline-block; zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(http://yzt.2113114.com/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;}

.friends_banner{ position:relative; overflow:hidden;}
.friends_banner img{ display:block; position:relative;}


/******************/
.s-bg4{ position:absolute; bottom:0; left:0; width:100%; height:300px; border-top:1px solid #eee; z-index:-1; }

#ckLine{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}

img.go { position:absolute; left:0; width:100%; bottom:-150px; z-index:-1;
  -webkit-animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
  -o-animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
  animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}

.bolang{ position:absolute; bottom:0; left:0; width:100%; z-index:1; }
.waves {
  position:relative; z-index:0;
  width: 100%;
  height:100%;
  margin-bottom:-7px; /*Fix for safari gap*/

}
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}



/*首页标题*/
.indextitle{ text-align:left; position:relative;line-height:1; border-left:3px solid #9a5627; padding-left:15px; margin:30px 0;}
.indextitle h2{ display:block; font-size:35px; font-weight:bold;  color:#9a5627; margin-bottom:8px;}
.indextitle p{ display:block; font-size:30px;  text-transform:uppercase;  -webkit-text-stroke: 1.5px #9a5627; font-weight:bold; color: transparent; }
.indextitle .more{ position:absolute; right:0;height:50px; top:50%; margin-top:-25px; background:#eee; line-height:50px;  text-align:center; display:block; width:140px; font-size:16px; text-indent:0;}
.indexshow{ max-width:1200px; margin:25px auto;}

.index-more{ height:52px; line-height:52px; font-size:18px;  background:#9a5627; text-align:center; position:relative; display:block; width:160px; text-indent:0; margin:30px auto;}
.index-more a{ display:block; position:relative; z-index:10;color:#fff;}


.yingyong{background:#f6f6f6; padding:2.5% 8%; position:relative; z-index:10;}
.yingyong .indextitle { text-align:center; border:0;}

.yingyong .yingyong-list{ margin:80px auto;}
.yingyong .yingyong-list ul{ display:flex;}
.yingyong .yingyong-list ul li{ flex:1; text-align:center; color:#fff; padding:0; margin-right:3%; box-shadow:0 0 15px rgba(0,0,0,0.1); position:relative;}
.yingyong .yingyong-list ul li .pic{ overflow:hidden;}
.yingyong .yingyong-list ul li:last-child{ margin-right:0;}
.yingyong .yingyong-list ul li img{ display:block; margin:0 auto; width:100%;}
.yingyong .yingyong-list ul li h2{ font-size:18px; background:rgba(255,255,255,0.9); position:absolute; bottom:0; left:0; width:100%; text-align:left; padding:12px 15px; }
.yingyong .yingyong-list ul li p{ font-size:16px; color:#fff; line-height:1.8;}

.about{  padding:3% 8%; /*background-attachment:fixed;*/ position:relative; z-index:10;}
.about .about-t{  font-size:18px; line-height:2.5; }
.about .about-t2{ float:left; width:60%; padding-right:10%;}
.about .about-video{ float:right; width:40%;}
.about .about-video img{ display:block; max-width:100%;}
.about .about-t .about-more{ height:52px; line-height:52px; font-size:18px;  background:#9a5627; text-align:center; position:relative; display:block; width:160px; text-indent:0; margin-top:25px;}
.about .about-t .about-more a{ display:block; position:relative; z-index:10;color:#fff;}
/*
.about .about-t .about-more:before{ background:#f60; content:''; position:absolute; width:0;transition: width 0.5s; height:100%; left:0; z-index:0;}
.about .about-t .about-more:hover:before{ width:100%;}
*/
.about .about-t .about-more:hover a{ color:#f00;}
.about-info{ display:flex; margin:50px auto;border-right:1px solid #000;}
.about-info li{ flex:1; padding:30px;  border:1px solid #9a5627; border-right:0; line-height:1.8; font-size:16px;}
.about-info li img{ display:block; float:right; width:90px; }
.about-info li:hover{ background:#9a5627; color:#fff;}
.about-info li:hover p,.about-info li:hover h2{ color:#fff;}
.about-info li p{ font-size:35px; font-weight:bold; color:#000;}
.about-info li h2{ font-size:16px; color:#888;} 
.about-info li:nth-child(1) p:after{ content:'年'}
.about-info li:nth-child(2) p:after{ content:'余家'}
.about-info li:nth-child(3) p:after{ content:'万'}
.about-info li:nth-child(4) p:after{ content:'项'}

.about-info li:before{ float:right; font-size:68px; line-height:1.6;}
.about-info li:nth-child(1):before{ content:'\e721'; font-family:'iconfont';}
.about-info li:nth-child(2):before{ content:'\e725'; font-family:'iconfont'; }
.about-info li:nth-child(3):before{ content:'\e722'; font-family:'iconfont'; }
.about-info li:nth-child(4):before{ content:'\e724'; font-family:'iconfont';}


.products-list{ position:relative; z-index:999;}
.products{ margin:0 auto; padding:2.5% 8%; background:#fff;  position:relative; }
.products .title{ text-align:center; margin:50px auto;}
.products .title{ text-align:center;}
.products .title li{ display:inline-block;  margin:0 25px; font-size:18px; border:1px solid #555;}
.products .title li a{ color:#000; display:block; padding:12px 60px;  }
.products .title li.on{ border:1px solid #9a5627;}
.products .title li.on a{ color:#fff; background:#9a5627; display:block;}
.products .title li:hover{background:#9a5627;}
.products .title li:hover a{ color:#fff;}



.products .bd{ margin:0 auto; position:relative;}
.products .bd li{ width:25%; float:left;  box-sizing:content-box; border-left:0;}
.products .bd li a{ display:block; padding:5%;}
.products .bd li .pic{  background:#fff; overflow:hidden; width:100%;}
.products .bd li img{  margin:0 auto; display:block; width:100%;}
.products .bd li h3{ font-size:18px; color:#000; padding:0; margin-bottom:20px; text-align:center;}


.scroll-outer{}
#scroll{width:100%;margin:0 auto;font-family:"Microsoft Yahei";}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .owl-item{ background:#f9f9f9; padding-bottom:50px; padding-top:20px;}
#scroll .item{position:relative;width:90%;  margin:0 auto;overflow:hidden;}
#scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.15);}
#scroll .shd a{display:block;width:250px;height:239px;*background-image:url(about:blank);background-image:url(about:blank)\0;}

#scroll .txt{ text-align:center;}
#scroll .txt h3{ padding:18px;}
#scroll .pic{ width:100%; overflow:hidden;}
#scroll .pic img{ display:block; margin:0 auto; width:100%;}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;display:none !important;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}
.owl-theme .owl-controls{ margin-top:30px !important;}






.news{ margin:0 auto; padding:50px 8%;background:#f6f6f6; position:relative;}
.news-list{ display:flex;}
.news-list-t{ flex:1; max-width:385px; margin-right:20px; background:#fff; border-radius:5px 5px 0 0;}
.news-list-t .title{ height:65px; line-height:65px; background:url(../images/news.png) no-repeat; padding:0 20px; font-size:18px; color:#fff;}
.news-list-t .title span{ float:right; color:#fff;}
.news-list-t .title span a{ color:#fff; font-size:14px;}
.news-list-t:last-child{ margin-right:0;}

.newslist{ width:100%; margin:0 auto; padding:20px; overflow:hidden;}
.newslist li{}
.newslist li a:before{ content:''; width:6px; height:6px; background:#999; display:inline-block; float:left; margin-top:7px; margin-right:6px;}
.newslist li a{ padding:15px 0; display:block; border-bottom:1px solid #f8f8f8; }
	
.newsw{ max-width:1000px; margin:0 auto;}



.server{ margin:0 auto; padding:2.5% 8%;  position:relative;}
.server-list{ margin:80px auto; display:flex;}
.server-list-t{ flex:1; ax-width:385px; text-align:center; color:#fff; padding:0; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.server-list-t .pic{ overflow:hidden;}
.server-list-t:last-child{ margin-right:0;}
.server-list-t img{ display:block; margin:0 auto; width:100%;}
.server-list-t h2{ font-size:18px; background:#fff;  width:100%; text-align:center; padding:12px 15px; }
.server-list-t p{ font-size:16px; color:#fff; line-height:1.8;}


.login{ background:url(../images/login.jpg) no-repeat center left; background-size:auto 100%; height:700px;}
.login .w1100{ height:700px; z-index:0;}
.login-login{ background:rgba(255,255,255,0.90); box-shadow:0 1px 15px rgba(0,0,0,0.1); height:400px; position:absolute; top:50%; margin-top:-200px; right:0;  width:400px; padding:50px 50px 0 50px;  color:#000; z-index:0;}
.login-login .title{ font-size:22px; text-align:center; margin-bottom:20px; line-height:2;}
.login-login .title h2{ display:block; font-size:26px;  text-align:center;}
.login-login .title p{ font-size:14px; color:#999;}
.login-login .list{ padding:3% 0;}
.login-login .list li{ margin-bottom:6%;}
.login-login .list li input{ border-radius:5px;font-size:14px; border:0; height:45px; background:#f0f0f0; border:0; width:100%; padding:0 15px;box-sizing:border-box;-webkit-transition-duration:.25s;transition-duration:.25s; border:1px solid #eee;}
.login-login .list li input:hover{ }
.login-login .list li input:focus{box-shadow:0 0 8px rgba(154,86,39,.3); border:1px solid #9a5627;}
.login-login .sub{ display:block;  margin:0 auto; width:100%; border-radius:5px; background:#9a5627; border:0; color:#fff; height:45px; line-height:45px; font-size:14px;}
.login-login a.more{ float:right; font-size:16px;height:50px; line-height:50px;}

.userinfo{ display:flex; padding:3% 8%;}
.userleft{ flex:2; padding:20px; background:#f8f8f8;}
.userleft li{ font-size:20px; padding:30px 0; text-align:center; border-bottom:1px solid #eee;}
.userleft li:last-child{ border-bottom:0;}
.userright{ flex:12; padding:0 50px;}

.usermessge{ padding:10px 30px; line-height:2; font-size:18px; width:80%; margin:0 auto;}
.usermessge li{ padding:20px;line-height:50px; border-bottom:1px solid #f6f6f6;}
.usermessge li:last-child{ border-bottom:0;}
.usermessge li span{ display:inline-block; width:120px;}
.usermessge li input{ height:50px; line-height:50px; padding:0 15px; width:300px; background:#f8f8f8; border:0;}
.usermessge li .sub{ height:50px; line-height:50px; background:#9a5627; color:#fff; border:0; width:300px; border-radius:5px;}

.user-msg{}
.user-msg .title{ text-align:center; font-size:18px; font-weight:bold; color:#000; line-height:1.5}
.user-msg .shuming{ text-align:center; color:#999; line-height:2; border-bottom:1px solid #f5f5f5; padding-bottom:8px;}
.user-msg .content{ padding:30px 0;}
@media (max-width:640px){
/*首页标题*/
.search{ display:none;}
.indextitle{ text-align:left; position:relative;line-height:1;  padding-left:15px; margin:30px 0;}
.indextitle h2{ display:block; font-size:20px; font-weight:bold;  margin-bottom:8px;}
.indextitle p{ display:block; font-size:16px;  }
.indextitle .more{ position:absolute; right:0;height:40px; top:50%; margin-top:-20px; line-height:40px;  text-align:center; display:block; width:90px; font-size:14px; text-indent:0;}
.indexshow{ max-width:1200px; margin:25px auto;}


.yingyong{ padding:3% 1.5%; position:relative; z-index:10;}
.yingyong .indextitle { margin:15px 1.5%; text-align:left; border:0;border-left:3px solid #f54e41;}

.yingyong .yingyong-list{ margin:20px auto;}
.yingyong .yingyong-list ul{ display:block;}
.yingyong .yingyong-list ul li{ flex:1; text-align:center; color:#fff; padding:0; margin:1.5%; float:left; width:47%; box-shadow:0 0 15px rgba(0,0,0,0.1); position:relative;}
.yingyong .yingyong-list ul li:last-child{ margin-right:0;}
.yingyong .yingyong-list ul li img{ display:block; margin:0 auto; max-width:100%;}
.yingyong .yingyong-list ul li h2{ font-size:14px; position:absolute; bottom:0; left:0; width:100%; text-align:left; padding:12px;}



.about{  padding:3% 0; /*background-attachment:fixed;*/ position:relative; z-index:10; background-size:200% auto;}
.about .indextitle{ margin:3%;}
.about .about-t{ font-size:14px; line-height:2;}
.about .about-t2{ width:100%; float:none; padding:3%;}
.about .about-t .about-more{ font-size:14px; height:42px; line-height:42px; margin:10px auto 0 auto;}
.about .about-video{ width:100%; float:none;}

.about-info{ display:block; margin:3%;border-right:1px solid #000;border-bottom:1px solid #000;}
.about-info li{ width:50%; float:left; padding:10px 20px;  border:1px solid #000; border-bottom:0; border-right:0; line-height:2; font-size:14px; position:relative;}
.about-info li p{ font-size:20px; font-weight:bold;}
.about-info li h2{ font-size:12px;}
.about-info li:before{ display:block; font-size:40px; line-height:1; position:absolute; top:50%; margin-top:-20px; right:10px;}
.about-info li:nth-child(1):before{ content:'\e724'; font-family:'iconfont';}
.about-info li:nth-child(2):before{ content:'\e722'; font-family:'iconfont'; }
.about-info li:nth-child(3):before{ content:'\e725'; font-family:'iconfont'; }
.about-info li:nth-child(4):before{ content:'\e721'; font-family:'iconfont';}


.index-more {height: 42px;  line-height: 42px;font-size: 14px;  margin:20px auto;}

.products{ margin:0 auto; padding:3%;  position:relative; z-index:10; }
.products .title{ text-align:center; margin:20px auto;}
.products .title{ text-align:center;}
.products .title li{ display:inline-block;  margin:0 3px; font-size:12px; border:1px solid #000;}
.products .title li a{ color:#000; display:block; padding:10px 18px;  }

#scroll .owl-item{ background:#f9f9f9; padding-bottom:20px; padding-top:0;}

.products .bd{ margin:0 auto;border-left:1px solid #000;}
.products .bd li{ width:100%; float:left; box-sizing:content-box; border-left:0;}
.products .bd li a{ display:block; padding:15px;}
.products .bd li .pic{  background:#fff; overflow:hidden;}
.products .bd li img{  margin:0 auto; display:block; max-width:100%;}
.products .bd li h3{ font-size:16px; color:#000; padding:0; margin-bottom:20px; text-align:center;}

.server{ margin:0 auto; padding:3% 0 3% 3%; }
.server-list{ margin:0 auto 50px auto; display:flex;}
.server-list-t{ margin:0;}
.server-list-t .pic{ overflow:hidden; width:160px;}
.server-list-t h2{ font-size:16px;}


.news{ margin:0 auto; padding:3% 0 3% 3%; }
.news-list-t{ margin:0;}
.newslist ul{ display:block;}
.newslist li a{ padding:10px 0; font-size:12px;}
.swiper-container { margin:0; width:100%; overflow:hidden;}
.swiper-slide { width:82%;}


.login{ background:url(../images/login.jpg) no-repeat center bottom; height:400px;}
.login .w1100{ height:400px; position:relative;}
.login-login{ background:rgba(255,255,255,0.90); height:auto; position:absolute; top:50%; right:5%; margin:0;  width:90%; padding:30px;  color:#000;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}

.login-login .title{ font-size:22px; text-align:center; margin-bottom:20px; line-height:2;}
.login-login .title h2{ display:block; font-size:26px;  text-align:center;}
.login-login .title p{ font-size:14px; color:#999;}
.login-login .list{ padding:3% 0;}
.login-login .list li{ margin-bottom:6%;}
.login-login .list li input{ border-radius:5px;font-size:14px; border:0; height:45px; background:#eee; border:0; width:100%; padding:0 15px;box-sizing:border-box;-webkit-transition-duration:.25s;transition-duration:.25s; border:1px solid #eee;}
.login-login .list li input:hover{ }
.login-login .list li input:focus{box-shadow:0 0 8px rgba(154,86,39,.3); border:1px solid #9a5627;}
.login-login .sub{ display:block;  margin:0 auto; width:100%; border-radius:5px; background:#9a5627; border:0; color:#fff; height:45px; line-height:45px; font-size:14px;}
.login-login a.more{ float:right; font-size:16px;height:50px; line-height:50px;}

.userinfo{ display:block; padding:3%;}
.userleft{  padding:5px 0; background:#f8f8f8;}
.userleft ul{ display:flex;}
.userleft li{ flex:1; font-size:12px; padding:10px 0; text-align:center; border-bottom:0;}
.userleft li:last-child{ border-bottom:0;}
.userright{ flex:12; padding:0;}

.usermessge{ padding:10px; line-height:2; font-size:14px; width:100%; margin:0 auto;}
.usermessge li{ padding:14px 0;line-height:50px; border-bottom:1px solid #f6f6f6;}
.usermessge li:last-child{ border-bottom:0;}
.usermessge li span{ display:inline-block; width:100px;}
.usermessge li input{ height:50px; line-height:50px; padding:0 15px; width:calc(100% - 130px); background:#f8f8f8; border:0;}
.usermessge li .sub{ height:40px; line-height:40px; background:#9a5627; color:#fff; border:0;  width:calc(100% - 130px); border-radius:5px;}

.user-msg{}
.user-msg .title{ text-align:center; font-size:18px; font-weight:bold; color:#000; line-height:1.5}
.user-msg .shuming{ text-align:center; color:#999; line-height:2; border-bottom:1px solid #f5f5f5; padding-bottom:8px;}
.user-msg .content{ padding:30px 0;}
		
}

/******首页配置********/

/****************内页配置*******************************/

.weizhi{ display:block; text-align:center; z-index:1000; position:absolute; top:30px; right:0;}


.info{ margin:30px auto; padding:0 8%}

.infotitle .m{  margin:0 auto;  }
.infotitle .m i{ font-size:15px;}
.infotitle .m:after{ content:''; border:0;}
.infotitle{  padding:16px 8%; margin:0; background:#f6f6f6; position:relative;}
.infotitle h2{ float:left;font-size:18px; font-weight:bold;}
.infotitle span{ font-weight:normal; padding-left:8px; text-transform:capitalize; color:#888;}
.infotitle strong{ color:#9a5627;}


.info-left{ }
.info-left .indextitle{ padding:0; margin:30px auto; text-align:center; border:0; }
.infocontent{  margin:20px auto; padding:0; background:#fff; line-height:2.3; font-size:16px; }/*内页右边内容详情*/
.infocontent img{ display:block; max-width:100%; margin:0 auto;}
.s_content a{ text-decoration:underline; color:#9a5627;}

.er-ji{ display:none;}
.left_menu{ margin:0 auto; position:relative; position:absolute; right:0; top:6px;}
.left_menu ul{ text-align:left;}
.left_menu ul li{ display:inline-block; margin:0 6px; background:#eee;}
.left_menu ul li a{ display:block; color:#000; font-size:14px; padding:10px 28px;}
.left_menu ul li>ul{ display:none; position:absolute; right:0; bottom:-75px;}
.left_menu ul li:hover{background:#9a5627;}
.left_menu ul li:hover a{color:#fff;}
.left_menu li.hover{  background:#9a5627}
.left_menu li.hover a{ color:#fff;}
.left_menu li.hover>ul{ display:block;}
.left_menu li.hover>ul li{ background:#9a5627; margin:0; border-left:1px solid #fff;}
.left_menu li.hover>ul li a{ font-size:14px;padding:10px 35px;}
.left_menu li.hover>ul li.hover{background:#9a5627;}

.feed_l{  padding-left:30%; padding-top:6%;}




.message_show{ max-width:600px; margin:0 auto;}
.message_show li{  font-size:20px; color:#000; padding:10px 0;}
.message_show li span{ display:block; float:left; width:130px;}
.message_show li input,.message_show li select{ height:40px; line-height:40px; border:1px solid #ddd; padding:0 15px; width:calc(100% - 200px); font-size:14px; font-family:'微软雅黑'; color:#888;}
.message_show li textarea{ height:140px;border:1px solid #ddd; padding:15px; width:380px; font-size:16px; font-family:'微软雅黑'; color:#888;}
.message_show  .tijiao{ width:190px; height:48px; font-size:18px; text-align:center; line-height:48px; background:#9a5627; color:#fff !important; display:block; margin:20px 0 30px 130px; border:0;font-family:'微软雅黑';}


/*产品展示*/

.infopiclist{ margin:0 auto; padding:0; overflow:hidden; padding:0 0; }
.infopiclist ul{ margin:0; padding:0 0; }
.infopiclist ul li{ width:23.5%; float:left; margin-right:2%;  position:relative; margin-bottom:20px; }
.infopiclist ul li:nth-child(4n){ margin-right:0;}
.infopiclist ul li .indexlistpic{ overflow:hidden; border:1px solid #eee; position:relative; }
.infopiclist ul li img{  display:block; margin:0 auto; width:100%;  position:relative;  }

.infopiclist ul li .pictitle{  text-align:center; bottom:0; width:100%}
.infopiclist ul li .pictitle h2{ display:block; font-size:15px; color:#222; padding-top:10px; border-bottom:0; margin:0; font-weight:normal;}



/*翻页*/
.pager {TEXT-ALIGN: center; CLEAR: both; padding-bottom:35px;  padding-top:15px;}
.pager A {  display:inline; zoom:1; margin-right:8px; padding:7px 15px; background:#eee; color:#000; }
.pager SPAN { border:0;display:inline; zoom:1; margin-right:8px; padding:7px 15px; background:#9a5627; color:#fff;}
.pager A:hover {  background:#9a5627; color:#fff;}



/*新闻*/

.licheng{ position:relative;}
.licheng ul:before{ width:1px; height:100%; background:#eee; content:''; position:absolute; left:50%; top:0;}
.licheng ul li{ padding:20px 53% 20px 80px !important; text-align:right;vertical-align:top; position:relative;}
.licheng ul li p{ line-height:1.6;}
.licheng ul li h2 {
    color: #fff !important;
    border-radius: 5px;
    font-size: 18px !important;
    font-weight: bold;
    position: relative;
    background: #9a5627;
    display: inline-block;
    padding: 0 15px;
    margin-bottom: 10px;
    line-height: 45px;
}
.licheng ul li .yuan { box-sizing:border-box;
    background: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: 49.9%;
    margin-left: -6px;
    margin-top: 12px;
    position: absolute;
    border: 2px solid #9a5627;
}
.licheng ul li:nth-child(2n){ padding:20px 80px 20px 53% !important; text-align:left;vertical-align:top;}

.articlist{ padding:0 0; }
.articlist{ padding:;} 
.articlist li{ line-height:1.6; font-size:12px; box-shadow:0 0 25px rgba(0,0,0,0.1); padding:2%; margin-bottom:3%; position:relative;}
.articlist li a{ display:block;}
.articlist li:hover img{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
}
.articlist li .pic{ overflow:hidden; float:left; margin-right:25px; width:260px;}
.articlist li img{  width:100%;-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/}
.articlist li h3{ margin:0;  color:#151515; font-weight:bold; margin-bottom:10px; font-size:18px; }
.articlist li p{color:#666666; font-size:14px; margin:5px 0; line-height:2;}
.articlist li dl{ color:#999; margin-bottom:12px;}
.articlist li .more{ border:4px solid #9a5627; background:#9a5627; display:block; width:46px; height:46px; color:#fff; font-size:16px; line-height:46px; float:left; border-radius:46px; text-align:center; overflow:hidden;transition: width 0.5s; margin-top:20px; position:absolute; right:3%; bottom:-23px;}
.articlist li .more i{ display:block;  height:46px; line-height:40px; width:46px;border-radius:46px; color:#9a5627; font-weight:bold;  font-size:40px; float:left; background:#fff;}
.articlist li:hover .more{ width:200px;}


/*详情*/
.s_title{ text-align:center;}
.s_title h2{font-family:'微软雅黑'; font-size:18px; font-weight:bold;}
.s_title p.z{ font-size:14px; color:#777; border-bottom:1px solid #f5f5f5; padding:5px;}
.s_title p.c{ padding:12px; text-align:left; background:#f5f5f5; border-radius:5px; color:#888; font-size:12px;}
.s_title p.c span{ display:inline-block; font-size:12px; font-weight:bold; color:#000;}
.s_img{ padding:20px 0;}
.s_img img{ display:block; max-width:100%;}
.s_content{ padding:15px 0;}
.p_content{ font-size:14px; text-align:right;}


.s_content a{ text-decoration:underline !important; color:#9a5627;}
.s_content a:link,.s_content a:visited{ text-decoration:underline !important; color:#9a5627;}

.info_t a{ text-decoration:underline !important; color:#9a5627;}
.info_t a:link,.info_t a:visited{ text-decoration:underline !important; color:#9a5627;}


.links {  color:#fff; display:inline-block;padding:0 0 10px 0;}
.links ul{ text-align:right; padding:0; color:#fff; margin:0 auto; border-bottom:1px solid rgba(255,255,255,0.5);padding:10px 0;}
.links a{ padding:0; color:#fff; }
.links a:after{ content:'|'; margin:0 10px;}
.links a:last-child:after{ content:''; margin:0;}


.bottom{ margin:0 auto 0 auto; background:#9a5627; font-size:14px; padding:40px 8%; color:#fff; line-height:2;  position:relative; text-align:center;}

.bottom-w{ max-width:1100px; margin:0 auto;}
.bottom-w .bottom-l{ float:left; text-align:left;}
.bottom-w .bottom-r{ float:right; padding:20px 0;}
.bottom-w .bottom-r img{ width:130px; margin:0 10px;}
.footer_h{ display:none;}
.footmenu { display:none;}

.Upper p{ font-size:14px;}


/*分享*/
.bdsharebuttonbox{ max-width:1200px; margin:0 auto; padding:10px 0;}
.bdsharebuttonbox a{ padding-right:10px; padding-left:22px !important;}



.box-title{ font-weight:bold !important; }
.box-title strong{ color:#f00 !important;}
.box-content{ font-size:18px !important; padding-top:25px !important;}
.box-content b{ color:#f00;}

.btn-primary{ background:#20a8e4;}




@media (max-width:640px){
.login-reg{ display:none;}
h1{ font-size:14px; font-weight:bold;}
.qy_wel,.logo_search{ display:none;}
.logo_1{ margin:0 auto; padding:0;}
.logo_1 h3{ text-transform:uppercase; color:#aaa;  font-size:12px;}
.logo_1 p{ padding:10px 0; font-size:12px; line-height:1.3;}
.logo_1 h1{ display:block;  font-size:20px; font-weight:bold; color:#775f47; padding-top:5px;}
.logo_img{ padding:10px 12px; float:none; position:static; margin:0; width:auto; height:auto;}
.logo_img img{ height:30px; width:auto; display:block; margin:0; margin-right:0px; }


.logo.on{ height:50px; }
.logo.on .logo_img{ padding:0; float:left; position:relative;padding:10px 12px;}
.logo.on .logo_img img{ display:block; height:30px; }

.logoh{ height:50px; display:block;}
.logo_tel{ line-height:1.2; padding:0 0; line-height:36px; display:none;}



.w1100{ margin:0; padding:0; z-index:0}

.logo{  position:relative; margin:0 auto; border-bottom:0; position:fixed; top:0; padding:0;width:100%; background:#fff; z-index:100; overflow:inherit !important;  height:50px; }

/****************************************************************导航*********************************************************************/
.navbox{ display:none;}


.sp_nav{width:38px; top:15px; right:6px; position:fixed;cursor:pointer;height:30px;margin-top:0;display:block;}

.sp_nav span{display:block;background:#9a5627;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;background:#fff;width:100%;height:100%;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;z-index:99999; display:block;}
.nav_show{top:50px}
.sjj_nav ul li{padding:1.5% 3%;}
.sjj_nav ul li a{ display:block;}
.sjj_nav ul li i{ display:block; font-size:15px; font-style:normal;}
.sjj_nav ul li i:after{content: "+";
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 20px;
    font-weight: 300;
}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se{ color:#9a5627;}
.sjj_nav ul li .sjj_nav_i_se:after{content: "-";
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 20px;
    font-weight: 300;
}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #eee solid;position:relative;line-height:40px;font-size:14px; }
.sjj_nav>ul >li:last-child{border-bottom:1px #eee solid;}
.sjj_nav ul li ul{display:none}

.sjj_nav ul li ul{ padding:0 3%;}
.sjj_nav ul li ul li{ border:0; padding:3% 0; border-bottom:1px solid #eee; line-height:2;}
.sjj_nav ul li ul li p{ color:#aaa;}
.sjj_nav ul li ul li  a{ display:block;}
.sjj_nav ul li ul li:last-child{ border-bottom:0;}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:0}

.sjj_nav ul li ul li ul{  margin:0; padding:10px;}
.sjj_nav ul li ul li ul span{ display:inline-block; width:50%; padding:0; text-align:left; font-size:14px;}

 input[type="button"], input[type="submit"], input[type="reset"],select { -webkit-appearance: none; } 
 

.friends_banner{ position:relative; overflow:hidden;}
.friends_banner img {display: block; width:520px; position:relative; left:50%; margin-left:-260px; position:relative;}

/*首页标题*/



.info-left{ float:none; overflow:hidden;}
.info-left .indextitle{ padding:0 10px; margin:20px auto;}

.info-right{ width:100%; float:none;}



/******首页配置********/

/****************内页配置*******************************/
.weizhi{  display:none;  }

.info{  font-size:16px; margin:0;min-height:320px; padding:0; }
.info .product_right{ padding:3%;}
.info .product_right h2{ font-size:20px; display:none;}
.ueditor_baidumap{ display:none;}

.left_menu{ margin:0 auto 0 auto;   right:0; top:45px; position:absolute; box-shadow:0 0 10px rgba(0,0,0,0.2);display:none;}
.left_menu ul{ text-align:left; display:block;}
.left_menu ul li{ display:block; margin:0; background:#fff; border-bottom:1px solid #f5f5f5; float:none;}
.left_menu ul li a{ display:block; color:#000; font-size:12px; padding:10px 20px; text-align:center;}
.left_menu ul li>ul{ display:none; position:absolute; right:0; bottom:-75px;}
.left_menu ul li:hover{background:#9a5627;}
.left_menu ul li:hover a{color:#fff;}
.left_menu li.hover{  background:#9a5627}
.left_menu li.hover a{ color:#fff;}
.left_menu li.hover>ul{ display:block;}
.left_menu li.hover>ul li{ background:#9a5627; margin:0; border-left:1px solid #fff;}
.left_menu li.hover>ul li a{ font-size:14px;padding:10px 35px;}
.left_menu li.hover>ul li.hover{background:#9a5627;}

.left_menu_show{ display:block;}


.infotitle{ padding:0; text-align:left; position:relative;}
.infotitle h2{ margin-bottom:10px;}
.infotitle h2 span{ font-size:12px;}
.infotitle .m{ font-size:12px; padding:15px;}
.infotitle .m i{ font-size:14px; margin-right:0px; font-weight:normal; color:#9a5627;}
.infotitle .er-ji{ position:absolute; right:15px; font-size:12px; top:14px; background:#9a5627; color:#fff; height:20px; line-height:20px; border-radius:20px; display:block; width:20px; text-align:center;}
.infocontent{clear:both; margin:0; padding:3%; float:none; width:auto; font-size:14px; }/*内页右边内容详情*/
.infocontent img{ display:block; max-width:100%; margin:0 auto; height:auto !important;}



.infopiclist{ margin:0%; padding:0; overflow:hidden; padding:0; }
.infopiclist ul{ margin:0; padding:0; }
.infopiclist ul li{ width:48.5%; margin:0; float:left; padding:0; margin-bottom:3%;}
.infopiclist ul li:nth-child(2n){ float:right;}
.infopiclist ul li .indexlistpic{ width:auto;   overflow:hidden; padding:0; display:block; height:auto;}
.infopiclist ul li img{ width:100%;  border-radius:0; display:block !important; }
.infopiclist ul li .indexlistname{ font-size:15px;}
.infopiclist ul li .pictitle{ font-size:12px; text-align:left; height:40px; padding:5px 0;}
.infopiclist ul li .pictitle h2{ display:block; font-size:12px;text-align:center;line-height:1.5; padding:0; word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;}






.articlist{ padding:0 0; }
.articlist li { font-size:14px;   padding:3% 3% 5% 3%;  float:none; width:100%; position:relative; margin-bottom:6%;}
.articlist li:nth-child(2n){ float:none;}
.articlist li .pic{ width:30%; margin-right:15px;}
.articlist li dl{ margin:0;}
.articlist li h3{  font-size:15px; margin:0;}
.articlist li p{display:block; color:#8c8c8c; font-size:12px; line-height:1.6; margin:6px  0; padding:0;
word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.articlist li .more{ border:2px solid #9a5627; background:#9a5627; display:block; width:22px; height:22px; color:#fff; font-size:12px; line-height:22px; float:right; border-radius:22px; text-align:center; overflow:hidden;transition: width 0.5s; margin-top:5px; position:absolute; right:2%; bottom:-11px;}
.articlist li .more i{ display:block; height:22px; line-height:20px; width:22px;border-radius:22px; color:#9a5627; font-weight:bold;  font-size:20px; float:left; background:#fff;}
.articlist li:hover .more{ width:140px;}



/*详情*/
.s_title{ text-align:center;}
.s_title h2{font-family:'微软雅黑'; font-size:16px; line-height:1.4; font-weight:bold;}
.s_title p.z{ font-size:14px; color:#777; border-bottom:1px solid #eee; padding:5px;}
.s_title p.c{ padding:12px; text-align:left; background:#eee; color:#888; font-size:12px;}
.s_title p.c span{ display:inline-block; font-size:12px; font-weight:bold; color:#000;}
.s_img{ padding:20px 0;}
.s_img img{ display:block; max-width:100%; height:auto;}
.s_content{ padding:15px 0;}
.s_content img{ margin:10px auto !important; display:block; max-width:100%;}



.Upper{ font-size:12px;}


iframe{ display:block; width:100% !important; height:260px !important; overflow:hidden; }

.feed_l{ background:none; padding-left:0; margin:0 auto;}

.message{ padding:3%;}
.message_show{ max-width:1200px; margin:0 5%; background:#fff; padding:30px 20px;}
.message_show li{  font-size:16px; color:#000; padding:2% 3%;}
.message_show li span{ display:block; float:none; width:130px; margin-bottom:12px;}
.message_show li input{ height:48px; line-height:48px; border:1px solid #ddd; padding:0 3%; width:94%; font-size:15px; font-family:'微软雅黑'; color:#888;}
.message_show li textarea{ height:140px;border:1px solid #ddd; padding:3%; width:94%; font-size:15px; font-family:'微软雅黑'; color:#888;}




.message_show  .tijiao{ width:160px; border-radius:5px; height:50px; font-size:16px; text-align:center; line-height:50px; background:#9a5627; color:#fff !important; display:block; margin:0 auto; border:0;font-family:'微软雅黑';}


.links { padding:0; font-size:12px; background:#9a5627;}
.links ul{ text-align:left; padding:3%;}
.links a:after{ content:'|'; margin:0 10px;}




.bottom{ margin:0 auto 0 auto; font-size:14px; padding:5%; line-height:2; }
.bottom-w{ max-width:1100px; margin:0 auto;}
.bottom-w img{ max-width:80%; margin:0 auto;}
.bottom-w .bottom-l{ float:none; text-align:left; font-size:12px;}
.bottom-w .bottom-r{ float:none; padding:20px 0;}
.bottom-w .bottom-r img{ width:110px; margin:0 10px;}



.footer_h{ height:50px;  display:block;}
.footmenu a{ color:#000;}
.footmenu{color:#000; background:#fff; position:fixed; bottom:0; left:0; width:100%; z-index:10000; display:block; }
.footmenu ul{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:center;}
.footmenu ul li{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;font-size:12px;  padding:7px 0; position:relative;}
.footmenu ul li i{ display:block; width:20px; height:20px; line-height:20px; font-size:18px;  margin:0 auto;}



.pager {TEXT-ALIGN: center; CLEAR: both; padding:2%;}
.pager A {  display:inline; zoom:1; margin-right:3px; padding:5px 10px; background:#eee; color:#000; font-size:12px; }
.pager SPAN { border:0;display:inline; zoom:1; margin-right:3px; padding:5px 10px; background:#9a5627; color:#fff;font-size:12px;}
.pager A:hover {  background:#9a5627; color:#fff;}

/*分享*/
.bdsharebuttonbox{ max-width:1420px; margin:0 auto; padding:10px 0; display:none;}
.bdsharebuttonbox a{ padding-right:10px; padding-left:22px !important;}






 
}

@-webkit-keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -400px;
    }

}
@-moz-keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -400px;
    }

}
@keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -400px;
    }


}


.zlogo{ z-index:100000000;  margin:0 auto;z-index:10000;  width:100%; background:#fff; }
.zlogo_1{ max-width:1200px; margin:0 auto; position:relative; padding:30px 0;}
.zlogo_img{ padding:0; float:left; position:relative;}
.zlogo_img img{ display:block; }
.zlogo_tel{ float:right;  color:#000;line-height:1.2; background:url(../images/tel.png) no-repeat left center; padding-left:60px;}
.zlogo_tel h2{ color:#ff9000; font-size:30px; font-weight:bold;}

.navbox-z{ background:#9a5627; text-align:center;}
.navbox-z li{ display:inline-block;}
.navbox-z li a{ display:block; padding:15px; font-size:15px; color:#fff;}
.navbox-z li:hover{ background:#ff9000;}

.index-left{ width:73.5%; }
.index-right{ width:25%; }

.news1{ width:49%; float:left; margin-bottom:15px;}
.news2{ width:49%; float:right; margin-bottom:15px;}
.news3{ margin-bottom:15px;}

@media (max-width:640px){
	
.zlogo{ z-index:100000000;  margin:0 auto;z-index:10000;  width:100%; background:#fff; }
.zlogo_1{ max-width:1200px; margin:0 auto; position:relative; padding:15px;}
.zlogo_img{ padding:0; float:none; position:relative;}
.zlogo_img img{ display:block; max-width:100%; margin:0 auto; }
.zlogo_tel{ display:none;}


.navbox-z{ background:#9a5627; text-align:center; padding:10px 0;}
.navbox-z li{ display:block; width:25%; float:left;}
.navbox-z li a{ display:block; padding:8px 0; font-size:12px; color:#fff;}
.navbox-z li:hover{ background:#ff9000;}

.index-left{ width:100%; }
.index-right{ width:100%; }

.news1{ width:100%; float:none; margin-bottom:15px;}
.news2{ width:100%; float:none; margin-bottom:15px;}
.news3{ margin-bottom:15px;}
	
}
 
 
@keyframes homebg {
  0% {
    -webkit-transform: rotateZ(1deg) scaleY(0.7);
    -moz-transform: rotateZ(1deg) scaleY(0.7);
    -ms-transform: rotateZ(1deg) scaleY(0.7);
    -o-transform: rotateZ(1deg) scaleY(0.7);
    transform: rotateZ(1deg) scaleY(0.7);
  }
  100% {
    -webkit-transform: rotate(0deg) scaleY(0.9);
    -moz-transform: rotate(0deg) scaleY(0.9);
    -ms-transform: rotate(0deg) scaleY(0.9);
    -o-transform: rotate(0deg) scaleY(0.9);
    transform: rotate(0deg) scaleY(0.9);
  }
}

@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}