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

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; font-size:16px;overflow-x:hidden; color:#666;}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#666}
a:hover{color:#ffaf42}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#1f35be}
.col02{color:#b63238}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
video:focus{ outline:none}


.wrap{margin:0 auto;width:80%;}
.header{position: fixed;top: 0;left: 0;z-index:100;width: 100%;text-align: center;-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.header .wrap{ width:94%}
.header-scroll{ box-shadow:0 0 15px rgba(0,0,0,.15); background:#fff}
.logo{ display:flex; display:-webkit-flex; align-items:center; height:100px;padding-top: 20px;position:relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.logo img{ display:block; height:65px}
.logo .ico_1{ display:block}
.logo .ico_2{ display:none}

.menu{ position:absolute; left:50%;top:0; -moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.menu>ul>li{ float:left; font-size:18px; margin:0 30px;position:relative;white-space: nowrap;}
.menu>ul>li:nth-child(2)>a,.menu>ul>li:nth-child(3)>a{ padding-right:20px;}
.menu>ul>li>a{ display:block; color:#fff;line-height:80px; padding-top:20px;position:relative}
.menu>ul>li>a i{ position:absolute; width:6px; height:6px;right:0;top:52px;}
.menu>ul>li>a i:after{ content:"";width:6px; height:6px; display:block; border-right:1px solid #fff;border-bottom:1px solid #fff; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); }
.menu .sub{ position:absolute;left: 50%;top: 100%; min-width: 100%;text-align: center;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); display:none}
.menu .sub a{ display:block; background:#fff; border-bottom:1px solid #ddd;font-size: 15px;color:#666; line-height: 20px; padding: 12px 20px; word-break: keep-all; white-space: nowrap;}
.menu .sub a:hover{color:#fff;background: -webkit-linear-gradient(left, #ffaf42 , #ff798f); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ffaf42, #ff798f); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ffaf42, #ff798f); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ffaf42 , #ff798f)}
.menu>ul>li>a i{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.menu>ul>li:hover>a i{ -webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg);top:55px}
.menu>ul>li:hover>a{color:#f99a1c}

.search{ position:relative;}
.search-btn{ display:block;width:35px;height:80px;background:url(../images/search-btn.png) no-repeat center;cursor:pointer; margin-right:10px;}

.search-alert{height:100%;position: absolute;right:30px;top:0;z-index: 50;background: #fff;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);transition:.3s; -webkit-transition:.3s; display:flex; display:-webkit-flex;align-items:center}
.search-alert-show{overflow:visible;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.search-alert form {position: relative; width:100%; border:1px solid #e8e8e8;line-height:35px; height:35px;}
.search-alert input[type=text]{border:0;height:100%; width:240px;color: #555;background:#fff;padding-left:10px; padding-right:40px; display:block}
.search-alert input[type=submit]{border: none;position: absolute;right: 0;top: 0;width:40px; height:100%;cursor:pointer; background:url(../images/search-btn.png) no-repeat center; background-size:15px; opacity:.6}
.search-alert .search-close{ width:15px; height:15px;cursor:pointer;margin-left: 15px;position:relative}
.search-alert .search-close:before{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; top:0; left:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); transform-origin:left top}
.search-alert .search-close:after{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; bottom:0; left:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:left bottom}
.search-show .search-btn{ opacity:0}
.header .tel{font-size:18px; color:#fff; display:flex; display:-webkit-flex;align-items:center; padding-top:20px; height:100px; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.header .tel i{ display:block; width:40px; height:40px; border-radius:50%; background:url(../images/f-ico1.png) no-repeat center rgba(255,255,255,.1); margin-right:8px}
.header .tel span{ font-weight:bold; background:rgba(255,255,255,.1); height:40px; border-radius:25px; line-height:40px; padding:0 20px}

.header-scroll .logo{ padding-top:0;height: 80px;}
.header-scroll .logo .ico_1{ display:none}
.header-scroll .logo .ico_2{ display:block}
.header-scroll .menu>ul>li>a{ color:#333; padding-top:0}
.header-scroll .menu>ul>li:hover>a{color:#f99a1c}
.header-scroll .menu>ul>li>a i{top:35px}
.header-scroll .menu>ul>li>a i:after{border-right:1px solid #666;border-bottom:1px solid #666;}
.header-scroll.header .tel{ color:#333; padding-top:0; height:80px}
.header-scroll.header .tel i{background:url(../images/f-ico1-g.png) no-repeat center #f9f9f9;}
.header-scroll.header .tel span{background:#f9f9f9;}

/*banner*/

.banner{ position:relative; height:100vh}
.banner:before{ content:""; width:100%; height:30%; position:absolute; left:0;top:0;background: -webkit-linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0)); z-index:2}
.banner img{display:block;width:100%; height:100%; object-fit:cover;
animation-duration:5s;
animation-timing-function:linear;
animation-fill-mode: forwards;
-webkit-animation-duration:5s;
-webkit-animation-timing-function:linear;
-webkit-animation-fill-mode: forwards;}
.banner .txt{ position:absolute; left:12%;bottom:20%;color:#fff; font-size:50px;opacity:0;}
.banner .txt h3{ font-size:1em;font-weight:bold}
.banner .txt p{ font-size:.9em; font-weight:300}
.banner .swiper-slide-active .txt{ opacity:1;left:10%;transition:1s cubic-bezier(0.5, 0, 0, 1); transition-delay:.1s}


/*分页器*/
.banner .swiper-pagination{bottom:4%; padding:0 10%; text-align:left} 
.banner .swiper-pagination-bullet{ width:20px; height:3px;background:#fff;opacity:.4; border-radius:0;position:relative;transition:.3s}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.banner .swiper-pagination-bullet-active{ opacity:1;background:#fff; width:40px}
.banner .swiper-pagination-bullet-active:after{ opacity:1}

.m-banner{position: relative;z-index: 1;overflow: hidden;width: 100%; display:none;border:1px solid #fff;}
.m-banner a{ display:block; background:#131313}
.m-banner img{ display:block; width:100%; height:auto}
.m-banner .swiper-pagination-bullet{ background:none; border:1px solid #fff; opacity:1}
.m-banner .swiper-pagination-bullet-active{ background:#fff}



@font-face{
font-family:'bebas';
src:url("../fonts/bebas.eot");
src:url("../fonts/bebas.eot") format("embedded-opentype"),
url("../fonts/bebas.woff2") format("woff2"),
url("../fonts/bebas.woff") format("woff"),
url("../fonts/bebas.ttf") format("truetype"),
url("../fonts/bebas.svg#BEBAS") format("svg");
}

.space{ padding:90px 0}
.title{ color:#333;text-align:center; margin-bottom:45px;position:relative; font-size:45px; line-height:1.3}
.title .en{ font-size:.66em; text-transform:uppercase;font-weight:300}
.title .line{ display:block; margin:15px auto; width:60px; height:2px; background:#000}
.title span{ display:block}
.more{line-height:47px;width:160px; text-align:center;position:relative}
.more a{ display:block; background:#ffaf42;color:#fff;-webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);clip-path: polygon(10% 0%, 100% 0%,90% 100%, 0% 100%); position:relative; z-index:2}
.more a span{ font-family:Simsun}
.more .bg{ position:absolute; left:3px; top:5px; background:#ff798f; width:100%; height:100%;-webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);clip-path: polygon(10% 0%, 100% 0%,90% 100%, 0% 100%); z-index:1}
.more .bg{ -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.more:hover .bg{left:0;top:0}
.more:hover a{ background:#ff798f}
.i-product{}
.i-product-nav{ margin-bottom:45px; margin-top:-15px}
.i-product-nav ul{display:flex; display:-webkit-flex; justify-content:center}
.i-product-nav li{ transform:skewX(-15deg); background:#f2f2f2;margin: 0 5px; position:relative; overflow:hidden}
.i-product-nav li a{ display:block;line-height:20px; padding:15px;transform:skewX(15deg);; position:relative; z-index:2}
.i-product-nav li:after{ content:""; width:100%; height:100%; position:absolute; left:0;top:0;bottom:0;background: -webkit-linear-gradient(left, #ffaf42 , #ff798f); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ffaf42, #ff798f); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ffaf42, #ff798f); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ffaf42 , #ff798f); opacity:0; transition:.3s}
.i-product-nav li.cur:after, .i-product-nav li:hover::after{ opacity:1}
.i-product-nav li.cur a, .i-product-nav li:hover a{ color:#fff;}

.i-product-list{ overflow:hidden}
.i-product-list ul{ display:flex; display:-webkit-flex; justify-content:space-between; margin-right:-2%; flex-wrap:wrap}
.i-product-list li{ position:relative; width:23%; margin-right:2%; margin-bottom:2%}
.i-product-list .pic{ position:relative; overflow:hidden}
.i-product-list .pic:after{ content:""; display:block; padding-top:100%}
.i-product-list .pic img{ display:block; position:absolute;;width:100%;height:100%; object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}
.i-product-list .txt{ position:absolute; left:0;right:0;bottom:0;padding:0 15px; text-align:center; font-size:20px; background:rgba(0,0,0,.4); color:#fff; line-height:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-product-list li:hover .txt{}
.i-product-list li:hover .pic img{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}


.i-about{ background:#f7f7f7; position:relative}
.i-about.space{ padding:120px 0}
.i-about:after{ content:""; width:50%; height:100%; background:#f2f2f2; position:absolute; left:0;top:0;bottom:0}
.i-about .left{ width:70%;}
.i-about .left img{ display:block; width:100%}
.i-about .right{ width:30%; padding-left:4%}
.i-about .wrap{ position:relative; z-index:2; width:100%; padding-right:10%; display:flex; display:-webkit-flex;align-items:center}
.i-about .title{ text-align:left}
.i-about .title .line{ margin-left:0}
.i-about .cont{ font-size:18px; margin-bottom:10%}
.i-about .cont h3{ color:#333; font-size:1.5em; margin-bottom:3%; line-height:1.2;} 
.i-about .cont .intro{line-height: 1.8; display:-webkit-box;-webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden}
.i-about .cont p{ margin-bottom:10px}

.i-product-newlist{ padding-bottom:40px}
.i-product-newlist .pic{ position:relative; overflow:hidden}
.i-product-newlist .pic:after{ content:""; display:block; padding-top:100%}
.i-product-newlist .pic img{ display:block; position:absolute;;width:100%;height:100%; object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}
.i-product-newlist .txt{ position:absolute; left:0;right:0;bottom:0;padding:0 15px; text-align:center; font-size:20px; background:rgba(0,0,0,.4); color:#fff; line-height:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-product-newlist a:hover .pic img{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}
.i-product-newlist .swiper-pagination{bottom:0}
.i-product-newlist .swiper-pagination-bullet{ width:30px; height:4px;background:#bfbfbf;opacity:1; border-radius:0;position:relative;transition:.3s}
.i-product-newlist .swiper-pagination-bullet-active{background: -webkit-linear-gradient(left, #ffaf42 , #ff798f); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ffaf42, #ff798f); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ffaf42, #ff798f); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ffaf42 , #ff798f);}

.i-custom .wrap{ width:100% !important;}
.i-custom .content{ display:flex; display:-webkit-flex;}
.i-custom .left, .i-custom .right{ width:50%; position:relative; overflow:hidden}
.i-custom .left img{ display:block; width:100%; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.i-custom .left .video-btn{ width:100%; height:100%; background:url(../images/video-btn.png) no-repeat center; position:absolute; left:0;top:0; cursor:pointer}
.i-custom .left:hover img, .i-custom .right:hover img{ -moz-transform:scale(1.02);-webkit-transform:scale(1.02);transform:scale(1.02)}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 999;background-color: rgba(0, 0, 0, 0.6);}
.show-video{ display:block}
.video-show {position: relative;z-index: 9999999;margin: 0 auto;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);display: table;width:1000px;}
.video-close{ width:30px; height:30px; position:absolute; top:0; right:-40px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:after{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.video-close:before{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.i-custom-list .swiper-slide img{display:block;width: 100%;-moz-transition: 1s linear 2s;-webkit-transition: 1s linear 2s;transition: 1s linear 3s;}
.i-custom-list .swiper-slide-active img{-webkit-transition:16s linear;-moz-transition:16s linear;transition:16s linear;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.i-custom-list .swiper-pagination{bottom:4%;} 
.i-custom-list .swiper-pagination-bullet{ width:30px; height:3px;background:#fff;opacity:.4; border-radius:0;position:relative;transition:.3s}
.i-custom-list .swiper-pagination-bullet-active{ opacity:1;background:#fff;background: -webkit-linear-gradient(left, #ffaf42 , #ff798f); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ffaf42, #ff798f); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ffaf42, #ff798f); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ffaf42 , #ff798f);}


.i-client-list{ box-shadow:0 5px 60px rgba(0,0,0,.05); padding:3%; border-radius:15px; position:relative}
.i-client-list ul{ display:flex; display:-webkit-flex;flex-wrap:wrap}
.i-client-list li{ width:16.6666%; border-top:1px solid #f2f2f2; border-right:1px solid #f2f2f2; padding:2%; margin-top:-1px}
.i-client-list ul li:nth-child(6n){ border-right:0}
.i-client-list li .ico{ width:100%; position:relative; overflow:hidden}
.i-client-list li .ico:before{ content:""; display:block; padding-top:52%}
.i-client-list li .ico img{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; object-fit:contain; max-width:80%; max-height:80%}
.i-client-list li.num6 .ico img{ max-height:68%}
.i-client-list li.num12 .ico img{ max-width:100%}
.i-client-list li.num18 .ico img{ max-height:70%}
.i-client-list li.num21 .ico img{ max-height:65%}
.i-client-list li.num24 .ico img{ max-height:65%}
.i-client-list .swiper-pagination{bottom:-50px; width:94%; text-align:center}
.i-client-list .swiper-pagination-bullet{ width:30px; height:4px;background:#bfbfbf;opacity:1; border-radius:0;position:relative;transition:.3s; margin:0 5px}
.i-client-list .swiper-pagination-bullet-active{background: -webkit-linear-gradient(left, #ffaf42 , #ff798f); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ffaf42, #ff798f); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ffaf42, #ff798f); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ffaf42 , #ff798f);}
.i-news.space{padding-top:50px}
.i-news .more{ margin:0 auto}
.i-news .content{ display:flex; display:-webkit-flex; margin-bottom:50px; justify-content:space-between}
.i-news .left{ width:49%; position:relative}
.i-news .left a{ display:block; height:100%}
.i-news .left .pic{position: relative; overflow:hidden; height:100%}
.i-news .left .pic:before{content:""; display:block; padding-top:66.66666%}
.i-news .left .pic img{ position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.i-news .left .txt{ position:absolute; left:0;right:0;bottom:0; background:rgba(0,0,0,.4); color:#fff; padding:30px 40px; display:flex; display:-webkit-flex;}
.i-news .left .tm{ width:100px; font-size:14px}
.i-news .left .tm span{ display:block; font-size:45px;font-weight:bold; line-height:1}
.i-news .left .intro{ width:calc(100% - 100px)}
.i-news .left h3{ font-size:20px}
.i-news .left p{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; opacity:.7}
.i-news .left:hover img{ -moz-transform:scale(1.02);-webkit-transform:scale(1.02);transform:scale(1.02)}
.i-news .right{ background:#f2f2f2; width:49%; padding:2% 3%}
.i-news-list li{ border-bottom:1px solid #d8d8d8; padding-bottom:3%; margin-bottom:3%}
.i-news-list li:last-child{ margin-bottom:0}
.i-news-list a{display:-webkit-flex; display:flex;justify-content:space-between;align-items:center}
.i-news-list .pic{ position: relative; overflow:hidden; width:25%}
.i-news-list .pic:before{content:""; display:block; padding-top:66.66666%}
.i-news-list .pic img{ position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover; -moz-transition:1s;-webkit-transition:1s;transition:1s}
.i-news-list .txt{ width:64%}
.i-news-list .txt span{ color:#666; font-weight:300}
.i-news-list .txt h4{ font-size:20px; color:#333}
.i-news-list .mor{ font-family:simsun; color:#999; border:1px solid #bfbfbf; line-height:25px; padding:0 10px;-webkit-transform:skewX(-15deg);-moz-transform:skewX(-15deg);transform:skewX(-15deg); -moz-transition:.4s;-webkit-transition:.4s;transition:.4s}
.i-news-list .mor span{-webkit-transform:skewX(15deg);-moz-transform:skewX(15deg);transform:skewX(15deg);display: block;}
.i-news-list li:hover img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.i-news-list li:hover .mor{ background:#ffaf42; color:#fff; border:1px solid #ffaf42}


.footer{ background:#8d8d8d;color:#fff; padding:50px 0 0;position:relative;z-index: 2;}
.footer a{color:#fff;}
.footer a:hover{ color:#ffaf42}
.footer .top{ padding-bottom:35px; margin-bottom:35px; border-bottom:1px solid #bfbfbf}
.f-logo img{ height:60px;display: block;}

.f-contact li{ float:left; display:flex; display:-webkit-flex;align-items:center; margin-left:50px; font-size:20px;}
.f-contact li.qq a{display:flex; display:-webkit-flex;align-items:center;}
.f-contact .ico{ display:block; width:45px; height:45px; border:1px solid #bfbfbf; border-radius:50%;display:flex; display:-webkit-flex;align-items:center;justify-content:center; margin-right:10px;flex-shrink: 0;}


.footer .bot{font-weight:300; position:relative; padding-right:20%;min-height:160px;}
.f-ewm{ color:#fff; position:relative;position:absolute; right:2%;top:0; text-align:center}
.f-ewm img{width:105px;}
.f-ewm span{font-weight:300;line-height:1.8; display:block; font-size:12px;}

.f-nav{ display:flex; display:-webkit-flex;align-items:flex-start; line-height:35px; padding:2% 0}
.f-nav h4{ border:1px solid #bfbfbf; -moz-transform:skewX(-15deg);-webkit-transform:skewX(-15deg);transform:skewX(-15deg); margin-right:25px;flex-shrink:0}
.f-nav h4 span{-moz-transform:skewX(15deg);-webkit-transform:skewX(15deg);transform:skewX(15deg); display:block; padding:0 15px}
.f-nav .sub a{ position:relative; padding-right:15px; margin-right:15px;    white-space: nowrap;}
.f-nav .sub a:after{ content:""; width:1px; height:15px; background:#bfbfbf; position:absolute; right:0;top:0; transform:skewX(-15deg)}
.f-nav .sub a:last-child::after{ display:none}

.copyright{ font-size:15px}

/*============================================================*/
.headHeight{ height:100px; position:relative}
.nbanner{ position:relative;overflow:hidden;}
.nbanner img{ position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover}
.nbanner:before{ content:""; width:100%; padding-top:26.0416%; display:block}
.nbanner:after, .nbanner-abt:after{ content:""; width:100%; height:100%; position:absolute; left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.3);z-index:2}
.nbanner .title{ color:#fff;position: absolute; width:100%;left:0;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3;}
.nbanner .title .cn{ font-size:1.2em}
.nbanner_cus:after{background:rgba(0,0,0,.15);}
.nbanner-abt{position:relative;overflow:hidden}
.nbanner-abt img{display:block;width:100%;}
.nbanner-abt .title{ color:#fff;position: absolute; width:100%;left:0;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3;}
.nbanner-abt .title .cn{ font-size:1.2em}

.inner-nav{position:relative; z-index:2}
.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center;margin-top: -40px;}
.inner-nav li{ margin-right:20px;-webkit-transform: skewX(-15deg);-moz-transform: skewX(-15deg);transform: skewX(-15deg);}
.inner-nav li:last-child{ margin-right:0}
.inner-nav li a{display:block;text-align: center;padding: 24px 50px;position: relative;font-size: 18px;background: #fff;box-shadow: 0px 14px 60px 0px rgba(126,134,148,0.32);}
.inner-nav li a span{-webkit-transform: skewX(15deg);-moz-transform: skewX(15deg);transform: skewX(15deg); display:block}
.inner-nav li.cur a, .inner-nav li:hover a{position:relative;color:#fff;background: -webkit-linear-gradient(left, #ffaf42 , #ff798f);
    background: -o-linear-gradient(right, #ffaf42, #ff798f);
    background: -moz-linear-gradient(right, #ffaf42, #ff798f);
    background: linear-gradient(to right, #ffaf42 , #ff798f);}

.lacat{ padding:15px 0; margin-top:90px; background:#fff; border-top:1px solid #ececec;line-height: 24px; color:#999}
.lacat a{color: #999;}
.lacat a:hover{color:#1f35be}

.main{position:relative;}
.main_2{ background:#f2f2f2}

.main .content{ line-height:30px;}
.main .content img{ max-width:100%;}
.anchor{display: block;top: -100px;visibility: hidden; position:absolute;}

.main .content-about{position:relative; color:#333}
.main .content-about .video{ width:48.5%}
.main .content-about .video video{ width:100%; display:block}
.main .content-about .txt{ width:48.5%; font-size:24px; line-height:1.8}
.main .content-about h2{ color:#333; font-size:35px; margin-bottom:20px; line-height:1.8; margin-top:1%; margin-bottom:3%; position:relative}
.main .content-about p{ font-weight:300;margin-bottom:15px;}

.clientList{ overflow:hidden}
.clientList ul{ display:flex; display:-webkit-flex;flex-wrap:wrap; flex-wrap:wrap; margin-right:-1%}
.clientList li{ width:11.5%; background:#fff; margin-right:1%; margin-bottom:1%}
.clientList li .ico{ width:100%; position:relative; overflow:hidden}
.clientList li .ico:before{ content:""; display:block; padding-top:52%}
.clientList li .ico img{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; object-fit:contain; max-width:70%; max-height:55%;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.clientList li:hover .ico img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.factoryimgList ul{ margin-right:-2%}
.factoryimgList li{ width:48%; margin-right:2%; margin-bottom:2%; float:left; position:relative}
.factoryimgList .pic{ position:relative; overflow:hidden}
.factoryimgList .pic:before{ content:""; display:block; padding-top:56.25%}
.factoryimgList .pic img{display:block; position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}
.factoryimgList .tit{ font-size:1.25em; text-align:center; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;background:rgba(0,0,0,.4); color:#fff; position:absolute; left:0;right:0;bottom:0; line-height:60px; padding:0 3%}
.factoryimgList li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
/**/
.main_product{ position:relative}
.main_product .content{ position:relative}
.left-nav{width:300px; position:sticky;left:0;top:110px}
.left-nav .list{border:1px solid #d8d8d8;border-radius: 2.5em 0 2.5em 0; padding:30px 40px 60px;}
.left-nav li{ border-bottom:1px solid #e8e8e8; font-size:1.25rem;}
.left-nav li a{ display:block; padding:14px 0; color:#333; position:relative}
.left-nav li a:after{content:""; width:6px; height:6px; border-top:2px solid #999;border-right:2px solid #999; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute;top:26px; right:0}
.left-nav li.cur a, .left-nav li:hover a{color:#f99a1c}
.left-nav li.cur a:after, .left-nav li:hover a:after{border-top:2px solid #f99a1c;border-right:2px solid #f99a1c;}
.main_product .rightCon{ width:calc(100% - 360px)}
.main_product .rightCon .t-tit{ color:#333; font-size:2rem; line-height:1.6; margin-bottom:20px;}

.productList ul{ margin-right:-2%}
.productList li{ float:left; width:23%; margin-right:2%; margin-bottom:2%; text-align:center; position:relative}
.productList .pic{ position:relative; overflow:hidden; border:1px solid #e8e8e8}
.productList .pic:before{ display:block; content:""; padding-top:100%}
.productList .pic img{ display:block; position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}
.productList .tit{position: relative; text-align:center; font-size:1.125rem; color:#333; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:.3s}
.productList li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.productList li:hover .tit{color:#f99a1c}

.main_product .rightCon .p-tit{font-size:1.55rem; color:#333; margin-bottom:30px; margin-top:-10px; border-top:1px solid #d8d8d8; text-align:center; padding-top:40px}
.main_product .rightCon .p-tit2{ font-size:1.25rem;margin-bottom:30px; border-bottom:1px solid #d8d8d8; line-height:45px;}
.main_product .rightCon .p-tit2 span{ display:inline-block;color:#fff; padding:0 35px 0 15px;background: -webkit-linear-gradient(left, #ffaf42 , #ff798f);
    background: -o-linear-gradient(right, #ffaf42, #ff798f);
    background: -moz-linear-gradient(right, #ffaf42, #ff798f);
    background: linear-gradient(to right, #ffaf42 , #ff798f);-webkit-clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);}

.productpic-slide{ position:relative;}
.productpic-slide .view{max-width:800px; margin:0 auto 20px}
.productpic-slide .view img{ display:block; margin:0 auto; width:100%}
.productpic-slide .preview{ width:400px; padding:0 30px; margin:0 auto; position:relative}
.productpic-slide .preview .swiper-slide img{ display:block; width:100%;border:1px solid #fff}
.productpic-slide .preview .active-nav img{border:1px solid #f99a1c;}
.productpic-slide .preview .arrow-left, .productpic-slide .preview .arrow-right{display:block; width:30px; height:100%; position:absolute;top:0}
.productpic-slide .preview .arrow-left{left:0;}
.productpic-slide .preview .arrow-right{right:0}
.productpic-slide .preview .arrow-left:after{ content:"";width:8px;height:8px;border-top:2px solid #333;border-left:2px solid #333;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;left:5px;top:45%}
.productpic-slide .preview .arrow-right:after{ content:"";width:8px;height:8px;border-top:2px solid #333;border-right:2px solid #333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:5px;top:45%}
.productpic-slide .preview .arrow-left:after, .productpic-slide .preview .arrow-right:after{ transition:.3s}
.productpic-slide .preview .arrow-left:hover::after{border-top:2px solid #f99a1c;border-left:2px solid #f99a1c;}
.productpic-slide .preview .arrow-right:hover::after{border-top:2px solid #f99a1c;border-right:2px solid #f99a1c;}
.proRelated{ padding-bottom:40px}
.proRelated .pic{ position:relative; overflow:hidden}
.proRelated .pic:after{ content:""; display:block; padding-top:100%}
.proRelated .pic img{ display:block; position:absolute;;width:100%;height:100%; object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}
.proRelated .txt{ position:absolute; left:0;right:0;bottom:0;padding:0 15px; text-align:center; font-size:20px; background:rgba(0,0,0,.4); color:#fff; line-height:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.proRelated a:hover .pic img{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}
.proRelated .swiper-pagination{bottom:0}
.proRelated .swiper-pagination-bullet{ width:30px; height:4px;background:#bfbfbf;opacity:1; border-radius:0;position:relative;transition:.3s}
.proRelated .swiper-pagination-bullet-active{background: -webkit-linear-gradient(left, #ffaf42 , #ff798f); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ffaf42, #ff798f); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ffaf42, #ff798f); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ffaf42 , #ff798f);}




/**/




/**/
newsList{ overflow:hidden}
.newsList ul{ display:flex; display:-webkit-flex;flex-wrap:wrap; margin-right:-2%}
.newsList li{width:23%; margin-right:2%; margin-bottom:2%;position:relative;}
.newsList li a{ display:block; position:relative; z-index:2}
.newsList .pic{ position:relative; overflow:hidden; width:100%;}
.newsList .pic:after{content: "";display: block;padding-top:66.66666%;}
.newsList .pic img{ display:block;left: 0;position: absolute;top: 0;width: 100%; height:100%; object-fit:cover;-moz-transition:1s;-webkit-transition:1s;transition:1s}
.newsList .txt{}
.newsList h3{font-size:1.375em; line-height:1.6;margin:.5em 0 .5em;color: #333; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; text-overflow:ellipsis;}
.newsList h3{ -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.newsList p{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden; color:#666; font-weight:300; margin-bottom:1em;line-height: 1.6;}
.newsList .tm{color:#999;display:block; font-weight:300;font-size: .9em;}
.newsList .mor{ font-family:simsun; color:#999;background:#ffaf42; color:#fff; border:1px solid #ffaf42;line-height:25px; padding:0 10px;-webkit-transform:skewX(-15deg);-moz-transform:skewX(-15deg);transform:skewX(-15deg);}
.newsList .mor span{-webkit-transform:skewX(15deg);-moz-transform:skewX(15deg);transform:skewX(15deg);display: block;}
.newsList li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.newsList li:hover h3{color:#ffaf42}
.newsList li:hover .mor{ opacity:1}

.nbanner_news .news-tit{width:600px;position:absolute;bottom:0;left:50%; margin-left:-300px; text-align:center; color:#fff; z-index:3}
.nbanner_news .news-tit:after{ content:""; width:100%; height:12rem; display:block}
.news-tit h2{ font-weight:bold; font-size:2.6rem; margin-bottom:.5em; line-height:1.2}
.news-tit p span{ margin:0 10px}
.main_news{ background:#f2f2f2;padding-bottom:100px}
.main_news .n-tit{font-size:35px;color: #333;line-height:1.4;position:relative; text-align:center; max-width:1200px; margin:0 auto}
.main_news .n-time{ color:#999; border-bottom:1px solid #ececec;line-height:1; text-align:center; padding:1% 0}
.main_news .n-time span{position:relative}
.main_news .n-time span:first-child{ padding-right:18px}
.main_news .n-time span:first-child::after{ content:""; width:1px; height:12px; background:#d8d8d8; position:absolute; right:9px;top:0}

.newsCon{max-width:960px; margin:0 auto; }
.n-article{background:#fff; top:-5rem; padding:5rem;border-radius: 15px;z-index: 3; position: relative;}
.n-article img{ max-width:100%; height:auto !important}
.n-article p{margin-bottom:10px}
.page-list{margin-top:50px; padding-top:30px;border-top: 1px solid #e5e5e5; position:relative; padding-right:50%}
.page-list .back{ position:absolute; right:0;top:20px}
.page-list .back img{ display:block}
.page-list p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:.9em; margin-bottom:0}
.newsRelated{ }
.newsRelated{ padding-bottom:50px}
.newsRelated .pic{ position:relative; overflow:hidden}
.newsRelated .pic:after{ content:""; display:block; padding-top:66.66666%}
.newsRelated .pic img{ display:block; position:absolute;top:0;right:0;width:100%;height:100%; object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}
.newsRelated .txt{ background:#fff; padding:2rem; position:relative}
.newsRelated h3{font-size:1.375em; line-height:1.6;margin-bottom:.5em;color: #333; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; text-overflow:ellipsis;}
.newsRelated a{ -webkit-transition: none;-moz-transition:none;transition:none}
.newsRelated h3, .newsRelated p, .newsRelated .tm{ -webkit-transition:.4s;-moz-transition:.4s;transition:.4s; position:relative; z-index:2}
.newsRelated p{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden; color:#666; font-weight:300; margin-bottom:1em;line-height: 1.6;}
.newsRelated .tm{color:#999;display:block; font-weight:300;font-size: .9em;}
.newsRelated .txt:after{ content:""; width:100%; height:100%; position:absolute;top:0;left:0;background: -webkit-linear-gradient(left, #ffaf42 , #ff798f); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ffaf42, #ff798f); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ffaf42, #ff798f); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ffaf42 , #ff798f); opacity:0} 
.newsRelated .txt:after{-webkit-transition:.4s;-moz-transition:.4s;transition:.4s; z-index:1}
.newsRelated a:hover .pic img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.newsRelated .swiper-pagination{bottom:0}
.newsRelated .swiper-pagination-bullet{ width:30px; height:4px;background:#bfbfbf;opacity:1; border-radius:0;position:relative;transition:.3s}
.newsRelated .swiper-pagination-bullet-active{background: -webkit-linear-gradient(left, #ffaf42 , #ff798f); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ffaf42, #ff798f); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ffaf42, #ff798f); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ffaf42 , #ff798f);}
.newsRelated .swiper-slide:hover h3, .newsRelated .swiper-slide:hover p, .newsRelated .swiper-slide:hover .tm{ color:#fff;}
.newsRelated .swiper-slide:hover .txt:after{ opacity:1}

.serviceList ul{display:flex; display:-webkit-flex;justify-content:space-between;}
.serviceList li{ width:32.33%}
.serviceList .pic{ position:relative; overflow:hidden}
.serviceList .pic:before{ content:""; display:block; padding-top:62.5%}
.serviceList .pic img{display:block; position:absolute;top:0;right:0;width:100%;height:100%; object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}
.serviceList h3{ color:#333; font-size:1.375em; padding:.8em 0 .5em}  
.process ul{ display:flex; display:-webkit-flex;justify-content:space-between}
.process li{ width:15%}
.process .icoBox{ position:relative}
.process .ico{ position:relative; width:100px; height:100px; border-radius:50%; margin:0 auto; background:#f99a1c; display:flex; display:-webkit-flex;justify-content:center;align-items:center; z-index:2}
.process .ico img{ height:45px}
.process .ico:before{content: "";margin: -5px; border: 1px dashed #f99a1c;position: absolute;display: block;width: 110%;height: 110%;border-radius: 50%;}
.process .jt{ width:100%; height:40px;position:absolute; left:0;top:50%; margin-top:-20px;display: flex; display:-webkit-flex;align-items:center}
.process .jt:before{content:""; display:block; width:90%; height:100%; background:#ebe6e2;-webkit-clip-path:polygon(96% 0, 100% 50%, 96% 100%, 0% 100%, 4% 50%, 0% 0%);clip-path:polygon(96% 0, 100% 50%, 96% 100%, 0% 100%, 4% 50%, 0% 0%);}
.process .jt:after{content:""; display:block; width:6%; height:100%; background:#f99a1c;-webkit-clip-path: polygon(45% 0, 100% 50%, 45% 100%, 0% 100%, 55% 50%, 0% 0%);clip-path:polygon(45% 0, 100% 50%, 45% 100%, 0% 100%, 55% 50%, 0% 0%);}
.process h3{ text-align:center; font-size:1.375em; color:#333; margin:1em 0 .5em}
.process li:nth-child(2) .ico, .process li:nth-child(2) .jt:after{ background:#1885c3}
.process li:nth-child(2) .ico:before{ border:1px dashed #1885c3}
.process li:nth-child(3) .ico, .process li:nth-child(3) .jt:after{ background:#ff596b}
.process li:nth-child(3) .ico:before{ border:1px dashed #ff596b}
.process li:nth-child(4) .ico, .process li:nth-child(4) .jt:after{ background:#1a93d9}
.process li:nth-child(4) .ico:before{ border:1px dashed #1a93d9}
.process li:nth-child(5) .ico, .process li:nth-child(5) .jt:after{ background:#ff596b}
.process li:nth-child(5) .ico:before{ border:1px dashed #ff596b}
.process li:last-child .jt:after{ display:none}

.craftList{ position:relative; margin:20px auto; padding:30px 10%}
.craftList::after {content: '';position: absolute;top: 0;left: 50%;bottom: 0; width: 1px;border-left: 1px dashed #d8d8d8; z-index:1}
.craftList .topDot, .craftList .botDot, .craftList li:after{position: absolute;left: 50%;width: 13px;height: 13px;margin-left: -6px;z-index:2;border-radius: 100%;border: 3px solid #f99a1c;background-color: #fff;}
.craftList .topDot{top:0; background:#f99a1c}
.craftList .botDot{bottom:0;}
.craftList ul{ position:relative; z-index:2}
.craftList li{margin-bottom:3%;position: relative;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;align-items: center;}
.craftList li::after {content: '';top: 50%;margin-top: -6px;border-color:#f99a1c;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.craftList .picList, .craftList .txt {padding:0 60px;text-align: right; width:50%;-ms-flex-order:0;order:0;}
.craftList .picList{-ms-flex-order:2;order:2; display:flex; display:-webkit-flex;flex-wrap:wrap;}
.craftList .picList div{ width:24%; margin-right:1%; margin-bottom:1%; position:relative; overflow:hidden}
.craftList .picList div:before{ content:""; padding-top:105%; display:block}
.craftList .picList div img{ position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover}
.craftList .txt{ width:50%; font-size:1.125em}
.craftList .txt .tit {font-size:1.375em;color:#333;font-weight: bold; position: relative; padding-bottom:15px;margin-bottom:20px;font-family: Arial;}
.craftList .txt .tit::after {content: '';position: absolute;bottom: 0;right: 0;width:45px;height: 1px;background:#d8d8d8;}
.craftList li:nth-child(2n) .txt{-ms-flex-order:3;order:3; text-align:left}
.craftList li:nth-child(2n) .txt .tit::after{ left:0}
.craftList li:nth-child(2n) .picList div{ margin-right:0; margin-left:1%}
/*===========================contact================================*/
.content-contact{ font-size:20px; line-height:30px; }
.contact-list{ margin-bottom:60px}
.contact-list ul{ display:flex;display:-webkit-flex;justify-content:center;}
.contact-list li{ width:20%; padding:0 2%;text-align:center; position:relative;}
.contact-list .ico{width:95px; height:95px; border-radius:50%; margin:0 auto;display: flex;display: -webkit-flex;align-items: center;justify-content: center;background: -webkit-linear-gradient(left, #ffaf42 , #ff798f); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ffaf42, #ff798f); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ffaf42, #ff798f); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ffaf42 , #ff798f);}
.contact-list .ico img{ display:block;}
.contact-list .tit{ font-weight:bold; color:#333; margin-top:15px; margin-bottom:10px}
.contact-list p{ font-weight:300}



#allmap{width:100%;height:500px;line-height:22px; font-size:14px; border:0;}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}
#allmap .map-address-name {
	text-align: center;
	font-size: 16px;
	line-height: 1.1;
	color: #333;
	padding: 10px 0;
}

#allmap .map-address-detail {
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #888;
}
/*============================================================*/




.float_kf{ position:fixed;right:10px; bottom:8%; background:#fff; z-index:99}
.float_kf li{ width:70px; text-align:center; background:#ffaf42;padding:12px 0;color:#fff; position:relative; font-size:14px;border-bottom: 1px solid rgba(255,255,255,.6); cursor:pointer}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li a{ color:#fff}
.float_kf li:hover{ background:#ff798f; color:#fff}
.float_kf li:hover a{ color:#fff}
.float_kf li .hd{ display:none;box-shadow: 0 0 5px rgba(0,0,0,.1);}

.float_kf .mes i{ width:24px; height:25px; background:url(../images/right-pic4-h.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .mes:hover i{background:url(../images/right-pic4-h.png) no-repeat;}

.float_kf .fwh i{ width:29px; height:25px; background:url(../images/right-pic2-h.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .fwh:hover i{background:url(../images/right-pic2-h.png) no-repeat;}
.float_kf .fwh .hd{ position:absolute; right:70px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:15px;color:#535353;}
.float_kf .fwh .hd img{ width:150px; display:block;}

.float_kf .tel i{ width:25px; height:25px; background:url(../images/right-pic1-h.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .tel:hover i{background:url(../images/right-pic1-h.png) no-repeat;}
.float_kf .tel .hd{ background:#ff798f; color:#fff; font-size:18px; position:absolute;right:70px;top:0;text-align:left;padding:20px 30px; height:100%}
.float_kf .tel .hd h3{ white-space:nowrap;}

.float_kf .qq i{ width:24px; height:25px; background:url(../images/right-pic5-h.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .qq:hover i{background:url(../images/right-pic5-h.png) no-repeat;}

.float_kf .backtop{background:#bf3532;border:1px solid #bf3532; border-bottom:none}
.float_kf .backtop i{ width:24px; height:25px; background:url(../images/right-pic6.png) no-repeat; margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#fff}

.pages{ margin-top:40px}
.pagination{ height:auto !important; padding:0 !important}