﻿@charset "UTF-8";
.container,.head_main,.wrap,.index-container,.foot-main{padding-right: 15px;padding-left: 15px;margin:0 auto;}
@media (min-width: 768px) {
	.wrap,.container{ width: 750px;}
}
@media (min-width: 992px) {
    .wrap,.container,.head_main,.index-container,.foot-main{width: 970px;}
}
@media (min-width: 1260px) {
 	.wrap,.container,.head_main,.index-container,.foot-main{ width: 1230px;}
}
@media (min-width: 1460px) {
  .container,.head_main,.index-container{ width: 1430px;}
}
@media (min-width: 1760px) {
  .index-container{ width: 1730px;}
}

.header {z-index: 1000;position: fixed; top: 0;height:120px; width: 100%;background: white;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.header.white{background: white;border-color: rgba(0,0,0,0.1);}
.header:hover{background: white;border-color: rgba(0,0,0,0.1);}
.header::after{position: absolute;content: '';width: 32.8%;height: 100%;right: 0;top: 0;background: url(../images/head-bg.jpg) no-repeat center;}

/*===============下拉==============*/
.header .logo{padding: 30px 0; float: left;}
.header .logo img{float: left;}
.logo-font{margin-left: 190px;margin-top: 13px; padding-left: 15px; border-left: solid 1px #d70b24;transform: skewX(-10deg); }
.logo-font h3{font-size: 20px;color: #d70b24;line-height: 22px;font-weight: bold;margin-bottom: 7px;}
.logo-font h4{font-size: 22px;color: #333;line-height: 50px;}
.header_in{position: relative;z-index: 3;}
.navbar{float: left;margin-left:38px;}
.navbar *{-webkit-box-sizing: border-box;box-sizing: border-box;}
.category-item{float: left;position: relative;}
.category-item-single .category-a{color: white;}
.category-a{padding: 0 35px;display: block;font-size: 18px;line-height: 120px;color: #333;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;position: relative;}
.category-a.on,.category-a:hover{color: #d1352d;background: #fbfbfb;}
.category-a::after{content: '';width:0;height: 3px;background: #d1352d;position: absolute;top: 0;left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.category-item-single .category-a::after,.category-item-single:hover .category-a::after{background: white;}
.category-item-single .category-a.on,.category-item-single .category-a:hover{color: white;background: rgba(255,255,255,0.2);}
.category-item.active .category-a::after,.category-item:hover .category-a::after{width: 100%;}
.category-item.active .category-a,.category-item:hover .category-a{color:#d1352d; }
.category-item-single.active .category-a,.category-item-single:hover .category-a{color: white;}
.dropdown-menu.single { position: absolute;top: 100%;left: 50%; -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);z-index: 1100;background: rgba(255,255,255,1); margin-top: 0; max-height: 0;opacity: 0;overflow: hidden;-webkit-transition: max-height .5s;-o-transition: max-height .5s;transition: max-height .5s; border: none; color: #303233; box-shadow: 0 0 10px rgba(0,0,0,0.15);height: auto;padding: 0; display: block;}
.dropdown-menu.single ul{padding: 0px 0;}
.dropdown-menu.single li{ display: block;width: 100%;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: relative;}
.dropdown-menu.single li:last-child{border-bottom: 0;}
.dropdown-menu.single li>a{padding: 0 60px; display: block; font-size: 16px;color: #666;line-height: 59px;border-top: solid 1px #efefef;text-align: center; white-space: nowrap; width: 100%; height: auto; background: 0 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.dropdown-menu.single li:hover a{color:#d1352d;}
.category-item:hover .dropdown-menu.single{max-height: 450px;opacity: 1;}
.nav-search{cursor: pointer;float: right;height: 120px;width: 44px;position: relative;background: url(../images/nav-search.png) no-repeat right 3px center;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.search-box{position: absolute;right:-8px;top:90px;font-size: 0;width:320px;height:0;z-index: 100;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;opacity: 0;overflow: hidden;}
.nav-search:hover .search-box{opacity: 1;height:52px;padding-top:6px;}
.search-box .search{border: solid 1px #dbdbdb; width:260px;height:46px;background:#fff;display: inline-block;vertical-align: top;font-size: 14px;padding:0 15px;color: #666;}
.search-box .butt{width:60px;height:46px;background:#d1352d url(../images/nav-search.png) no-repeat center;display: inline-block;vertical-align: top;font-size: 14px;color: #fff;text-align:center;line-height:46px;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.search-box .butt:hover{background-color:#fe1d12;}
.language {float: right;position: relative; margin-top:45px;width: 30px;}
.language-text {background: url(../images/lanu.png) no-repeat right center; display: block;color: rgba(255,255,255,1); line-height: 30px; font-size: 14px;font-family: arial; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s;transition: all .3s;}
.language-list { position: absolute; top: 100%;right: 0; z-index: 10; background: #fff; padding: 0px 0; -webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,.05); box-shadow: 0 2px 4px 2px rgba(0,0,0,.05); opacity: 0; visibility: hidden; -webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.language-list a { display: block; padding: 10px ; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.language:hover .language-list {opacity: 1;visibility: visible;}
.language-list a:hover {color: #d1352d;}

/*app-头部*/
.header-app{background: white; display: none;position: fixed;top: 0;left: 0;width: 100%;height: 60px;z-index: 500; -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);-o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);}
.header-app.open-menu{height: 100%; background: #fff;-webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);-o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);}
.navbar-app{ position: relative;  -webkit-box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);box-shadow: 3px 0 7px 0 rgba(0,0,0,.1); height: 60px;text-align: center; }
.header-app .logo{ float: left; height: 60px; vertical-align: middle;padding: 12px 15px;}
.header-app .logo img{ height:100%;}
.navbar-togger {float: right; background: transparent;border: none;padding: 22px 15px; display: inline-block;visibility: visible;transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96),opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1),-webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);}
.navbar-togger .icon_bar { width: 24px; height: 2px; background-color: #d1352d;opacity: 1;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.navbar-togger .icon_bar:nth-of-type(2) { margin:5px 0;}
.open-menu .navbar-togger .icon_bar:nth-of-type(2) { opacity: 0;}
.open-menu .navbar-togger .icon_bar:first-child { -webkit-transform: translate(0,7px) rotate(45deg);-ms-transform: translate(0,7px) rotate(45deg); transform: translate(0,7px) rotate(45deg);}
.open-menu .navbar-togger .icon_bar:last-child {-webkit-transform: translate(0,-7px) rotate(-45deg);-ms-transform: translate(0,-7px) rotate(-45deg);transform: translate(0,-7px) rotate(-45deg);}
.nav-menu{position: absolute;top: 60px;left: 0;bottom: 0;right: 0; width: 100%;z-index: 620;padding:20px 15px; overflow-x: hidden;overflow-y: auto;visibility: hidden;-webkit-transition: visibility 0s linear 1s;-o-transition: visibility 0s linear 1s;transition: visibility 0s linear 1s;}
.header-app.open-menu .nav-menu{visibility: visible;-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.nav-list li{border-bottom: 1px solid #cfcfcf;opacity: 0; pointer-events: none;}
.nav-list li.open{border-bottom: none;}
.header-app.open-menu .nav-list li{ opacity: 1;pointer-events: auto;-webkit-transform: none;-ms-transform: none;transform: none;}
.nav-list li:nth-child(1){-webkit-transform: translateY(-44px);-ms-transform: translateY(-44px);transform: translateY(-44px);transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s,transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s,-webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;}
.header-app.open-menu .nav-list li:nth-child(1){transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s,transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s,-webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;}
.nav-list li:nth-child(2){-webkit-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s,transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s,-webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;}
.header-app.open-menu .nav-list li:nth-child(2){transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s,transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s,-webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;}
.nav-list li:nth-child(3){-webkit-transform: translateY(-36px);-ms-transform: translateY(-36px);transform: translateY(-36px);transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s,transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s,-webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;}
.header-app.open-menu .nav-list li:nth-child(3){transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s,transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s,-webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;}
.nav-list li:nth-child(4){-webkit-transform: translateY(-32px);-ms-transform: translateY(-32px);transform: translateY(-32px);transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s,transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s,-webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;}
.header-app.open-menu .nav-list li:nth-child(4){transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s,transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s,-webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;}
.nav-list li:nth-child(5){ -webkit-transform: translateY(-28px);-ms-transform: translateY(-28px);transform: translateY(-28px);transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s,transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s,-webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;}
.header-app.open-menu .nav-list li:nth-child(5){transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s,transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s,-webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;}
.nav-list li:nth-child(6){-webkit-transform: translateY(-24px);-ms-transform: translateY(-24px);transform: translateY(-24px);transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s,transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s,-webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;}
.header-app.open-menu .nav-list li:nth-child(6){transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s,transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s,-webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;}
.nav-list li:nth-child(7){-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s,transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s,-webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;}
.header-app.open-menu .nav-list li:nth-child(7){transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s,transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s,-webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;}
.nav-list li:nth-child(8){-webkit-transform: translateY(-16px); -ms-transform: translateY(-16px);transform: translateY(-16px);transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s,transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s,-webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;}
.header-app.open-menu .nav-list li:nth-child(8){ transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s,transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s,-webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;}
.cate-item{position: relative;}
.cate-item a{font-size: 16px;line-height: 48px; margin-right: 60px; display: block; color: #444;}
.nav-list li.active .cate-item a,.nav-list li.open .cate-item a{color: #d1352d}
.category-cont a:last-child{border:none;}
.category-cont a.active{color:#d1352d;}
.category-tig{font-size: 14px; color: #888;text-align: right;line-height: 48px;width: 50px; height: 48px; position: absolute; right: 0;top: 0;z-index: 2;}
.category-tig::before,.category-tig::after{ content: '';background: #888; position: absolute; top:50%; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.category-tig::before{ width:16px; height: 2px; right:0; margin-top:-1px;}
.category-tig::after{ width:2px;height: 16px;margin-top: -8px;right:7px;}
.nav-list li.open .category-tig::after{ opacity: 0;}
.nav-list li.open .category-tig::before{background: #d1352d;}
.category-cont{display: none;}
.nav-list li.open .category-cont{display: block;border-top:solid 1px #cfcfcf;border-bottom:solid 1px #cfcfcf;}
.category-pad{ padding: 0 15px;}
.category-cont a {line-height:40px;border-bottom: 1px solid #cfcfcf; display: block; color: #666;}
.category-pad a.active{color: #d1352d;}
.app-sousuo{line-height: 22px; border-right: solid 1px #d1352d;padding-right: 15px; color: #d1352d;float: right;font-size: 22px !important;margin-top: 19px;}
.alert-search{display: none; position: fixed;width: 100%;height: 100%;background: rgba(255,255,255,0.9);top: 0;left: 0;z-index: 9999;}
.alert-top{height: 60px;background: #fff;padding:10px 15px;border-bottom: solid 1px rgba(0,0,0,0.1);}
.alert-top .text{border-radius: 0px; height: 40px;background: none;border: solid 1px rgba(0,0,0,0.1);width: 80%;float: left;color: #666;padding: 0 10px;}
.alert-top .search{ background: url(../images/search-app.png) no-repeat center;width: 10%;height: 26px;float: left;margin-top: 7px;}
.alert-top span{color: #666;float: right;font-size: 30px !important;margin-top: 5px;width: 10%;text-align: center;}
.app-lanu{text-align: center;padding: 20px 0;}
.app-lanu a{display: inline-block;padding: 0 10px;line-height: 24px;color: #666;}
.app-lanu a.active{color: white;background: #d1352d;border-radius: 30px;}


.banner{margin-top: 120px;padding-right: 110px;background: url(../images/banner-bg.jpg) no-repeat right center;}
.banner img{display: block;width: 100%;}
.banner img.app-banner{display: none;}
.banner-font{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.banner-font h3{font-family: 'akm';opacity: 0;transform: translateY(-20px);transition: all 1s .5s;font-size: 52px;color: #fff;line-height: 50px;}
.banner-font h3 sup{
    font-size: 28px;
}
.banner-font h4{margin-bottom: 25px;opacity: 0;transform: translateY(-20px);transition: all 1s .7s;font-size: 60px;color: #fff;line-height:60px;}
.banner-font h5{font-size: 24px;opacity: 0;transform: translateY(-20px);color: #fff;line-height: 24px;margin-bottom: 20px;transition: all 1s .7s;}
.banner-line{width: 80px;height: 3px;background: #d70b24;margin: 27px 0 ;opacity: 0;transform: translateY(-20px);transition: all 1s .5s;}
.banner-more{ opacity: 0;transform: translateY(-20px);transition: all 1s 1s;position: relative;z-index: 1;overflow: hidden;border: solid 1px #d70b24; width: 180px;height: 52px;display: block;margin-top: 105px;color: white;background: #d70b24 url(../images/banner-more.png) no-repeat left 38px center;line-height:50px;font-size: 16px;padding: 0 36px 0 78px;}
.banner-more:hover{background-color: transparent;}
.banner .swiper-slide-active .banner-more,.banner .swiper-slide-active .banner-font h5,.banner .swiper-slide-active .banner-font h3,.banner .swiper-slide-active .banner-font h4,.banner .swiper-slide-active .banner-line{opacity: 1;transform:translateY(0);}
.banner .swiper-pagination{bottom: 30px !important;}
.banner .swiper-pagination-bullet{opacity: 1; width: 50px;height: 3px;background: #333;margin: 0px 5px !important;border-radius: 0;}
.banner .swiper-pagination-bullet-active{background: #d70b24;}
.banner .swiper-button-next,.banner .swiper-button-prev{color: white; width: 55px;height: 55px;border-radius: 50%;background: #333333;line-height: 55px;text-align: center;font-size: 30px;margin-top: -27.5px;}
.banner .swiper-button-prev{left: auto;right: 237px;}
.banner .swiper-button-next{left: auto;right: 150px;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background: #d70b24;}

/**/
.foot{background: #222222;}
.foot-top{padding: 57px 0 63px;border-bottom: solid 1px #4e4e4e;}
.foot-left{float: left;overflow: hidden;}
.foot-left dl{float: left;width: 150px;}
.foot-left dl:last-child{width: auto;}
.foot-left dt a{margin-bottom: 28px; display: block;font-size: 16px;color: #fff;line-height: 66px;border-bottom: solid 1px #393939;}
.foot-left dd a{display: block;font-size: 14px;color: #aaa;line-height: 24px;}
.foot-right{float: right;padding-top: 24px;}
.foot-right h3{text-align: right; font-size: 18px;color: white;line-height: 24px;}
.foot-right h4{text-align: right;font-size: 22px;color: white;line-height: 28px;margin-top: 13px;font-family: akm;letter-spacing: 2px;}
.foot-line{float: right;margin: 25px 0 40px;width: 36px;height: 2px;background: #d70b24;}
.foot-img{text-align: right;}
.foot-bot{padding: 23px 0 20px;}
.foot-bot p{width: 50%; float: left;line-height: 24px;font-size: 14px;color: rgba(255,255,255,0.5);}
.foot-bot p a{color: rgba(255,255,255,0.5); margin-left: 10px;;}
.foot-bmid{float: right;margin-right: 60px; /*line-height: 24px;*/font-size: 14px;color: rgba(255,255,255,0.5); margin-top: -20px;}
.foot-bmid a{color: rgba(255,255,255,0.5);}
.foot-br{float: right;line-height: 24px;font-size: 14px;color: rgba(255,255,255,0.5); margin-top:  -23px;}
.foot-br a{color: rgba(255,255,255,0.5);}
.foot a:hover{color: white;}

/*app-底部*/
.foot-app{width:100%;display: none;background: #222;padding-bottom: 60px;}
.foot-pad{padding: 0 15px;}
.footer-tit{position: relative;border-bottom:1px solid  #393939;}
.open .footer-tit a{color: #fff;}
.footer-tit a{ font-size:16px;color: #d0d0d0;line-height:48px;margin-right: 48px;display: block;}
.footer-tig {font-size: 14px; color: #d0d0d0; text-align: right; line-height: 48px; width: 20px;height: 48px;position: absolute;right: 0px;top: 0;z-index: 2;}
.footer-tig::before,.footer-tig::after {content: '';background:  rgba(255,255,255,0.6);position: absolute;top:50%;transition: all .3s;left: 50%;}
.footer-tig::before {width: 18px;height: 2px;margin-left: -8px;}
.footer-tig::after {width: 2px;height: 18px;margin-top: -8px;}
.footer-item.open .footer-tig::after{opacity:0;}
.footer-item.open .footer-tig::before{background: #fff;}
.footer-cont{display: none;border-bottom: solid 1px  #393939;padding: 0 15px;}
.footer-cont a{text-transform: uppercase; line-height: 40px;color:  #aaaaaa;display: block; font-size: 14px;border-bottom: solid 1px  #393939;}
.footer-cont a:last-child{border:none;}
.footer-item.open .footer-cont a.active{color: #fff;}
.footer-bot{padding:0 15px;}
.footer-link{padding:15px 0;}
.footer-link,.footer-link a{font-size: 14px;color: #888787;line-height: 24px;}
.footer-top{padding:25px 0;border-bottom:solid 1px #393939;}
.footer-left{float: left;width: 65%;}
.footer-left h3,.footer-left h4{font-size: 16px;color: #fff;line-height: 24px;}
.footer-line{margin: 25px 0;width: 36px;height: 2px;background: #d70b24;}
.footer-right{float: right;}
.footer-right img{display: block;}
.footer-right p{margin-top: 10px;line-height: 17.5px;color: #666666;font-size: 12px;text-align: center;}
.footer-two{overflow: hidden;padding: 15px;}
.foter-left {line-height: 24px;font-size: 14px;color: rgba(255,255,255,0.5);}
.foter-left a{color: rgba(255,255,255,0.5);}
.footer-bmid{line-height: 24px;font-size: 14px;color: rgba(255,255,255,0.5);}
.footer-bmid a{color: rgba(255,255,255,0.5);}


@media (max-width: 1680px) {
	.category-a{padding: 0 16px;}
}
@media (max-width: 1459px) {
	.category-a{padding: 0 5px;}
	.navbar{margin-left: 15px;}

}
@media (max-width: 1259px) {
	.logo-font{display: none;}
	.navbar{margin-left: 25px;}
	.category-a{padding: 0 7px;}
	.nav-search{width: 30px;}
	.header::after{width: 39%;}
	.foot-nav a{margin-right: 33px;}
	
}
@media  (max-width: 991px) {
	.banner .swiper-button-next, .banner .swiper-button-prev{display: none;}
	.header,.foot,.kf{display: none !important;}
	.header-app,.foot-app,.kefu{display: block;}
	.banner{margin-top: 60px;padding-right: 0;}
	.banner-font h3{font-size: 40px;line-height: 40px;}
	.banner-line{width: 50px;margin: 12px 0;}
	.banner-font h4{font-size: 40px;line-height: 40px;}
	.banner-font h5{font-size: 18px;line-height: 18px;}
	.banner-more{width: 130px;height: 35px;line-height: 35px;font-size: 14px;padding: 0 15px 0 50px;background-position: left 15px center;margin-top: 30px;}
	.banner .swiper-pagination-bullet{width: 30px;}
	.banner img.app-banner{display: block;height: 350px;}
	.banner img.pc-banner{display: none;}
	.banner .swiper-pagination{bottom: 23px !important;}
}
@media  (max-width: 767px) {
	.header-app .logo img{width: 105px;height: 36px;}
	.footer-right img{width: 100%;}
	.banner-font h3 sup{
		
font-size: 16px;
	}
	.banner-font h3{font-size: 26px;line-height: 26px;margin-bottom: 10px;}
	.banner-font h4{font-size: 16px;line-height: 1;}
	.banner-font h5{font-size: 20px;line-height: 1;line-height: 26px;}
	.banner-font h6{font-size: 16px;line-height: 24px;margin-bottom: 30px;}
	.banner-font{top: 50% !important;transform: translateY(-50%);}
}


/*============首页====================*/
.index-one{padding: 76px 0 70px;}
.index-top{position: relative;}
.index-tit{font-size: 42px;color: #333;line-height: 50px;float: left;}
.index-dec{float: right;font-size: 20px;color: #333;line-height: 50px;}
.index-nav{position: absolute; height: 100%;left: 50%;top: 0;transform: translateX(-50%);}
.index-nav a{position: relative; margin: 0 35px; float: left; display: block;font-size: 20px;color: #333333;line-height: 47px;}
.index-nav a::after{content: '';width:0;height: 3px;background: #d1352d;position: absolute;bottom: 0;left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.index-nav a.on::after,.index-nav a:hover::after{width: 100%;}
.ino-swiper{margin-top: 75px;}
.ino-box{position: relative;display: none;}
.ino-box.on{display: block;}
.ino-box .swiper-button-prev{font-size: 28px;font-weight: bold;left: -100px; width: 48px;height: 48px;border-radius: 50%;background: #f8f8f8;color: #d8122a;text-align: center;line-height: 48px;margin-top: -24px;}
.ino-box .swiper-button-next{font-size: 28px;font-weight: bold;right: -100px; width: 48px;height: 48px;border-radius: 50%;background: #f8f8f8;color: #d8122a;text-align: center;line-height: 48px;margin-top: -24px;}
.ino-box .swiper-button-prev:hover,.ino-box .swiper-button-next:hover{color: white;background: #d70b24;}
.ino-box .swiper-pagination{width: 100%;display: none;}
.ino-box .swiper-pagination-bullet{margin: 0 5px;}
.ino-box .swiper-pagination-bullet-active{background: #d1352d;}
.ino-big{margin: 0 -5px;}
.ino-left{float: left;width: 33.3333333333%;padding: 0 5px;}
.ino-lpic{width: 100%;overflow: hidden;}
.ino-lpic img{transition:all .5s;display: block;width: 100%;}
.ino-font{background: #fdf9f6;border-bottom: solid 2px #d60d26;padding: 28px 40px 33px;}
.ino-font h3{color: #333;font-size: 22px;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ino-font p{font-size: 14px;color: #838280;margin: 14px 0 36px;line-height: 18px;height: 36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ino-font span{display: block;background: url(../images/ino-span.png) no-repeat center;width: 24px;height: 20px;}
.ino-left:hover img{transform: scale(1.05);}
.ino-left:hover h3{color: #d70b24;}
.ino-right{width: 66.6666666666%;float: left;}
.ino-list{margin-bottom: 10px; position: relative; display: block;width: 50%;padding: 0 5px;float: left;}
.ino-pic{width: 100%;overflow: hidden;}
.ino-pic img{display: block;width: 100%;transition: all .5s;}
.ino-tit{transition: all .5s;position: absolute;width: 100%;left: 0;padding: 0 35px;top: 50%;transform: translateY(-50%);}
.ino-tit h3{margin-bottom: 12px; font-size: 24px;color: white;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ino-tit h4{font-size: 20px;font-family: arial; color: white;line-height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ino-list:hover  img{transform: scale(1.05);}

/**/
.index-two{padding: 75px 0 80px;background: url(../images/int-bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;}
.int-tit{font-size: 42px;color: white;line-height: 50px;text-align: center;}
.int-line{width: 34px;height: 3px;background: #d70b24;margin: 30px auto 26px;}
.int-dec{font-size: 18px;color: white;text-align: center;line-height: 36px;}
.index-two ul{margin-top: 70px;margin-bottom: 100px;}
.index-two li{width: 33.33333333%;float: left;border-right: solid 1px #fff;}
.index-two li:last-child{border-right: none;}
.int-icon{width: 88px;height: 88px;margin: 0 auto;overflow: hidden;position: relative;}
.int-icon img{display: block;width: 100%;position: relative;z-index: 2;}
.int-icon::after{position: absolute;content: '';width: 0%;height: 0%;border-radius: 50%;background: #d60c25;left: 50%;top: 50%;transition: all .5s;}
.index-two li:hover .int-icon::after{width: 100%;height: 100%;left: 0;top: 0;}
.index-two li h3{font-size: 24px;color: #fff;line-height: 36px;text-align: center;margin: 33px 0 9px;}
.index-two li p{opacity: 0;transform: translateY(10px);transition: all .5s; font-size: 14px;color: rgba(255,255,255,0.7);line-height: 24px;text-align: center;}
.index-two li:hover p{opacity: 1;transform: translateY(0);}
.index-more{transition: all .5s; display: block;width: 156px;height: 38px;text-align: center;line-height: 38px;margin: 0 auto;font-family: arial;font-size: 14px;background: white; color: #d70b24;}
.index-more1{transition: all .5s; display: block;width: 156px;height: 38px;text-align: center;line-height: 38px;margin: 0 auto;font-family: arial;font-size: 14px;background: #c90518; margin-top:-50px; margin-bottom:30px;color: #ffffff;}
.index-more1:hover{color: #333}
.index-more:hover{color: white;background: #d70b24;}

/**/
.index-three{padding: 76px 0 133px;}
.ine-swiper{position: relative; margin-top: 75px; box-shadow: 0 0 20px 2px rgba(0,0,0,0.1);padding: 70px;}
.ine-swiper ul{position: relative;overflow: hidden;}
.ine-swiper ul::after{position: absolute;content: ''; width: 100%;height: 100%;border-left: solid 1px #fff;border-right: solid 2px #fff;left: 0;top: 0;}
.ine-swiper ul::before{position: absolute;content: ''; width: 100%;height: 100%;border-top: solid 1px #fff;border-bottom: solid 1px #fff;left: 0;top: 0;}
.ine-swiper li{border: solid 1px rgba(183,183,183,.22); width: 16.666666666%;float: left;overflow: hidden;}
.ine-swiper li img{display: block;width: 100%;transition: all .5s;}
.ine-swiper .swiper-pagination{width: 100%;bottom: -53px;left: 0;}
.ine-swiper .swiper-pagination-bullet{width: 50px;height: 3px;border-radius: 0;background: #222;opacity: 1;margin: 0 10px;}
.ine-swiper .swiper-pagination-bullet-active{background: #d70b24;}

/**/
.index-four{position: relative; padding: 85px 0;background: url(../images/inf-bg.png) no-repeat center;background-size: cover;}
.inf-left{width: 50%;padding-right: 80px;}
.inf-tit{font-size: 42px;line-height: 50px;color: white;}
.inf-line{margin: 29px 0 34px;width: 34px;height: 3px;background: #fff;}
.inf-left p{font-size: 16px;line-height: 24px;color: white;margin-bottom: 24px;}
.inf-dec{margin-bottom: 52px;height: 144px;overflow-y: auto;}
.inf-dec::-webkit-scrollbar {
  width: 2px;
  background-color: #000;
}
.inf-dec::-webkit-scrollbar-thumb {
  background-color:#fff;
  border-radius: 10px;
}
.inf-left .index-more{margin: 0;}
.inf-left ul{margin-top: 40px;}
.inf-left li{width: 33.3333333%;float: left;margin-top: 35px;}
.inf-num{height: 42px;overflow: hidden; font-family: 'avg';font-size: 42px;line-height: 42px;color: white;margin-bottom: 12px;}
.inf-left li p{font-size: 16px;line-height: 24px;color: white;margin-bottom: 0;}
.inf-right{box-shadow: 0 20px 30px rgba(0,0,0,0.1);background: #f6f6f8; width: 50%;right: 0;position: absolute;height: 100%;top: 0;}
.inf-right img{width: 100%;}


/**/
.index-five{padding:75px 0 87px;background: #f7f7f7;}
.index-five ul{display:none;margin:75px -9px 0;}
.index-five ul.on{display:block}
.index-five li{width: 33.33333%;float: left;padding: 0 9px;}
.inv-left{display: block;width: 100%;background: white;padding: 26px 20px 36px;}
.invl-pic{width: 100%;overflow: hidden; height:251px;}
.invl-pic img{display: block;width: 100%;transition: all .5s;}
.invl-font{padding-top: 30px;}
.invl-font h3{font-size: 20px;line-height: 30px;color:#333;height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.invl-font span{font-size: 14px;line-height: 30px;color: #adadad;margin: 5px 0 20px;display: block;}
.invl-font p{font-size: 14px;color: #999;line-height: 24px;height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.inv-left:hover img{transform: scale(1.05);}
.inv-left:hover h3{color: #d70b24;}
.inv-mid,.inv-right{width: 100%;}
.invm-list{margin-bottom: 18px; display: block;width: 100%;background: white;padding: 18px 17px 32px;}
.invm-list h3{margin-bottom: 5px; font-size: 20px;color: #333;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.invm-list span{display: block;color: #adadad;font-size: 14px;line-height: 30px;}
.inv-line{height: 1px;background: #eaeaea;margin: 32px 0 36px;}
.invm-list p{font-size: 14px;color: #999;line-height: 24px;height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.invm-list:hover h3{color: #d70b24;}
.invr-list{display: block;background: white;margin-bottom: 18px;overflow: hidden;}
.invr-left{float: left;text-align: center;width: 30%;border-right: solid 1px #e9e9e9;padding: 45px 0;}
.invr-left h3{font-size: 48px;color: #333;line-height: 48px;margin-bottom: 2px;font-family: 'akm';font-weight: bold;}
.invr-left h4{font-size: 14px;color: #333;line-height: 24px;}
.invr-font{padding: 29px 18px 24px;margin-left: 30%;}
.invr-font p{font-size: 20px;color: #333;line-height: 30px;height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 22px;}
.invr-font span{display: block;color: #adadad;font-size: 14px;line-height: 30px;}




/**/
@media (max-width: 1620px) {
	.ino-box .swiper-button-next{right: 0;}
	.ino-box .swiper-button-prev{left: 0;}
}
@media (max-width: 1459px) {
	.ino-font p{margin-bottom: 18px;}
	.ino-font{padding: 25px 40px;}
}
@media (max-width: 1259px) {
	.ino-font p{margin-bottom: 10px;}
	.ino-font{padding: 12px 25px;}
	.ine-swiper{padding:40px;}
	.inf-left{padding-right: 30px;}
	.foot-left dl{width:130px;}
	.invm-list{padding-bottom: 24px;}
	.inv-line{margin: 15px 0;}
	.invr-font{padding: 17px 18px;}
	.invr-font p{margin-bottom: 10px;}
	.invr-left{padding: 30px 0;}
}
@media (max-width: 991px) {
	.index-nav a{margin: 0 20px;}
	.ino-font{padding: 10px 20px;}
	.ino-font p{height: 18px;-webkit-line-clamp:1;margin-top: 6px;}
	.index-two li h3{font-size: 20px;margin: 10px 0;}
	.ine-swiper{padding: 0;}
	.inf-left li p{height: 48px;}
	.index-five .index-dec{width: 220px;line-height: 25px;}
	.invm-list{padding-bottom: 20px;}
	.inv-line{margin: 8px 0;}
	.invr-left{padding: 24px 0;}
	.invr-font{padding: 16px 18px;}
	.invr-font p{margin-bottom: 0;}
	.inv-left{padding: 26px 15px 36px;}
}
@media (max-width: 767px) {
	.index-one{padding: 40px 0;}
	.index-tit{font-size: 24px;line-height: 30px;}
	.index-dec{font-size: 16px;line-height: 24px;margin-top: 6px;width:100%;}
	.index-nav{display: block;width: 100%;left: 0; position: static;overflow: hidden;text-align: center;margin-top: 40px; transform: translateX(0);}
	.index-nav a{font-size: 16px;line-height: 35px;display: inline-block;float: none;margin: 0 12px;}
	.ino-swiper{margin-top: 35px;}
	.ino-big{margin: 0;}
	.ino-left{padding: 0;width: 100%;float: none;display: block;margin-bottom: 10px;}
	.ino-box .swiper-button-next,.ino-box .swiper-button-prev{display: none;}
	.ino-right{width: auto;float: none;margin: 0 -5px;overflow: hidden;}
	.ino-font h3{font-size: 16px;line-height: 14px;}
	.ino-font{padding: 15px;}
	.ino-font p{height: 36px;-webkit-line-clamp:2;margin: 12px 0;}
	.ino-tit{padding: 0 15px}
	.ino-tit h3{font-size: 16px;line-height: 24px;margin-bottom: 4px;}
	.ino-tit h4{font-size: 14px;line-height: 16px;}
	.index-two{padding: 40px 0;}
	.int-tit{font-size: 24px;line-height: 30px;}
	.int-line{margin: 12px auto;}
	.int-dec{font-size: 14px;line-height: 22px;}
	.index-two ul{margin: 20px 0;}
	.index-two li{width: 100%;float: none;border-right: none;margin-bottom: 5px;}
	.index-two li p{opacity: 1;transform: translateY(0);margin-top: 5px;}
	.int-icon{width: 60px;height: 60px;}
	.index-two li h3{font-size: 16px;margin: 0;line-height: 24px;}
	.index-more{width: 130px;line-height: 35px;height: 35px;}
	.index-three{padding: 40px 0 70px;}
	.ine-swiper{margin-top: 30px;}
	.ine-swiper li{width:33.33333%;}
	.ine-swiper .swiper-pagination-bullet{width: 30px;margin: 0 5px;}
	.ine-swiper .swiper-pagination{bottom: -30px;}
	.inf-left{width: 100%;padding-right: 0;padding-bottom: 30px;}
	.inf-right{position: static;width: 100%;}
	.index-four{padding: 40px 0 0;}
	.inf-tit{font-size: 24px;line-height: 30px;}
	.inf-line{margin: 15px 0;}
	.inf-dec{height: auto;margin-bottom: 10px;}
	.inf-left p{font-size: 14px;line-height: 22px;margin-bottom: 10px;}
	.inf-left ul{margin-top:10px;}
	.inf-num{height: 30px;font-size: 30px;line-height: 30px;margin-bottom: 3px;}
	.inf-left li p{height: auto;font-size: 12px;line-height: 20px;}
	.inf-left li{margin-top: 20px;}
	.index-five{padding: 40px 0;}
	.index-five .index-dec{width: 100%;line-height: 24px;}
	.index-five .index-nav{margin-top: 70px;}
	.index-five ul{margin: 30px 0 0;}
	.index-five li{width: 100%;padding: 0;}
	.inv-left{padding: 20px 15px;margin-bottom: 15px;}
	.invl-font{padding-top: 15px;}
	.invl-font h3{font-size: 16px;line-height: 24px;height: 48px;}
	.invl-font span{line-height: 22px;margin-bottom: 10px;}
	.invl-font p,.invm-list p{line-height: 22px;height: 66px;}
	.invm-list h3{font-size: 16px;line-height: 24px;margin-bottom: 0;}
	.invm-list span,.invr-font span{line-height: 22px;}
	.invm-list,.invr-list{margin-bottom: 15px;}
	.invr-font p{font-size: 16px;line-height: 24px;height: 48px;margin-bottom: 5px;}
	.invr-font{margin-left: 25%;}
	.invr-left{width: 25%;}
	.invr-left{padding: 20px 0;}
	.invr-left h3{font-size: 40px;line-height: 40px;margin-bottom: 3px;}
}

/*============================*/
.inner-banner{margin-top: 120px;position: relative;}
.inner-banner img{display: block;width: 100%;}
.inner-banner img.inner-app{display: none;}
.inner-font{position: absolute;text-align: center; top: 50%;transform: translateY(-50%);width: 100%;left: 0;}
.inner-font h3{font-size: 60px;color: white;line-height: 1;margin-bottom: 25px;}
.inner-font h4{font-size:16px;color: rgba(255,255,255,0.8);line-height: 24px;}
.crumb{position: absolute;width: 100%;bottom: 40px;left: 0;z-index:4;}
.crumb p{line-height: 24px; font-size: 14px;color:  rgba(255,255,255,0.8);text-align: right;}
.crumb p a{color: rgba(255,255,255,0.8);}
.inner-view{display:none; line-height: 24px; font-size: 14px;color:  rgba(255,255,255,0.8);position: absolute;bottom: 40px;width: 100%;left: 0;text-align: center;}
.inner-view::after{position: absolute;content: '';background: url(../images/view-pic.png) no-repeat center;width: 1px;height: 60px;left: 50%;top: 35px;}


/**/
.news{padding: 87px 0 83px;background: #f8f8f8;}
.news-nav{text-align: center;}
.news-nav a{display: inline-block;font-size: 24px;color: #333;line-height: 40px;border-bottom: solid 3px transparent;margin: 0 25px;}
.news-nav a.on{border-color: #d70b24;}
.news-box{padding-bottom: 70px; column-count: 3; column-gap: 0; margin: 50px -15px 0;}
.news-item{ break-inside: avoid; box-sizing: border-box; padding: 15px; }
.news-list{display: block;width: 100%;}
.news-pic {width: 100%;overflow: hidden;}
.news-pic img{display: block;width: 100%;transition: all .5s;}
.news-font{padding: 20px 22px 0;background: white;}
.news-top{padding-bottom: 13px;border-bottom: solid 1px #d6d6d6;}
.news-data h3{font-size: 48px;color: #333;font-family: 'demi';line-height: 1;}
.news-data{float: left;}
.news-data h4{font-size: 14px;color: #adadad;font-family: arial;line-height: 18px;}
.news-top p{margin-left: 100px; font-size: 14px;color: #333;line-height: 24px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-bot{font-size: 14px;color: #333;line-height: 33px;background: url(../images/news-more.png) no-repeat right center;}
.news-list:hover img{transform: scale(1.05);}
.news-list:hover h3{color: #d70b24;}
.pagee{position: relative;text-align: center;width: 760px;margin: 0 auto;}
.pagee a{display: inline-block;font-size: 20px;color: #333;font-family: 'demi';line-height: 48px;margin: 0 12px;}
.pagee a.on,.pagee a:hover{color: #d70b24;}
.pagee .page-prev,.pagee .page-next{margin: 0; position: absolute;font-size: 30px;line-height: 1;color: #d70b24;width: 48px;height: 48px;border-radius: 50%;background: #e2e2e2;line-height: 45px;}
.pagee .page-prev{left: 0;}
.pagee .page-next{right: 0;}
.pagee .zz{display:none;}
.pagee .page-prev:hover,.pagee .page-next:hover{background: #d70b24;color: white;}
@media  (max-width:1260px) {
	.news-top p{margin-left: 75px;}
	
}
@media  (max-width:991px) {
	.inner-banner{margin-top: 60px;}
	.inner-banner img.inner-app{display: block;height: 300px;}
	.inner-banner img.inner-pc{display: none;}
	.news-box{column-count:2;}
	.pagee{width: 100%;}
	
}
@media  (max-width:767px) {
	.inner-banner img.inner-app{height: 220px;}
	.inner-font h3{font-size: 32px;margin-bottom: 5px;}
	.inner-font h4{font-size: 14px;}
	.crumb,.inner-view{bottom: 15px;}
	.inner-view::after{height: 30px;top: 24px;}
	.news{padding: 30px 0 50px;}
	.news-nav a{font-size: 18px;margin: 0 10px;}
	.news-box{column-count:2;margin: 20px -7.5px 0;padding-bottom: 30px;}
	.news-item{padding:7.5px;}
	.news-font{padding: 10px 15px 0;}
	.news-data{display: none;}
	.news-top p{margin-left: 0;line-height: 22px;height: 44px;}
	.news-bot{font-size: 12px;}
	.pagee .page-prev, .pagee .page-next{width: 40px;height: 40px;line-height: 37px;font-size: 24px;}
	.pagee a{font-size: 16px;line-height: 40px;margin: 0 6px;}	
}



/**/
.newi-top{padding: 80px 0 130px;}
.news-tit{position: relative;}
.news-tit h1{font-size: 24px;color: #333;line-height: 30px;margin-right: 150px;}
.news-share{position: absolute;top: 0;right: 0;overflow: hidden;}
.news-share a{background: none !important;font-size: 20px;height: 30px !important; line-height: 30px;color: #7f7f7f !important;float: left;margin: 0;display: block !important; margin-left: 25px;padding: 0  !important;}
.news-share a:hover{opacity: 1;text-decoration: none !important;color: #0a4e98!important;}
.newi-data{margin-bottom: 30px; font-size: 14px;color: #848484;line-height: 1;font-family: 'demi';margin-top: 10px;padding-bottom: 17px;border-bottom: solid 1px #d6d6d6;}
.newi-top p{font-size: 16px;color: #848484;line-height: 28px;}
.newi-top p img{max-width:100%;}
.news-back{margin-top: 50px;}
.news-back a{font-size: 20px;color: #a3a3a3;line-height: 1;}
.news-back .news-menu{margin-bottom: 60px; text-align: center; display: block;font-size: 30px;line-height: 1;position: relative;}
.news-back .news-menu::after{position: absolute;content: '';height: 1px;width: 100%;background: #cccccc;left: 0;top: 50%;z-index: 1;}
.news-back .news-menu span{display: inline-block;padding: 0 60px;background: white;position: relative;z-index: 2;}
.news-prev{float: left;position: relative;}
.news-prev::after{position: absolute;content: '';width: 0px;height: 3px;background: #000000;left: 88px;transition: all .5s;top: 50%;margin-top: -1.5px;}
.news-next{float: right;position: relative;}
.news-next::after{position: absolute;content: '';width: 0px;height: 3px;background: #000000;right: 88px;transition: all .5s;top: 50%;margin-top: -1.5px;}
.news-back a:hover{color: #000;}
.news-back .news-prev:hover::after,.news-back .news-next:hover::after{width: 22px;}
.newi-bot{padding-bottom: 50px;background: #fafafa;}
.newi-box{position: relative;top: -50px; background: #f7f7f7;box-shadow: 0 0 20px rgba(0,0,0,0.2);padding:56px 38px 46px 50px;}
.newi-left{width: 280px;float: left;}
.newi-left h3{font-size: 36px;color: #9d9d9d;line-height: 1;font-family: 'demi';}
.newi-left h4{font-size: 30px;color: #000;line-height: 1;margin: 18px 0 55px;}
.newi-line{width: 29px;height: 4px;background: #000000;}
.newi-right{margin-left: 280px;}
.newi-swiper ul{margin: 0 -5px;}
.newi-swiper li{width: 50%;padding: 0 5px;margin-bottom: 10px;float: left;}
.newi-list{background: white;display: block;overflow: hidden;}
.nleft{width: 130px;text-align: center;border-right: solid 1px #e9e9e9;padding: 45px 0;float: left;}
.nleft h3{font-size: 48px;color: #333;line-height: 1;font-weight: bold; font-family: 'akm';}
.nleft h4{font-size: 14px;color: #333;line-height: 24px;}
.nright{margin-left: 130px;padding: 30px 20px;}
.nright p{margin-bottom: 27px; font-size: 20px;line-height: 30px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.nright span{font-size: 14px;line-height: 20px;color: #adadad;}
.newi-right .swiper-button-next{right: auto;left: 94px;bottom: 87px;top: auto;margin-top: 0; background: none;font-size: 30px;color: #2a2a2a;width: 40px;height: 40px;text-align: center;line-height: 40px;}
.newi-right .swiper-button-prev{right: auto;left: 35px;bottom: 87px;top: auto;margin-top: 0; background: none;font-size: 30px;color: #2a2a2a;width: 40px;height: 40px;text-align: center;line-height: 40px;}
.newi-right .swiper-pagination{display: none;width: 100%;left: 0;}
.newi-list:hover .nright p{color: #d1352d;}
@media  (max-width:1260px) {
	.nright{margin-left: 100px;}
	.nleft{width: 100px;}
}
@media  (max-width: 991px) {
	.newi-left{width: 100%;float: none;}
	.newi-right{margin-left: 0;margin-top: 30px;}
	.newi-right .swiper-button-next,.newi-right .swiper-button-prev{display: none;}
	.newi-right .swiper-pagination{display: block;}
	.newi-right .swiper-pagination-bullet{margin: 0 5px;opacity: 1;background: #333;}
	.newi-right .swiper-pagination-bullet-active{background: #d1352d;}
}
@media  (max-width: 767px) {
	.newi-top{padding: 35px 0 55px;}
	.news-tit h1{margin-right: 0;font-size: 20px;}
	.news-share{position: static;margin-top: 5px;}
	.news-share a{margin-left: 0;margin-right: 15px !important;}
	.newi-top p{font-size: 14px;line-height: 22px;}
	.news-back{margin-top: 30px;padding-top: 15px;}
	.news-back a{font-size: 14px;line-height: 30px;}
	.news-back .news-menu{font-size: 18px;margin-bottom: 10px;}
	.news-back .news-menu span{padding: 0 10px;}
	.newi-box{top: 0;box-shadow: none;background: none;padding: 30px 0 0;}
	.newi-left h3{font-size: 20px;}
	.newi-left h4{font-size: 20px;margin: 10px 0 30px;}
	.newi-swiper ul{margin: 0;}
	.newi-swiper li{width: 100%;padding: 0;margin-bottom: 15px;}
	.nleft{width: 80px;padding: 20px 0;}
	.nright{margin-left: 80px;}
	.nleft h3{font-size: 36px;}
	.nleft h4{font-size: 12px;}
	.nright{padding:28px 15px;}
	.nright p{font-size: 14px;line-height: 22px;height: 44px;margin-bottom: 0;}
	.nright span{display: none;}
}


.product{padding: 100px 0;}
.pro-nav{margin-bottom: 80px; white-space: nowrap;overflow-x: auto;text-align: center;}
.pro-nav a{display: inline-block;border-radius: 30px;margin: 0 30px; font-size: 20px;color: #333;line-height: 30px;border: solid 1px transparent;padding: 0 25px;}
.pro-nav a.on{color: #ffffff; background-color: #d70b24; width: 150px;}
.product ul{margin: 0 -10px;padding-bottom: 50px;}
.product li{margin-bottom: 20px; width: 50%;float: left;padding: 0 10px;}
.pro-list{display: block;width: 100%;display: block;position: relative;}
.pro-pic{width: 100%;overflow: hidden;height: 346px;}
.pro-pic img{display: block;width: 100%;transition: all .5s;height: 100%;}
.pro-font{position: absolute; transition: all .5s;left: 0;width: 100%;padding: 0 30px;top: 50%;transform: translateY(-50%);}
.pro-font h3{letter-spacing: 3px;font-size: 23px;line-height: 1;color: white;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro-font p{letter-spacing: 3px;transition: all .5s;font-size: 30px;line-height: 40px;margin: 6px 0 30px; color: white;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-family: 'demi';}
.pro-font span{transition: all .5s;display: block;width: 36px;height: 36px;background: url(../images/pro-more.png) no-repeat center;background-size: cover;}
.pro-list:hover img{transform: scale(1.05);}
.pro-list:hover .pro-font{padding-left: 40px;}
@media (max-width: 1259px) {
	.pro-pic{height: 270px;}
}
@media (max-width: 991px) {
	.pro-nav a{margin: 0 7px;}
	.pro-pic{height: 205px;}
}
@media (max-width:767px) {
	.product{padding: 40px 0;}
	.pro-nav a{font-size: 14px;margin: 0;padding: 0 15px;}
	.pro-nav{margin-bottom: 30px;}
	.product ul{margin: 0;padding-bottom: 15px;}
	.product li{width: 100%;float: none;padding: 0;}
	.pro-font{padding: 0 15px;}
	.pro-font h3{font-size: 16px;}
	.pro-font p{font-size: 20px;line-height: 30px;margin-bottom: 15px;}
	.pro-font span{width: 30px;height: 30px;}
}


/**/
.proinfo{padding: 100px 0 80px;}
.pri-list{margin-bottom: 45px;position: relative;overflow: hidden;}
.pri-left{width: 50%;overflow: hidden;float: left;}
.pri-pic{width: 600px;float: right;overflow: hidden;}
.pri-pic img{display: block;width: 100%;transition: all .5s;}
.pri-right{position: absolute;width: 50%;height: 100%;right: 0;top: 0;background: #f5f5f5;padding: 70px 100px 0 45px;}
.pri-right h3{font-size: 30px;color: #333;line-height: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pri-line{height: 3px;background: #eec2c7;margin: 40px 0;position: relative;}
.pri-line::after{position: absolute;content: '';width: 0%;height: 100%;background: #d70b24;left: 0;top: 0;transition: all .5s;}
.pri-right p{width: 555px;font-size: 16px;color: #9c9c9c;line-height: 24px;float: left;height: 120px;overflow-y: auto;padding-right: 10px;}
.pri-right p::-webkit-scrollbar {
  width: 3px;
  background-color: #dcdbdb;
}
.pri-right p::-webkit-scrollbar-thumb {
  background-color:#d70b24;
  border-radius: 10px;
}
.pri-list:hover img{transform: scale(1.05);}
.pri-list:hover .pri-line::after{width: 100%;}
.pri-reveser .pri-left{float: right;}
.pri-reveser .pri-pic{float: left;}
.pri-reveser .pri-right{left: 0;padding: 70px 45px 0 100px;}
.pri-reveser .pri-right p{float: right;text-align: right;}
.pri-reveser .pri-right h3{text-align: right;}
.pri-reveser .pri-line::after{right: 0;left: auto;}
.pri-box{padding-bottom: 35px;}
.pri-more{position: relative; width: 156px;height: 38px;font-size: 16px;text-align: center;line-height: 38px;background: #d70b24;margin: 0 auto;}
.pri-more a{position: absolute;width: 100%;left: 0;top: 0; overflow: hidden; height: 100%;display: block;color: white;}
.pri-more a.pri-hide{display: none;}
.anim {position: absolute; top: 50%;left: 50%;z-index: 2;transform: translateY(-50%) translateX(-50%);}
.btn-more:hover > .anim {animation: anim-out 0.75s;}
.anim:before { position: relative; content: '';display: block;margin-top: 100%;}
.anim:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;}
.btn-more:hover > .anim:after {animation: anim-out-pseudo 0.75s;}
.pri-list.list-hide{display: none;}
@keyframes anim-out {
  0% {width: 0%;}
  100% {width: 100%;}
}
@keyframes anim-out-pseudo {
  0% {background: rgba(0, 0, 0, 0.25);}
  100% {background: transparent;}
}
@media (max-width: 1259px) {
	.pri-pic{width: 470px;}
	.pri-right p{width: 425px;}
	.pri-right,.pri-reveser .pri-right{padding-top: 30px;}
	.pri-line{margin: 25px 0;}
}
@media (max-width: 991px) {
	.pri-pic{width: 360px;}
	.pri-right p{width:330px;}
	.pri-right,.pri-reveser .pri-right{padding-top: 20px;}
	.pri-right{padding-left: 30px;}
	.pri-reveser .pri-right{padding-right: 40px;}
	.pri-line{margin: 15px 0;}
	.pri-right p{height: 96px;}
}
@media (max-width: 767px) {
	.proinfo{padding: 50px 0;}
	.pri-list{margin-bottom: 20px;padding: 0 15px;}
	.pri-left,.pri-reveser .pri-left{width: 100%;float: none;}
	.pri-right{position: static;width: 100%;}
	.pri-pic,.pri-reveser .pri-pic{width: 100%;float: none;}
	.pri-right, .pri-reveser .pri-right{padding: 20px 15px;}
	.pri-right p{width: 100%;padding-right: 0;height: auto;}
	.pri-right h3{font-size: 20px;}
	.pri-line{margin: 13px 0 10px;}
	.pri-right p,.pri-reveser .pri-right p{text-align: left; font-size: 14px;line-height: 22px;}
	.pri-reveser .pri-right h3{text-align: left;}
	.pri-box{padding-bottom: 20px;}
	.pri-more{width: 115px;font-size: 14px;}
}

/**/
.contact-top{padding: 130px 0 100px;}
.con-left{width: 45%;float: left;padding-top: 40px;}
.con-left h3{font-size: 30px;line-height: 1;color: #333;}
.con-left h4{font-size: 36px;line-height: 40px;color: #d0d0d0;font-family: 'demi';margin: 20px 0 90px;}
.con-right{width: 55%;float: left;}
.con-right ul{border: solid 1px #f3f3f3;}
.con-right li{width: 33.333333%;height: 322px; border: solid 1px #f3f3f3;float: left;text-align: center;padding: 36px 0 32px;}
.con-right li i{transition: all .5s; display: block;line-height: 40px;text-align: center;font-size: 30px;}
.con-right li h3{font-size: 18px;line-height: 30px;color: #333;text-align: center;margin: 10px 0 0;}
.con-line{width: 36px;height: 4px;background: #d70b24;margin: 44px auto ;}
.con-right li p{text-align: center;font-size: 14px;line-height: 24px;color: #adadad;padding: 0 10px; word-break: break-all;}
.con-right li:hover i{transform: translateY(-10px);}
.con-right li:hover p{color: #333333;}
.contact-bot{padding: 80px 0;background: #f5f5f5;}
.contact-tit{font-size: 36px;color: #333;line-height: 1;text-align: center;}
.contact-bot ul{margin: 40px -15px 0;padding-bottom: 10px;}
.contact-bot li{width: 33.333333%;float: left;padding: 0 15px;margin-bottom: 30px;}
.reci-list{transition: all .5s;display: block;width: 100%;padding: 30px;background: white;}
.reci-list h3{transition: all .5s;font-size: 24px;line-height: 1;color: #333;}
.reci-line{transition: all .5s;width: 23px;height: 3px;background: #d70b24;margin: 17px 0 20px;}
.reci-list p{transition: all .5s;font-size: 14px;color: #adadad;line-height: 24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.reci-list span{transition: all .5s;width: 28px;height: 28px;display: block;background: url(../images/reci-span.png) no-repeat center;margin-top: 20px;}
.reci-list:hover{background: #d70b24;}
.reci-list:hover h3,.reci-list:hover p{color: white;}
.reci-list:hover .reci-line{background: white;}
.reci-list:hover span{background: url(../images/reci-spanH.png);}
@media (max-width: 1259px) {
	.con-right li p{padding: 0 20px;}
}
@media (max-width: 767px) {
	.contact-top{padding: 40px 0;}
	.con-left,.con-right{width: 100%;float: none;padding-top: 0;}
	.con-left h3{font-size: 20px;}
	.con-left h4{font-size: 24px;margin: 5px 0 10px;}
	.con-right{margin-top: 20px;}
	.con-right li{width: 100%;float: none;height: auto;padding: 15px 0;}
	.con-line{margin: 10px auto;}
	.con-right li h3{font-size: 16px;margin-top: 0;}
	.contact-bot{padding: 40px 0;}
	.contact-tit{font-size: 20px;}
	.contact-bot ul{margin: 25px -7.5px 0;}
	.contact-bot li{width: 50%;padding: 0 7.5px;margin-bottom: 20px;}
	.reci-list{padding: 15px;}
	.reci-list h3{font-size: 16px;}
	.reci-line{margin: 13px 0 8px;}
	.reci-list span{margin-top: 7px;width: 25px;height: 25px;background-size: cover;}
	.con-left img{display: none;}
}


/**/
.reci-top{padding: 80px 0 100px;}
.reci-top h3{font-size: 36px;color: #333;line-height: 1;}
.reci-data{margin-top: 19px;padding-bottom: 60px;border-bottom: solid 1px #e7e7e7;}
.reci-data h4{float: left;font-size: 18px;color: #333;line-height: 24px;}
.reci-data span{float: right;font-size: 18px;color: #333;line-height: 24px;}
.reci-pad h5{margin: 53px 0 32px;font-size: 24px;line-height: 36px;color: #333;}
.reci-pad p{font-size: 18px;color: #666;line-height: 36px;}
.reci-more{width: 240px;height: 60px;border-radius: 30px;font-size: 24px;overflow: hidden; color: white;text-align: center;line-height: 60px;display: block;position: relative;background: #d70b24;margin: 55px auto 0;}
.reci-bot{padding: 80px 0 50px;}
@media (max-width: 767px) {
	.reci-top{padding: 40px 0;}
	.reci-top h3{font-size: 24px;}
	.reci-data{margin-top: 12px;padding-bottom:25px;}
	.reci-data span,.reci-data h4{float: none;}
	.reci-data h4{margin-bottom: 5px;}
	.reci-pad h5{font-size: 18px;margin: 25px 0 5px;}
	.reci-pad p{font-size: 14px;line-height: 22px;}
	.reci-more{width: 120px;height: 35px;line-height: 35px;font-size: 14px;margin-top: 20px;}
	.reci-bot{padding: 40px 0 20px;}
}

/**/
.out-one{padding: 100px 0;}
.out-tit{font-size: 36px;color: #000;line-height: 1;text-align: center;}
#historySlide{margin-top: 80px;}
.history-scroll{width:261px;float: right;height: 500px;position: relative;}
.history-scroll .swiper-container{height: 500px;}
.history-scroll .swiper-slide{width: 100%;height: 150px;}
.put-pic{width: 100%;overflow: hidden;height: 100%;}
.out-pic{width: 100%;overflow: hidden;height: 500px;}
.put-pic img,.out-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.history-c{width: 870px;float: left;height: 578px;position: relative;}
.history-c .swiper-container{height: 578px;}
.history-c .swiper-slide{width: 100%;height: 578px;}
.history-scroll .arrow-left{top: -78px;position: absolute;width: 100%;left: 0;text-align: center;font-size: 50px;}
.history-scroll .arrow-right{bottom: -78px;position: absolute;width: 100%;left: 0;text-align: center;font-size: 50px;}
.history-scroll .arrow-left:hover,.history-scroll .arrow-right:hover{color: #d1352d;}
.history-c .swiper-pagination{display: none; width: 100%;}
.history-c .swiper-pagination-bullet{margin: 0 5px;opacity: 1;}
.history-c .swiper-pagination-bullet-active{background: #d1352d;}
.out-font{padding: 28px 0 25px;border-bottom: solid 1px #ccc;color: #a3a3a3;font-size: 20px;line-height: 24px;}
.out-two{padding: 100px 0 160px;background: #f5f5f5;}
.out-dec{font-size: 18px;color: #9d9d9d;line-height: 24px;text-align: center;}
.out-line{width: 34px;height: 3px;background: #000000;margin: 18px auto 22px;}
.out-swiper .swiper-slide{transition: 300ms;transform: scale(0.8);}
.out-swiper .swiper-slide-active{transform: scale(1);}
.out-img{text-align: center;overflow: hidden;}
.out-img img{display: block;width: 100%;}
.out-swiper{width: 940px;margin: 0 auto; position: relative;margin-top: 62px;}
.out-swiper .swiper-button-next{width: 50px;height: 50px;border-radius: 50%;background: white;line-height: 50px;text-align: center;font-size: 30px;right: -100px;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.out-swiper .swiper-button-prev{width: 50px;height: 50px;border-radius: 50%;background: white;line-height: 50px;text-align: center;font-size: 30px;left: -100px;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.out-swiper .swiper-pagination{display: none; width: 100%;}
.out-swiper .swiper-pagination-bullet{margin: 0 5px;opacity: 1;}
.out-swiper .swiper-pagination-bullet-active{background: #d1352d;}
.out-swiper .swiper-button-next:hover,.out-swiper .swiper-button-prev:hover{background: #d1352d;color: white;}
.out-three{padding-bottom: 100px;}
.out-dic{font-size: 36px;color: #333;padding-bottom: 30px;border-bottom: solid 1px #030303;}
.three-box{padding: 80px 60px 60px; box-shadow: 0 0 30px rgba(0,0,0,0.2);position: relative;background: white;top: -72px;}
.three-list{padding: 20px 0;border-bottom: solid 2px #f2f2f2;}
.three-list h3{font-size: 18px;color: #000;line-height: 24px;}
.three-list h4{font-size: 14px;color: #a3a3a3;line-height: 24px;}
.three-list:last-child{border-bottom: none;}
.out-more{display: block;text-align: center;font-size: 40px;margin-top: 20px;}
.out-more .out-on{display: none;}
.three-hide{display: none;}
@media  (max-width: 1259px) {
	.history-c{width: 680px;height: 470px;}
	.history-c .swiper-container,.history-c .swiper-slide{height: 470px;}
	.history-scroll{width: 198px;height:391px;}
	.history-scroll .swiper-container{height: 391px;}
	.out-pic{height: 391px;}
	.history-scroll .swiper-slide{height: 118px;}
}
@media  (max-width: 1160px) {
	.out-swiper .swiper-button-next{right: 0;}
	.out-swiper .swiper-button-prev{left: 0;}
}
@media  (max-width: 991px) {
	.history-scroll{display: none;}
	.history-c{margin: 0 auto;float: none;}
	.history-c .swiper-pagination,.out-swiper .swiper-pagination{display: block;bottom: -40px;}
	.out-swiper{width: 100%;}
	.out-swiper .swiper-button-next,.out-swiper .swiper-button-prev{display: none;}
}
@media  (max-width:767px) {
	.out-one{padding: 40px 0 65px;}
	.out-tit,.out-dic{font-size: 24px;}
	#historySlide{margin-top: 30px;}
	.history-c{width: 100%;height: auto;}
	.history-c .swiper-container, .history-c .swiper-slide{height: 260px;}
	.out-pic{height: 190px;}
	.out-font{font-size: 16px;padding: 10px 0;}
	.history-c .swiper-pagination, .out-swiper .swiper-pagination{bottom: -30px;}
	.out-two{padding: 40px 0 80px;}
	.out-dec{font-size: 14px;line-height: 22px;padding: 0 30px;}
	.out-line{margin: 15px auto 10px;}
	.out-swiper{margin-top: 20px;}
	.three-box{padding: 20px 15px;top: -20px;}
	.out-dic{padding-bottom: 15px;}
	.three-list{padding: 15px 0;}
	.three-list h3{font-size: 16px;}
	.three-list h4{font-size: 13px;line-height: 21px;}
	.out-more{margin-top: 0;}
	.out-three{padding-bottom: 30px;}
}

/**/
.about-one{margin-top: 100px;padding: 93px 0 97px;background: #f9f9f9;position: relative;}
.abo-left{width: 50%;float: left;}
.abo-left h3{font-size: 48px;line-height: 1;color: #d8d8d8;font-family: 'demi';margin-bottom: 22px;}
.abo-left h4{font-size: 36px;line-height: 1;color: #333;}
.abo-line{width: 36px;height: 4px;background: #d70b24;margin: 79px 0 76px;}
.abo-left p{font-size: 16px;line-height: 24px;}
.abo-right{width: 40%;float: right;padding-top: 227px;}
.abo-right li{margin-top: 23px;width: 33.333333%;float: left;}
.abo-right li h3{height: 40px;line-height: 40px;color: #d70b24;margin-bottom: 7px;font-size: 40px;font-family: 'demi';font-weight: bold;}
.abo-right li p{font-size: 14px;line-height: 20px;color: #a9a9a9;}
.abo-pic{position: absolute;right: 0;top: -127px;width: 40%;}
.abo-pic img{width: 100%;display: block;transition: all .5s;}
.about-two{padding: 100px 0 95px;}
.about-tit{font-size: 42px;color: #333;line-height: 1;text-align: center;}
.about-white{color: white;}
.abt-box{margin-top: 100px;position: relative;}
.abt-center{position: relative;z-index: 3; width: 42.75%;margin-left: 27%;}
.abt-center img{display: block;width: 100%;}
.abt-ul{ position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.abt-ul::after{position: absolute;content: '';height: 1px;background: #e0e0e0;width: 100%;left: 0;top: 50%;}
.abt-li{overflow: hidden;}
.abt-left{width: 50%;float: left;}
.abt-right{width: 33.333333%;float: right;text-align: right;}
.abt-pic{border-radius: 50%; width: 113px;height: 113px;overflow: hidden;position: absolute;right: 77px;bottom: 5px;}
.abt-img{width: 100%;height: 100%;overflow: hidden;display: none;}
.abt-img.on{display: block;}
.abt-img img{display: block;width: 100%;height: 100%;transition: all .5s;}
.abt-list { cursor: pointer; font-size: 18px;color: #333;line-height: 26px;height: 52px;margin-top:20px;}
.abt-list.on{color: #d70b24;font-size: 22px;}
.about-three{padding: 100px 0;background: #222;}
.abe-swiper{position: relative;padding: 0 100px 68px;margin-top: 80px;}
.abe-swiper .swiper-button-next{width: 48px;height: 48px;border-radius: 50%;background: white;text-align: center;line-height: 48px;font-size: 30px;color: #e30131;right: 0;margin-top: -80px;}
.abe-swiper .swiper-button-prev{width: 48px;height: 48px;border-radius: 50%;background: white;text-align: center;line-height: 48px;font-size: 30px;color: #e30131;left: 0;margin-top: -80px;}
.abe-swiper .swiper-pagination{width: 100%;left: 0;bottom: 0;}
.abe-swiper .swiper-pagination-bullet{margin: 0 20px;opacity: 1;background: white;}
.abe-swiper .swiper-pagination-bullet-active{background: #e30131;}
.abe-pic{display: block;width: 100%;overflow: hidden; /*background:#fafafa url(../images/abe-bg.png) no-repeat center;background-size: 100%;padding: 20px 11px;*/}
.abe-pic img{width: 100%;height: 100%;display: block;}
.abe-swiper p{font-size: 18px;color: white;text-align: center;margin-top: 14px;line-height: 30px;}
.about-four{padding: 100px 0 157px;background: #f4f6f7;}
.abf-swiper{position: relative;margin-top: 80px;box-shadow: 0 0 20px rgba(0,0,0,0.2);background: white;}
.abf-swiper ul{position: relative;overflow: hidden;padding: 48px 22px;}
.abf-swiper li{width: 16.666666666%;float: left;overflow: hidden;}
.abf-swiper li img{display: block;width: 100%;transition: all .5s;}
.abf-swiper .swiper-pagination{width: 100%;bottom: -53px;left: 0;}
.abf-swiper .swiper-pagination-bullet{width: 50px;height: 3px;border-radius: 0;background: #222;opacity: 1;margin: 0 10px;}
.abf-swiper .swiper-pagination-bullet-active{background: #d70b24;}
.about-five{padding: 105px 0 35px;background: url(../images/abv-bg.jpg) no-repeat center;background-size: cover;}
.abv-box{width: 949px;margin: 0 auto;margin-top: 48px;position: relative;}
.abv-pic{width: 100%;overflow: hidden;}
.abv-pic img{display: block;width: 100%;}
.abv-dot{position: absolute;}
.abv-dot img{transition: all .5s;}
.dot1{top: 115px;left: 392px;}
.dot2{top: 134px;left: 196px;}
.dot3{top: 171px;left: 252px;}
.dot4{top: 186px;left: 337px;}
.dot5{top: 179px;left: 376px;}
.dot6{top: 230px;left: 372px;}
.dot7{top: 167px;right: 104px;}
.dot8{top: 126px;left: 359px;}
.dot9{top: 156px;left: 358px;}
.dot10{top: 137px;left: 337px;}
.dot11{top: 125px;left: 317px;}
.abv-dot p{opacity: 0;transform: translateX(-33%);transition: all .5s;}
.abv-dot:hover p{opacity: 1;}
.abv-dot:hover img{transform:translateY(-5px);}
.about-six{padding: 100px 0;}
.abx-swiper{margin-top: 75px;position: relative;}
.abx-swiper::after{position: absolute;content: '';height: 2px;background: #d3d3d3;width: 100%;left: 0;top: 142px;}
.abx-box{width: 675px;margin: 0 auto;}
.abx-left{float: left;font-size: 302px;color: #e4e7eb;font-family: 'boldcn';line-height: 240px;height: 142px;overflow: hidden;}
.abx-right{float: left;font-size: 302px; color: transparent;font-family: 'boldcn';line-height: 240px; background: linear-gradient(to bottom, #c90518, #fe8d09);-webkit-background-clip: text;}
.abx-font{margin-top: 40px;}
.abx-font p{padding-left: 40px;background: url(../images/abx1.png) no-repeat left top 11.5px;font-size: 16px;color: #333;line-height: 28px;}
.abx-swiper .swiper-button-next{width: 48px;height: 48px;border-radius: 50%;background: white;text-align: center;line-height: 48px;font-size: 30px;color: #e30131;right: 10px;top: 114px;box-shadow: 0 0 20px rgba(0,0,0,0.2);margin-top: 0;}
.abx-swiper .swiper-button-prev{width: 48px;height: 48px;border-radius: 50%;background: white;text-align: center;line-height: 48px;font-size: 30px;color: #e30131;left: 10px;top: 114px;box-shadow: 0 0 20px rgba(0,0,0,0.2);margin-top: 0;}
.abx-swiper .swiper-pagination{width: 100%;left: 0;bottom: 0;display: none;}
.abx-swiper .swiper-pagination-bullet{margin: 0 20px;opacity: 1;background: #333;}
.abx-swiper .swiper-pagination-bullet-active{background: #e30131;}
@media (max-width: 1259px) {
	.abo-pic{width: 50%;}
}
@media (max-width: 991px) {
	.abo-pic{top: -25px;}
	.about-one{margin-top: 0;}
	.abo-line{margin: 40px 0;}
	.abo-right{padding-top: 165px;}
	.abo-right li p{height: 40px;}
	.abt-ul{position: static;transform: translateY(0);}
	.abt-center{width: 60%;margin-left: 17%;}
	.abt-list{width: 50%;}
	.abx-box{width: 600px;}
	.abx-left,.abx-right{font-size: 250px;}
	.abv-box{width: 100%;}
	.dot1{top: 82px;left: 297px;}
	.dot2{top: 100px;left: 146px;}
	.dot3{top: 134px;left: 189px;}
	.dot4{top: 134px;left: 253px;}
	.dot5{top: 128px;left: 282px;}
	.dot6{top: 170px;left: 280px;}
	.dot7{top: 123px;right: 68px;}
	.dot8{top: 94px;left: 275px;}
	.dot9{top: 114px;left: 268px;}
	.dot10{top: 100px;left: 251px;}
	.dot11{top: 88px;left: 229px;}
}
@media (max-width: 767px) {
	.about-one{padding: 40px 0;}
	.abo-left h3{font-size: 28px;margin-bottom: 10px;}
	.abo-left h4,.about-tit{font-size: 24px;}
	.abo-line{margin: 25px 0;}
	.abo-left,.abo-right{width: 100%;float: none;}
	.abo-left p{font-size: 14px;line-height: 22px;}
	.abo-right{padding-top: 10px;}
	.abo-right li h3{font-size: 30px;}
	.abo-right li{margin-top: 15px;width: 50%;text-align: center;}
	.abo-right li p{height: auto;}
	.abo-pic{position: static;width: 100%;margin-top: 20px;}
	.about-two{padding: 40px 0;}
	.abt-box{margin-top: 30px;}
	.abt-center{width: 100%;margin-left: 0;}
	.abt-pic{width: 100px;height: 100px;right: 25px;}
	.abt-list{border-bottom: solid 1px #e0e0e0; width: 100%;float: none;font-size: 14px;height: auto;margin-top: 0;line-height: 36px;}
	.abt-ul::after{display: none;}
	.abt-right{text-align: left;}
	.abt-list.on{font-size: 16px;}
	.abt-ul{margin-top: 20px;}
	.about-three{padding: 40px 0;}
	.abe-swiper .swiper-button-prev,.abe-swiper .swiper-button-next,.abx-swiper .swiper-button-prev,.abx-swiper .swiper-button-next{display: none;}
	.abe-swiper{margin-top: 30px;padding: 0 0 35px;}
	.abe-swiper p{font-size: 14px;line-height: 22px;margin-top: 5px;}
	.abe-swiper .swiper-pagination-bullet{margin: 0 6px;}
	.about-six{padding: 40px 0;}
	.abx-swiper{margin-top: 30px;}
	.abx-swiper .swiper-container{padding-bottom: 30px;}
	.abx-box{width: 100%;}
	.abx-left{height: 50px;margin-left: 60px;}
	.abx-left, .abx-right{font-size: 90px;line-height: 100px;}
	.abx-font{margin-top: 0px;}
	.abx-font p{padding-left: 20px;font-size: 14px;line-height: 22px;background-position: left top 8.5px;}
	.abx-swiper::after{top: 50px;}
	.abx-swiper .swiper-pagination{display: block;bottom: 0px !important;}
	.about-four{padding: 40px 0 75px;}
	.abf-swiper{margin-top: 30px;}
	.abf-swiper ul{padding: 0;}
	.abf-swiper li{width: 33.333333%;}
	.abf-swiper .swiper-pagination-bullet{width: 30px;margin: 0 5px;}
	.abf-swiper .swiper-pagination{bottom: -35px;}
	.about-five{padding: 40px 0;}
	.abv-box{margin-top: 30px;}
	.abv-dot img{width: 10px;}
	.dot1{top: 30px;left: 135px;}
	.dot2{top: 41px;left: 67px;}
	.dot3{top: 55px;left: 86px;}
	.dot4{top: 55px;left: 116px;}
	.dot5{top: 53px;left: 129px;}
	.dot6{top: 71px;left: 127px;}
	.dot7{top: 50px;right: 17px;}
	.dot8{top: 49px;left: 144px;}
	.dot9{top: 59px;left: 138px;}
	.dot10{top: 44px;left: 122px;}
	.dot11{top: 35px;left: 112px;}
}


/*  */
.kf {transition: .8s;z-index: 999999;background-color: transparent; position: fixed;bottom: 100px;right: 20px;width: 62px;border-radius: 5px;}
.kf span {z-index: 1000001;transition: .5s;cursor: pointer;position: relative;display: block;width: 70px;height: 70px;border-radius: 5px;margin-bottom: 10px;background:#b5b5b5;}
.kf .zx {background-position: 0 0;background:#d70b24 url(../images/kefu-zx.png)no-repeat center top 12px;}
.kf .back_top { border: none; background: #d70b24 url(../images/kefu-top.png)no-repeat center top 18px;}
.kf span a { transition: .5s; display: block; color: #fff;line-height: 24px; font-size: 14px;  text-align: center;padding-top: 40px;}
.kfimgr{ position: absolute; bottom:23px;  right: -9px;}
.kf span div i {display: block; position: absolute;width: 15px;height: 200px;right: -15px;top: 0;}
.kf .freetel{background:#d70b24 url(../images/kefu-qq.png)no-repeat center top 12px;}
.kf .zxlya{background: #d70b24 url(../images/kefu-ewm.png)no-repeat center;}
.kf span:nth-child(4) div {white-space: nowrap;}
.kf a{display:block;height: 68px;position:absolute;top:0;right:0;width: 100%}
.nav_center div, .index_nav_center div, .shou, .zhan { -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.kf .zxlya .erweima{display: none; right: 86px;position: absolute;top: -45px; background: #fff; padding: 20px; text-align: center;box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);border-radius: 5px;}
.kf .zxzx{display: none; right: 86px;position: absolute;top: 6px; background: #fff; padding: 20px; text-align: center;box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);border-radius: 5px;width: 150px;font-size: 14px;color: #333;}
.kfimgr { position: absolute;  bottom: 23px; right: -9px;}
/* .shou{    z-index: 1000000;cursor: pointer;   width: 70px;   height: 70px; top: 104%;  margin-top: -15px; border-radius: 5px 0 0 5px;  right: -9px; background:#b5b5b5; border-radius: 5px;cursor: pointer; position: absolute;font-size: 14px;line-height: 24px;color: #fff;transition: ease .5s;text-align: center;padding: 22px 0;} */
.shou{z-index: 1000000;cursor: pointer;width: 30px;height: 40px;top: 47%;margin-top: -15px;border-radius: 5px 0 0 5px;right: 62px; background:transparent url(../images/zk1.png)no-repeat center left;position: absolute;box-shadow: none;}

.kffixed{position: fixed;display: none; bottom: 0; z-index: 20;width: 100%;height: 49px; overflow: hidden;}
.kufuul {text-align: center;padding: 2px 0;width: 100%;height: 49px;position: absolute;bottom: 0;left: 0;display: inline-block;}
.kefu{padding: 0;}
.kefu li {float: left;height: 45px;text-align: center;color:#fff;line-height:45px;color: #fff;transition:all .4s;}
.kfzx-tigg{width: 49.5%;height: 45px;display: block;float: left;line-height:45px;opacity: 1;transition:1s opacity;}
.kfzx-enter{opacity: 0}
.kf-zx{display: block; width: 100%;height: 100%; color: #fff;line-height:45px;text-align: center;background: #d70b24;}
.kf-zx img{display: inline-block; vertical-align: middle;margin-right:10px;}
.teldb{width: 49.5%; background: rgba(0,0,0,0.6); background-size: contain; margin: 0 1px;position: relative;}
.teldb img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.teldb a{ color: white; }

@media (max-width:991px) {
	.kf{display: none;}
	.kffixed{display: block;}
}
@media (max-width:1260px) {
    .invl-pic{height:159px;}

}
@media (max-width:991px) {
    .invl-pic {
        height: 120px;
    }
}
@media (max-width:991px) {
	.int-icon img{    background: #d60c25;
    border-radius: 50%;}
}





.proi-left {
    float: left;
    width: 50%;
}

.proi-right {
    float: right;
    width: 45%;
}

.jqzoom {
    background: white;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .jqzoom img {
        width: 100%;
        height: 100%;
    }

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 368px;
    height: 368px;
    background: #ffffff;
    display: none;
    text-align: center;
    overflow: hidden;
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}

.spec-preview {
    width: 100%;
}

.spec-scroll {
    width: 100%;
    position: relative;
    margin-top: 50px;
    margin-right: -15px;
}

    .spec-scroll .prev {
        left: -30px;
        text-align: left;
    }

    .spec-scroll .next {
        right: -30px;
        text-align: right;
    }

    .spec-scroll .prev, .spec-scroll .next {
        opacity: 0;
        z-index: 3;
        font-weight: bold;
        position: absolute;
        top: 0;
        width: 28px;
        height: 101px;
        cursor: pointer;
        line-height: 100px;
        font-size: 20px;
        color: #999;
    }

.proi-right:hover .spec-scroll .prev, .proi-right:hover .spec-scroll .next {
    opacity: 1;
}

.spec-scroll .prev:hover, .spec-scroll .next:hover {
    color: #000;
}

.spec-scroll .items {
    width: 100%;
    height: 101px;
    overflow: hidden;
    position: relative;
}

    .spec-scroll .items ul {
        overflow: hidden;
        margin: 0 auto;
        position: absolute;
    }

        .spec-scroll .items ul li {
            width: 101px;
            height: 101px;
            margin-right: 16px;
            float: left;
            padding: 5px;
            border: 1px solid #e5e5e5;
        }

            .spec-scroll .items ul li img {
                width: 100%;
                height: 100%;
                background: white;
            }

            .spec-scroll .items ul li p {
                color: #333;
                font-size: 16px;
                text-align: center;
                margin-bottom: 0px;
            }

.pir-swiper {
    display: none;
    position: relative;
    background: white;
    padding-bottom: 30px;
}

.pir-pic img {
    display: block;
    width: 100%;
}

.pir-swiper .swiper-pagination {
    bottom: 0px;
    width: 100%;
}

.pir-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #cecece;
    opacity: 1;
    margin: 0 5px !important;
}

.pir-swiper .swiper-pagination-bullet-active {
    background: #000;
}


.pri-one {
    padding-bottom: 80px;
}

.productxq-one-tit {
}

    .productxq-one-tit h2 {
        font-size: 28px;
        color: #222;
        width: 50%;
        line-height: 50px;
        margin-top: 40px;
    }

    .productxq-one-tit ul {
        margin-top: 45px;
    }

    .productxq-one-tit li {
        font-size: 20px;
        line-height: 36px;
        color: rgba(51,51,51,0.7);
    }

.pri-viewmo {
    display: inline-block;
    margin-top: 140px;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    background: #fd0903;
    padding: 8px 45px;
}

.pri-one-span {
    font-size: 20px;
    color: #222;
    background: #e5e5e5;
    display: inline-block;
    line-height: 30px;
    padding: 8px 35px;
}


.pri-two {
}

.pri-two-list {
    padding: 100px 0 80px;
}

.pri-two-tit {
    font-size: 36px;
    color: #fe0903;
    margin-bottom: 60px;
}

.pri-two-list.gray {
    background: #ffffff;
}

.pri-two-dec {
    font-size: 28px;
    color: #333;
    margin-bottom: 30px;
}

.pri-two-img {
}

    .pri-two-img img {
        max-width: 100%;
    }

.pri-two-des {
    font-size: 30px;
    color: #333;
    text-align: center;
    margin-top: 45px;
    font-weight: bold;
}


.pri-three {
    padding: 100px 0 0;
}

    .pri-three ul {
        margin: 0 -10px;
        padding-bottom: 0px;
    }

    .pri-three li {
        margin-bottom: 20px;
        width: 50%;
        float: left;
        padding: 0 10px;
    }

.proinfo {
    padding: 100px 0 25px;
}

@media (max-width:1260px) {
    .productxq-one-tit h2 {
        width: 100%;
        margin-top: 20px;
        font-size: 50px;
        line-height: 65px;
    }

    .productxq-one-tit ul {
        margin-top: 20px;
    }

    .pri-viewmo {
        margin-top: 50px;
    }
}

@media(max-width:991px) {
    .productxq-one-tit h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .productxq-one-tit li {
        font-size: 16px;
    }

    .proi-left {
        width: 46%;
    }

    .proi-right {
        width: 48%;
    }

    .pri-two-tit {
        font-size: 32px;
    }

    .pri-two-dec {
        font-size: 26px;
    }

    .pri-two-des {
        font-size: 22px;
    }
}

@media(max-width:767px) {
    /* .pir-swiper{display: block;} */
    /* .proi-left{display: none;} */
    .proi-left, .proi-right {
        float: none;
        width: 100%;
    }

    .proi-right {
        margin-top: 20px;
    }

    .pri-one-span {
        font-size: 16px;
    }

    .productxq-one-tit h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .productxq-one-tit li {
        font-size: 14px;
        line-height: 24px;
    }

    .pri-viewmo {
        font-size: 14px;
        margin-top: 20px;
    }

    .pri-one {
        padding-bottom: 40px;
    }

    .pri-two-tit {
        margin-bottom: 30px;
    }

    .pri-two-dec {
        font-size: 18px;
    }

    .pri-two-tit {
        font-size: 24px;
    }

    .pri-two-dec {
        margin-bottom: 20px;
    }

    .pri-two-des {
        font-size: 16px;
        margin-top: 15px;
    }

    .pri-two-list {
        padding: 40px 0 50px;
    }

    .pri-three {
        padding: 40px 0 0;
    }

        .pri-three li {
            float: none;
            width: 100%;
            padding: 0;
        }

        .pri-three ul {
            margin: 0;
        }

    .proinfo {
        padding: 50px 0 10px;
    }
	.index-more1{margin-top: -27px;}
}
.bsBox {
    height: 256px !important;
    width: 232px !important;
}

