body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;
  background: #fff;

}
.slick-slider{ touch-action:auto; }
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
img{ max-width:100%;}
.logo{ max-width: 265px;  }
.container{ width: 1310px; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #734b23; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.nav-list li{ float: left; margin-left: 40px; line-height: 72px; }
.nav-list li a{ font-size: 18px; color: #444; }
.nav-list li a i{ display: none; }
.header{ position: fixed; transition: 0.5s all; left: 0; top: 0; padding:25px 0; right: 0; z-index: 10000; }
.header.active{ background: rgba(255,255,255,0.9); padding:10px 0; }
.cp-box{ background: #f4f7fe; }
.cp-box-sm{ background: url(../images/back01.png) center top no-repeat; background-size: 100% auto; padding:160px 0; }
.title{ font-size: 51px; color: #333; font-weight: bold;  line-height: 51px; padding-bottom: 40px; background: url(../images/title.png) center bottom no-repeat; }
.banner{ margin:0; }
.tt-span{ font-size: 19px; color: #9b9b9b; margin-top: 20px; }
.cp-slick a{ display: block; position: relative; padding-top: 210%; transition: 0.5s all; }
.cp-slick-bottom{ position: absolute; left: 0; overflow:hidden; padding:50px 45px; transition: 0.5s all;; right: 0; bottom: 0; height: 300px; background: url(../images/cp-bottom.png) center no-repeat; background-size: cover; }
.cp-slick a:hover .cp-slick-bottom{ height: 350px; }

.cp-slick-tt{ font-size: 34px; color: #fff; }
.cp-slick-lind{ max-width: 260px; height: 2px; background: #fff; transition: 0.5s all; margin:10px 0; }
.cp-slick a:hover .cp-slick-lind{ margin:0; opacity: 0; }
.cp-slick-p p{ font-size: 18px; color: #fff; }
.cp-slick-p p span{ font-weight: bold; padding-right: 10px; }
.sk-list li{ float: left; width: 18%!important; padding:0!important; margin:0!important; margin-right: 2%!important;opacity: 0;
    filter: alpha(opacity=0); transition: 0.5s all; }
.cp-slick a:hover .sk-list li{ opacity: 1; filter: alpha(opacity=100); }
.rollIn img{ transition: 0.5s all; }
.about-img:hover .rollIn img{ transform: rotate(360deg); }
.about-img{ max-width: 508px; margin:0 auto; }





.cp-slick .slick-prev{ width: 34px; height: 38px; margin-top: -150px; background: url(../images/left.png) center no-repeat; left: 40px; z-index: 1000; }
.cp-slick .slick-prev:before{ display: none; }
.cp-slick .slick-next{ width: 34px; height: 38px; margin-top: -150px; background: url(../images/right.png) center no-repeat; right: 40px; z-index: 1000; }
.cp-slick .slick-next:before{ display: none; }
.about-back{ background: url(../images/about-back.png) center no-repeat; background-size: cover; padding:280px 0; }
.cp-slick{ margin:0; }
.about-center{ position: relative; max-width: 1213px; margin:0 auto; background: url(../images/about-lind.png) center no-repeat; }
.about-box{ position: absolute; left: 0; top: 70px; width: 240px; }
.about-tt{ font-size: 24px; color: #454857; font-weight: bold; margin-bottom: 33px; }
.about-p p{ color: #4c4e5c; margin:0; line-height: 35px; font-weight: bold; position: relative; padding-left: 10px; }
.about-box02{ top: 300px; }
.about-box03{ left: 955px; width: 270px; }
.about-p p span{ position: absolute; left: 0; top: 0; }
.about-box04{ left: 955px; top: 300px; width: 270px; }
.about-box03 .about-tt{ padding-left: 25px; }
.pp-list li{ float: left; width: 25%; padding:0 13px; }
.pp-list li:nth-child(2){ animation-delay: 0.4s; }
.pp-list li:nth-child(3){ animation-delay: 0.5s; }
.pp-list li:nth-child(4){ animation-delay: 0.6s; }
.wow{animation-delay: 0.3s;}
.pp-list{ margin:0 -13px; }
.pp-list-box{ height: 420px; position: relative; border-radius: 4px; }
.box-lg{ background: #f4f7fe; }
.pp-box{ margin-top: -100px; }
.pp-list-b{ position: absolute; left: 15px; transition: 0.5s all; right: 15px; bottom: 15px; background: #f8f8f8; border-radius: 4px; height: 168px; }
.pp-list-box:hover .pp-list-b{ bottom: 30px; }
.pp-list-b-t{ border-radius: 4px 4px 0 0; padding-top: 25px; background: #9aa4b0; height: 100px; color: #fff; font-size: 19px; color: #fff; }
.pp-list-b-t span{ font-size: 14px; }
.news-title font{ float: left; margin-right: 15px; }
.news-title span{ float: left; font-size: 26px; text-transform:uppercase;
 color: #676767; }
.news-title{ line-height: 37px; border-bottom: solid 3px #e0e0e1; margin-top: 150px; margin-bottom: 25px; }
.news-title a{ float: right; font-size: 18px; color: #baa173; margin-top: 5px; }
.news-img img{ width: 206px; height: 150px; }
.news-right{ margin-left: 225px; transition: 0.5s all; }
.news-list li:hover .news-right{ transform: translate(10px,0); }
.news-tt a{ font-size: 24px; color: #4a4a4a; }
.news-p{ font-size: 20px; color: #949494; line-height: 40px; height: 80px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.news-date{ display: inline-block; margin-top: 10px; padding-left: 24px; background: url(../images/icon-date.png) left center no-repeat; font-size: 20px; color: #c0c0c0; }
.news-list li{ border-bottom: dashed 1px #ddd; padding-bottom: 15px; margin-bottom: 15px; }
.hy-list li{ position: relative; line-height: 54px; padding-right: 130px; font-size: 19px; color: #676767; }
.hy-list li a{ font-size: 19px; display: block; color: #676767; transition: 0.5s all; }
.hy-list li:hover a{ transform: translate(10px,0); }
.hy-list li span{ position: absolute; right: 0; top: 0; color: #aeaeae; }
.hy-list{ margin-top: -13px; }
.footer-nav li a{ font-size: 18px; color: #fff; }
.footer-nav li{ margin-bottom: 15px; }
.footer{ background: #4f4f4f; padding:50px 0; }
.box-lg{ padding-bottom: 80px; }
.footer-left{ width: 26%; }
.footer-center{ border-left: solid 1px #5d5d5d; border-right: solid 1px #5d5d5d; width: 48%; height: 300px; padding-top: 130px; }
.footer-logo{ font-size: 36px; color: #fff; font-weight: bold; height: 36px; line-height: 36px; }
.footer-phone{ font-size: 37px; color: #ccc; font-weight: bold; margin-top: 40px; }
.footer-ewm img{ width: 190px; height: 190px; margin-bottom: 10px; margin-top: 40px; margin-bottom: 25px; }
.footer-ewm{ font-size: 18px; color: #adadad; }
.footer-p{ border-top: solid 1px #5d5d5d; margin-top: 100px; padding-top: 15px; font-size: 18px; color: #adadad; }
.news-row .col-xs-6{ padding:0 20px; }
.news-row{ margin:0 -20px; }
.news-title{ padding-bottom: 5px; }
/***********产品中心**********/
.cp-tabs li{ display: inline-block; margin:0 5px; }
.cp-tabs li a{ display: block; border:solid 1px #ddd; font-size: 16px; color: #666; padding:10px 25px; }
.back-cp{ background: #f4f7fe; }
.cp-list li{ float: left; width: 33.333333%; padding:0 20px; margin-bottom: 40px;}
.cp-list{ margin:0 -20px; padding-top: 115px; }
.cp-list li a{ display: block; position: relative; padding-top: 156%; transition: 0.5s all;  }

.cp-list li a:hover .cp-slick-bottom{ height: 300px; }
.cp-list li a:hover .sk-list li{ opacity: 1; filter: alpha(opacity=100); }
.cp-list li a:hover .cp-slick-lind{ margin:0; opacity: 0; }
.cp-list li a .cp-slick-bottom{ height: 250px; padding-top: 30px; }
.cp-tabs{ margin-top: 60px; }
.cp-more{ display: block; color: #fff; font-weight: bold; font-size: 24px; background: #948a81; line-height: 64px; margin-top: 75px; }
.cp-more:hover,.cp-more:focus{ color: #fff; }
/******************关于我们*******************/
.about-logo{ margin:135px 0 40px 0; }
.about-title{ font-size: 24px; color: #333; font-weight: bold; margin-bottom: 25px; }
.about-txt p{ text-indent: 2em; line-height: 25px; margin:0; color: #6b6b6b; }
.wh-title{ font-size: 24px; color: #444; margin-top: 110px; }
.wh-lind{ width: 60px; height: 2px; background: #7b7b7b; margin:10px auto; }
.wh-p{ color: #939393; margin-bottom: 90px; }
.about-b{ margin-bottom: 135px; }
/**************新闻中心**************/
.xw-list li{ float: left; width: 50%; padding:0 15px; margin-bottom: 50px; }
.xw-list{ margin:0 -15px; padding-top: 170px; }
.xw-list-right{ margin-left: 180px; transition: 0.5s all; }
.xw-list li:hover .xw-list-right{ transform: translate(10px,0); }
.xw-list-date{ color: #999; }
.xw-list-tt{ color: #666; line-height: 25px; height: 50px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.xw-list-p{ color: #888; line-height: 20px; height: 50px; padding-top: 10px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; border-top: solid 1px #ccc; }
.xw-list-tt a:hover{ color: #cbb996; }
/***********服务支持***********/
.fw-box{ position: relative; margin-top: 200px; margin-bottom: 100px; }
.fw-left{ max-width: 1100px; margin:70px auto 0 auto; }
.fw-left li{ padding:0 55px; }
.fw-left li:nth-child(odd){ transform: translate(0,30px); }
.fw-left li a{ display: block; background: #fff; padding-top: 50px; }
.fw-bottom{ padding:15px 20px; }
.fw-bottom-tt{ font-size: 18px; color: #6f6f6f; font-weight: bold; }
.fw-bottom-p{ color: #888; line-height: 25px; height: 50px; overflow:hidden; margin-top: 10px; }
.fw-left li{ position: relative; margin-bottom: 15px; float:left;width:50%}
.fw-left li a:before{ display: block; content: ""; position: absolute; margin-left: 5px; left: 100%; top: 78px; width: 60px; height: 15px; background: url(../images/lind-l.png) center right no-repeat; }
.fw-box:before{ display: block; content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #ebeef0; }
.fw-right{ margin-top: 0; }
.fw-left li:nth-child(even) a:before{ display: block; content: ""; position: absolute; background: url(../images/lind-r.png) center left no-repeat; left: auto; right: 100%; margin-left: 0; margin-right: 2px;}
/***************工程案例*************/
.case-img{ width: 68%; }
.case-img img{ width: 100%; }
.case-list li{ background: #fff; position: relative; margin-bottom: 30px; }
.case-right{ width: 32%; padding-top: 250px; padding-left: 40px; padding-right: 40px; }
.case-list-tt a{ font-size: 18px; color: #000; font-weight: bold; }
.case-list-p{ font-size: 14px; line-height: 25px; color: #000; margin-top: 10px; height: 50px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.case-list{ margin-top: 140px; }
/****************联系我们*************/
.contact{ margin-top: 85px; margin-bottom: 130px; }
.container{ max-width: 1204px; margin:0 auto; }
.contact-tt{ font-size: 24px; color: #000; font-weight: bold; margin-bottom: 40px;}
.contact-p p{ font-size: 16px; color: #848484; margin-bottom: 10px; }
/*********招商加盟*******/
.jm-list li{ display: table; width: 100%; }
.jm-img{ display: table-cell; width: 50%; height: 420px; }
.jm-right{ display: table-cell; width: 50%; padding-left: 10%; padding-right: 5%; height: 420px; background: #fff; vertical-align: middle; }
.jm-right-tt{ font-size: 24px; color: #222; margin-bottom: 20px; }
.jm-right-p{ color: #4c4c4c; line-height: 25px; margin-top: 20px; }
.jm-list{ margin-top: 170px; }
.about-img{ position: relative; }
.abouut-img-txt{ position: absolute; left: 0; top: 0; right: 0; z-index: 10; }
.cp-tabs li a:hover,.cp-more:hover{ background: #90867e; border-color: #90867e; color: #fff; }
.news-tt a:hover,.hy-list li a:hover,.case-list-tt a:hover{color: #90867e;}

.get_more{width:100%;margin:0 auto; text-align:center;
	background-repeat: no-repeat;
	background-position: 260px;
	clear:both;z-index:9999;
	background-image: url('../images/9.png');
	transition: all .5s;display: block; color: #fff; font-weight: bold; font-size: 24px; background: #948a81; line-height: 64px; margin-top: 75px; }

.cp-more{ display: block; color: #fff; font-weight: bold; font-size: 24px; background: #948a81; line-height: 64px; margin-top: 75px; }
.get_more:hover,.get_more:focus{ color: #fff; }

.pull_icon{
	width: 25px;
	height: 25px;
	background-image: url('../images/pull.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
	transition: all .5s;
}


@media( max-width: 1356px){
	.container{ width: 1230px; }
	.cp-slick-bottom{ padding:20px; height: 260px; }
	.cp-slick a:hover .cp-slick-bottom{ height: 300px; }
	.cp-slick-tt{ font-size: 28px; }
	.fw-left li:before{ width: 40px; }
}
@media( max-width: 1279px){
	.container{ width: 970px; }
	.about-img img{ height: 200px; }
	.about-center{ background: none; }
	.about-box{ position: static; width: 50%; padding:0 15px; float: left; text-align: center; margin-bottom: 30px; }
	.about-tt{ margin-bottom: 10px; padding:0!important; }
	.about-p p span{ position: static; }
	.about-p p{ padding:0; }
	.about-back{ padding:100px 0 80px 0; }
	.news-title span{ font-size: 24px; }
	.news-title a{ margin-top: 0; }
	.footer-phone{ font-size: 28px; }
	.footer-logo{ font-size: 30px; }
	.cp-box-sm{ padding:80px 0; }
	.pp-box{ margin-top: -50px; }
	.nav-list li{ margin-left: 10px; }
	.cp-list li{ width: 50%; }
	.fw-left li:before{ width: 20px; }
	.case-right{ padding-top: 180px; }
	}
@media( max-width: 991px){
	.container{ width: 750px; }
	.header{ height: 50px; top: 0; padding:0!important; background: rgba(255,255,255,0.5); }
	.header .container{ width: 100%; }
	.logo img{ height: 30px; }
	.logo{ line-height: 50px; height: 50px; }
	  .nav-list li .nav-down{ display: none; position: static; margin:0; text-align: left; width: 100%; }
	  .nav-list li .nav-down li a{ color: #fff; padding-left: 25px; }
	  .nav-list li:hover .nav-down{ display: none; }
	  .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
	  .nav-click.active{ transform: rotate(180deg); }
	  .nav-list{ position: absolute; background: #734b23; left: 0; top: 100%; right: 0; display: none; }
	  .nav-list li{ float: none; margin:0; border-bottom: solid 1px #fff; }
	  .nav-list li:last-child{ border:none; }
	  .nav-list li a{ display: block; line-height: 40px; padding:0 15px; color: #fff; font-size: 16px; padding-left: 55px; position: relative; }
	  .nav-list li a i{ position: absolute; left: 15px; top: 0; bottom: 0; line-height: 40px; display: block; width: 20px; }
	  .menu-button{ display: block; }
	  .pp-list li{ width: 50%; margin-bottom: 20px; }
	  .news-row .col-xs-6{ width: 100%; }
	  .news-title{ margin-top: 40px; }
	  .footer-ewm img{ width: 150px; height: 150px; }
	  .footer-phone{ font-size: 22px; }
	  .footer-center{ padding-top: 80px; }
	  .about-img{ margin-bottom: 30px; }
	  .fw-left li:before{ width: 20px; }
	  .case-right{ padding-top: 120px; }

}
@media( max-width: 768px){
	.container{ width: 100%; }
	.title{ font-size: 28px; line-height: 28px; padding-bottom: 30px; }
	.tt-span{ font-size: 16px; margin-top: 10px; }
	.cp-box-sm{ padding:30px 0; }
	.cp-slick-tt{ font-size: 18px; }
	.cp-slick-p p{ font-size: 14px; margin-bottom: 5px; }
	.cp-slick-bottom{ height: 150px; }
	.cp-slick a:hover .cp-slick-bottom{ height: 170px; }
	.cp-slick .slick-prev{ left: 15px; margin-top: -80px; }
	.cp-slick .slick-next{ right: 15px; margin-top: -80px; }
	.about-back{ padding:30px 0; }
	.about-p p{ line-height: 25px; }
	.about-tt{ font-size: 22px; }
	.about-p{ min-height: 150px; }
	.pp-box{ margin-top: 0; }
	.pp-list-box{ height: 250px; }
	.pp-list-b-t{ font-size: 16px; padding-top: 15px; height: 80px; }
	.pp-list-b{ left: 5px; right: 5px; bottom: 5px; height: 130px; }
	.news-title span{ font-size: 18px; }
	.news-title a{ font-size: 16px; }
	.news-title{ margin-top: 20px; border-width: 2px; }
	.news-img img{ width: 120px; height: 90px; }
	.news-right{ margin-left: 130px; }
	.news-tt a{ font-size: 16px; }
	.news-p{ font-size: 12px; line-height: 22px; height: 44px;  }
	.news-date{ font-size: 14px; background-size: 14px auto; padding-left: 20px; }
	.hy-list li{ font-size: 14px; line-height: 34px; }
	.hy-list li a{ font-size: 16px; }
	.box-lg{ padding-bottom: 25px; }
	.footer-nav li{ float: left; width: 25%; }
	.footer-nav li a{ font-size: 14px; }
	.footer-left{ width: 100%; }
	.footer{ padding:20px 0; }
	.footer-center{ width: 100%; padding:20px 0 20px 0; margin-top: 10px; border:none; border-top: solid 1px #aaa; height: auto; border-bottom: solid 1px #aaa; height: auto;}
	.footer-phone{ font-size: 18px; margin-top: 10px; }
	.footer-ewm{ width: 100%; font-size: 14px; }
	.footer-ewm img{ width: 100px; height: 100px; margin:20px 0 10px 0; }
	.footer-p{ font-size: 14px; padding-top: 15px; margin-top: 15px; }
	/*******产品中心********/
	.cp-list li{ width: 100%; margin-bottom: 15px; }
	.cp-list li a .cp-slick-bottom{ height: 200px; }
	.cp-list li a:hover .cp-slick-bottom{ height: 200px; }
	.cp-tabs li{ display: block; margin:0 0 10px 0; padding:0 5px; width: 33.333333%; float: left; }
	.cp-tabs{ margin-top: 30px; }
	.cp-list{ padding-top: 20px; }
	.wh-title{ margin-top: 30px; }
	.wh-p{ margin-bottom: 25px; }
	.about-b{ margin-bottom: 30px; }
	.cp-tabs li a{ padding-left: 0; padding-right: 0; }
	.about-logo{ margin:20px 0; }
	.about-title{ font-size: 18px; margin-bottom: 15px; }
	.xw-list{ padding-top: 20px; }
	.xw-list li{ width: 100%; margin-bottom: 15px; }
	.cp-more{ font-size: 18px; line-height: 50px; margin-top: 20px; }
	.fw-left li a{ padding-top: 15px; }
	.fw-box{ margin:30px 0; }
	.fw-box:before{ display: none; }
	.fw-bottom-tt{ font-size: 16px; }
	.case-right{ width: 100%; padding:15px 20px; }
	.case-img{ width: 100%; }
	.case-list li{ margin-bottom: 15px; }
	.case-list{ margin-top: 30px; }
	.contact{ margin:20px 0; }
	.contact-tt{ margin-bottom: 20px; font-size: 18px; }
	.jm-list li{ display: block; margin-bottom: 15px; }
	.jm-img{ display: block; width: 100%; height: 200px; }
	.jm-right{ padding:20px; display: block; width: 100%; height: auto; }
	.jm-list{ margin-top: 30px;  }
	.fw-left li{ width: 100%; padding:0; }
	.fw-left li:nth-child(odd){ transform: translate(0,0); }
	.fw-img img{ width: 100%; }
	}