@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","Microsoft Yahei","Hiragino Sans GB","Heiti SC","PingFang SC","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; font-size:16px;overflow-x:hidden; color:#404040;}
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;}
.col01{ color:#231815}
.col02{ color:#e50012}
.col03{ color:#f7b52c}
.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:1250px;}
.header .wrap{ width:88%}
.header{position: fixed; width:100%;left:0;right:0;top:0; height:100px; background:#fff;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease; box-shadow: 0 0 15px rgba(0,0,0,.15); z-index:99;}
.header-scroll{ box-shadow:0 0 15px rgba(0,0,0,.15)}
.logo{ 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:70px}
.head-r{display:flex; display:-webkit-flex;}
.menu{}
.menu>ul{display:flex; display:-webkit-flex}
.menu>ul>li{ float:left; font-size:18px; margin:0 18px;position:relative;white-space: nowrap;}
.menu>ul>li>a{ display:block; color:#231815;line-height:100px; font-weight:500;position:relative}
.menu>ul>li:hover>a, .menu>ul>li.cur>a{color:#e50012}
.menu>ul>li.hot>a{ background:url(../images/fire.png) no-repeat right center; padding-right:20px}
.menu .sub{ position:absolute;left: 50%;top: 100%; min-width: 100%;text-align: center;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:#555557; line-height: 20px; padding: 12px 20px; word-break: keep-all; white-space: nowrap;}
.menu .sub a:hover span{background-image:-webkit-linear-gradient(left,#3c79a6,#0f9da1); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;}

.head-r .tel{ color:#e50012;margin-left:20px; padding-top:16px; text-align:right}
.head-r .tel a{color:#e50012;font-family:Calibri;font-weight:bold;font-size:24px; display:block;line-height:20px; pointer-events:none}
.head-r .tel span{ display:inline-block; font-size:12px; color:#666; text-align:right; line-height:18px; background:url(../images/ic_tel.png) no-repeat left center; padding-left:22px}
.search{ position:relative;}
.search-btn{ display:block;width:35px;height:80px;background:url(../images/search-btn.png) no-repeat center;cursor:pointer;}

.search-alert{height:100%;position: absolute;right:0;z-index: 50;-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}


/*banner*/

.banner{ position:relative;}
.banner img{display:block; width:100%}
.banner .ban-img{position:relative;height:100%;}
.banner .ban-img img{ display:block;width:100%;-moz-transition:1s linear 2s;-webkit-transition:1s linear 2s;transition:1s linear 2s;}
.banner .ban-txt{ position:absolute; width:100%; bottom:15%; color:#fff; text-align:center;opacity: 0; -webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);-moz-transition:1s;-webkit-transition:1s;transition:1s;}
.banner .ban-txt h3{ font-size:55px; font-weight:300}
.banner .ban-txt ul{ margin-top:60px; display:flex; display:-webkit-flex; justify-content:center; align-items:flex-start}
.banner .ban-txt li{ padding:0 60px; font-weight:300;position:relative}
.banner .ban-txt li:after{ content:""; width:1px; height:90%; background:rgba(255,255,255,.2); position:absolute; right:0;top:5%}
.banner .ban-txt li:last-child::after{ display:none}
.banner .ban-txt .ico{ margin-bottom:5px;}
.banner .swiper-slide-active .ban-txt{-moz-transform: scale(1);-webkit-transform: scale(1);transform: scale(1); opacity:1;-moz-transition:1s .4s;-webkit-transition:1s .4s;transition:1s .4s;}
.banner .swiper-slide-active .ban-img img, .banner .swiper-slide-duplicate-active .ban-img img{
	transition:16s linear;
	-moz-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

.banner .swiper-button-prev, .banner .swiper-button-next{ display:block; width:45px; height:45px;margin-top:-22px; background:none; opacity:.4; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.banner .swiper-button-prev{ left:3%}
.banner .swiper-button-next{ right:3%}
.banner .swiper-button-prev span, .banner .swiper-button-next span{ position:absolute; width:30px; height:30px; top:0;left:0;right:0;bottom:0; margin:auto;}
.banner .swiper-button-prev span{border-top:1px solid #eee;border-left:1px solid #eee;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); transform:rotate(-45deg)}
.banner .swiper-button-next span{border-top:1px solid #eee;border-right:1px solid #eee;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{ opacity:1}
/*分页器*/
.banner .swiper-pagination{bottom:70px;}
.banner .swiper-pagination-bullet{ width:50px; height:2px; border-radius:0;background:rgba(255,255,255,.6);opacity:1;position:relative;transition:.3s}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}
.banner .swiper-pagination-bullet-active{background:#e50012}

.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:80px 0}
.titleBox{ margin-bottom:40px; text-align:center}
.title{ color:#231815; font-size:36px; line-height:40px; text-align:center; margin-bottom:15px;position:relative; font-family:"Source Han Serif SC"; font-weight:bold}
.ltitle{ color:#f7b52c; font-size:20px; display:flex; display:-webkit-flex; justify-content:center}
.ltitle span{ display:block; width:40px; height:40px; border-radius:50%; border:1px solid #f7b52c; text-align:center; line-height:38px;margin:0 -3px;}


.i-product-hot.space{ padding-top:190px}
.i-product-hot, .i-product-tj, .i-product-tj-m{ position:relative;background: -webkit-linear-gradient(#faf9f8 , #fef4e0); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#faf9f8, #fef4e0); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#faf9f8, #fef4e0); /* Firefox 3.6 - 15 */
  background: linear-gradient(#faf9f8 , #fef4e0); z-index:2}
.i-product-hot:after{ content:""; width:500px; height:400px; position:absolute; left:0;bottom:0; background:url(../images/px.png) no-repeat center}
.advantage{ display:flex; display:-webkit-flex; justify-content:space-between; position:absolute;top:-40px; width:1250px}
.advantage li{ width:32.33%; transition:.3s}
.advantage img{ display:block;width:100%;}
.advantage li:hover{ transform:translateY(-8px)}

.i-product-hostlist{ padding:8px 0; margin-top:-8px}
.i-product-hostlist .swiper-slide{}
.i-product-hostlist a{ display:block; border-radius:15px; overflow:hidden; background:#fff}
.i-product-hostlist .pic{ position:relative; overflow:hidden; text-align:center}
.i-product-hostlist .pic img{ display:block; width:100%}
.i-product-hostlist .txt{ padding:30px 30px 40px; text-align:center; position:relative}
.i-product-hostlist .txt:after{ content:""; width:100%; height:8px; background:#f7b52c; position:absolute; left:0;right:0;bottom:0}
.i-product-hostlist .txt h3{ font-size:22px; color:#231815; font-weight:bold; display:inline-block; border:2px solid #231815; line-height:36px; padding:0 15px; margin:0 auto; border-radius:25px}
.i-product-hostlist .txt .guige{ font-size:20px; color:#e50012; margin:10px 0}
.i-product-hostlist .txt .guige span{ margin:0 10px}
.i-product-hostlist .txt .bot{ display:flex; display:-webkit-flex; justify-content:center;align-items:center}
.i-product-hostlist .txt .bot .price1{ background:#e50012; color:#fff; border-radius:5px; margin-right:10px; padding:0 8px}
.i-product-hostlist .txt .bot .price1 p:nth-child(1){ text-decoration: line-through}
.i-product-hostlist .txt .bot .price1 p:nth-child(2){ font-weight:bold; letter-spacing:5px}
.i-product-hostlist .txt .bot .price2{ color:#e50012; font-size:55px; font-family:Impact}
.i-product-hostlist .swiper-pagination{ display:none}
.i-product-hostlist .swiper-pagination-bullet-active{ background:#e50012;}
.i-product-hostlist a:hover{ -moz-transform:translateY(-8px);-webkit-transform:translateY(-8px);transform:translateY(-8px); box-shadow:0 5px 10px rgba(247,181,44,.3)}



.i-product{ background:url(../images/bg1.jpg) no-repeat center; background-size:cover}
.i-product .title{ color:#fff}
.i-productCon .tab{ display:flex; display:-webkit-flex; justify-content:center; color:#fff; width:344px; margin:0 auto; background: url(../images/pro-nav.png) no-repeat center}
.i-productCon .tab li{ width:172px; height:40px; line-height:40px; text-align:center; cursor:pointer}
.i-productCon .tab .li1.cur{ background:url(../images/pro-nav-h.png) no-repeat 0 0}
.i-productCon .tab .li2.cur{ background:url(../images/pro-nav-h.png) no-repeat -172px 0}
.i-productCon .tabcon{ margin-top:60px; position:relative; height:342px}
.i-productCon .tabcon .item{position: absolute;width:100%;left: 0;top:120px; opacity:0; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.i-productCon .tabcon .item.cur{ top:0; opacity:1; z-index:9}
.i-productCon .tabcon ul{ display:flex; display:-webkit-flex;justify-content:space-between;}
.i-productCon .tabcon li{ width:32.33%; background:#fff; border-radius:15px; overflow:hidden; position:relative}
.i-productCon .tabcon li:after{content:""; width:100%; height:8px; background:#f7b52c; position:absolute; left:0;right:0;bottom:0}
.i-productCon .tabcon .pic img{ width:100%; display:block}
.i-productCon .tabcon .txt{padding:30px 30px 40px; text-align:center; position:relative}
.i-productCon .tabcon .txt h3{font-size:22px; color:#231815; font-weight:bold; display:inline-block; border:2px solid #231815; line-height:36px;margin:0 auto; border-radius:25px}
.i-productCon .tabcon .txt h3.m-tit{ display:none}
.i-productCon .tabcon .txt h3 a{color:#231815; display:block; padding:0 15px; }
.i-productCon .tabcon .list{ margin-top:15px}

.i-productCon .tabcon .list .info{color:#fff;position: absolute;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);top: -57px;background: url(../images/xhbg.png) no-repeat;width:255px;height:53px;
text-align: left;padding:5px 30px 0; font-weight:300; display:none}
.i-productCon .tabcon .info span{ display:block; font-size:14px; line-height:20px}
.i-productCon .tabcon .info .jiage{position: absolute;right:30px;top: 0;font-size:20px;line-height:50px; font-weight:bold}
.i-productCon .tabcon .info .jiage span{ font-weight:normal; font-size:14px;display: inline;}
.i-productCon .tabcon .list-x{ display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:center}
.i-productCon .tabcon .list-x a{ color:#333; position:relative; padding:0 10px;display:block;}
.i-productCon .tabcon .list-x a:after{ content:""; width:1px; height:12px; background:#ddd; position:absolute; right:-3px;top:5px} 
.i-productCon .tabcon .list-x a:last-child::after{ display:none}
.i-productCon .tabcon .list-x a:hover{color:#e50012}

.i-product-tj:after{ content:""; width:500px; height:400px; position:absolute; right:0;bottom:0; background:url(../images/px.png) no-repeat center}
.i-product-tjlist{ background:#fff; box-shadow:0 5px 25px -5px rgba(0,0,0,.1);position:relative}
.i-product-tjlist .tabs{ position:absolute;left:50px;top:70px; z-index:9}
.i-product-tjlist .tabs a{color:#231815; font-weight:bold; font-size:26px; position:relative; margin:0 10px;padding-bottom: 5px;}
.i-product-tjlist .tabs a:after{ content:""; width:1px; height:25px; background:#ddd; position:absolute; right:-12px;top:0;}
.i-product-tjlist .tabs a:last-child::after{ display:none}
.i-product-tjlist .tabs a:first-child{ margin-left:0}
.i-product-tjlist .tabs a.cur{ color:#e50012}
.i-product-tjlist .tabs a.cur:before{ content:""; width:100%; height:2px; background:#e50012; position:absolute; left:0;bottom:0}
#tabs-container{ position:relative; z-index:1}
#tabs-container .swiper-slide{ background:#fff}
#tabs-container .pic{ position:absolute; right:0;top:0; width:400px;height: 100%; overflow:hidden}
#tabs-container .pic img{height:100%;display:block; position:absolute; left:-45px;top:0;}
#tabs-container .txt{ width:calc(100% - 400px); padding:130px 70px 130px 50px; background:#fff}
#tabs-container .txt h3.mtit{ display:none}
#tabs-container .txt .intro{ color:#666; font-weight:300}
#tabs-container .txt .tit{ width:172px; line-height:40px; height:40px; background:url(../images/titbg.png) no-repeat center; text-align:center; color:#fff; margin:60px 0 40px}
#tabs-container .txt .tjguige{ border-top:1px solid #666;border-bottom:1px solid #666; display:flex; display:-webkit-flex;}
#tabs-container .txt .tjguige li{ width:50%; padding:18px 30px}
#tabs-container .txt .tjguige li:first-child{ border-right:1px solid #666}
#tabs-container .txt .tjguige a{ display:flex; display:-webkit-flex; align-items:center}
#tabs-container .txt .tjguige .jiage{color:#231815;}
#tabs-container .txt .tjguige .jiage span{ font-size:26px; font-weight:bold; margin-right:2px; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
#tabs-container .txt .tjguige .xingh{ background:url(../images/line.png) no-repeat 5px center; padding-left:35px; line-height:24px}
#tabs-container .txt .tjguige .xingh p{ white-space:nowrap; overflow:hidden}
#tabs-container .txt .tjguige li:hover .jiage span{color:#e50012}

#tabs-container .swiper-button-prev, #tabs-container .swiper-button-next{ width:45px; height:45px; border-radius:50%; background:#f5f5f5; margin-top:0;left:50px;bottom:50px;top:auto;}
#tabs-container .swiper-button-next{left:110px}
#tabs-container .swiper-button-prev:after, #tabs-container .swiper-button-next:after{ content:""; width:12px; height:12px;}
#tabs-container .swiper-button-prev:after{ border-top:1px solid #999; border-left:1px solid #999; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute;top:15px;left:18px}
#tabs-container .swiper-button-next:after{ border-top:1px solid #999; border-right:1px solid #999; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute;top:15px;right:18px}
#tabs-container .swiper-button-prev:hover, #tabs-container .swiper-button-next:hover{ background:#e50012; transition:.3s}
#tabs-container .swiper-button-prev:hover::after{border-top:1px solid #fff; border-left:1px solid #fff;}
#tabs-container .swiper-button-next:hover::after{border-top:1px solid #fff; border-right:1px solid #fff;}

.i-product-tj-m{ display:none}
.i-news{ background:url(../images/bg2.jpg) no-repeat center bottom; background-size:cover}
.i-newslist{ position:relative;display:flex; display:-webkit-flex; justify-content:space-between;}
.i-newslist ul{width:32.33%; background:#fff; border-radius:15px; overflow:hidden}
.i-newslist .pic{ position: relative; overflow:hidden;}
.i-newslist .pic:after{content: "";display: block;padding-top:58.5%;}
.i-newslist .pic img{display:block;left: 0;position: absolute;top: 0;width: 100%; height:100%; object-fit:cover;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.i-newslist .txt{ padding:30px 30px 40px}
.i-newslist h3{ line-height:28px; color:#231815; font-size:20px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; margin-bottom:20px;}
.i-newslist .intro{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden; font-size:14px; line-height:22px; color:#666; margin-bottom:25px}
.i-newslist .time{ color:#999; font-size:14px; font-weight:300}
.i-newslist h3{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.i-newslist li:hover .pic img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03); transform:scale(1.03)}
.i-newslist li:hover h3{color:#e50012}
.i-newslist .right{ padding:0 30px}
.i-newslist .right li{ border-bottom:1px solid #e8e8e8; padding:30px 0}
.i-newslist .right li:last-child{ border-bottom:none}
.i-newslist .right li h3{ margin-bottom:5px;-webkit-line-clamp:1;}

.footer{ background:#242424;color:#959595; padding:45px 0 45px;position:relative;z-index: 2; font-size:14px;}
.footer a{color:#959595;}
.footer a:hover{ color:#fff}
.footer .top{ background:#fff; border-radius:15px;}
.footer .top li{ width:25%; float:left; display:flex; display:-webkit-flex; justify-content:center; align-items:center; height:66px; position:relative}
.footer .top li img{ margin-right:20px}
.footer .top li p{ color:#666; font-weight:300}
.footer .top li:after{ content:""; width:1px; height:24px; background:#333; position:absolute; right:0;top:50%; margin-top:-12px}
.footer .top li:last-child::after{ display:none}
.footer .mid{ margin:50px 0 60px}
.footer .mid .tel{ margin-top:30px}
.footer .mid .tel span{ display:flex; display:-webkit-flex; align-items:center}
.footer .mid .tel span i{ display:block; width:28px; height:28px; border-radius:50%; border:1px solid rgba(255,255,255,.4); background:url(../images/ico-tel.png) no-repeat center; margin-right:5px}
.footer .mid .tel a{ color:#e50012; font-size:24px; font-family:Calibri; font-weight:bold; pointer-events:none;display: block;}
.flogo img{ height:75px}
.fright h4{ font-size:16px; color:#555557; margin-bottom:10px; font-weight:bold}
.fright h4 a{ color:#fff}
.f-nav li{ float:left; margin-right:80px}
.f-nav .sub a{ display:block;line-height:30px;font-weight:300}
.f-nav .sub a:hover{color:#fff}
.f-contact{ margin-right:65px}
.f-contact p{ line-height:30px; font-size:16px; font-weight:300; padding-left:25px}
.f-contact .add{ background:url(../images/ico-add.png) no-repeat left center}
.f-contact .tel{ background:url(../images/ico-tel.png) no-repeat left center}
.f-contact .mail{ background:url(../images/ico-mail.png) no-repeat left center}
.f-ewm{ text-align:center; margin-left:120px}
.f-ewm img{ display:block; width:120px; margin-bottom:5px}


#szgs_stat_icon_1254945976574017536 img{ height:45px}
.footer .bot{ font-weight:300; font-size:14px; text-align:center; line-height:28px}
.flink{ display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:center;}
.flink a{ display:block; position:relative; padding:0 5px;}
.flink a:after{ content:""; width:1px; height:12px; background:#959595; position:absolute; right:0;top:8px}
.flink li:last-child a::after{ display:none}
/*============================================================*/
.headHeight{ height:100px; position:relative}
.nbanner{ position:relative;overflow:hidden;}
.nbanner img{ display:block; width:100%}

.nbanner img{ display:block; width:100%; height:100%; object-fit:cover}
.nbanner .wrap{ height:100%; position: relative;top:-100%; z-index:2}
.nbanner .nbantit{position: absolute;left:50%;top:40%; -moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%); color:#fff;z-index:2; text-align:center}
.nbanner .nbantit .entit{animation-name: fadeInDown;animation-duration:1s; animation-delay:.1s;animation-fill-mode: both; font-size:60px; font-weight:300}
.nbanner .nbantit .cntit{animation-name: fadeInUp;animation-duration:1s; animation-delay:.1s;animation-fill-mode: both; font-size:35px; text-transform:uppercase}

.navBox{background:#ebebeb}
.inner-nav{position:relative; margin-bottom:40px}
.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center;}
.inner-nav li{width:172px; height:40px; line-height:40px; text-align:center; cursor:pointer; background:url(../images/titbg2.png) no-repeat center; margin:0 5px; -webkit-transition:.4sl;-moz-transition:.4s;transition:.4s}
.inner-nav li a{font-size:16px;color: #fff;display: flex; display:-webkit-flex; justify-content:center; align-items:center;position:relative}
.inner-nav li.cur, .inner-nav li:hover{ background:url(../images/titbg.png) no-repeat center}
.inner-nav li.cur a, .inner-nav li:hover a{ color:#fff}
.lacat{ line-height:40px;color:#eee;font-size:14px; font-weight:300}
.lacat a{color:#eee}

.main{padding:60px 0; position:relative}
.main-news{position:relative;background:url(../images/nbg.jpg) no-repeat bottom center;background-size:cover;background-attachment:fixed}
.main2{background:#faf9f8}
.main .content{ line-height:30px}
.main .content img{ max-width:100%;}
.main .title{ margin-bottom:40px; color:#231815}
.main-news .title{ color:#fff}
.anchor{display: block;top: -100px;visibility: hidden; position:absolute;}
.anchor2{display: block;top:-140px;visibility: hidden; position:absolute;}

.main .content-about{}
.main .content-about p{ margin-bottom:15px}
.culture{ margin-top:40px; position:relative}
.culture .pic{ width:100%}
.culture .pic img{ width:100%; display:block}
.culture .txt{ width:30%; position:absolute; width:80%; padding:3% 5%; left:0;bottom:0; color:#fff;background: -webkit-linear-gradient(left, #e50012 , rgba(229,0,18,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #e50012, rgba(229,0,18,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #e50012, rgba(229,0,18,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #e50012 , rgba(229,0,18,0));}
.culture .txt .ltit{ font-size:26px;} 
.culture .txt .intro{ position:relative; font-size:18px}


.content-about-intro{height:360px;overflow: hidden;overflow-y: auto;padding-right:30px;}
.content-about-intro::-webkit-scrollbar {width: 2px;}
.content-about-intro::-webkit-scrollbar-thumb {background:#006835; border-radius:3px;}
.content-about-intro::-webkit-scrollbar-track {background:#e7e7e7;}



.horlist{ margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #e8e8e8}
.horlist h3{ color:#333; font-size:24px; position:relative; padding-left:20px; margin-bottom:30px}
.horlist h3:before{ content:""; width:5px; height:90%; background:#df1e25; position:absolute; left:0;top:5%;}
.horlist ul{ display:flex; display:-webkit-flex; margin-right:-2%}
.horlist li{ margin-right:2%;}
.horlist .pic{ position:relative;}
.horlist .pic img{ display:block; width:100%}
.horlist .tit{ color:#333; position:relative; padding-left:20px; margin-top:15px}
.horlist .tit:before{ content:""; width:0; height:0; display:block; border-top:5px solid transparent;border-bottom:5px solid transparent; border-left:5px solid #df1e25; position:absolute; left:0;top:9px}
.horlist1 .pic img{ width:auto; height:426px;}
.horlist2 li, .horlist3 li{ width:23%;}
.horlist .more{ margin-top:30px; margin-right:0}

.product-list .item{ margin-bottom:60px; position:relative}
.product-list h3{ text-align:center; font-size:30px; font-weight:bold;color: #231815; margin-bottom:30px}
.product-list ul{ border:1px solid #ddd}
.product-list li{ display:flex; display:-webkit-flex; justify-content:space-between;line-height:45px; position:relative;}
.product-list li:after{ content:""; position:absolute; left:0;bottom:0; transition:.4s; height:0; width:100%}
.product-list li:nth-child(2n){ background:#e5e5e5}
.product-list li>div{ padding:5px 0}
.product-list .colm1{ background:#e50012; color:#fff; display:flex; align-items:center; padding:0 30px;}
.product-list li:nth-child(2n) .colm1{ box-shadow:inset 0 0 2px rgba(0,0,0,.6); background:#d80011}
.product-list .colm1{ width:320px}
.product-list .colm1 span{font-weight:bold; font-family:bebas; padding:0 5px}
.product-list .colm1 .jia{ position:relative; width:10px; height:10px; background:url(../images/jia.png) no-repeat center; margin:0 15px}
.product-list .colm2, .product-list .colm3{ width:15%; text-align:center}
.product-list .colm2 .jiage{ font-size:20px;font-family:bebas;color: #231815;}
.product-list .colm3 .cx{color:#e50012;}
.product-list .colm4{ padding-right:30px}
.product-list .colm4 a{ display:inline-block; line-height:26px; border-radius:25px; border:2px solid #333; padding:0 10px; font-size:14px}
.product-list .colm4 a:hover{background:#e50012; color:#fff; border:2px solid #e50012}
.product-list li:hover::after{height:1px; background:#e50012;}
.product-list-2 li{ margin-bottom:40px}
.product-list-2 img{ display:block; width:100%}

.probannerBox{ position:relative}
.probanner{ background:#0f1010;height:680px}
.probanner a{ position:relative; height:100%; display:block}
.probanner img{ position:absolute; left:50%;top:0; margin-left:-960px; width:auto}
.probannerBox .dzx-infor{ position:absolute;width: 240px;height:520px; background:#fff; border-radius:10px;left: 50%;top:90px; margin-left:385px; z-index:9}
.probannerBox .dzx-infor .con{ padding:0 35px; text-align:center; color:#231815}
.probannerBox .dzx-infor .icon{ margin-top:-30px}
.probannerBox .dzx-infor .icon img{ display:block; margin:0 auto}
.probannerBox .dzx-infor h5{ font-size:16px; margin-top:10px}
.probannerBox .dzx-infor h4{ font-size:26px; margin:5px 0}
.probannerBox .dzx-infor .guige{ border-top:1px dashed #ddd;border-bottom:1px dashed #ddd; padding:5px 0; font-size:15px}
.probannerBox .dzx-infor .xianjia{ margin-top:20px; background:#e50012; border-radius:20px; color:#fff;}
.probannerBox .dzx-infor .xianjia span{ font-weight:bold; font-size:24px}
.probannerBox .dzx-infor .wxsm{ margin-top:10px}
.probannerBox .dzx-infor .wxsm img{ display:block; width:100%}
.main-product{position:relative;background: -webkit-linear-gradient(#faf9f8 , #fef4e0); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#faf9f8, #fef4e0); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#faf9f8, #fef4e0); /* Firefox 3.6 - 15 */
  background: linear-gradient(#faf9f8 , #fef4e0);}
.product-xxnr .pic{ width:40%}
.product-xxnr .pic img{ display:block; width:100%}
.product-xxnr .txt{ width:60%}
.product-xxnr .txt p{ border-bottom:1px solid #333; padding:8px 0}
.dzx-tabbox{ margin-top:20px}
.dzx-tabnav{ display:flex; display:-webkit-flex;}
.dzx-tabnav li{ font-size:20px; margin-right:20px; cursor:pointer; position:relative}
.dzx-tabnav li:after{ content:""; width:0; height:2px; position:absolute; left:50%;bottom:0;-moz-transition:.4s;-webkit-transition:.4s; transition:.4s}
.dzx-tabnav li.cur{color:#e50012}
.dzx-tabnav li.cur::after{ width:100%; background:#e50012; left:0}
.dzx-tabcon{ margin-top:20px}
.dzx-tabcon .item{ display:none}
.dzx-tabcon .item .list{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-right:-2%}
.dzx-tabcon .item a{ border:1px solid #333; color:#231815; display:block; font-size:16px; line-height:42px; width:18%; margin-right:2%; margin-bottom:2%; text-align:center;}
.dzx-tabcon .item a:hover{ background:#e50012; border:1px solid #e50012; color:#fff}
.main-product-2 .pic-tihuo{ background:#b17f42; text-align:center}
.main-product-2 .pic-tihuo .title{ color:#fff}
.main-product-2 .pic-tihuo img{ display:block; margin:0 auto; max-width:100%}
.main-product-2 .pic-list img{ display:block; width:100%}
.main-shouhou{ background:url(../images/shouhoubg.jpg) no-repeat center; background-size:cover}
.shouhou-list1, .shouhou-list2{ margin-bottom:40px}
.shouhou-list1>h3, .shouhou-list2>h3{ font-size:26px; color:#e50012; margin-bottom:20px}
.shouhou-list1 ul{ display:flex; display:-webkit-flex; justify-content:space-between}
.shouhou-list1 li{ width:48%;display:flex; display:-webkit-flex;}
.shouhou-list1 .txt{ padding-top:50px}
.shouhou-list1 .txt p{ margin-top:10px}
.shouhou-list2 ul{display:flex; display:-webkit-flex; border-bottom:1px solid #666}
.shouhou-list2 li{ width:25%; padding:0 2%; text-align:center; font-size:18px; position:relative; padding-bottom:20px;}
.shouhou-list2 li:after{ content:""; width:12px; height:12px; background:#e50012; border-radius:50%; position:absolute; left:50%; margin-left:-6px; bottom:-6px;}
.shouhou-list2 img{ max-width:100%; height:auto}
 
.content-news{ background:#fff; padding:60px 100px}
.news-list ul{}
.news-list li{position:relative;margin-bottom:50px}
.news-list li:after{ content:""; width:66%; height:1px; background:#e8e8e8; position:absolute; right:0;bottom:0}
.news-list li a{ display:block; position:relative; z-index:2;}
.news-list .pic{ position:relative; overflow:hidden; width:30%;}
.news-list .pic:after{content: "";display: block;padding-top: 62%;}
.news-list .pic img{ display:block;left: 0;position: absolute;top: 0;width: 100%; height:100%; object-fit:cover;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.news-list .txt{ width:66%; padding-right:200px; position:relative;}
.news-list .txt .time{display: block;color: #666; font-weight:300;font-size: 14px; position:absolute; right:0;top:0; line-height:30px; padding-top:5px}
.news-list .txt .time span{ display:block}
.news-list .txt .time .day{font-size:45px;line-height: 50px;}
.news-list .txt h3{font-size:22px;line-height: 30px;color: #231815;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;text-overflow: ellipsis;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s}
.news-list .txt .intro{font-size:14px; color:#666; line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow: ellipsis; min-height:48px; font-weight:300; margin:20px 0 25px;}
.news-list .more{ display:inline-block; line-height:30px; border:2px solid #231815;padding: 0 25px; border-radius:20px; font-size:14px; -moz-transition:.4s;-webkit-transition:.4s;transition:.4s;}
.news-list .txt .time2{ display:none; font-size:12px;color: #666; line-height:20px;}

.news-list li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.news-list .more:hover{ background:#e50012; border:2px solid #e50012; color:#fff}

.main-news-xq{ padding:0 !important}
.news-container{}
.newstit{font-size:30px;color: #231815;line-height:35px;text-align:center;position:relative; margin-bottom:20px;}
.newstit02{border-bottom: 1px solid #e5e5e5;padding-bottom:10px; margin-bottom:20px;}
.newstm{ font-size:13px; color:#999;text-align:center;margin-bottom:30px; background:#f7f7f7; border:1px dashed #ddd; line-height:30px}
.newstm span{ margin:0 10px}
.news-article{ line-height:30px}
.news-article img{ max-width:100%}
.news-article p{margin-bottom:10px}
.page_2{ margin-top:50px; position:relative}
.page_2 P{ font-size:14px; margin-bottom:0; width:35%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.page_2 .more{ position:absolute; top:3px; left:50%;margin-left: -65px;font-size: 14px;width: 130px;border:2px solid #231815;border-radius:20px; text-align:center; line-height:36px;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;}
.page_2 .more:hover{background:#e50012; border:2px solid #e50012; color:#fff}
.page_2 P a:hover{ opacity:.8}
.newsRelated{ margin-top:100px}
.newsRelated .title{ color:#231815}
.newsRelated .pic{ position:relative; overflow:hidden; width:100%;}
.newsRelated .pic:after{content: "";display: block;padding-top:58.5%;}
.newsRelated .pic img{ display:block;left: 0;position: absolute;top: 0;width: 100%; height:100%; object-fit:cover;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.newsRelated .txt{ padding-top:10px}
.newsRelated h3{line-height: 28px;color: #231815;font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.newsRelated .time{ font-size:13px; font-weight:300; color:#999}
.newsRelated .swiper-slide:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.newsRelated .swiper-pagination{ display:none;}
.newsRelated .swiper-pagination-bullet{ width:6px; height:6px;}
.newsRelated .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}
.newsRelated .swiper-pagination-bullet-active{ background:#e50012}

.main-service{ padding-top:20px}
.content-service{background:#fff; position:relative}
.content-service .left{ position:absolute; left:0;top:0; background:#e6e6e6; width:210px; height:100%; padding:30px 0}
.content-service .left a{ display:block; color:#231815}
.content-service .left h4 a{ padding:0 20px 15px 40px; font-weight:bold}
.content-service .left li{ margin-bottom:30px}
.content-service .left .sub a{display: block;padding-left: 40px;line-height: 32px;position: relative;font-size: 14px;margin-bottom: 1px;}
.content-service .left .sub a:before{ content:""; width:0; height:100%; background:#e50012; position:absolute; left:0;top:0;-moz-transition:.4s;-webkit-transition:.4s; transition:.4s}
.content-service .left .sub a.cur {background: #fff;color: #e50012;font-weight:bold;}
.content-service .left .sub a.cur:before{ width:3px}
.content-service .right{ background:#fff; width:calc(100% - 210px); padding:30px 60px 100px; min-height:600px}
.content-service .right .toptit{font-size: 22px;color:#231815;margin-bottom: 30px;}
.content-service .right h3{ margin-bottom:5px;}
.jianbie li{ display:flex; display:-webkit-flex; align-items:flex-start; margin-bottom:15px}
.jianbie .pic{ width:300px}
.jianbie .txt{ width:calc(100% - 300px); padding-left:50px; padding-top:20px}
/*===========================contact================================*/
.main .content-contact{ font-size:16px; line-height:26px;}
.content-contact .title{ font-size:32px; margin-bottom:60px}
.contact-top{ display:flex; display:-webkit-flex; align-items:center}
.contact-top .pic{ width:700px}
.contact-top .txt{ width:calc(100% - 700px); padding-left:100px;}
.contact-top .txt li{ margin-bottom:40px}.contact-top .txt li:last-child{ margin-bottom:0}
.contact-top .txt h3{font-size:24px;font-weight:bold; position:relative; display:inline-block; line-height:35px; margin-bottom:10px}
.contact-top .txt h3:before{ content:""; width:100%; height:3px; display:block; background:#e50012; margin-bottom:5px}
.contact-list{ margin-top:40px; border-top:1px solid #ddd; padding-top:40px}
.contact-list .toptit{ font-size:32px; text-align:center; line-height:45px; color:#231815}
.contact-list .tel{ text-align:center; font-size:26px; line-height:45px; margin:15px 0}
.contact-list .tel a{ pointer-events:none}
.contact-list .store{ border:1px solid #333; margin-top:30px}
.contact-list .tab{ display:flex; display:-webkit-flex; justify-content:center;border-bottom:1px solid #333}
.contact-list .tab a{line-height:60px; font-size:20px; text-align:center; cursor:pointer; padding:0 20px; border-left:1px solid #333; color:#231815}
.contact-list .tab a:last-child{border-right:1px solid #333;}
.contact-list .tab a.cur{ background:#e50012; color:#fff}
.contact-list .storeCon{position:relative;  padding:60px 45px}
.contact-list .storeCon .item{ visibility:hidden;height:0; transition:0; overflow:hidden}
.contact-list .storeCon .item.cur{ visibility:visible; height:auto}
.contact-list .storeCon .txt{ display:flex; display:-webkit-flex;margin-bottom:40px;}
.contact-list .storeCon .txt .wx{ width:50%; text-align:right; padding-right:30px}
.contact-list .storeCon .txt .wx img{ display:block; width:200px;}
.contact-list .storeCon .txt .wx p{font-size:14px}
.contact-list .storeCon .txt .wxcon{width:200px; display:inline-block;text-align: center;}
.contact-list .storeCon .txt .intro{ width:50%;}
.contact-list .storeCon .txt .intro h3{ font-size:18px; font-weight:bold; color:#231815}
.contact-list .storeCon .txt .intro p{ margin-top:10px}
.contact-list .storeCon .txt .intro p a{ pointer-events:none; color:#404040}
.contact-list .storeCon .txt .intro h4{ display:inline-block; background:#ccc; border-radius:5px; line-height:20px; margin-top:10px;padding: 0 5px;font-size: 14px;}

.message .ts{ text-align:center; margin-top:-30px; margin-bottom:30px}
.message .item{ margin-bottom:1%; float:left; width:49.5%; position:relative}
.message .item:nth-child(even){ float:right}
.message label{ display:block;line-height:58px; color:#999;position:absolute; left:15px;top:0;bottom:0;}
.message label span{ margin-right:5px;}
.message input[type=text], .message textarea {display: block;width: 100%;border: 0;background:#fff; padding: 0 10px; padding-left:90px; line-height:60px;color: #333;font-size: 16px;}
.message .item:nth-child(4) input[type=text]{ padding-left:100px}


.message .item2{ width:100%}
.message .item2 label{ bottom:auto;top:0}
.message textarea{ height:61px}
.message .item3{ float:left !important; width:100%}
.message .yzm[type=text]{ padding-left:85px; width:30%; float:left}
.message .submit{ width:120px; height:45px; line-height:45px; border:0; color:#fff; font-size:16px;border-radius:5px; text-transform:uppercase; cursor:pointer; transition:.5s; display:block; margin:0 auto;background: -webkit-linear-gradient(120deg, #22bcf0, #013e96);
    background: -o-linear-gradient(120deg, #22bcf0, #013e96);
    background: -moz-linear-gradient(120deg, #22bcf0, #013e96);
    background: linear-gradient(120deg, #22bcf0, #013e96);}
.message .submit:hover{border-radius:25px}
.message02 .item:nth-child(8) input[type=text]{ padding-left:100px}


#allmap, #allmap2{width:100%;height:500px;line-height:22px; font-size:14px; border:1px solid #e2e2e2; margin-top:20px}
.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;
}

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


.float_kf{ position:fixed;right:10px; bottom:20%;z-index:99}
.float_kf li{ width:70px; text-align:center;color:#fff; position:relative;background:#e50012; font-size:14px}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s; cursor:pointer}
.float_kf li a{ display:block; background:#e50012; color:#fff;padding:10px 0;}

.float_kf li .hd{ display:none}
.float_kf .qq a{background:#c30d23;}
.float_kf .qq i{ width:24px; height:25px; background:url(../images/fl-ico5.png) no-repeat; margin:0 auto 6px; display:block}

.float_kf .mes{ border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden}
.float_kf .mes i{ width:24px; height:25px; background:url(../images/fl-ico1.png) no-repeat; margin:0 auto 6px; display:block}

.float_kf .tel{padding:10px 0}
.float_kf .tel i{ width:25px; height:25px; background:url(../images/fl-ico2.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .tel .hd{ height:100%; background:#e50012; color:#fff; font-size:20px; position:absolute;right:70px;top:0;text-align:left;padding:8px 0 0 30px; width:200px}
.float_kf .tel .hd span{ display:block; font-size:14px}
.float_kf .tel .hd p{ float:left; margin-left:20px}

.float_kf .wx{ padding:10px 0; background:#c30d23}
.float_kf .wx i{ width:29px; height:25px; background:url(../images/fl-ico3.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .wx .hd{ position:absolute; right:70px;top:0; margin-top:-50px; background:#c30d23;padding:20px;color:#fff}
.float_kf .wx .hd img{ width:120px; display:block; margin-bottom:3px}

.float_kf .backtop{ border-bottom-left-radius:10px; border-bottom-right-radius:10px; overflow:hidden}
.float_kf .backtop i{ width:24px; height:25px; background:url(../images/fl-ico4.png) no-repeat; margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#fff;background:#e50012;}

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

.main-tuang{ background:#111 url(../images/bowen2.png) repeat-x top 40px left; padding-top:150px !important}