@charset "utf-8";
/* CSS Document */

body, button, input, select, textarea a{ font-size:14px; line-height:24px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, iframe, button, textarea, p, blockquote, th, td, img{ margin: 0;  padding: 0;}
html{color:#333333;margin:0px auto;padding:0px;OVERFLOW-X: hidden; }
fieldset, img, iframe, button{ border:0; text-decoration:none;}
/**:focus { outline: 0;}*/
ol, ul { list-style: none;}
table {  }
caption, { text-align: left;}
header, footer, article, section, nav{display: block;}
a {outline: none; /* for Forefox */ cursor:pointer; text-decoration: none; }
a { /* for Ie*/ }
input{ outline:none; }
em{ font-style:normal;}
input,select,img{ vertical-align:middle;}
textarea{ outline: none; resize:none;}
h1,h2,h3,h4,h5,h6,.fs14 { font-weight:normal;} 
a img{border: none;}
i{ font-style:normal;}
a{ color: #666; }
.fl{float:left}
.fr{float:right}
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.clearfix{zoom:1;}
.g-w{width:100%; min-width:1200px; margin:0 auto; height:auto;}
.g-box{ width:1200px; height:auto; margin:0 auto;}


/*top*/

.top{ width:100%; height:100px; background:#fff;}
.logo{ width:360px; height:100px; padding:10px 0;}
.logo img{ width:160px; height:90px;}

/*nav*/
.nav-con{ width:742px; height:50px; padding:25px 0;}
.nav{height:50px; line-height:90px;  position:relative; z-index:1;}
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 21px; font-size:16px; color:#333;}
.nav .sub{ display:none; width:110px; left:0; top:60px;  position:absolute; background:#fff; border:1px #ddd solid;  line-height:36px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; text-align:center;}
.nav .sub a:hover{ color:#000;}
.nav .on h3 a{ }

/*banner*/
.focusBox { position: relative; width:100%; height:700px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0;height:100% !important; width:100% !important;  }
.focusBox .pic li{  height:100% !important; width:100% !important; }
.focusBox .prev,.focusBox .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:50%; margin-top:-50px; left:20px;  background:url(../images/icons.png) 0 0 no-repeat; cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;  }
.focusBox .next{ left:auto; right:30px; background-position:-51px 0; }
.focusBox .prev:hover,
.focusBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.focusBox .hd { position: absolute; left:47.5%; bottom:40px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{display: inline-block;width: 12px;height: 12px;border-radius:50px;background:#eee;margin: 0 10px !important;opacity: 1;cursor: pointer;}
.focusBox .hd .on{ background:#c30d23;}

/*首页简介*/

.index-about{ height: 640px; padding-top:60px;background: url(../images/.png) center bottom no-repeat; min-width: 1200px;}
.index-about .bd{ width: }
.index-about .bd>ul li{ height: 443px; background-position: right bottom; background-repeat: no-repeat;}
.index-about .bd>ul li .fl{margin-left:0px; width: 645px; height: 352px;} 
.index-about .bd>ul li .fl .con{ padding:42px 0 0 0px; font-size: 15px; color: #696969; line-height:32px;}
.index-about .bd>ul li .fl .con p{ margin-top:15px;}
.index-about .bd>ul li .fl .con h2{ margin-top:30px; font-size:24px; font-weight: bold;}
.index-about .bd>ul li .fl .con i {width:70px;height: 4px;background: #c30d23;display: block;margin: 15px 0;}
.index-about .bd>ul li .fr{background-image: url(../images/.png);} 
.index-about .bd>ul li .fr img{width:500px;height:360px;margin-top:30px;} 

.about_more {display: block; width: 121px; height: 41px; box-sizing: border-box; border: 2px solid #c30d23; position: relative; transition: all 0.3s; margin-top:40px;}
.about_more span {display: block; width: 100px; height: 40px;position: relative;padding-left:14px;padding-top:3px;}
.about_more:hover {background:#e40006; border: 1px solid #e40006;}
.about_more:hover span {color: #ffffff;}

.index-about .bd>ul li .fl .con .line{margin: 23px 0; height: 14px; background: url(../images/about-line.png) center center no-repeat;}
.index-about .hd {font-size: 0;border-radius: 4px;overflow: hidden;}
.index-about .hd  li a{ position: relative; display: inline-block;width: 300px; height: 142px; float:left;}
.index-about .hd  li .arrow{display: none; position: absolute; top: 0;left: 170px;background: url(../images/about-arrow.png); width: 23px; height: 10px;}
.index-about .hd  li p{background-position: left top; background-repeat: no-repeat; width: 100px; height: 54px; margin: auto;padding-left:60px;position: absolute;left:70px;top: 42px; font-size: 22px; color: #000; line-height: 1}
.index-about .hd  li p span{ display: block; font-size: 14px;line-height: 2 }
.index-about .hd  li.li1 p{ background-image:url(../images/i1.png); }
.index-about .hd  li.li2 p{width: 112px; background-image:url(../images/ic2.png); color:#fff;}
.index-about .hd  li.li3 p{ background-image:url(../images/i3.png); }
.index-about .hd  li.li4 p{ background-image:url(../images/ic4.png); color:#fff;}
.index-about .hd  li.li1 a{ background: url(../images/abb-bgg.jpg);}
.index-about .hd  li.li2 a{ background: url(../images/about-img.jpg);}
.index-about .hd  li.li3 a{ background: url(../images/abb-bgg.jpg);}
.index-about .hd  li.li4 a{ background: url(../images/about-img.jpg); }

.section-title {text-align: center;font-size: 32px;padding-bottom: 32px;margin-bottom: 30px;margin-top:60px;}
.section-title span{ color:#d7000f;}
.section-title small {display: block;font-size: 16px;color: #666; margin-top:20px;}

/*首页产品*/
.row-a1{ position:relative;padding:70px 0; background-image: url(../images/pro-bg.jpg);height:620px;}
.m-imgtxt01{position: relative;}
.m-imgtxt01 .slider{padding:0px 0 70px;margin-top:-20px;}
.m-imgtxt01 .slick-list{padding:10px 0;}
.m-imgtxt01 .item a{display: block;margin: 0 10px;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.m-imgtxt01 .item:hover a{box-shadow: 0 0 22px rgba(0,0,0,0.28);}
.m-imgtxt01 .item .pic{position: relative;height: 0;overflow: hidden;padding-top:120%;}
.m-imgtxt01 .item .pic img{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.m-imgtxt01 .item .txt{padding:10px 15px;background-color: #fff;border: 1px solid #eee;}
.m-imgtxt01 .item:hover .txt{background-color:#e40006;border: 1px solid #e40006;}
.m-imgtxt01 .item .txt h3{margin-bottom: 10px;height: 30px;line-height: 30px;font-size: 16px;font-weight: 400;color:#e40006;background-repeat: no-repeat;background-position: right center;background-image: url(../images/.png);-ms-text-overflow: ellipsis;
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.m-imgtxt01 .item:hover .txt h3{color: #fff;background-image: url(../images/.png);}
.m-imgtxt01 .item .txt p{font-size: 14px;color: #999;height: 36px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;transition: .5s;-ms-transition: .5s;
-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.m-imgtxt01 .item:hover .txt p{color: #fff;}
.m-imgtxt01 .slick-arrow{position: absolute;bottom: 0;overflow: hidden;cursor: pointer;width: 40px;height: 40px;font-size: 0;line-height: 0;z-index: 9; background-repeat: no-repeat;background-position: center center;-o-background-size: auto 30px;-ms-background-size: auto 30px;-moz-background-size: auto 30px;-webkit-background-size: auto 30px;background-size: auto 30px;background-color: transparent;border: 0;outline: 0;padding: 0;}
.m-imgtxt01 .slick-prev{left: 44%;background-image: url(../images/icon19.png);background-position: left center;}
.m-imgtxt01 .slick-prev:hover{background-image: url(../images/icon19-hover.png);}
.m-imgtxt01 .slick-next{right: 44%;background-image: url(../images/icon19.png);background-position: right center;}
.m-imgtxt01 .slick-next:hover{background-image: url(../images/icon19-hover.png);}
.m-imgtxt01 a.more{position: absolute;bottom: 0;left: 50%;margin-left: -20px;display: block;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center center;background-image: url(../images/icon15.png);
transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.m-imgtxt01 a.more:hover{background-image: url(../images/icon15-hover.png);}
.row-a1::after{width: 192px;height: 392px;background: url('../images/addas.png')no-repeat 0 0;content: '';position: absolute;left: 0px;top:0px;;z-index: -1;background-size: 100% 100%;}
.row-a1::before{width: 88px;height: 155px;background: url('../images/addas1.jpg')no-repeat 0 0;content: '';position: absolute;right: 0px;bottom:0px;;z-index: -1;background-size: 100% 100%;}







/*首页案例*/
#pic_list_1 {position: relative;background-color: #fff;}
.fashion{background: url(../images/ca-bg.jpg) no-repeat center;}
.fashion-inner {width: 70%;height:620px;top:100px;}
.fashion-list{width: 100%;height: 400px;overflow: hidden;text-align: center;font-size: 0;}
.fashion-list .list {overflow: hidden;margin:auto;display: flex;}
.fashion-list .list img{width:310px;height:400px;}
.fashion-list li {position: relative;width: 310px;overflow: hidden; padding: 10px 10px;-webkit-filter: grayscale(0.4);filter: gray;transition: all 1s;text-align: center;}
.fashion-list li:hover {-webkit-filter: grayscale(0);}
.fashion-list li .txt {position: absolute; width: 310px;top: 200px;left:10px;transition: all 0.5s;}
.fashion-list li .txt .cn {font-size: 20px;color: #fff;}
.fashion-list li .txt .en {font-size: 14px;color: #fff;text-transform: uppercase;}
.fashion-list li .txt { height:55px;background: rgba(254,0,0,.7);position: absolute;left: 10px;top: 300px;padding:15px 0;box-sizing: border-box;}


/*  优势  */
.advan {min-width: 1200px; height: 700px; background: url(../images/ad-bg.jpg) no-repeat; background-position: center 0;}
.advan_c {width: 1000px; height: 579px; position: relative;margin-left:300px;}
.advan_bt{height:100px;position:relative;display: block;z-index: 990;}
.advan_bt p{position: absolute; top: 140px; left: -30px;font-size: 26px;color:#222222;}
.advan_bt p .ad_yi{height:80px;width:30px;background-color: #D7000F;position: absolute; top: -24px; left: -50px;}
.advan_bt p .ad_er{position: absolute; top:32px; left: 0px;font-size: 10px;color:#222222;width:200px;}
.advan_h3 {display: block; font-size: 24px;color: #e40006;  margin-top: 10px;text-align: center;}
.advan_t_p {display: block; width: 340px; margin-top: 20px; margin-left:30px;font-size: 14px; color: #fff; line-height: 28px;text-align: center;}
.advan_b_p {display: block; width: 340px; margin-top: 20px; margin-left:30px;font-size: 14px; color: #fff; line-height: 28px;text-align: center;}
.advan_one {height:160px;width:400px;position: absolute; top: 230px; left: 60px;background: url(../images/about-di.png) no-repeat;text-align: center;}
.advan_two {height:200px;width:400px;position: absolute; top: 160px; right: -20px;background: url(../images/about-d23.png) no-repeat;text-align: center;}
.advan_thr {height:180px;width:400px;position: absolute; top: 400px; left: 60px;background: url(../images/about-d23.png) no-repeat;text-align: center;}
.advan_four {height:180px;width:400px;position: absolute; top: 370px; right: -20px;background: url(../images/about-d23.png) no-repeat;text-align: center;}
.advan_dbg span{position: absolute; height:3px;width:260px;top: 630px; left: 900px;/*background-color: #D7000F;*/z-index:990;}

/*  加盟  */
.join {min-width: 1200px; height: 500px; background: url(../images/ad_bg.jpg) no-repeat; background-position: center 0;}
.join-left{float:left;width:40%;height:300px;color:#fff;}
.join-left img{width:500px;margin-left:40%;height:300px;margin-top:60px;}
.join-left h1{position:absolute;margin-top:-240px;margin-left:20%;}
.join-left h5{position:absolute;margin-top:-180px;margin-left:18%;width:23%;color:#E5E5E5}
.join-left h2{width:80px;height:2px;background-color:#C92B2F ;position:absolute;margin-top:-80px;margin-left:19%;}
.join-left h6{position:absolute;margin-top:-100px;margin-left:19%;width:22%;color:#E5E5E5}
.join-right{float:right;width:30%;height:300px;color:#fff;font-size:15px;margin-top:160px;text-align: center;margin-right:20%;}
.join-rigt h1{position:absolute;color:#C92B2F !important;}
.join-right big{position:absolute;color:#E5E5E5}
/*首页新闻*/

.ind-news{ padding:60px 0; background:#f7f7f7;}
.ind-news .comm_titlech,.ind-news .comm_titleen{text-align: center;}
.ind-news .comm_titlech{font-size:36px;color:#333;padding:18px 0 18px 0}
.ind-news .comm_titlech span{color:#c92b2f;}
.ind-news .comm_titleen{font-size:18px;color:#555;text-transform: uppercase;}
.ind-news .inner{ margin-top:50px;margin-left:18%;}
.ul-imgtxt03{display: block;margin:auto;}
.ul-imgtxt03 li{float: left;width: 24%; margin:0 1%; background:#fff; box-shadow: 0 8px 16px rgba(0,0,0,.1);}
.ul-imgtxt03 li a{display: block;margin:18px 18px 0 18px;}
.ul-imgtxt03 li .pic{overflow: hidden;position: relative;}
.ul-imgtxt03 li .pic img{display: block;width:350px; height:220px; margin: auto;}
.ul-imgtxt03 li .txt{padding: 20px 0;}
.ul-imgtxt03 li .txt .tit{padding-bottom: 20px;position: relative;border-bottom: 1px solid #ccc;}
.ul-imgtxt03 li:hover .txt .tit{border-bottom: 1px solid #fff;}
.ul-imgtxt03 li .txt .tit:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;
-webkit-transition: .3s;-o-transition: .3s;}
.ul-imgtxt03 li:hover .txt .tit:after{width: 100%;background-color:#c92b2f;}
.ul-imgtxt03 li .txt .tit h3{margin-bottom: 15px;font-size: 16px;font-weight: 400;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ul-imgtxt03 li:hover .txt .tit h3{color:#c92b2f;}
.ul-imgtxt03 li .txt .tit span{font-size: 12px;color: #666;}
.ul-imgtxt03 li .txt p{margin: 20px 0;font-size: 12px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


.ind-news .more{ background: url(../images/ico3.png) no-repeat 105px center #f0f0f0; line-height:50px; padding-left:52px;border:solid 1px #e6e6e6; border-radius:30px; width:115px;position:relative;height:50px; margin-top:30px;margin-left:46%;}
.ind-news .more a{ color:#808080}

/*  页脚  */
.footer {width: 100%;background: #333;height: 76px;position: relative; }
.footer .wp {position: relative; }
.footer .footer-list {font-size: 0;text-align: center; }
.footer .footer-list li {line-height: 76px;height: 76px;display: inline-block;vertical-align: top;position: relative;margin: 0 26px; }
.footer .footer-list li a {height: 76px;font-size: 13px;color: #868686; }
.footer .footer-list li a:hover {color: #FFF; }
.footer .footer-list li:after {content: "";position: absolute;left: -26px;top: 50%;margin-top: -4.5px;width: 5px;height: 9px;background-image: url(../images/icon-5.png);background-repeat: no-repeat; }
.footer .footer-list li:first-child:after {display: none; }


.footer .btn-back {display: block;position: absolute;right: 0;top: 50%;margin-top: -19px;width: 88px;height: 38px;background-color: #444;background-image: url(../images/icon-6.png);
background-repeat: no-repeat;background-position: center center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease; }
.footer .btn-back:hover {background-position: center 2px; }
.footer .btn-back:after {content: "";left: 0;bottom: -1px;width: 15px;height: 1px;background:#c30d23;position: absolute; }
.footer .btn-back:before {content: "";right: 0;bottom: -1px;width: 70px;height: 1px;background: rgba(255, 255, 255, 0.3);position: absolute; }
.footer .btn-back-home {display: block;position: absolute;top: 0;left: -360px;width: 482px; height: 100%;background: #444; }
.footer .btn-back-home img {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;position: absolute;right: 47px;top: 27px; }
.footer .btn-back-home:hover img {-webkit-transform: translate(10px, 0);-moz-transform: translate(10px, 0);-ms-transform: translate(10px, 0);transform: translate(10px, 0); }
.foot {width: 100%;height:180px;background:#3b3b3b;text-align: center; }
.foot .telephone {font-size: 35px;color: #bbb;margin-bottom: 20px;padding-top: 38px;font-family: "Arial"; }
.foot .telephone img {margin-right: 5px; }
.foot .p {color: #868686;font-size: 13px;margin-bottom: 18px;text-transform: Uppercase; }
.foot .p a {color: #868686;font-size: 13px; }