body {
    color: #1c1c1c;
    font-size: 14px;
    font-family:"Lato-Regular","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;


}
@font-face {
  font-family: "Lato-Light";
  src: url('../fonts/Lato-Light.ttf')
}
@font-face {
  font-family: "Lato-LightItalic";
  src: url('../fonts/Lato-LightItalic.ttf')
}
@font-face {
  font-family: "Lato-Regular";
  src: url('../fonts/Lato-Regular.ttf')
}
@font-face {
  font-family: "Lato-RegularItalic";
  src: url('../fonts/Lato-RegularItalic.ttf')
}
@font-face {
  font-family: "SourceCodePro-Bold";
  src: url('../fonts/SourceCodePro-Bold.ttf')
}
@font-face {
  font-family: "SourceCodePro-Regular";
  src: url('../fonts/SourceCodePro-Regular.ttf')
}
.slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; }

.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.3s all; transform: scale(1,1); }

.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }
.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: #fff; 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);}
.search-box-c{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; }
.search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search-c,.btn-search-c:hover,.btn-search-c:focus{ position: absolute; right: 0; background: #c8181b; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);}

.container{ width: 1210px; }
.header{ position: fixed; height: 70px; left: 0; top:0; right: 0; background: #1b1b1b; z-index: 10000; }
body{ padding-top: 70px; }
.logo{ height: 70px; line-height: 70px; }
.nav-list li{ float: left; padding:0 12px; }
.nav-list li a.nav-a{ display: block; position: relative; line-height: 70px; color: #fff;text-transform: uppercase;      }
.nav-list li:hover a.nav-a{ color: #ff0101; }
.nav-list li:hover a.nav-a:before{ display: block; content: ""; position: absolute; bottom: 18px; border-top: solid 1px #ff0101; left: 0; right: 0; }
.search-box{ text-align: center; margin-left: 10px; float: right; background: #8d0d0d; height: 70px; width: 130px; color: #fff; line-height: 70px; }
.search-box span{ padding-right: 50px; background: url(../images/search.png) right center no-repeat; display: inline-block; line-height: 70px; }
.banner{ margin:0; overflow:hidden; }
.banner a{ display: block; position: relative; height: 750px; }
.banner img{ width: 100%; }
.title{ font-size: 30px; font-weight: bold; position: relative; color: #1b1b1b; text-transform: uppercase; line-height: 30px; padding-top: 45px; margin-top: 60px; margin-bottom: 55px; }
.title:before{ display: block; content: ""; position: absolute; left: 50%; top: 0; height: 2px; width: 80px; margin-left: -40px; background: #cc0000; }
.shop-ul li{ float: left; width: 16.666666%; padding:0 10px; }
.shop-ul{ margin:0 -10px; }
.shop-ul li a:hover .shop-ul-name{ color: #cc0000; }
.shop-ul-name{ font-size: 18px; color: #1b1b1b; margin-top: 15px; font-family: "Lato-Regular"; }
.shop-ul-img{ position: relative; padding-top: 60%; }
.shop-ul-img img{ position: absolute; left: 50%; top: 50%;
 transform: translate(-50%,-50%); max-width: 100%; max-height: 100%; }

.shop-ul-sm li{ width: 14.285714%; }
.shop-ul-sm li .shop-ul-img{ padding-top: 76%; }
.title-lind{ position: relative; margin-top: 95px; }
.title-lind:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; right: 0; border-top: solid 1px #ddd; }
.title-lind span{ display: inline-block; padding:0 20px; position: relative; z-index: 10; background: #fff; }
.title-lind a{ display: inline-block; position: relative; overflow:hidden; width: 280px; line-height: 60px; background: #cc0000; color: #fff; font-size: 18px;  text-transform: uppercase; }
.title-lind a b{ position: absolute; transition: 0.3s all; left: 0; right: 0; top: 100%; height: 100%; background: #fff; color: #cc0000; background: #fff; border:solid 1px #cc0000; }
.title-lind a:hover b{ top: 0; }
.shop-ul-tt{ font-size: 30px; margin-top: 60px; position: relative; line-height: 30px; padding-bottom: 40px; color: #1b1b1b; font-weight: bold; }
.shop-ul-tt:before{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; height: 2px; width: 80px; margin-left: -40px; background: #cc0000; }
.shop-ul-p{font-size: 18px;text-align: left;margin-top: 15px;color: #1b1b1b;text-indent: 2em;line-height: 25px;max-height: 175px;overflow:hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 6;display: -webkit-box;}
.shop-ul-list li{ float: left; width: 33.333333%; padding:0 50px; }
.shop-ul-list{ margin:0 -50px; }
.shop-list-img{ position: relative; padding-top: 97%; margin-top: 25px; }
.shop-list-img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%; }
.shop-more{text-transform: uppercase; font-weight: bold; display: inline-block; margin-top: 30px; font-size: 18px; color: #cc0000; padding-right: 40px; background: url(../images/more.png) right center no-repeat; }
.bottom{ background: #313131; height: 750px; position: relative; z-index: 1000; padding:60px 0; margin-top: 60px; }
.bottom .container{ position: relative; z-index: 100; }
.about-left{ position: absolute; z-index: 1000; left: 0; top: 50%; transform: translate(0,-50%); width: 100%; }
.left-hover-right{ position: absolute; left: 0; top: 0; bottom: 0; width: 200%; }
.left-hover-right:before{ display: block; content: ""; right: 0; position: absolute; left: 50%; top: 0; bottom: 0; background: #313131; }
.bottom-left-hover:hover .left-hover-right{ display: block; }
.left-hover-right .container{ position: relative; z-index: 100; }
.bottom-left-hover:hover{ z-index: 1000; }
.bottom-b{ margin:0; }

.about-title{ font-size: 72px; text-transform: uppercase;  color: #fffefe; line-height: 72px; height: 72px; font-weight: bold; }
.about-p{ font-size: 24px; margin-top: 5px; color: #fff; font-family: "Lato-Light"; line-height: 35px; text-align: center; text-transform: uppercase; }
.about-a{ font-size: 18px; text-transform: uppercase;  color: #111; background: #fff; width: 180px; line-height: 46px; margin-top: 30px; display: inline-block; }
.about-right{ width: 550px; padding-top: 60px; padding-bottom: 60px; }
.about-right-tt{ font-size: 30px; line-height: 30px; color: #fff; font-weight: bold; text-transform: uppercase; padding-bottom: 35px; position: relative; }
.about-right-tt:before{ display: block; content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 80px; background: #cc0000; }
.about-right-p{ font-size: 18px; font-family: "Lato-Light"; text-indent: 2em; margin-top: 15px; line-height: 25px; max-height: 175px; overflow:hidden; color: #fff; }
.about-right-l{ width: 250px; }
.about-img img{ width: 280px; }
.about-right-box{ margin-bottom: 55px; }
.f-img a{ display: inline-block; margin-right: 10px; }
.f-img{ margin-top: 20px; }
.about-right-box-b{ margin-bottom: 0; }
.bottom-right{ z-index: 100000; position: relative; }

.bottom-right .about-title{ color: #000; }
.bottom-right .about-p{ color: #000; }
.bottom-right .about-a{ background: #000; color: #fff; }
.bottom-right .left-hover-right{ left: auto; right: 0; }
.bottom-right .left-hover-right:before{ left: 0; right: auto; background: #e6e6e6; width: 50%; z-index: 100; }
.bottom-right .about-right-tt{ color: #000; }
.bottom-right .about-right-p{ color: #000; }
.bottom-right:hover .left-hover-right{ display: block; }
.bottom-left-hover:hover{ z-index: 1000000; }
.cp-slick .slick-slide{ padding-bottom: 15px; }


.footer-top{ background: #313131; padding:30px 0 20px 0; margin-top: 40px; }
.footer{ background: #1b1b1b; padding:40px 0; }
.footer-tt{ color: #fff; text-transform: uppercase; }
.footer-ul li a{ color: #fff; }
.footer-ul li{ margin-bottom: 15px; }
.footer-ul{ margin-top: 35px; }
.footer-left{ margin-right: 55px; }
.footer-ul li a.footer-a{ display: inline-block; margin-right: 20px; }
.dy-box{ padding-bottom: 5px; margin-top: 20px; position: relative; } 
.dy-box input{ display: block; line-height: 32px; border-radius: 0; padding-right: 35px; padding-left: 0; background: none; box-shadow: none!important; border:none; border-bottom: solid 1px #fff; color: #808080; }
.yx-btn{ position: absolute; right: 0; top: 0; background: none; padding:0; border:none; box-shadow: none; text-transform: uppercase;  }
.lx-title{ color: #fff; margin-top: 20px; }
.footer-link a{ display: inline-block; margin-right: 12px; }
.footer-link{ margin-right: -12px; margin-top: 10px; }
.search-back{ position: absolute; z-index: 1000; transition: 0.3s all; left: 0; right: 0; top: 100%; background: #313131; height: 0px; overflow:hidden; }
.search-center{ width: 330px; margin:0 auto; position: relative; }
.search-center .form-control{ border:none; color: #fff; padding-left: 0; padding-right: 40px; box-shadow: none; display: block; border-bottom: solid 1px #fff; border-radius: 0; background: none; background: none !important;}
.search-center .form-control:focus{ border-color: #66afe9; }
.btn-search{ position: absolute; right: 0; top: 0; box-shadow: none; background:none; padding:0; }
.search-close{ position:absolute; right: -130px; top: -35px; width: 12px; height: 12px; background: url(../images/close.png) center no-repeat; }
.search-back.active{ padding-top: 55px; height: 130px;  }
.nav-down{ position: absolute; left: 0; top: 100%; right: 0; background: #313131; padding:25px 0; }
.down-ul li a{ color: #fff; font-size: 14px; }
.down-ul li{ float: none; padding:0; margin:0; margin-bottom: 5px; }
.down-ul{ margin-left: 895px; }
.nav-down-tow{ padding:20px 0 0 0; }
.tow-box{ width: 984px; margin:0 auto; }
.tow-box-left{ width: 400px; }
.tow-box-left a{ display: block; position: relative; background: #fff; }
.tow-box-left img{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; right: 0; }
.tow-box-left-img{ position: relative; padding-top: 100%; }
.tow-box-tt,.cp-list-tt{ color: #1b1b1b; line-height: 30px; background: #fff; padding:0 10px; }
.tow-box-right{ width: 565px; }
.cp-list li{ float: left; width: 33.333333%; padding:0 10px 20px 10px; }
.cp-list{ margin:0 -10px; }
.cp-list li a{ display: block; position: relative; background: #fff; }

.cp-list li a img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0;  }
.cp-list-img{ position: relative; padding-top: 100%; }
.nav-down-show{ display: none; }
.nav-list li:hover .nav-down-show{ display: block; }
.down-ul li a:hover{ color: #ff0101; }
.nav-click{ display: none; }
.footer-tt span{ display: none; }
/**************网站案例*****************/
.list-banner-tt{ font-size: 72px; color: #fff; font-weight: bold; }
.list-banner{ padding:35px 0 35px 0; height: 300px; }
.list-banner-p{ font-size: 18px; color: #fff; line-height: 30px; max-width: 780px; margin:20px auto; text-align: left; }
.caae-width{ max-width: 1000px; margin:0 auto; }
.case-width-img{ line-height: 100px; }
.case-width-tt{ font-size: 18px; color: #1b1b1b; margin-top: 20px; text-transform: uppercase;}
.case-shop li{ float: left; width: 25%; margin-bottom: 40px; padding:0 25px; }
.address{ color: #808080; padding-left: 25px; margin-top: 20px; padding-top: 5px; background: url(../images/address.png) left center no-repeat; }
.case-shop-tt{ font-size: 18px; color: #1b1b1b; margin-top: 5px; font-weight: bold; line-height: 30px; height: 60px; overflow:hidden; }
.case-shop{ margin:0 -25px; }
.case-shop-img{ position: relative; padding-top: 100%; }
.case-shop-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pagination > li > a, .pagination > li > span{ border:none; background: none; color: #808080; margin:0 2px; }
.pagination > li > a{ /*! border-radius: 50%; */ /*! display: inline-block; */width: 40px;height: 40px;margin: 0 5px;/*! font-size: 12px; */line-height: 25px;/*! color: #888; *//*! border: 1px solid #888; */-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;font-weight: normal;}
.pagination > .active > a, .pagination > .active > span,.pagination > li > a:hover, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #1b1b1b; color: #fff; }

.pagination a.page-num-current {
  color: #fff;
  background: #1b1b1b;
  /*! border: 1px solid #1b1b1b; */
}
/*************产品页面***********/
.cp-left{ width: 40%; }
.cp-top{ border:solid 1px #ddd; }
.cp-top a{ display: block; position: relative; padding-top: 100%; }
.cp-top{ margin-top: 60px; margin-bottom: 20px; }
.cp-top a img,.cp-bottom a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.cp-bottom a{ display: block; margin:0 5px; position: relative; padding-top: 88%; }
.cp-bottom .slick-current a:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; border:solid 1px #ddd; }
.cp-bottom{ margin:0 -5px; }
.cp-right{ width: 52%; padding-top: 110px; }
.cp-right-top{ font-size: 30px; color: #808080; }
.cp-right-tt{ font-size: 72px; color: #1c1c1c; font-weight: bold; }
.cp-lind{ width: 80px; height: 2px; background: #cc0000; margin-top: 30px; }
.cp-txt{ font-size: 24px; min-height: 270px; padding-bottom: 20px; color: #808080; line-height: 30px; margin-top: 20px; }
.cp-shop{ display: block; text-transform: uppercase; font-size: 24px; color: #cc0000; border:solid 1px #cc0000; width: 372px; line-height: 58px; text-align: center; }
.cp-link-a a{ display: inline-block; margin-left: 15px; line-height: 70px; }
.table-width{ max-width: 880px; width: 100%; margin:0 auto; margin-top: 125px; }
.table > thead > tr > th{ text-align: center; font-size: 24px; color: #fff; font-weight: normal; background: #000; border:none; padding:15px; }
.table > tbody > tr > td{ padding:15px; font-size: 24px; color: #1c1c1c; border-bottom: solid 1px #ddd; border-top: none; }
.cp-slick li a{ display: block; margin:0 20px; transition: 0.3s all; padding:10px; }
.cp-slick li a:hover{     box-shadow: 0 15px 15px rgba(0,0,0,.1);
     }
.cp-slick{ margin:0 -20px; }
.cp-slick .address{ padding:0; background: none; }
.cp-slick .case-shop-tt{ margin-top: 0; }
.cp-slick-img{ position: relative; padding-top: 100%; overflow:hidden; }

.cp-slick-img img{ position: absolute; overflow:hidden; left: 0; top: 0; width: 100%; height: 100%; transition: 0.3s all; }
.title-lind-b{ margin-bottom: 40px; }
.cp-slick li a:hover .cp-slick-img img{ transform: scale(1.1); }
/**************网站分类***************/
.fl-back{ background: #f2f2f2; }
.fl-box{ min-height: 70px; position: relative; padding-left: 280px; }
.fl-box-left{ position: absolute; left: 0; line-height: 70px; color: #1c1c1c; 
text-transform: uppercase;   padding-left: 20px; }
.fl-box-left:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; width: 4px; background: #cc0000; height: 16px; margin-top: -8px; }
.fl-box-list li{ float: left; width: auto; margin-right: 30px; line-height: 70px; }
.fl-box-list li a{ display: block; }
.fl-box-list li a.active ,.fl-box-list li a:hover{ color: #cc0000; position: relative; }
.fl-box-list li a.active:before,.fl-box-list li a:hover:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 15px; border-top: solid 1px #cc0000; }
.fl-lind{ border-top: solid 1px #ddd; }
.fl-left-box{ width: 230px; margin-top: 60px; }
.fl-left-tt{ font-size: 30px; color: #1b1b1b; font-weight: bold; }
.fl-nav li a{ display: block; line-height: 30px; margin-left: -10px; padding-left: 10px; font-size: 18px; color: #1b1b1b; position: relative; }
.fl-nav{ margin-top: 15px; display: block; }
.fl-nav li{ margin-bottom: 5px; }

.fl-nav li a.active,.fl-nav li a:hover{color: #fff; background: #cc0000;}
.fl-nav li a.active:before,.fl-nav li a:hover:before{ display: block; content: ""; position: absolute; right: 50px; top: 0; bottom: 0; width: 19px; background: url(../images/navi.png) center no-repeat; }
.fl-right{ width: 870px; margin-top: 60px; padding-bottom: 30px; }
.fl-right-tt{ position: relative; margin-bottom: 30px; }
.fl-right-tt:before{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: solid 1px #ddd; }
.fl-right-tt span{ position: relative; z-index: 10; font-size: 30px; padding:0 55px; background: #fff; }
.cp-slick-sm li{ float: left; width: 33.333333%; padding-bottom: 10px; }
/**********公司简介************/
.caae-width-lg{width: 100%; }
.caae-width-lg .case-width-img{ line-height: 120px; }
.about-one{ background: #f2f2f2; position: relative; padding:60px 0; margin-top: 60px; }
.about-left-jj{ width: 45%; }
.about-left-jj-tt{ font-size: 120px; color: #1c1c1c; margin-top: 20px; }
.about-left-jj-sm{ font-size: 60px; font-weight: bold; color: #1c1c1c; line-height: 70px; margin-top: 20px; }
.about-left-jj-p{ font-size: 24px; color:#1c1c1c; line-height: 35px;  }
.about-lind{ width: 80px; height: 2px; background: #cc0000; margin:50px 0 10px 0; }
.about-a-right{ width: 44%; }
.about-a-top{ position: relative; padding-right: 20px; }
.about-a-top img{ position: relative; z-index: 10; }
.about-a-top:before{ display: block; content: ""; position: absolute; top: -20px; right: 0; bottom: 20px; left: 20px; background: #1b1b1b; }
.about-a-top-b{ padding-left: 20px; padding-right: 0; margin-top: 20px; }
.about-a-top-b:before{ left: 0; right: 20px;top: 20px; bottom: -20px; }
.about-tow{ padding-top: 60px; }
.about-right-lg{ position: absolute; right: 0; top: 0; bottom: 0; width: 50%; }
.about-three{ min-height: 890px; }
.about-a-top-c:before{ top: 100px; }
.about-a-top-c{ max-width: 470px; margin-top: 110px; }
.about-a-bottom{ padding-bottom: 100px; padding-top: 35px; }
/************联系我们***********/
.contact01{ padding-left: 35px; background: url(../images/icon-contact01.png) left center no-repeat; }
.contact02{ padding-left: 35px; background: url(../images/icon-contact02.png) left center no-repeat; }
.contact03{ padding-left: 35px; background: url(../images/icon-contact03.png) left center no-repeat; }
.contact-sm{ display: inline-block; text-align: left; }
.list-banner-p.text-center{ text-align: center; }
.contact-left{ width: 60%; margin-top: 40px; margin-bottom: 60px; }
.contact-input{ width: 100%; font-size: 18px; margin-bottom: 20px; padding:0 30px; height: 60px; border-radius: 0; box-shadow: none; }
.contact-input-lg{ height: 360px!important; padding-top: 15px; }
.btn-contact{ text-transform: uppercase; font-weight: bold; font-size: 18px; margin-top: 20px; color: #fff!important; background: #cc0000; width: 280px; height: 60px; border-radius: 0; border:none; padding:0; }
.contact-right{ margin-top: 40px; width: 35%; }
.contact-title{ font-size: 60px; line-height: 60px; color: #1b1b1b; font-weight: bold; }
.title-lind-c{ width: 80px; height: 2px; background: #cc0000; margin:25px 0; }
.wt-list-p{ font-size: 18px; color: #1c1c1c; font-weight: bold; }
.wt-list-b{ font-size: 18px; color: #808080; margin-top: 10px; }
.wt-list li{ margin-bottom: 35px; }
/******************搜索成功*******************/
.search-tt-sm{ font-size: 18px; font-weight: bold; text-transform: uppercase;  color: #808080; margin-top: 55px; }
.search-tt{ font-size: 60px; color: #1c1c1c;  font-weight: bold;}
.search-ul li{ float: left; padding:15px 35px; transition: 0.3s all; margin: 45px 0; width: 33.333333%; }
.search-ul{ margin:0 -35px; }
.search-ul li:hover{     box-shadow: 0 15px 15px rgba(0,0,0,.1); }
.search-ul-img a{ display: block; overflow:hidden; position: relative; padding-top: 100%; }
.search-ul-img img{ position: absolute; left: 0%; top: 0; width: 100%; height: 100%; transition: 0.3s all; }
.search-ul-img a:hover img{ transform: scale(1.1,1.1); }
.search-ul-top{ font-size: 18px; color: #808080; position: relative; min-height: 18px; padding-right: 160px; }
.search-ul-top a{ color: #cc0000; position: absolute; right: 0; top: 0; font-size: 14px; font-weight: bold; padding-right: 40px; background: url(../images/more.png) right center no-repeat; }
.search-ul-tt{ font-size: 30px; font-weight: bold; color: #1b1b1b; margin-top: 10px; }
.search-ul-tt a{ color: #1b1b1b; }
.search-ul-a{ display: block; text-transform: uppercase;  font-size: 18px; color: #fff!important; background: #808080; line-height: 60px; text-align: center; margin-top: 10px; }
.search-container{ padding-bottom: 30px; }
.search-lind{ width: 80px; height: 2px; background: #cc0000; margin:25px 0 0 0; }
/************搜索失败****************/
.search-left{ width:40%; margin-top: 50px; }
.search-left-tt{ font-size: 60px; color: #808080; line-height: 85px; font-family: "Lato-Light"; }
.search-left-p p{ font-size: 30px; font-weight: bold; line-height: 50px; }
.search-left-p span{ padding-right: 30px; }
.search-left-p{ margin-top: 75px; }
.search-a{ font-size: 24px; text-transform: uppercase;  margin-top: 10px; color: #cc0000; border:solid 1px #cc0000; width: 280px; line-height: 58px; display: block; text-align: center; }
.search-right{ width: 55%; margin-top: 50px; }
.cp-slick-ss li{ float: left; width: 25%; }
/****************网站系列*******************/
.xl-lind{ border-top: solid 1px #ddd; }
.title span{ color: #cc0000; }
.about-a-top-d{ padding:0; }
.about-a-top-d:before{ display: none; }
.about-left-jj-b{ margin-top: 20px; }
.wz-bottom-left{ width: 33%; text-transform: uppercase;  font-size: 30px; color: #1b1b1b; padding-left: 40px; }
.wz-bottom-list{ margin-top: 120px; border-top: solid 1px #ddd; }
.wz-bottom-list li{ padding:50px 0; border-bottom: solid 1px #ddd; overflow: auto;}
.wz-list-right{ width: 67%; font-size: 24px; line-height: 35px; }
/***********新闻列表***********/
.list-banner-share{ text-align: right; max-width: 1080px; }
.list-banner-share a{ display: inline-block; margin-left:10px; }
.news-list li a{ display: block; padding:30px 40px; }
.news-list-right{ margin-left: 420px; padding-top: 25px; }
.news-ul-date{ font-size: 18px; color: #808080; }
.news-ul-tt{ font-size: 30px; color: #1c1c1c; }
.news-lind{ width: 80px; height: 2px; background: #cc0000; margin:25px 0 0 0; }
.news-ul-p{ font-size: 24px; color: #808080; line-height: 30px; margin-top: 20px; max-height: 90px; overflow:hidden; }
.news-list li:nth-child(even) a{ background: #f2f2f2; }
.news-list{ maragin-top: 40px; }
.news-container{ padding-bottom: 40px; }
.news-container .pagination{ margin-top: 50px; }
.news-list-img img{ width: 370px; height: 240px; }
/**************新闻详情页****************/
.news-article-tt{ font-size: 60px; }
.article-lind{ width: 80px; height: 2px; background: #cc0000; margin:60px auto 25px auto; }
.article-date a{ float: right; }
.article-date{ font-size: 18px; color: #808080; line-height: 45px; margin-top: 15px; }
.article-txt p{ font-size: 24px; color: #808080; }
.article-txt{ margin-top: 40px; }
.article-txt h2{ font-size: 24px; margin:20px 0; }
.actie-width{ margin:0 auto; max-width: 800px; }

.slick-slide{ outline: none!important; }
.shop-more:hover,.footer-ul li a:hover,.tow-box-left a:hover .tow-box-tt,.cp-list li a:hover .cp-list-tt,.search-ul-tt a:hover{     color: #cc0000; }
.about-a:hover{ background: #cc0000; color: #fff; }
.dy-box a:hover{ color: #fff; }
.search-box{ cursor: pointer; }
.cp-slick li a:hover .case-shop-tt{ color: #cc0000; }
.cp-shop:hover,.search-ul-a:hover,.search-a:hover{ background: #cc0000; color: #fff; }
.btn-contact:hover{ background: #fff; color: #cc0000!important; border:solid 1px #cc0000; }
.search-ul-top a:hover{ text-decoration: underline!important; }
.case-shop li a:hover .case-shop-tt{ color: #cc0000; }
.page-wz .pagination{ margin:0 0 50px 0; }
.news-list li a:hover .news-ul-tt{ color: #cc0000; }
.news-list li a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.15); z-index: 10; position: relative; }
.bottom-right{ position: absolute; right: 0; bottom: 0; top: 0; width: 50%; background: url(../images/bottom-right.png) center no-repeat; background-size: cover; }
.bottom-left-hover{ position: absolute; left: 0; bottom: 0; top: 0; width: 50%; background: url(../images/bottom-left.png) center no-repeat; background-size: cover; }
.search-click-phone{ display: none; }
.banner-center{ position: absolute; padding-bottom: 30px; padding-top: 37px; transform: translate(0,-50%); left: 0; right: 0; top: 50%; background: rgba(0,0,0,0.55); }
.banner-center-tt{ font-size: 72px; color: #fff; text-transform: uppercase;  }
.banenr-center-p{ font-size: 24px; color: #fffefe; text-transform: uppercase; font-family: "Lato-Light";  }
.banner-span{ font-size: 24px; margin-top: 30px; color: #1b1b1b; background: #fff;  text-transform: uppercase; width: 280px; height: 60px; line-height: 60px; display: inline-block; font-weight: bold; }
.hover-img{ display: none!important; }
.shop-ul li a:hover img{ display: none; }
.shop-ul li a:hover .hover-img{ display: block!important; }









@media( max-width: 1279px){
	.container{ width: 970px; }
	.nav-list li{ padding:0 5px; }
	.logo{ width: 150px; }
	.nav-list li a.nav-a{ font-size: 13px; }
	.search-box span{ padding-right: 40px; }
	.search-box{ width: 105px; }
	.tow-box{ width: 940px; }
	.tow-box-left{ width: 382px; }
	.tow-box-right{ width: 538px; }
	.cp-list li{ padding:0 10px; padding-bottom: 20px; }

	.down-ul{ margin-left: 695px; }

	.about-title{ font-size: 60px; }
	.about-p{ font-size: 18px; }
	.footer-left{ width: 20%; margin:0; }
	.footer-right{ width: 20%; }
	.footer-link a{ margin-bottom: 10px; }
	.cp-right-tt{ font-size: 48px; }
	.cp-shop{ width: 270px; }
	.cp-right{ padding-top: 60px; }
	.fl-right{ width: 670px; }
  .about-img img{ width: 150px; }
  .about-right{ width: 400px; }
  .about-right-l{ width: 230px; }
}
@media( max-width: 991px){
	.container{ width: 100%; }
	.logo{ height: 50px; line-height: 50px; position: relative; z-index: 100000; }
	.nav-list{ position: fixed; z-index: 10000; display: none; left: 0; top: 50px; max-height: calc(100vh - 50px); overflow-y: auto; right: 0; background: #1b1b1b; border-top: solid 1px #fff; }
	.nav-list li{ float: none; position: relative; padding:0; }
	.nav-list li a.nav-a{ height: auto; line-height: 1; padding:10px 15px; font-size: 14px; }
	.nav-list li a:before{ display: none!important; }
    .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 li:hover .nav-down{ display: none; }
    .nav-down{ position: static; padding:0; }
	.nav-list li.active .nav-down{display:block!important}
	.nav-list li.active .nav-click{transform: rotate(180deg);}
    .tow-box-left-img{ position: relative; padding-top: 100%; height: auto; }
    .tow-box-left-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .tow-box-left{ width: 100%; padding:0; }
    .tow-box-left a{ height: auto; margin:5px; text-align: left; }

    .tow-box-right{ width: 100%; }
    .tow-box{ width: 100%; }
    .cp-list li{ width: 50%; padding:0; float: left; }
    .cp-list-img{ position: relative; padding-top: 100%; height: auto; }
    .cp-list-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%!important; }
    .cp-list li a{ height: auto; margin:5px; }

    .cp-list{ margin:0; }
    .down-ul{ margin:0; }
    .down-ul li{ margin:0; padding:0; }
    .down-ul li a{  padding:10px 15px; display: block; }
    .search-box span{ text-indent: -9999px; height: 50px; line-height: 50px; padding-left: 0; width: 28px; padding-right: 0; }
    .search-box{ height: 50px; line-height: 50px; width: 50px; margin-right: 50px; }
    .header{ height: 50px; }
    .menu-button{ display: block; }
    .title{ font-size: 22px; margin-bottom: 30px; line-height: 25px; padding-top: 25px; margin-top: 30px; }
    .shop-ul li{ width: 33.333333%; margin-bottom: 20px; }
    .shop-ul-name{ font-size: 15px; }
    .title-lind a{ width: auto; padding:0 15px; line-height: 45px; }
    .title-lind{ margin-top: 20px; }
    .about-left{ position: static; background: url(../images/bottom-left.png) center no-repeat; padding:30px 0; width: 100%; margin-bottom: 20px; transform: translate(0,0); }
    .about-title{ font-size: 24px; line-height: 30px; height: auto; }
    .about-p{ font-size: 16px; line-height: 20px; }
    .about-right{ width: 100%; }
    .about-right-l{ width: 55%; }
    .about-right-tt{ font-size: 18px; text-align: left; font-size: 14px; padding-bottom: 5px; }
    .about-right-p{ font-size: 14px; line-height: 15px; margin-top: 5px; }
    .about-img{ width: 42%; text-align: center; margin-top: 10px; }
    .about-right-tt:before{ left: 0; margin-left: 0px; width: 30px; height: 1px; }
    .bottom{ padding:0 0 5px 0; margin-top: 30px; }
    .bottom:before{ display: none; }
    .about-right-box{ margin-bottom: 15px; padding:0; }
    .f-img{ text-align: center; margin-top: 10px; }
    .f-img a{ margin:0 3px; }
    .footer-left,.footer-right{ width: 100%; float: none!important; }
    .footer-ul{ margin-top: 0; display: none; }
    .open .footer-ul{ display: block; }
    .footer-left{ margin-bottom: 15px; }
    .footer-tt{ position: relative; margin-bottom: 10px; }
    .footer-tt span{ position: absolute; display: block; right: 0; top: 7px; }
    .open .footer-tt span{ transform: rotate(180deg); }
    .dropdown-backdrop{ display: none!important; }
    .footer-logo img{ width: 200px; }
    .footer-logo{ text-align: center; }
    .footer-link a{ margin:0 2px; }
    .footer{ padding:20px 0; }
    body{ padding-top: 50px; }
    .case-shop li{ width: 50%; }
    .list-banner-tt{ font-size: 24px; }
    .list-banner-p{ font-size: 14px; line-height: 25px; margin-top: 10px; }
    .list-banner{ padding:20px 0; }
    .cp-top{ width: 100%; margin-top: 20px; }
    .cp-left{ width: 100%; }
    .cp-right{ width: 100%; padding-top: 20px; }
    .cp-right-top{ font-size: 18px; }
    .cp-right-tt{ font-size: 24px; }
    .cp-txt{ font-size: 14px; line-height: 25px; min-height: 1px; }
    .cp-lind{ margin-top: 20px; }
    .cp-shop{ width: 150px; line-height: 48px; font-size: 16px; }
    .cp-link-a a{ margin-left: 5px; line-height: 50px; }
    .table > thead > tr > th{ font-size: 16px; padding:8px 15px; }
    .table > tbody > tr > td{ font-size: 14px; padding:8px 15px; }
    .table-width{ margin-top: 30px; }
    .list-banner{ height: auto; }
    .fl-box-left{ position: relative; line-height: 30px; }
    .fl-box{ padding:5px 0; }
    .fl-box-list li{ line-height: 50px; margin-right: 20px; }
    .fl-left-box{ width: 100%; }
    .fl-right{ width: 100%; }
    .about-left-jj-tt{ font-size: 80px; }
    .about-left-jj-sm{ font-size: 36px; line-height: 45px; }
    .about-left-jj-p{ font-size: 18px; }
    .about-three{ min-height: 600px; }
    .search-ul li{ width: 50%; }
    .search-left{ width: 100%; margin-top: 20px; }
    .search-left-tt{ font-size: 24px; line-height: 30px; }
    .search-left-p p{ font-size: 16px; }
    .search-left-p span{ padding-right: 10px; }
    .search-left-p p img{ width: 30px; display: none; }
    .search-left-p{ margin-top: 20px; }
    .search-a{ font-size: 18px; width: 180px; line-height: 40px; }
    .search-right{ width: 100%; margin-top: 20px; }
    .news-list-img img{ width: 185px; height: 120px; }
    .news-list li a{ padding:15px; }
    .news-list-right{ margin-left: 200px; padding-top: 0; }
    .news-ul-tt{ font-size: 18px; }
    .news-ul-date{ font-size: 14px; }
    .news-ul-p{ font-size: 14px; line-height: 25px; height: 50px; margin-top: 10px; }
    .news-lind{ margin-top: 15px; }

    .page-wz .pagination{ margin:0 0 20px 0; }

    .bottom-right,.bottom-left-hover,.left-hover-right{ position: static; width: 100%; }
  .left-hover-right{ display: block; }
  .left-hover-right:before{ display: none; }
  .about-left{ margin-bottom: 0; padding:65px 0 70px 0; }
  .about-right-box{ float: left; width: 50%; }
  .about-right{ padding:20px 15px 0 15px; width: auto; margin:0 -15px; background: #313131; }
  .bottom{ height: auto; padding:0; }
  .f-img{ text-align: left; }
  .f-img a{ margin:0 3px 0 0; }
  .f-img img{ width: 28px; }
  .search-box{ display: none; }
  .search-click-phone{ display: block; }
  .tow-box-tt, .cp-list-tt{ text-align: center; }
  .about-a{ font-size: 16px; margin-top: 25px; width: 140px; height: 30px; line-height: 30px; font-weight: bold; }
  .bottom-b{ margin-top: 0; }
  .bottom-b .about-left{background: url(../images/bottom-right.png) center no-repeat;
    background-size: cover;}
    .bottom-b .about-right{ background: #e6e6e6; }
	}
	@media( max-width: 768px){
		.case-shop li{ padding:0 8px; margin-bottom: 10px; }
		.case-shop{ margin:0 -8px; }
.fl-box-list li a.active:before, .fl-box-list li a:hover:before{ bottom: 0; }
.fl-nav li a.active:before{ right: 5px; background: url(../images/raw-b.png) center no-repeat; }
		.caae-width .col-xs-3{ width: 50%; }
		.case-width-img{ line-height: 50px; }
		.case-width-img img{ height: 50px; }
		.case-width-tt{ font-size: 14px; margin-top: 10px; margin-bottom: 15px; }
		.cp-slick-sm li{ width: 50%; }
		.fl-left-box{ margin-top: 10px; }
		.fl-left-tt{ font-size: 24px; }
		.fl-right-tt span{ font-size: 24px; padding:0 20px; }
		.fl-right{ margin-top: 15px; }
		.caae-width-lg .case-width-img{ line-height: 50px; }
		.about-left-jj{ width: 100%; float: none!important; }
		.about-left-jj-tt{ font-size: 60px; margin-top: 0; }
		.about-left-jj-sm{ font-size: 36px; line-height: 40px; margin-top: 10px; }
		.about-left-jj-p{ font-size: 15px; line-height: 25px; }
		.about-lind{ margin:35px 0 15px 0; width: 30px; height: 1px; }
		.about-a-right{ width: 100%; margin-top: 20px; }
		.about-a-top{ margin-bottom: 10px; padding:10px 10px 0 0; width: 100%; }
    .about-a-top-b{ padding:0 0 10px 10px; }
		.about-a-top:before{ top: 0; right: 0; }
    .about-a-top-b:before{ left: 0; bottom: 0; top: 10px; right: 10px; }
		.about-a-top-b{ margin:0; }
		.about-one{ margin-top: 30px; padding:20px 0 45px 0; }
		.about-tow{ padding-top: 30px; }
		.about-right-lg{ position: static; padding-top: 120%; width: auto; margin-left:-15px; margin-right: -15px; margin-top: 15px; }
		.about-a-top-c{ max-width: 100%; margin-top: 0px; width: 100%; }
		.contact-left{ width: 100%; margin-top: 20px; margin-bottom: 30px; }
		.contact-input{ height: 40px; padding-left: 15px; font-size: 14px; margin-bottom: 10px; }
		.contact-input-lg{ height: 160px!important; padding-top: 6px; }
		.contact-right{ width: 100%; margin-top: 0; }
		.contact-title{ font-size: 36px; line-height: 36px; }
		.wt-list-p,.wt-list-b{ font-size: 16px; }
		.wt-list li{ margin-bottom: 20px; }
		.btn-contact{ width: 200px; height: 50px; line-height: 50px; }
		.search-ul li{ margin:20px 0 0 0; padding:0 10px; }
		.search-ul{ margin:0 -10px; }
		.search-tt-sm{ font-size: 16px; margin-top: 20px; }
		.search-tt{ font-size: 36px; }
		.search-ul-top{ padding-right: 0; font-size: 16px; }
		.search-ul-top a{ left: 0; right: auto; bottom: 0; top: auto; }
		.search-ul-tt{ font-size: 18px; }
		.search-ul-a{ font-size: 16px; line-height: 45px; }
		.search-ul-a span{ display: none; }
		.search-container{ padding-bottom: 10px; }
		.search-lind{ margin-top: 10px; }
		.cp-slick-ss li{ width: 50%; }
		.about-a-top-d{ width: 100%; text-align: center; }
		.wz-bottom-left{ width: 100%; font-size: 24px; padding-left: 0; }
		.wz-bottom-list{ margin-top: 30px; }
		.wz-bottom-list li{ padding:20px 0; }
		.wz-list-right{ width: 100%; font-size: 14px; line-height: 25px; margin-top: 10px; }
    .news-list-right{ margin-left: 110px; padding-top: 0; }
    .news-ul-tt{ font-size: 16px; }
    .news-ul-date{ font-size: 12px; }
    .news-ul-p{ font-size: 12px; line-height: 20px; height: 40px; margin-top: 5px; }
    .news-lind{ margin-top: 5px; }
.news-list-img img {
    width: 93px;
    height: 93px;
}
.news-list{ margin-top: 20px; }
.news-container{ padding-bottom: 0; }
.news-container .pagination{ margin-top: 20px; }
.news-article-tt{ font-size: 24px; }
.article-date{ font-size: 14px; line-height: 30px; }
.article-date img{ height: 30px; }
.article-txt p{ font-size: 14px; line-height: 25px; }
.article-txt h2{ font-size: 14px; margin:10px 0; }
.address{ margin-top: 10px; }
.shop-ul-tt{ font-size: 24px; margin-top: 15px; padding-bottom: 10px; }
.shop-ul-p{ font-size: 14px; line-height: 25px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;  }
.shop-list-img{ margin-top: 10px; }
.shop-ul-list li{ padding:0 10px; }
.shop-ul-list{ margin:0 -10px; }
.shop-more{ margin-top: 15px; }
.about-a-bottom{ padding-bottom: 30px; padding-top: 10px; }
.search-close{ right: 0; }
.about-right-box{ width: 100%; }
.about-img img{ width: 100%; }

.fl-phone{ overflow-y: auto; }
.fl-nav{ display: flex; }

.fl-nav li a{ padding-right: 30px; padding-left: 10px; margin:0; }
.fl-nav li{ padding-right: 5px; }
.fl-nav li a:hover:before, .fl-nav li.active a:before{ right: 5px; }
.cp-right-tt,.cp-right-top{ text-align: center; }
.cp-lind{ margin-left: auto; margin-right: auto; }
.search-back{ z-index: 10000; }
.banner-center-tt{ font-size: 36px; }
.banenr-center-p{ font-size: 12px; }
.banner-span{ font-size: 16px; margin-top: 15px; width: 140px; height: 30px; line-height: 30px; }
.banner-center{ padding:20px 0; }
.banner a{ height: 375px; }
      .swiper-slide {
        width: auto!important;
      }
}

.slick-slider{ touch-action: auto!important; }

/***********新增************/
.banner .slick-dots{ bottom: 30px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; }
.banner .slick-dots li button{ background: #fff; }
.banner .slick-dots li.slick-active button{ background: #8d0d0d; }
.shop-ul-list .slick-prev,.cp-slick .slick-prev{ width: 15px; height: 14px; background: url(../images/page-left1.png) center no-repeat; z-index: 10; }
.shop-ul-list .slick-next,.cp-slick .slick-next{ width: 15px; height: 14px; background: url(../images/page-right1.png) center no-repeat; z-index: 10; }

	.pagination li a .img2{ display:none
	}
	.pagination li a:hover .img1{ display:none
	}
	.pagination li a:hover .img2{ display:inline
	}