@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:.5s;-moz-transition:.5s;transition:.5s;color:#666}

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;}

.red{ color:#f00}

.ovh{ overflow:hidden}

.f40{ font-size:40px;color:#1f1919}

.f24{ font-size:24px;color:#1f1919}

.f20{ font-size:20px;color:#1f1919}

.f18{ font-size:18px;color:#1f1919}

.f16{ font-size:16px;color:#1f1919}

video:focus{ outline:none}





.wrap{margin:0 auto; width:85%; max-width:1600px;padding:0 1rem}

.header{z-index:100;width: 100%;background:#fff;transition: all 0.5s;position: fixed;top: 0; height:100px; line-height:100px; box-shadow:0 0 5px rgba(0,0,0,.08)}

.header-scroll{ box-shadow:0 0 15px rgba(0,0,0,.15)}

.logo a{ display:flex; display:-webkit-flex; align-items:center; height:100px;position:relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}

.logo img{ display:block; height:85px}

.header .tel{ color:#f9c301; font-weight:bold; font-size:22px; background:url(../images/tel.png) no-repeat left center; padding-left:40px; margin-left:40px}



.menu{}

.menu ul{display:flex; display:-webkit-flex}

.menu ul>li{ float:left; font-size:18px; font-weight:bold;position:relative;white-space: nowrap;}

.menu ul>li>a{ display:block; color:#1f1919; padding:0 40px;position:relative}

.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; position:relative}

.menu .sub a:after{content:""; position:absolute; left:0;right:0;top:0;bottom:0;opacity:0; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s;

background: -webkit-linear-gradient(left, #db261d , #f9c301);

    background: -o-linear-gradient(right, #db261d , #f9c301);

    background: -moz-linear-gradient(right, #db261d , #f9c301);

    background: linear-gradient(to right, #db261d , #f9c301);}

.menu .sub a span{ position:relative; z-index:2}

.menu .sub a:hover{color:#fff}

.menu .sub a:hover::after{ opacity:1}



.search{position: relative;}

.search .icon {cursor: pointer;position: absolute; top:50%;transform: translateY(-50%);left:17px; width:15px;height:15px; background:url(../images/search-btn.png) no-repeat left center}

.search input {background-color: #f3f3f3;border: none;font-size:14px;line-height:45px;text-indent:40px;width:180px; border-radius:25px}



.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}



/*banner*/



.banner{ position:relative; margin-top:100px}

.banner img{display:block;width: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:57%;top:50%; transform:translateY(-50%);color:#fff; font-size:24px; font-weight:300; opacity:0;}

.banner .txt h3{ font-size:2.8em;font-weight:300}

.banner .txt .bmore{ display:block; width:160px; line-height:45px;background:#1f35be;font-size:16px; color:#fff; margin-top:5em; text-align:center;border-radius:25px;}

.banner .swiper-slide-active .txt{ opacity:1;left:55%;transition:1s cubic-bezier(0.5, 0, 0, 1); transition-delay:.1s}



/*分页器*/

.banner .swiper-pagination{bottom:3%}

.banner .swiper-pagination-bullet{ width:12px; height:12px;background:none; border:1px solid #fff;border-radius:50%;position:relative;transition:.3s; opacity:1}

.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}

.banner .swiper-pagination-bullet-active{ opacity:1;background:#fff}





.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:60px 0 80px}

.title{ color:#1f1919;text-align:center; margin-bottom:40px;position:relative;font-size:42px; font-weight:500}

.title:after{ content:""; width:40px; height:2px; background:#db261d; display:block; margin:10px auto 0}

.more{ font-size:14px; color:#fff;width:120px; line-height:42px;border-radius:25px; display:flex; display:-webkit-flex;align-items:center;justify-content:center;background: -webkit-linear-gradient(left, #db261d , #f9c301);

  background: -o-linear-gradient(right, #db261d , #f9c301);

  background: -moz-linear-gradient(right, #db261d , #f9c301);

  background: linear-gradient(to right, #db261d , #f9c301);}

.more span{font-family:Simsun; font-weight:bold; font-size:12px; margin-left:5px}



.pic{ position:relative; overflow:hidden;}

.pic:before{ content:""; display:block;}

.pic img{display:block; position:absolute;width:100%;height:100%;left:0;top:0; object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}





.i-product{}

.i-productList{ position:relative; overflow:hidden}

.i-productList ul{ display:flex; display:-webkit-flex; margin-right:-2%;flex-wrap:wrap}

.i-productList li{ width:23%; margin-right:2%; margin-bottom:2%; position:relative; background:#f5f5f5; text-align:center; padding:1.5%}

.i-productList .pic:before{ padding-top:100%}

.i-productList .tit{ font-size:18px; color:#1f1919; transition:.4s}

.i-productList li:hover .pic img{ -webkit-transform:scale(1.02);-moz-transform:scale(1.02);transform:scale(1.02)}

.i-productList li:hover .tit{color:#db261d}

.i-productList .swiper-button-prev, .i-productList .swiper-button-next{ width:60px; height:60px; border-radius:50%; border:1px solid #d8d8d8; background:none; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}

.i-productList .swiper-button-next{right:-100px}

.i-productList .swiper-button-prev{left:-100px}

.i-productList .swiper-button-next:after{ content:""; width:12px; height:12px; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); border-top:1px solid #333; border-right:1px solid #333; position:absolute;left:20px;top:22px}

.i-productList .swiper-button-prev:after{ content:""; width:12px; height:12px; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg); border-top:1px solid #333; border-left:1px solid #333; position:absolute;right:20px;top:22px}

.i-productList .swiper-button-prev:hover, .i-productList .swiper-button-next:hover{background:#0195db; }

.i-productList .swiper-button-prev:hover::after{border-top:1px solid #fff; border-left:1px solid #fff;}

.i-productList .swiper-button-next:hover::after{border-top:1px solid #fff; border-right:1px solid #fff;}



.i-about{ position:relative}

.i-about .wrap{ max-width:100%; width:100%;padding:0}

.i-about .title{ text-align:left; color:#fff}

.i-about .title:after{ background:#fff; opacity:.45; margin-left:0}

.i-about .right{ padding:100px 0; padding-left:4%; padding-right:calc(calc(100% - 1560px)/2); width:50%; background:url(../images/bg.jpg) no-repeat; background-size:cover; color:#fff; min-height:650px;}

.i-about .right .content{ line-height:1.8; margin-bottom:3em}

.i-about .right .content p{ margin-bottom:.8em}

.i-about .more{ background:#fff; color:#db261d; border:2px solid #fff; line-height:40px}

.i-about .more:hover{ background:none; border:2px solid #fff; color:#fff; font-weight:bold}

.i-about .left{ position:absolute; left:0;top:0; width:50%; height:100%; background:url(../images/bg1.jpg) no-repeat; background-size:cover}

.i-about .imgBox{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.i-about .img{ display:flex; display:-webkit-flex; width:450px; height:450px; border-radius:50%; background:rgba(255,255,255,.9); align-items:center;justify-content:center;}

.i-about .img img{width:100%}

.i-about .imgBox .line1{

    position: absolute;

    top: -5%;

    left: -5%;

    width: 110%;

    height: 110%;

    border: 1px dashed rgba(219, 38, 29, 1);

    -webkit-border-radius: 100%;

    border-radius: 100%;

    -webkit-transform-origin:50%;

    transform-origin:50%;

    -webkit-animation: after_rotate 300s linear 0s infinite normal both;

    animation: after_rotate 300s linear 0s infinite normal both;

}



.i-about .imgBox .line2{

    position: absolute;

    top: -12%;

    left: -12%;

    width: 124%;

    height: 124%;

    border: 1px dashed rgba(219, 38, 29, .45);

    -webkit-border-radius: 100%;

    border-radius: 100%;

    -webkit-transform-origin:50%;

    transform-origin:50%;

	-webkit-animation: after_rotate2 300s linear 0s infinite normal both;

    animation: after_rotate2 300s linear 0s infinite normal both;

}

.i-about .imgBox .line3{

    position: absolute;

    top: -20%;

    left: -20%;

    width: 140%;

    height: 140%;

    border: 1px dashed rgba(219, 38, 29, .15);

    -webkit-border-radius: 100%;

    border-radius: 100%;

    -webkit-transform-origin:50%;

    transform-origin:50%;

	-webkit-animation: after_rotate 300s linear 0s infinite normal both;

    animation: after_rotate 300s linear 0s infinite normal both;

}





@-webkit-keyframes after_rotate {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes after_rotate {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@-webkit-keyframes after_rotate2 {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    100% {

        -webkit-transform: rotate(-360deg);

        transform: rotate(-360deg);

    }

}



@keyframes after_rotate2 {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    100% {

        -webkit-transform: rotate(-360deg);

        transform: rotate(-360deg);

    }

}



.i-process{ background:#f5f5f5}

.i-process.space{ padding:60px 0}

.i-process .title2{ font-weight:bold; color:#1f1919; font-size:35px; text-align:center; margin-bottom:35px}

.i-processList ul{ display:flex; display:-webkit-flex;}

.i-processList li{ width:16.6666%; padding:0 3%; text-align:center; font-size:18px; color:#1f1919; position:relative}

.i-processList li:after{ content:""; width:28px; height:19px; background:url(../images/jt.png) no-repeat; position:absolute; right:-14px;top:52px}

.i-processList li:last-child::after{ display:none}

.i-processList .ico{ width:115px; height:115px; border-radius:50%; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.05); margin:0 auto 15px;display:flex; display:-webkit-flex;align-items:center;justify-content:center}



.i-news{ position:relative; overflow:hidden;}
.i-newsList .pic:before{ padding-top:75%}

.i-newsList .txt{ background:#f5f5f5; padding:35px 35px 50px}

.i-newsList h3{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden; line-height:1.4; margin:.3em 0 1em}

.i-newsList h3 span{position: relative;

     background-color: rgba(0,0,0,0); 

     background-image: -webkit-gradient(linear, left top, right top, from(#db261d), to(#f9c301)); 

    background-image: linear-gradient(to right, #db261d, #f9c301);

    background-repeat: no-repeat;

    background-size: 0 2px;

    background-position: 0 100%;

    -webkit-transition:.3s linear;

    transition: all .4s linear;}

.i-newsList .intro{color:#999; line-height:1.5; font-weight:350; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden; margin-bottom:2em}

.i-newsList .tm{color:#999; font-size:14px;}

.i-newsList .txt, .i-newsList h3, .i-newsList .intro, .i-newsList .bot{-moz-transition:.4s;-webkit-transition:.4s;transition:.4s}

.i-newsList a:hover h3{ color:#db261d}

.i-newsList a:hover h3 span{background-size: 100% 2px;}

.i-newsList a:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.i-newsList .more{ width:100px; line-height:38px}

.i-newsList .swiper-pagination{ display:none}



.footer{ background:#1f1919;color:#817f7f; padding:50px 0 10px;position:relative;z-index: 2;overflow:hidden;font-size:15px;}

.footer a{color:#8d8d8d;}

.footer a:hover{ color:#fff}

.footer-top{ padding-bottom:40px;}

.f-contact .tel{background:url(../images/f-tel.png) no-repeat left top; padding-left:50px; margin-bottom:20px}

.f-contact .tel h3{ color:#f9c301; font-weight:bold; font-size:24px;}

.f-contact .tel h3 span{ padding-right:25px; position:relative}

.f-contact .tel h3 span:first-child::after{ content:""; width:1px; height:15px; background:#adadad; position:absolute; right:12px;top:4px; transform:rotate(15deg)}

.f-contact p{ margin-left:50px}

.f-nav li{ float:left; position:relative;margin-left:100px;}
.f-nav li:first-child{ margin-left:0}
.f-nav h4 a{ color:#fff; font-size:18px; margin-bottom:.8em; display:block}

.f-nav .sub a{ display:block; line-height:30px}

.copyright{ border-top:1px solid #403b3b; padding:20px 0}



/*============================================================*/

.headHeight{ height:100px; position:relative} 

.nbanner{ position:relative;overflow:hidden; margin-top:100px;}

.nbanner img{ position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover}

.nbanner:before{ content:""; width:100%; padding-top:23.4375%; display:block}

/*.nbanner:after{ content:""; width:100%; height:30%; position:absolute; left:0;right:0;bottom:0;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)); z-index:1}

*/

.nbanner .nbantit{position: absolute; width:100%;left:0;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%); color:#fff;z-index:2;}

.nbanner .nbantit h4{animation-name: fadeInUp;animation-duration:1s; animation-delay:.1s;animation-fill-mode: both; font-size:50px; font-weight:bold;line-height:1; text-align:center}

.nbanner .nbantit h5{ text-align:center; font-size:24px; margin-top:.5em; font-weight:300;animation-name: fadeInUp;animation-duration:1s; animation-delay:.1s;animation-fill-mode: both;animation-delay:.3s}



.inner-nav{position:relative; border-bottom:1px solid #e8e8e8}

.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center;position:relative}

.inner-nav li{margin:0 10px; position:relative}

.inner-nav li a{display: block;text-align: center;padding:25px 30px;position: relative;font-size:20px;}

.inner-nav li:after{ content:""; width:0; height:4px; border-radius:5px; position:absolute; left:50%;bottom:0;background: -webkit-linear-gradient(left, #db261d , #f9c301);

    background: -o-linear-gradient(right, #db261d , #f9c301);

    background: -moz-linear-gradient(right, #db261d , #f9c301);

    background: linear-gradient(to right, #db261d , #f9c301);}

.inner-nav li:after{ -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}

.inner-nav li.cur:after, .inner-nav li:hover::after{ width:100%; left:0}

.inner-nav li.cur a, .inner-nav li:hover a{ color:#db261d}



.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_bg{ background:#f5f5f5}

.main .content{ line-height:30px; font-size:16px;}

.main .content img{ max-width:100%;}

.anchor{display: block;top: -100px;visibility: hidden; position:absolute;}



.main .content-about{position:relative; font-size:18px;}

.content-about .left{ width:45%; float:left;}

.content-about .right{ width:50%; float:right}

.content-about .imgBox{ position:relative; width:450px; height:450px; margin:50px auto}

.content-about .img{ display:flex; display:-webkit-flex; width:450px; height:450px; border-radius:50%; background:#eee; align-items:center;justify-content:center;}

.content-about .img img{max-width:85%}

.content-about .imgBox .line1{

    position: absolute;

    top: -5%;

    left: -5%;

    width: 110%;

    height: 110%;

    border: 1px dashed rgba(219, 38, 29, 1);

    -webkit-border-radius: 100%;

    border-radius: 100%;

    -webkit-transform-origin:50%;

    transform-origin:50%;

}



.content-about .imgBox .line2{

    position: absolute;

    top: -12%;

    left: -12%;

    width: 124%;

    height: 124%;

    border: 1px dashed rgba(219, 38, 29, .45);

    -webkit-border-radius: 100%;

    border-radius: 100%;

    -webkit-transform-origin:50%;

    transform-origin:50%;

}

.content-about .imgBox .line3{

    position: absolute;

    top: -20%;

    left: -20%;

    width: 140%;

    height: 140%;

    border: 1px dashed rgba(219, 38, 29, .15);

    -webkit-border-radius: 100%;

    border-radius: 100%;

    -webkit-transform-origin:50%;

    transform-origin:50%;

}

.content-about h1{color: #1f1919; font-size:24px; margin-top:3em;}

.content-about h2{ color:#333; font-size:35px; line-height:1.2;margin-bottom:1em; margin-top:.5em; position:relative; max-width:70%}

.content-about p{ margin-bottom:1em}



.main_culture.space{ padding:120px 0}

.main_culture{ background:url(../images/culbg.jpg) no-repeat center; background-size:cover; color:#fff}

.main_culture .title{ color:#fff}

.main_culture ul{ display:flex; display:-webkit-flex;justify-content:space-between}

.main_culture li{ width:150px; height:150px; background:url(../images/border.png) no-repeat; display:flex;display:-webkit-flex;align-items:center;justify-content:center; font-size:24px}

.culList ul{display:flex; display:-webkit-flex;justify-content:space-between}

.culList li{ width:23%; background:#f5f5f5; padding:3% 5%; text-align:center}

.culList .ico{ margin-bottom:.5em}

.culList h3{ color:#1f1919; font-weight:500}

/**/

.productList .item{ padding:60px 0; position:relative}
.productList .item .wrap{ display:flex; display:-webkit-flex;align-items:center;}
.productList .leftPic{ width:45%;float:left; margin-right:5%}

.productList .rightCon{ width:50%;float:right;}

.productList .item:nth-child(2n){ background:#f3f3f3}

.productList .item:nth-child(2n) .swiper-slide{ background:#f3f3f3}

/*.productList .item:nth-child(2n) .leftPic{ float:right}

.productList .item:nth-child(2n) .rightCon{ float:left}*/



.productpic-slide{ position:relative; padding-bottom:30px}

.productpic-slide .swiper-slide{ background:#fff}
.productpic-slide .swiper-slide img{ cursor:pointer; display:block; margin:0 auto;width:300px; height:300px}
.productpic-slide .swiper-button-prev, .productpic-slide .swiper-button-next{ width:40%; height:100%; top:0; margin-top:0;background: none;}
.productpic-slide .swiper-button-prev span, .productpic-slide .swiper-button-next span{ display:block;width:40px; height:40px; border-radius:50%; background:rgba(0,0,0,.2); opacity:0; position:absolute;top:50%;margin-top:-20px;}
.productpic-slide .swiper-button-prev span{left:10%}
.productpic-slide .swiper-button-next span{right:10%}
.productpic-slide .swiper-button-prev span, .productpic-slide .swiper-button-next span{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.productpic-slide .swiper-button-prev span:before{ content:""; width:10px; height:10px; border-top:1px solid #fff; border-left:1px solid #fff; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; left:16px;top:15px}
.productpic-slide .swiper-button-next span:before{ content:""; width:10px; height:10px; border-top:1px solid #fff; border-right:1px solid #fff; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; right:16px;top:15px}
.productpic-slide:hover .swiper-button-prev span, .productpic-slide:hover .swiper-button-next span{ opacity:1}
.productpic-slide:hover .swiper-button-prev span{left:15%}
.productpic-slide:hover .swiper-button-next span{right:15%}
.productList h3{color: #1f1919;margin-bottom:30px; position: relative;font-size:32px; font-weight:500}
.productList h3:after{content: "";width:40px;height: 2px;background: #db261d;display: block; margin-top:10px;}
.productList .intro{ line-height:1.8;}
.productList .intro p{ margin-bottom:5px}
.productList .swiper-pagination-bullet{ width:10px; height:10px}


/**/





/**/

.newslist ul{}

.newslist li{margin-bottom:3%; padding-bottom:3%; border-bottom:1px solid #e8e8e8;position:relative}

.newslist li a{ display:flex; display:-webkit-flex;align-items:center}

.newslist .pic{ width:32%}

.newslist .pic:before{ padding-top:66.66666%}

.newslist .txt{ width:68%; padding-left:4%}

.newslist h3{ color:#333; font-weight:bold;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; line-height:1.25;padding-top: 0.4em; padding-bottom:.8em;}

.newslist h3 span, .tj-newsList h3 span{position: relative;

     background-color: rgba(0,0,0,0); 

     background-image: -webkit-gradient(linear, left top, right top, from(#db261d), to(#f9c301)); 

    background-image: linear-gradient(to right, #db261d, #f9c301);

    background-repeat: no-repeat;

    background-size: 0 2px;

    background-position: 0 100%;

    -webkit-transition: all .4s linear;

    transition: all .4s linear;}

.newslist .tm{color:#999; font-size:14px}

.newslist .intro{ color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; margin-bottom:3em}

.newslist .txt, .newslist h3, .newslist .intro, .newslist .more{-moz-transition:.4s;-webkit-transition:.4s;transition:.4s}



.newslist a:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.newslist a:hover h3 span{background-size: 100% 2px; color:#db261d;}



.newsCon{max-width:1000px; margin:0 auto; padding-top:120px}

.newsCon .newstit{font-weight: 500;line-height: 1.3; color:#333; font-size:35px}

.newsCon .newstm{ color:#999;line-height:1; padding:1em 0 2em; font-size:14px}

.newsCon .newstm span{position:relative}

.newsCon .newstm span:first-child{ padding-right:30px}

.newsCon .newstm span:first-child::after{ content:""; width:1px; height:12px; background:#d8d8d8; position:absolute; right:15px;top:0}



.n-article{line-height:30px; margin-top:2em}

.n-article img{ max-width:100%; height:auto !important}

.n-article p{margin-bottom:10px}

.page-list{ border-top:1px solid #e8e8e8; margin-top:3em; padding-top:2em; position:relative}

.page-list p{ white-space:nowrap; overflow:hidden;text-overflow:ellipsis;width:50%;line-height:1.8;}

.page-list .more{ position:absolute; right:0;top:2em}



.tj-newsList{ padding-bottom:60px}

.tj-newsList .pic:before{ padding-top:66.66666%}

.tj-newsList .txt{ background:#fff; padding:30px}

.tj-newsList h3{ color:#333;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden; line-height:1.25; }

.tj-newsList .intro{ font-size:14px; color:#999; line-height:1.5; font-weight:350; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden; margin:1em 0 1.2em}

.tj-newsList .bot{ border-top:1px solid #e8e8e8; display:flex; display:-webkit-flex;justify-content:space-between;align-items:center; padding-top:1.2em; font-size:14px}

.tj-newsList .bot .tm{color:#999}

.tj-newsList .bot .mor{ color:#999;}

.tj-newsList .bot .mor em{ font-style:normal; font-size:12px; font-weight:bold; font-family:Simsun; margin-left:5px}

.tj-newsList .txt, .tj-newsList h3, .tj-newsList .intro, .tj-newsList .bot{-moz-transition:.4s;-webkit-transition:.4s;transition:.4s}

.tj-newsList a:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.tj-newsList a:hover h3 span{background-size: 100% 2px; color:#db261d;}

.tj-newsList .swiper-pagination{bottom:0}



/*===========================contact================================*/

.content-contact{ font-size:20px; line-height:30px;position:relative; display:flex; display:-webkit-flex;}

.contact-list{ width:50%; background:#f5f5f5; padding:4% 6% 4% 4%}

.contact-list h2{color:#1f1919;border-bottom: 1px solid #d8d8d8; line-height:1.5; padding-bottom:15px; position:relative}

.contact-list h2:after{ content:""; width:10%; height:2px; display:block;position: absolute;left: 0;bottom:-1px;background:#db261d;}

.contact-list li{ border-bottom:1px solid #e8e8e8;position:relative; padding:3.2% 0;color: #1f1919; position:relative}

.contact-list .icoCon{ display:flex; display:-webkit-flex;align-items:center; margin-bottom:.5em}

.contact-list .tit{color:#666; font-weight:300; font-size:.9em}

.contact-list .ico{width:45px;position:absolute; right:0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.contact-list .ico img{ display:block; width:100%}


.content-contact .map{ width:50%}

#allmap{width:100%;height:100%;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: 16px;bottom: 30px;text-align: right;z-index: 300;}
.float_kf .item{
    transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
	margin-bottom:1px
}

.float_kf .item>a{position: relative;
    display:block;
    width: 55px;
    height: 55px;
	border-radius:50%;
    background-color:#3a3535;
}

.float_kf .item>a:hover{background: -webkit-linear-gradient(left, #db261d , #f9c301);
    background: -o-linear-gradient(right, #db261d , #f9c301);
    background: -moz-linear-gradient(right, #db261d , #f9c301);
    background: linear-gradient(to right, #db261d , #f9c301);}
.float_kf .tel{ background:url(../images/ct-ico2.png) no-repeat center; background-size:22px}
.float_kf .mail{ background:url(../images/ct-ico3.png) no-repeat center; background-size:22px}
.float_kf .backtop:before{ content:""; width:12px; height:12px; border-top:2px solid #fff; border-left:2px solid #fff; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:21px;top:23px}
.float_kf .item-inner {
    transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 70px;
    top: 50%;
    border-radius: 4px;
    -webkit-transform: translate(10px, -50%);
    transform: translate(10px, -50%);
    text-align: center;
    background-color: rgba(0,0,0,0.4);

}

.float_kf .item-inner::after {
    content: "";
    display: block;
    position: absolute;
    right: -6px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 6px solid rgba(0,0,0,0.4);
    border-bottom: 5px solid transparent;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.float_kf .item-inner span {
    font-size: 16px;
    color: #fff;
    display: block;
    line-height:24px;
	padding:5px 15px;
	white-space:nowrap
}

.float_kf .item:hover .item-inner{
	opacity: 1;visibility: visible;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

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