@charset "UTF-8";
.container,.container-middle,.wrap{padding-right: 15px;padding-left: 15px;margin:0 auto;}
@media (min-width: 768px) {
	.wrap,.container,.container-middle{ width: 750px;}
}
@media (min-width: 992px) {
    .wrap,.container,.container-middle{width: 965px;}
}
@media (min-width: 1260px) {
 	.wrap,.container,.container-middle{ width: 1230px;}
}
@media (min-width: 1460px) {
.container-middle,.container{ width: 1430px;}
}
@media (min-width: 1920px) {
  .container-middle{ width: 1710px;}
  .container{width: 1630px;}
}

@keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}


@keyframes scle2 {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    to {
        transform: scale(1.1);
    }
		
}
/*header*/
.header{position: absolute;padding-top: 60px; top: 0;  left: 0; width: 100%; height: 180px; z-index: 5000;   background: #fff; transition: ease .5s;}
.headtop-con{position: relative;}
.headtop-left{float: left;margin-left: -60px;}
.top-search{border-radius: 30px;border: 1px solid #777;position: relative;margin-top: 7px; padding: 5px 25px;width: 300px;}
.top-search input:nth-child(2){width: 17px;height: 30px;position: absolute;right: 20px;top: 50%;margin-top: -15px; background: url(../images/top-search.png)no-repeat center;background-size: 100%;cursor: pointer;}
.top-search input:nth-child(1){font-size: 14px;line-height: 30px;color: #777;width: 100%;padding-right: 25px;}
.headlogo{text-align: center;width: 120px;margin: 0 auto;}
.headtop-right{float: right;font-size: 0;margin-right:-75px;position: absolute;right: 0; top: 16px;}
.headtop-right a{display: inline-block;margin: 0 15px;transition: ease .5s;}
.headtop-right a:hover{transform: translateY(-5px);}
.headtop-collect{width: 22px;height: 20px;background: url(../images/topicon1.png)no-repeat center;background-size: 100%;}
.headtop-login{width: 19px;height: 23px;background: url(../images/topicon2.png)no-repeat center;background-size: 100%;}
.headtop-shop{width: 19px;height: 23px;background: url(../images/topicon3.png)no-repeat center;background-size: 100%;}
.header .logo{ display: inline-block;  position: relative; z-index: 1200;}
.header .logo img{ width: 120px; height: 54px;}

.header.on  .navitem.nav-aft::before{display: none;}
.header-navbar{text-align: center;border-bottom: 1px solid #e9e9e9;font-size: 0;padding-top: 10px;}
.navbar{transition: ease .5s;}
.navitem{padding: 0 0px;display: inline-block;}
.navitem>a{ display: inline-block; font-size: 16px; color: #000; line-height: 30px;padding: 13px 25px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; background: transparent; position: relative;}

/* .navitem:first-child{margin-right: 30px;} */

.navbar .navitem:last-child>a::before{display: none;}
/* .navitem>a::before{position: absolute;content: "";width: 0;height: 3px;background: #ff9b2d;bottom: 0;left: 50%;transform: translateX(-50%);transition: ease .5s;}
.navitem:hover>a::before,
.navitem.active>a::before{width: 100%;} */
.navitem:hover>a,
.navitem.active>a{color: #eabf5f;}
.navitem>a span{width: 0;height: 18px;display: inline-block;transition: ease .5s;opacity: 0;text-align: center;margin-right: 10px;}
.navitem>a span img{display: block;max-width: 100%;margin-top: 3px;}

.navitem.active>a span{width: 18px;opacity: 1;}
.navitem.nav-aft{position: relative;}
.navitem.nav-aft::before{content: "";position: absolute;width: 65px;height: 36px;background: url(../images/nav-aft_03.png)no-repeat center top;top: -36px;left: 30%;}
/*header -end*/
/*==================================home-banner==============================*/
.home-banner{position: relative;padding-top: 180px;}
.pc-banner{position: relative;overflow: hidden;}
.banner-slide{display: block;position: relative;}
.banner-slide img{width: 100%;}
.pc-banner .swiper-container{overflow-x: hidden;overflow-y: visible;}
.pc-banner .swiper-pagination{width: 100%;bottom: 30px;display: none;}
.pc-banner .swiper-pagination-bullet{border-radius: 30px;background: #fff;width: 20px;height: 6px;opacity: 1;margin: 0 5px;transition: ease .5s;}
.pc-banner .swiper-pagination-bullet-active{background: #ff9b2d;width: 40px;}
.pc-banner .swiper-button-prev,.pc-banner .swiper-button-next{display: none;}
.banner-font{position: absolute;top:50%;left:0;transform: translateY(-50%); width: 100%;z-index: 4;padding-bottom: 142px;}
.banner-cont{ filter: alpha(opacity=0);text-align: center;position: relative;text-align: center;}
.banner-cont h3{font-size: 64px;line-height: 70px;color: #fff;font-weight: bold; position: relative;}
.banner-cont h4{font-size: 34px;line-height: 40px;color: #fff;font-weight: lighter;position: relative;margin: 22px 0 61px;}
.banner-cont h4 span{display: inline-block; width: 2px;height: 36px;margin: 0 30px;position: relative;}
.banner-cont h4 span::before{position: absolute;content: "";width: 100%;height: 100%;background: #fff;top: 0;left: 0;margin-top: 8px;}
.home-banner .swiper-slide-active .banner-cont{opacity: 1; filter: alpha(opacity=100);  transition: all .8s linear; transition-delay: .1s;}
.home-banner.app{display: none;}
.home-banner.app img{width: 100%;}
.banner-scroll{position: absolute;top: 80%;left: 50%;transform: translateX(-50%);z-index: 8;cursor: pointer;}
.banner-scroll img{display: inline-block;width: auto;}
.home-appbanner{width: 100%;display: none;}


.hbanner1{}
/* mv-pg ----------*/
#mv-pg { position: absolute; z-index: 3; top: 0%; opacity: 1; left: 0; width: 100%; height: 100%; transition: all 1s ease-in-out; }
.active #mv-pg { top: 0; opacity: 1; }
#mv-pg li { position: absolute; width: 100%; height: 100%; opacity: 0; }
#mv-pg li .pg { position: absolute; display: block; width: calc((100% / 6) + 1px); height: 100%; overflow: hidden; background-repeat: no-repeat; top: 0; }
#mv-pg li .pg:nth-child(1) { left: 0; }
#mv-pg li .pg:nth-child(2) { left: calc((100% / 6) * 1); }
#mv-pg li .pg:nth-child(3) { left: calc((100% / 6) * 2); }
#mv-pg li .pg:nth-child(4) { left: calc((100% / 6) * 3); }
#mv-pg li .pg:nth-child(5) { left: calc((100% / 6) * 4); }
#mv-pg li .pg:nth-child(6) { left: calc((100% / 6) * 5); }
.hbannerimg1{opacity: 1;}
.home-bannerapp{display: none;}
@media screen and (max-width:640px) { /* iPad 横 l */
/* .hbanner1{height: 100vw !important;} */
	#mv-pg {top: 0; left: 0; width: 100%; opacity: 1; }
	#mv-pg li { height: 100%; }
	#mv-pg li .pg:nth-child(1) { top: 0; }
	#mv-pg li .pg:nth-child(2) { top: 0; }
	#mv-pg li .pg:nth-child(3) { top: 0; }
	#mv-pg li .pg:nth-child(4) { top: 0; }
	#mv-pg li .pg:nth-child(5) { top: 0; }
	#mv-pg li .pg:nth-child(6) { top: 0; }
	.home-appbanner{opacity: 0;}
}

@keyframes scle2 {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    to {
        transform: scale(1.1);
    }
		
}
 @keyframes criss-cross-left {
   0% {
     left: -20px;
   }
   50% {
     left: 50%;
     width: 20px;
     height: 20px;
   }
   100% {
     left: 50%;
     width: 375px;
     height: 375px;
   }
 }

 @keyframes criss-cross-right {
   0% {
     right: -20px;
   }
   50% {
     right: 50%;
     width: 20px;
     height: 20px;
   }
   100% {
     right: 50%;
     width: 375px;
     height: 375px;
   }
 }
	       
	   
.banner-more{position: relative;text-align: center;margin: 0 auto;font-size: 20px;line-height: 30px;color: #000;overflow: hidden;font-family: "AkzidenzGrotesk-Light";width: 180px;height: 50px;background: #ffffff9e;/* border: 1px solid #505050bd; *//* border-radius: 50px; */}
.banner-more::before,.banner-more::after{position: absolute;top: 50%;content: '';width: 20px;height: 20px;background: #fff;border-radius: 50%;transition: ease .5s;}
.banner-more:before { left: -20px; transform: translate(-50%, -50%);}
.banner-more::after{right: -20px; transform: translate(50%, -50%);}
.banner-more:hover::before{animation: criss-cross-left 0.8s both;}
.banner-more:hover::after{animation: criss-cross-right 0.8s both;}
.banner-more span{display: block;position: relative;z-index: 3;padding: 10px;transition: ease .5s;}
.banner-more span i{font-style: normal;display: inline;margin-left: 13px;}
.banner-more:hover{color: #000;border: 0px solid #fff;}
.banner-img{width: 100%;}
.appbanner-img{width: 100%;display: none;}

/*  */
.banner-list{position: absolute;width: 100%;bottom: 0;left: 0;z-index: 4;transform-style: preserve-3d;perspective: 800px;}
.banner-ul{background: rgba(57,36,30,0.75);padding: 39px 80px;transform: rotateX(0deg) translate3d(0,0,0);transform-origin: bottom;transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;}
.banner-ul li{float: left;width: 20%;border-left: 1px solid rgba(255,255,255,0.2);padding: 0 20px;text-align: center;}
.banner-ul li:first-child{border-left: none;}
.banner-icon{display: inline-block; width: 32px;height: 32px;}
.banner-icon img{width: 100%;transition: ease .5s;}
.banner-ul li h4{display: inline-block; font-size: 18px;line-height: 30px;color: #fff;margin-left: 8px;transition: ease .5s;}
.banner-ul li:hover .banner-icon img{transform: translateY(-10px);}
.banner-ul li:nth-child(3):hover .banner-icon img,.banner-ul li:nth-child(4):hover .banner-icon img{animation: myfirst 5s linear infinite;}
.banner-ul.pass{transform: rotateX(100deg) translate3d(0,0,0);}
.home-banner{padding-top: 240px;}
@-webkit-keyframes byline2 {
    from { width: 0;}
    to { width: 60px; }
}

@keyframes byline2 {
    from { width: 0px; }
    to { width: 60px; }
}
.home-banner .swiper-slide-active .animat-line>span{ -webkit-animation: byline2 5s linear 0s; animation: byline2 5s linear 0s; }
@keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}

/* css3 keyframes - animation 4 */

@keyframes anim4 {
    from {
        transform: rotateZ(0deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}
/*home-banner -end*/

/*footer*/
.footer{}
.ny-footer{background: #030304;}
.ny-footer .footer-con{background: #030304;padding: 74px 0px 40px;}
.footer-con{padding: 74px 0px 40px;background: #030304;}
.bottom1{padding-bottom: 100px;}
.bottom-ul{float: left;}
.bottom-ul ul{float: left;margin-right: 70px;}
.bottom-ul ul:last-child{margin-right: 0;max-width: 15.5%;}
.bottom-ul ul li{padding: 0px 0;}
.bottom-ul ul li:first-child{margin-bottom: 15px;}
.bottom-ul ul li a{display: block;font-size: 14px;line-height: 30px;color: #dddddd;transition: ease .5s;}
.bottom-ul ul li:first-child a{font-size: 18px;line-height: 30px;color: #fff;}
.bottom-ul ul li a:hover{color: #fff;}
.bottom1-ewm{float: right;}
.bottom1-font{float: left;margin-right: 25px;}
.bottom-ewm{float: right;}
.bottom-ewm img{display: inline-block;max-width: 100%;}
.bottom1-phone{font-size: 34px;line-height: 40px;color: #ededed;font-family: "AkzidenzGrotesk-Light";margin: 22px 0 10px;}
.bottom1-font p{font-size: 14px;line-height: 36px;color: #999;}
.bottom-beian{text-align: center;font-size: 0;margin: 0 -19px;float: right;}
.bottom-beian>div{display: inline-block;margin: 0 19px; font-size: 14px;line-height: 30px;color: rgba(255,255,255,1);}
.botspan-return {
    background: url(../images/return.png)no-repeat center left;
    background-size: 22px 24px;
    padding-left: 30px;
}
.botspan-beian{background: url(../images/footer-icon1.png)no-repeat center left;background-size: 22px 24px;padding-left: 30px;}
.botspan-phone{background: url(../images/footer-icon2.png)no-repeat center left;background-size: 24px 24px;padding-left: 30px;}
.botspan-p{}
.bottom-logo{text-align: center;position: relative;margin: 0px 0 41px;}
.bottom-logo::before{position: absolute;content: "";width: 100%;height: 1px;background: rgba(255,255,255,.1);left: 0;top: 50%;}
.botlogo-img{display: inline-block;max-width: 100%;width: 148px;height: 45px;padding: 0 24px; position: relative;background: #030304;}
.botlogo-img img{width: 100%;}
.bottom2{}
.bottom-select{font-size: 0;float: left;}
.bottom-select1{display: inline-block;}
.bottom-select1:nth-child(2){margin: 0 80px 0 80px;}
.bottom-select1 span{display: inline-block;font-size: 14px;line-height: 30px;color: #ededed;margin-right: 10px;}
.sel_mask{display: inline-block;transition: ease .5s;}
.sel{font-size: 14px;line-height: 30px;color: #666;appearance:none;background: url("../images/bot-1.png") no-repeat right 10px center transparent;padding-right: 50px;padding-left: 10px;}
.sel_mask select option[selected]{
            font-weight:bold
        }
        .sel_mask select option:nth-child(even) {
            background-color: rgba(245, 245, 245, .8);
        }
        .sel_mask select option{
            color:#666;
			padding: 3px 0;
        }
		 .sel_mask:hover{  
		            background: rgba(245, 245, 245, .8);
		        }
.bottom-link{float: right;}

.bottom-link a{display:inline-block;position: relative;padding: 0 10px;font-size: 14px;line-height: 30px;color: #030304;transition: .5s;position: relative;}
.bottom-link a:first-child{padding: 0;}
.bottom-link a:nth-child(2){padding-left: 0;}
.bottom-link a:hover{color: #030304;}
.bottom-link a::before{position: absolute;content: "";width: 2px;height: 15px;background: #030304;left: 0;top: 50%;margin-top: -8px;}
.bottom-link a:nth-child(2)::before,.bottom-link a:first-child::before{display: none;}
.bott-share{}
.bott-share .bshare-custom{font-size: 0;text-align: right;}
.bott-share a{display: inline-block !important; background: none !important;font-size: 20px !important;width: 38px !important;height: 38px !important;line-height: 38px !important;border: 1px solid rgba(255,255,255,.2); text-align: center;border-radius: 50% !important;color: #fff !important;transition: ease .5s !important;padding-left: 0 !important;text-decoration: none !important;margin: 0 12px !important;}
.bott-share a:hover{color: #000 !important;background: #fff !important;border-color: #fff; opacity: 1 !important;}
.bott-share a::after{display: none !important;}
/*footer -end*/

/* ========== header-app  ========= */
.header-app.hny .navbar-app { background: #333;}
.header-app {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 60px;z-index: 500;overflow: hidden;box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .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; 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;background: #fff !important;height: 60px;}
.header-app .logo { display: inline-block; height: 60px; vertical-align: middle; padding: 12px 15px;}
.header-app .logo img { height: 100%;display: inline-block;}
.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: #341d17; border-radius: 30px;}
.app-sousuo {  line-height: 22px; border-right: solid 1px #fff; padding-right: 0px; color: #000; float: left;  font-size: 22px !important; margin-top: 19px;margin-left: 15px;}
.alert-search {display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); top: 0; left: 0;  z-index: 9999;}
.alert-top { height: 60px; background: rgba(57,36,30,1); padding: 0 15px;}
.alert-top .text { height: 30px; margin-top: 15px; background: none; border-bottom: solid 1px #fff; width: 80%; float: left;  color: white;}
.alert-top .search { margin-left: 10px; background: url(../images/search.png) no-repeat center;  width: 20px;  height: 20px; background-size: cover; float: left; margin-top: 25px;}
.alert-top span { color: #fff; float: right; font-size: 20px !important; margin-top: 21px;}
.navapp-user { float: right; width: 60px; height: 60px; color: rgba(255, 255, 255, .82); line-height: 60px; font-size: 16px;}
.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: #000;  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: 50px; left: 0; bottom: 0; right: 0; width: 100%; z-index: 620;  padding: 20px;  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 #e5e5e5; 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;}
.nav-list li.active .cate-item a,
.nav-list li.open .cate-item a { color: #39241e;}
.category-cont a:last-child {  border: none;}
.category-cont a.active { color: #39241e;}
.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: #39241e;}
.category-cont { display: none;}
.nav-list li.open .category-cont { display: block; border: solid 1px #e5e5e5;}
.category-pad { padding: 0 15px;}
.category-cont a { line-height: 40px; border-bottom: 1px dashed #e5e5e5; display: block;    font-size: 14px;   color: #333;}
.category-pad a.active { color: #ff9b2d;}
.cate-item1{position: relative;border-bottom:solid 1px #cfcfcf;}
.category-li:last-child .cate-item1{border-bottom: none;}
.cate-item1 a{border-bottom: none; font-size: 16px;line-height: 48px; margin-right: 60px; display: block; color: #444;}
.category-li.open .cate-item1 a{color: #f0bb44}
.category-cont1 a:last-child{border:none;}
.category-cont1 a.active{color:#f0bb44;}
.category-tig1{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-tig1::before,.category-tig1::after{ content: '';background: #888; position: absolute; top:50%; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.category-tig1::before{ width:16px; height: 2px; right:0; margin-top:-1px;}
.category-tig1::after{ width:2px;height: 16px;margin-top: -8px;right:7px;}
.category-li.open .category-tig1::after{ opacity: 0;}
.category-li.open .category-tig1::before{background: #f0bb44;}
.category-cont1{display: none;}
.category-li.open .category-cont1{display: block;border-bottom:solid 1px #cfcfcf;}
.category-li:last-child.open .category-cont1{border-bottom: none;border-top:solid 1px #cfcfcf;}
.category-pad1{ padding: 0 15px;}
.category-cont1 a {line-height:40px;border-bottom: 1px solid #cfcfcf; display: block; color: #666;}
.category-pad1 a.active{color: #f0bb44;}
.app-search { position: relative;}
.app-search-text { width: 76%;  height: 48px; font-size: 14px;  text-align: left; display: inline-block;  vertical-align: middle;}
.app-search-btn { width: 48px; height: 48px;  display: inline-block; background: transparent; vertical-align: middle; font-size: 16px;  line-height: 48px;  text-align: right;  position: absolute;  right: 0; top: 0;}
.btn1.close1, .btn2.close1, .btn3.close1, .btn4.close1 {  bottom: 0;  right: 0;}
.btn1.open1 { bottom: 125px; right: 0;}
.btn2.open1 {  bottom: 100px; right: 55px;}
.btn3.open1 {  bottom: 58px; right: 98px;}
.btn4.open1 {  bottom: 0px; right: 117px;}
.header-app .headtop-left{float: none;width: 100%;margin-left: 0;}
.header-app .top-search{width: 100%;margin-top: 25px;}
.header-app .headtop-right{position: static;margin-right: 0;float: none;width: 100%;text-align: center;margin: 25px 0 0;}

/*app-底部*/
.foot-app { width: 100%; background: #030304;  padding: 0;padding-bottom: 0px; display: none; background-size: cover;border-top: 1px solid #eeeeee;}
.footer-menu{padding: 0 15px;display:none;}
.footer-top{padding: 40px 20px 0;}
.footer-bot{padding: 20px 20px 40px;background: #030304;}
.footer-tit { position: relative;  border-bottom: 1px solid rgba(255,255,255,0.5);}
.open .footer-tit a { color: rgba(255,255,255,1);}
.footer-tit a { font-size: 16px; color: rgba(255,255,255,0.5); line-height: 48px;  margin-right: 48px;  display: block;}
.footer-tig { font-size: 14px;  color: #333; 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.5);  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: rgba(255,255,255,1);}
.footer-cont { display: none; border: solid 1px rgba(255,255,255,0.5); border-top: 0;  padding: 0 15px;}
.footer-cont a {  line-height: 40px;  color: rgba(255,255,255,0.5); display: block; font-size: 14px; border-bottom: dashed 1px rgba(255,255,255,0.5);}
.footer-cont a:last-child {border: none;}

.footer-left {   width: 30%;float: right;}
.footer-left img { display: block;  width: 100%;}
.footer-right{ width: 100%;}
.footer-right p {  font-size: 14px; color: rgba(119,119,119,0.5);  line-height: 26px;}
.footer-right p a{display: inline-block;margin-right: 20px;transition: ease .5s;}
.footer-right p a:hover{color: rgba(244, 222, 193, 1);}
.footer-share {  text-align: right;}
.footer-right .img{float: right;width: 16%;text-align: center;background: #373737;padding: 7px; padding-bottom: 5px;}
.footer-right .imgg{margin-bottom: 10px;}
.footer-right .imgg img{width: 100%;}
.footer-right .fr2{float: right;}
.footer-share a { display: inline-block !important; float: none !important;  background: none !important; font-size: 20px !important; height: 30px !important; line-height: 30px !important; margin: 0 7px !important;  padding: 0 !important; opacity: 1 !important;  color: rgba(255, 255, 255, 0.5) !important;}
.foot-lx{width: 50%;}
.footer-bot .bottom2{background: transparent;}
.footer-bot .left a:last-child{margin-right: 0;}
.footer-bot .bottom2 .left p{float: none;}
.footer-bot .left{float: left;}
.footer-bot .right{float: right;}
.footer-bot .bottom2-img{float: right;}
.footer-link,
.footer-link a { line-height: 26px; font-size: 14px;  color: rgba(244, 222, 193, .6);}
.footer-link {  padding-bottom: 20px; overflow: hidden;}
.footer-link a { display: block; float: left;  margin-right: 15px;}
.footer-link span {  float: left;}
.footer-top .bottom-lx,.footer-top .bottom-lx ul{float: none;}
.footertop-img{margin-top: 10px;}
.footer-top .bottom-ewm,.footer-top .bott-share{text-align: left;}
/* .footer-right .img{width: 100%;margin: 0 auto;text-align: center;float: none;} */
.footer-right .img .image{float: left;width: 25%;}
.footer-right .con1{float: none;width: 100%;text-align: center;}
.footer-right .con1 .bdshare-button-style2-16 .bds_sqq,.footer-right .con1 .bdshare-button-style2-16 .bds_tsina,.footer-right .con1 .bdshare-button-style2-16 .bds_weixin{background: none!important;font-size: 20px!important;float: none!important;}
.footer-bot p:nth-child(2){margin-right: 0;}
.footer-top .bottom1-ewm{float: none;}
.bottomlx-txt{}
.footer-top .bottom-ewm,.footer-top .bott-share,.footer-top .bott-share .bshare-custom{float: none;text-align: center;}
.footer-top .bottom1-font{float: none;text-align: center;margin-right: 0;margin-top: 15px;}
.footer-top .bottom1-phone{margin-top: 10px;}
.foot-app .bottom-logo{margin: 30px 0;}
/*客服*/
/*  */
.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: 60px;height: 60px;border-radius: 5px;margin-bottom: 10px;background:#b5b5b5;}
.kf .zx {background-position: 0 0;background: #b5b5b5 url(../images/kefu-zx.png)no-repeat center top 12px;}
.kf .back_top { border: none; background: #b5b5b5 url(../images/kefu-top.png)no-repeat center top 18px;}
.kf span a { transition: .5s; display: block; color: #fff;line-height: 24px; font-size: 12px;  text-align: center;padding-top: 35px;}
.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:#b5b5b5 url(../images/kefu-qq.png)no-repeat center top 12px;}
.kf .inlinebj{background:#b5b5b5 url(../images/kefu-bj.png)no-repeat center top 12px;}
.kf .zxlya{background: #b5b5b5 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: #b5b5b5;}
.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; }
.kf span:hover{background-color: #000;}
@media (max-width:991px) {
	.kf{display: none;}
	.kffixed{display: block;}
}

/* app-kf */
.kffixed{ position: fixed; bottom: 0;  z-index: 2000; width: 100%;  height: 49px;overflow: hidden;display:none;}
.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: rgba(0,0,0,0.9);}
.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; }
.bsBox{width: 232px !important;height: 256px !important;}

/* index-content */
.home-padd{padding: 120px 0;}
.home-title{font-size: 40px;color: #321f1a;line-height: 50px; text-align: center;}
.home-des{font-size: 18px;line-height: 30px;color: #444;text-align: center;margin-top: 10px;}
.view-more{position: relative;display: inline-block;text-align: center;margin: 0 auto;font-size: 20px;line-height: 30px;color: #2a201c;overflow: hidden;font-family: "AkzidenzGrotesk-Light";width: 145px;height: 50px;background: transparent;border: 1px solid #2a201c;transition: ease 1.5s;}
.view-more::before,.view-more::after{    position: absolute; top: 50%;  content: ''; width: 20px; height: 20px; background: #000; border-radius: 50%;transition: ease .5s;}
.view-more:before { left: -20px; transform: translate(-50%, -50%);}
.view-more::after{right: -20px; transform: translate(50%, -50%);}
.view-more:hover::before{animation: criss-cross-left 0.8s both;}
.view-more:hover::after{animation: criss-cross-right 0.8s both;}
.view-more span{display: block;position: relative;z-index: 3;padding: 10px;}
.view-more span i{font-style: normal;display: inline;margin-left: 13px;}
.view-more:hover{color: #fff;border-color: transparent;}

.index-tit{font-size: 52px;line-height: 60px;color: #2a201c;text-align: center;}
.index-dec{font-size: 18px;line-height: 30px;color: #2a201c;text-align: center;margin-top: 10px;}


/* ======== AX========== */
.index-one{}
.inone-con{padding: 0 210px 0 140px;position: relative;}
.inonecon-bef{position: absolute;width: 50.6%;height: 73%;background: #d6ccc0; bottom: 0;left: 0;}
.inonecon-aft{position: absolute;width: 41.66%;height: 73%;background: #e0dbd5; top: 0;right: 0;}
.inone-cirone{position: absolute; left: 0;top: 110px;}
.inone-cirone img{display: inline-block;max-width: 100%;}
.inone-cirtwo{position: absolute;right: 0;top: 0;}
.inone-cirtwo img{display: inline-block;max-width: 100%;}

.inone-font{display: block;position: relative;z-index: 4;}
.inone-img{float: right;width: 62.56%;overflow: hidden;}
.inone-img img{width: 100%;transition: ease .5s;}
.inone-txt{position: absolute;left: 0;top: 0;width: 37.44%;height: 100%;padding: 0 40px 0 60px;background: #d1bfa3;}
.inone-txt>div{position: relative;width: 100%;height: 100%;}
.inone-txt h3{font-size: 52px;line-height: 60px;color: #2a201c;margin-bottom: 10px;}
.inone-txt p{font-size: 18px;line-height: 30px;color: #2a201c;}
.inone-txt h5{font-size: 30px;line-height: 36px;color: #2a201c;font-weight: lighter;}
.inone-txt h5 i{display: inline; font-style: normal;font-weight: normal;}
.inone-txt h4{font-size: 36px;line-height: 40px;color: #2a201c;margin: 15px 0 14px;}
.inone-txt h6{font-size: 24px;line-height: 30px;color: #2a201c;font-weight: lighter;}
.inone-hr{width: 2px;height: 60px;background: #2a201c;margin: 24px 0;}
.index-one .view-more{margin: 77px 0 0;}
.inone-t{font-family: "georgia";font-size: 48px;line-height: 50px;color: #8a6d46;position: absolute;right: 0;bottom: 54px;transform: translateX(50%);}


.index-two{padding: 65px 0 0;}
.intwo-con{background: #efeeea;padding-bottom: 232px;margin-top: 35px;}
.intwotop-swip{}
.intwotop-slide{display: block;position: relative;overflow: hidden;}
.intwotop-slide::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.5);left: 0;top: 0;opacity: 1;}
.intwotop-swip .swiper-slide-active .intwotop-slide::before{opacity: 0;}

.intwotop-slide img{width: 100%;transition: ease .5s;}

.intwobot-swip{margin-top: -316px; width: 450px;   height: 425px;float: right;margin-right: 313px;position: relative;}
.intwobot-swip .swiper-container{padding-top: 45px;}
.intwobot-slide{display: block;position: relative;background: #fff;width: 450px; height: 380px;}
.intwo-txt{text-align: center;position: relative;height: 100%;}
.intwo-font{padding: 82px 44px;}
.intwo-i{font-size: 200px;color: #c3b092;line-height: 200px; font-family: "AkzidenzGrotesk-Light";position: absolute;top: -45px;left: 0;}
.intwo-txt h3{font-size: 36px;line-height: 40px;color: #2a201c;font-weight: lighter;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.intwo-txt h4{font-size: 18px;line-height: 30px;color: #2a201c;font-weight: lighter;margin-top: 23px;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
/* .intwo-txt h4 span{display: block;} */
.intwo-txt .view-more{margin-top: 44px;}
.intwobot-swip .swiper-button-next,.intwobot-swip .swiper-button-prev{width: 64px;height: 64px;font-size: 18px;top: auto;bottom: 30px; background: none;line-height: 64px;color: #c3b092;text-align: center;border: 1px solid #c3b092;transition: ease .5s;font-weight: bold;}
.intwobot-swip .swiper-button-next:hover,.intwobot-swip .swiper-button-prev:hover{color: #000;background: #c3b092;}
.intwobot-swip .swiper-button-next{right: -84px;}
.intwobot-swip .swiper-button-prev{left: -84px;}
.intwobot-swip .swiper-pagination{display: none;width: 100%;bottom: 10px;}
.intwobot-swip .swiper-pagination-bullet{margin: 0 8px;background: rgba(0,0,0,.4);}
.intwobot-swip .swiper-pagination-bullet-active{background: #000;}


.index-three{}
.inthr-con{padding: 305px 0 225px; background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}
.inthr-swiper{position: relative;padding-left: 100px;}
.inthr-swiper .swiper-container{}
.inthr-circle{position: absolute;width: 38.69%;background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;vertical-align: middle; right: 50px;top: -180px;/* animation: myfirst 20s linear infinite; */}
.inthr-circle img{width: 100%;}
.inthr-swiper .swiper-pagination{display: none;}
.inthr-swiper .swiper-button-next,.inthr-swiper .swiper-button-prev{font-size: 18px;font-weight: bold;color: #9b9b9b;background: #fff;width: 100px;height: 100px;text-align: center;line-height: 100px;top: auto;bottom: 40px;left: 50%;transform: translateX(-25px);}
.inthr-swiper .swiper-button-prev::after{position: absolute;content: "";width: 1px;height: 40px;background: #d2d2d2;right: 0;top: 50%;transform: translateY(-50%);}
.inthr-swiper .swiper-button-next{right: auto;left: 50%;margin-left: 100px;}

.inthr-swiper .swiper-button-next:hover,.inthr-swiper .swiper-button-prev:hover{color: #000;}
.inthr-slide{display: block;padding-top: 30px;}
.inthr-h{float: left;padding-left: 70px;padding-top: 30px; font-size: 16px;line-height: 30px;color: #2a201c; writing-mode: vertical-rl;  writing-mode: tb-rl;}
.inthr-tit{float: left; font-size: 48px;line-height: 60px;color: #2a201c;writing-mode: vertical-rl; writing-mode: tb-rl; font-family: "georgia";}
.inthr-tit span{display: block;white-space: nowrap;}
.inthr-font{float: left;padding: 0 60px 0 110px;max-width: 41.14%;}
.inthr-font h3{font-size: 30px;line-height: 30px;color: #333;margin-bottom: 30px; font-weight: lighter;}
.inthr-font p{font-size: 16px;line-height: 36px;color: #333;}
.inthr-font p span{display: block;}
.inthr-img{float: left;width: 34.81%;position: relative;margin-top: -30px;}

.inthr-img img{width: 100%;position: relative;}
.index-three .view-more{margin: 70px 0 0;}
.inthr-swiper .swiper-slide .inthr-slide{transform: scale(0.4,0.4);transition: all 2s;transform-origin: center center;}
.inthr-swiper .swiper-slide-active .inthr-slide{ transform: scale(1,1);}


.index-four{}
.index-four .index-tit,.index-four .index-dec{color: #fff;text-align: left;}

.infou-con{}
.infou-cont{padding-left: 160px;position: relative; }
.infou-ba{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding-right: 160px;}
.infou-back{width: 100%;height: 100%; background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}
.infou-tit{padding: 174px 0 106px;position: relative;}
.infou-swiper{position: relative;}
.infou-swiper .swiper-button-next, .infou-swiper .swiper-button-prev{top: 40%;}
.infou-slide{display: block;position: relative;}
.infou-img{overflow: hidden;}
.infou-img img{width: 100%;transition: ease .5s;}
.infou-swiper .swiper-container{padding-right: 270px;}
.infou-font{position: absolute;width: 100%;top: 0;left: 0;text-align: center;padding: 111px 30px;}
.infou-font h3{font-size: 30px;color: #fff;line-height: 40px;font-family: "georgia";text-transform: uppercase;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.infou-font h4{font-size: 24px;line-height: 30px;color: #fff;font-weight: lighter;margin-top: 6px; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.infou-swiper .swiper-pagination{display: none;width: 100%;}
.infou-swiper .swiper-pagination-bullet{margin: 0 8px;background: #fff;opacity: .4;}
.infou-swiper .swiper-pagination-bullet-active{background: #fff;opacity: 1;}
.infou-swiper .swiper-button-next,.infou-swiper .swiper-button-prev{border-radius: 50%;width: 60px;height: 60px;background: rgba(255,255,255,.4);font-size: 18px;color: #000;text-align: center;line-height: 60px;transition: ease .5s;font-weight: bold;}
.infou-swiper .swiper-button-next{right: 26px;}
.infou-swiper .swiper-button-prev{left: -83px;}

.index-fiv{background: #efece8;}
.infv-cont{}
.infv-con{padding: 0;margin-top: 35px;}
.infv-left{float: left;overflow: hidden;width: 62.5%;height: 660px;}
.infv-left img{height: 100%;animation: scle2 8s linear infinite;}
.infv-right{float: right;width: 37.5%;padding-left: 18px;}
.infv-right a{display: block;overflow: hidden;}
.infvri-img{overflow: hidden;height: 480px;}
.infvri-img img{height: 100%;transition: ease .5s;}
.infv-right a:hover img{transform: scale(1.05);}
.infvri-txt{background: #fff;padding: 27px 30px 34px;}
.infvri-txt span{display: block; font-size: 20px;line-height: 30px;color: #222;font-weight: lighter;}
.infvri-txt h3{font-size: 30px;line-height: 40px;color: #222;margin: 7px 0 12px;}
.infvri-txt p{font-size: 24px;line-height: 30px;color: #222;font-weight: lighter;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 1; overflow: hidden;}

.index-six{}
.index-six .index-tit{text-align: center;}
.index-six .index-dec{text-align: center;}
.insx-cont{padding: 0 0px;}
.insx-con{margin-top: 75px;}
.insx-ul{margin: 0 -30px 80px;}
.insx-ul li{float: left;width: 33.333%;padding: 0 30px;}
.insx-ul li a{display: block;}
.insx-txt{}
.insx-tit{margin-bottom: 10px;font-size: 0;}
.insx-date{display: inline-block;max-width: 30%; font-size: 72px;line-height: 72px; color: #222;font-family: "DIN-REGULAR";}
.insx-t{display: inline-block;max-width: 70%;padding-left: 12px;}
.insx-t span{display: block;font-size: 16px;line-height: 26px;color: #333; font-family: "CenturyGothic";}
.insx-t h3{font-size: 22px;line-height: 30px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.insx-txt p{font-size: 16px;line-height: 30px;color: #666;  display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.insx-img{overflow: hidden;margin-top: 23px;}
.insx-img img{width: 100%;transition: ease .5s;}
.insx-ul li:hover .insx-img img{transform: scale(1.05);}
.sec-box{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
	@media(max-width:1919px){
	.banner-cont h3{}
	.banner-font{}
	.index-one .view-more{margin: 50px 0 0;}
	.headtop-left{margin-left: 0;}
	.headtop-right{margin-right: 0;}
	
	.inthr-circle{right: 30px;}
	.inthr-font p span{display: inline;}
	.inthr-font{padding: 0 40px 0 70px;}
	}	
	@media(max-width:1459px){	
	.banner-cont h3{font-size: 52px;line-height: 60px;}
	.banner-cont h4{font-size: 30px;margin-bottom: 45px;}
	/* .bottom1-ewm{margin-top: 30px;} */
	.ny-footer .bottom1-ewm{margin-top: 0;}
	.bottom1{padding-bottom: 60px;}
	.inthr-circle{top: -150px;}
	.inone-con{padding: 0 120px;}
	.inone-t{right: -100px;transform: none;}
	.inthr-swiper .swiper-button-next, .inthr-swiper .swiper-button-prev{bottom:0;}
	.infou-font{padding: 60px 30px;}
	.bottom-select1:nth-child(2){margin: 0 80px 0 100px;}
	.infou-swiper .swiper-button-next, .infou-swiper .swiper-button-prev{top: 50%;}
	.index-two{padding: 100px 0 0;}
	.intwobot-slide { width: 400px; height: 320px;}
	.intwobot-swip{width: 400px;height: 375px;margin-right: 200px;margin-top: -205px;}
	.intwo-font { padding: 54px 45px;}
	.inthr-con {  padding: 270px 0 270px;}
	.infvri-img{height: 315px;}
	.infv-left{height: 495px;}
	.index-tit,.inone-txt h3{font-size: 40px;line-height: 50px;}
	.inone-txt h4,.intwo-txt h3{font-size: 30px;}
	.inone-txt h5{font-size: 28px;}
	.inone-txt h6,.infvri-txt p{font-size: 23px;}
	.inone-txt{padding: 0 40px 0 48px;}
	.inone-t,.inthr-tit{font-size: 40px;}
	.infou-font h3,.infvri-txt h3{font-size: 28px;}
	.insx-date{font-size: 60px;line-height: 60px;}
	.insx-t h3{font-size: 21px;}
	
	}
	@media(max-width:1259px){	
		.ny-footer .bottom1-ewm{/* margin-top: 30px; */}
		.bottom-ul ul{margin-right: 20px;}
		.index-tit, .inone-txt h3{font-size: 34px;line-height: 40px;}
		.inone-txt h4, .intwo-txt h3{font-size: 26px;line-height: 30px;}
		.inone-txt h5{font-size: 24px;}
		.inone-txt h6, .infvri-txt p{font-size: 21px;}
		.inthr-font h3{font-size: 28px;}
		.infou-font h3, .infvri-txt h3{font-size: 26px;}
		.insx-date{font-size: 56px;line-height: 56px;}
		.banner-cont h3{font-size: 40px;line-height: 50px;}
		.insx-cont{padding: 0;}
		.index-two{padding: 50px 0 0;}
		.banner-font{padding-bottom: 50px;}
		.infv-cont{padding: 100px 0;}
		.bottom-select1{width: 33.33%;}
		.bottom-select1:nth-child(2){margin: 0;}
		.bottom-select,.bottom-link{float: none;}
		.bottom-link{margin-top: 15px;}
		.inone-con{padding: 0;}
		.insx-ul li{padding: 0 15px;}
		.insx-ul {  margin: 0 -15px 80px;}
		.inone-con>div{padding: 138px 0;}
		.inthr-con{padding: 204px 0;}
		.inthr-swiper{padding-left: 40px;}
		.inthr-h{padding-left: 0;}
		.infou-tit {  padding: 135px 0 66px;}
		.inthr-font {  padding: 0 40px 0 50px;}
		.inthr-circle{top: -100px;right: -15px;}
	}

@media (max-width: 991px){ 
	.section{height: auto !important;}
	.header-app,.foot-app{display: block;}
	.header,.footer{display: none !important;}
	body{padding-top: 60px;}
	.footer,.kf{display: none!important;}
	.kffixed{display: block !important;}
	.bottom1-ewm{margin-top: 0;}
	.home-banner{padding-top: 100px;}
	.banner-cont h3{font-size: 32px;line-height: 40px;}
	.banner-cont h4{font-size: 22px;line-height: 30px;margin: 12px 0 30px;}
	.banner-cont h4 span{margin: 0 20px;}
	.banner-scroll{bottom: 30px;}
	.index-tit{font-size: 34px;line-height: 40px;}
 .infv-con{padding: 0 0px;}
 .insx-ul li{padding: 0 15px;width: 50%;margin: 10px 0;}
 .insx-ul {  margin: -10px -15px 30px;}
 .insx-date{font-size: 52px;line-height: 52px;vertical-align: bottom;}
 .insx-con{margin-top: 40px;}
 .infou-swiper .swiper-container{padding-right: 100px;}
 .intwo-txt h3{font-size: 26px;}
 .intwobot-swip .swiper-button-next, .intwobot-swip .swiper-button-prev{width: 50px;height: 50px;line-height: 50px;}
.intwobot-swip .swiper-container{padding-top: 25px;}
.intwo-i{font-size: 150px;line-height: 150px;top: -40px;}
.intwo-txt h4{margin-top: 15px;}
.intwo-txt .view-more{margin-top: 40px;}
/* .intwobot-slide {  width: 300px; height: 300px;} */
.intwo-font { padding: 50px 32px;}
/* .intwobot-swip{width: 300px;height: 325px;margin-right: 100px;  margin-top: -105px;} */
.intwobot-swip .swiper-button-next{right: -60px;}
.intwobot-swip .swiper-button-prev{left: -60px;}
.banner-more{width: 180px;}
.inone-con>div{padding: 80px 0;}
.index-two{padding: 80px 0 0;}
.sec-box{position: relative;transform: none;top: 0;}
.infv-cont{padding: 0;}
.infv-left{float: none;width: 100%;height: auto;}
.infv-right{float: none;width: 100%;padding-left: 0;margin-top: 20px;}
.infvri-img{height: auto;}
.infv-left img,.infvri-img img{width: 100%;}
.inthr-font{max-width: 75%;}
.inthr-img{width: 40%;margin-top: 60px;}
.inthr-circle{top: auto;right: auto;bottom: -10px;left: 130px;}
.inthr-swiper .swiper-button-next{left: auto;right: 0;margin-left: 0;}
.inthr-swiper .swiper-button-prev{left: auto;right: 0;margin-right: 60px;}
.inthr-swiper .swiper-button-next, .inthr-swiper .swiper-button-prev{width: 60px;height: 60px;line-height: 60px;}
.inthr-swiper .swiper-button-prev::after{height: 30px;}
.inthr-con{padding: 100px 0;}
.inone-t, .inthr-tit{font-size: 34px;}
.inone-hr{height: 40px;margin: 16px 0;}
.inone-txt h6, .infvri-txt p{font-size: 18px;}
.inone-txt{padding: 0 36px;}
.inone-txt h4, .intwo-txt h3{font-size: 22px;}
.inone-txt h5{font-size: 21px;}
}
@media (max-width: 767px){
	.home-padd{padding: 30px 0 40px;}
	.index-tit{font-size: 24px;line-height: 30px;}
	.index-dec{font-size: 16px;margin-top: 5px;}
.banner-cont h3 {  font-size: 34px; line-height: 40px;}
.insx-ul li{width: 100%;margin-top: 20px;}
.insx-ul { margin: -20px -15px 40px;}
.insx-date{font-size: 36px;line-height: 36px;}
.insx-t span{font-size: 14px;line-height: 22px;}
.insx-t h3{font-size: 18px;}
.insx-img{margin-top: 10px;}
.infv-con{margin-top: 25px;padding: 0 40px;}
.infvri-txt span{font-size: 14px;}
.infvri-txt h3{font-size: 20px;line-height: 30px;margin: 5px 0;}
.infvri-txt p{font-size: 16px;}
.infvri-txt { padding: 27px 25px 34px;}
.infou-ba{padding-right: 40px;}
.infou-swiper .swiper-button-next, .infou-swiper .swiper-button-prev{display: none;}
.infou-cont{padding-left: 40px;}
.infou-swiper .swiper-pagination{display: block;bottom: 20px;}
.infou-swiper{padding-bottom: 50px;}
.infou-tit{padding: 80px 0 40px;}
.infou-font h3{font-size: 21px;line-height: 30px;}
.infou-font h4{font-size: 18px;}
.infou-font {  padding: 50px 20px;}
.intwo-con{margin-top: 25px;}
.intwobot-swip .swiper-pagination{display: block;bottom: 16px;}
.intwobot-swip .swiper-button-next, .intwobot-swip .swiper-button-prev{display: none;}
.intwo-txt h3{font-size: 19px;line-height: 30px;}
.intwo-txt h4{font-size: 16px;}
.intwo-txt .view-more{margin-top: 20px;}
.footer-top .bottom1-phone{font-size: 24px;line-height: 30px;}
.bottom-beian>div{margin: 0 8px;}
.view-more span,.banner-more span { padding: 5px 10px;}
.banner-more,.view-more{width: 150px;height: 40px;font-size: 16px;}
	.intwobot-swip{height: 350px;}
	.intwobot-slide{height: 265px;}
	.inthr-font h3{font-size: 24px;}
	.inone-t, .inthr-tit{font-size: 28px;}
	.inthr-tit{line-height: 40px;}
	.inthr-con{padding-bottom: 80px;}
	}
		@media(max-width:640px){
.home-appbanner{display: block;}
.home-pcbanner{display: none;}

.banner-cont h3{font-size: 25px;}
.banner-cont h4{font-size: 19px;margin: 8px 0 18px;}
.banner-cont h4 span{margin: 0 10px;height: 22px;}
.banner-cont h4 span::before{margin-top: 5px;}
.banner-font{padding-bottom: 0;}
.intwo-font {  padding: 50px 25px;}

.intwobot-swip {float: none;  width: 80%;  height: auto; margin: 0 auto;margin-top: -105px;}
.intwobot-slide{width: 100%;height: 290px;}
.sel_mask{float: right;width: 75%;}
.bottom-select1{width: 100%;}
.sel{width: 100%;}
.bottom-select1 span{max-width: 25%;padding-right: 10px;margin-right: 0;}
.infv-con{padding: 0 20px;}
.infou-ba{padding-right: 0;}
.infou-cont{padding-left: 20px;}
.infou-tit { padding: 80px 0 40px;}
.intwo-con{padding-bottom: 40px;}
.banner-scroll{display: none;}
#fp-nav{display: none !important;}
			}
	@media(max-width:450px){
		
	}			
	@media(max-width:410px){
		
		}		
@media(max-width:375px){

}
@media(max-width:360px){
.infv-con{padding: 0;}
}
@media(max-width:320px){
	.bottom-link a{padding: 0 8px;}
}



/*   */
/* ============banner=========== */
.lbanner{background-size: cover !important;height: 400px;position: relative;background-position: center !important;  background-repeat: no-repeat !important;}
.lappbanner{width: 100%;display: none;}
.lbanner-cont{position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%);}

.lbanner-font{color: #fff;}
.lbanner-font h3{font-size: 40px;line-height: 40px;margin-bottom: 10px;}
.lbanner-font p{font-size: 20px;line-height: 40px;}
.lbread{position: absolute;bottom: 30px;left: 0;width: 100%;text-align: right;z-index: 6;}
.lbread p{font-size: 14px;line-height: 24px;color: #fff;position: relative;display: inline-block;padding-left: 25px;}
.lbread p::before{position: absolute;content: "";width: 16px;height: 16px;background: url(../images/lbanner-ba.png)no-repeat center;background-size: 100%;left: 0;top: 3px;}

.lbread a{display: inline-block;transition: ease .5s;margin: 0 3px;}

.lbread a:hover{color: #39241e;}
.lbanner-app{display: none;}

/* ===========menu=========== */
.lmenu{border-bottom: 1px solid #efefef;overflow-x: auto;  white-space: nowrap;height: 80px;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.lmenu::-webkit-scrollbar{ height: 2px;
 background-color: transparent;}
.lmenu::-webkit-scrollbar-thumb {
 background-color:#fabd00;
 border-radius: 10px;
}
.lmenu a{font-size: 16px;line-height: 30px;color: #333;display: inline-block;position: relative; padding: 25px 50px;transition: ease .5s;overflow: hidden;}

.lmenu a.on,.lmenu a:hover{background: #f0bb44;}
@media(max-width:1259px){
	
	
}
@media(max-width:767px){
	
}
@media(max-width:640px){
	
		
}
/* =============page========== */
.pagee{text-align: center;font-size: 0;border-top: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;padding: 25px 0;}.pagee a{display: inline-block;font-size: 24px;line-height: 30px;color: #000;transition: ease .5s; font-family: "DIN-REGULAR";padding: 0 10px;margin: 0 10px;}
.pagee a.on,.pagee a:hover{font-weight: bold;}
.info-page{font-size: 0;text-align: center;position: relative;border-top: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;padding: 28px 0;}
.info-page a{display: inline-block;font-size: 18px;line-height: 30px;color: #000;}
.info-left{position: absolute;left: 0;top: 50%;transform: translateY(-50%);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 33.33%;background: url(../images/info-left.png)no-repeat center left;background-size: 22px 14px;padding-left: 40px;}

.info-cent{width: 23px;height: 23px;display: inline-block;}
.info-cent img{width: 100%;display: block;transition: ease .5s;}
.info-cent:hover img{transform: rotate(90deg);}
.info-right{position: absolute;right: 0;top: 50%;transform: translateY(-50%);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 33.33%;background: url(../images/info-right.png)no-repeat center right;background-size: 22px 14px;padding-right: 40px;}
@media(max-width:767px){
	.info-page a{font-size: 16px;}
	.pagee a{font-size: 18px;}
	.pagee{padding: 12px 0;}
	.info-page{padding: 16px 0;}
}
@media(max-width:640px){
	.pagee a{padding: 0 8px;margin: 0 8px;}
	.info-left,.info-right{position: static;max-width: 100%;width: 100%;transform: none;padding: 0 40px;}
	.info-cent{display: block;margin: 10px auto;}
	.info-page{padding: 15px 0;}
}
/* ==============anchor============= */
.anchor {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 0;
    z-index: 490;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    text-align: center;
    display: none;
}
.anchor li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}
.anchor li a {
    display: block;
    padding: 0 26px;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #333;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    transition: all .3s;
}
.anchor li.on a, .anchor li a:hover{color: #f0bb44;;border-color: #f0bb44;}

/* ===============nav-second=========== */
.appsecond-nav {position: relative;display: none;z-index: 200;}
.bot {
	position: absolute;
	top: 48px;
	background: #fff;
	z-index: 10;
}
.se-bot {
	width: 100%;
	display: none;
}
.se-top {
	height: 48px;
	line-height: 48px;
	border-bottom: solid 1px #d8d8d8;
	position: relative;
}
.se-top1 {
	background: #fff;
	/* border-bottom: none !important; */
}
.se-top .se-a {
	color: #444;
	font-size: 16px;
	display: block;
	padding: 0px 20px;
}
.se-tig.P_tig {
	font-size: 16px;
	color: #333;
	text-align: center;
	transition: all .5s;
	line-height: 48px;
	width: 48px;
	height: 48px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.se-btop {
	height: 48px;
	line-height: 48px;
}
.se-a1 {
	color: #444;
	font-size: 16px;
	padding: 0px 20px;
	display: block;
}
.se-a1.hover {
	color: #fff;
	background: #f0bb44;
	border-bottom: solid 1px #fff;
}
.se-tig.P_tig.open {
	transform: rotateZ(90deg);
	opacity: 1;
}
.se-bottom{display: none;background:white;}
.se-bottom a{display: block;font-size: 14px;color: #888;border-bottom: 1px solid #eee;padding: 10px 30px;}
/* .se-bottom a:last-child{border-bottom: none;} */
.se-bottom a.on{font-weight: bold;}
.se-btop.active .se-tig.P_tig{color: #fff;}
.se-btop.active .se-a1{background: #f9be00;color: #fff;border-bottom: 1px solid #fff;}





/* ==========内页============ */
.ny-padd{padding: 80px 0;}

/* ======================= product ==================== */
.product{padding-top: 60px;}
.pro-con{}
.pro-ul{}
.pro-ul li{margin-bottom: 80px;}
.pro-ul li a{display: block;position: relative;}
.pro-img{float: left;width: 62.5%;overflow: hidden;}
.pro-img img{width: 100%;transition: ease .5s;}
.pro-font{width: 37.5%;position: absolute;right: 0;height: 100%;top: 0;padding-left: 100px;}
.pro-font>div{position: relative;height: 100%;}
.pro-font h3{font-size: 38px;line-height: 40px;color: #000;font-weight: lighter;margin: 14px 0 13px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pro-font h4{font-size: 26px;line-height: 30px;color: #444;font-weight: lighter;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pro-font p{font-size: 16px;line-height: 28px;color: #333;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.pro-ul li:nth-child(even) .pro-img{float: right;}
.pro-ul li:nth-child(even) .pro-font{right: auto;left: 0;padding-left: 0;padding-right: 100px;}
.product .view-more{margin: 44px 0 0;}
.pro-ul li:hover .pro-img img{transform: scale(1.05);}

@media(max-width:1459px){
	.pro-font{padding-left: 80px;}
	.pro-ul li:nth-child(even) .pro-font{padding-right: 80px;}
}
@media(max-width:1259px){
	.pro-font{padding-left: 60px;}
	.pro-ul li:nth-child(even) .pro-font{padding-right: 60px;}
}
@media(max-width:991px){
	.pro-font h4{font-size: 24px;}
	.pro-font h3{font-size: 32px;}
	.pro-font p{-webkit-line-clamp:1;}
	.pro-ul li{margin-bottom: 60px;}
	.product .view-more{margin: 35px 0 0;}
}
@media(max-width:767px){
	.pro-img,.pro-ul li:nth-child(even) .pro-img{float: none;width: 100%;}
	.pro-font,.pro-ul li:nth-child(even) .pro-font{position: static;width: 100%;padding: 20px 0 0;}
	.pro-font h4{font-size: 16px;}
	.pro-font h3{font-size: 18px;line-height: 30px;margin: 5px 0;}
	.pro-font p{font-size: 14px;-webkit-line-clamp:2;}
	.product .view-more {  margin: 20px 0 0;}
	.pro-ul li{margin-bottom: 25px;}
	.pro-ul{margin-bottom: 15px;}
	
}

/* ======================== proinfo =================== */
.proinfo{padding-top: 56px;}
.proinfo-tit{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;text-align: center;}
.proinfo-dec{font-size: 16px;line-height: 30px;color: #333;text-align: center;margin-top: 12px;}
.proinfo-con{margin-top: 43px;}
.proinfo-swiper{position: relative;}
.pritop-swip{position: relative;}
.pritop-swip::before{position: absolute;content: "";width: 100%;height: 200px;bottom: 0;left: 0;z-index: 2; background: linear-gradient(to top,rgba(0,0,0,.6),transparent);}
.pribot-swip{padding: 0 155px;z-index: 5;position: absolute;width: 100%;left: 0;bottom: 0;padding-bottom: 30px;display: none;}
.pritop-slide{overflow: hidden;}
.pritop-slide img{width: 100%;}
.pribot-slide{overflow: hidden;}
.pribot-slide img{width: 100%;}
.pritop-swip .swiper-pagination{display: none;bottom: 10px;width: 100%;}
.pritop-swip .swiper-pagination-bullet{margin: 0 5px;}
.pritop-swip .swiper-pagination-bullet-active{background: #000;}
.pritop-swip .swiper-button-prev,.pritop-swip .swiper-button-next{width: 42px;height: 42px;line-height: 42px;text-align: center;font-size: 18px;color: #fff;font-weight: bold;top: auto;bottom: 84px;background: transparent;border: 1px solid #fff;transition: ease .5s;}
.pritop-swip .swiper-button-prev:hover,.pritop-swip .swiper-button-next:hover{color: #000;background: #fff;}
.pritop-swip .swiper-button-prev{left: 84px;}
.pritop-swip .swiper-button-next{right: 84px;}

.pri-pro{margin-top: 76px;}
.pri-ul{margin-right: -100px;}
.pri-ul li{float: left;width: 33.333%;margin-bottom: 30px;}
.pri-ul li a{display: block;padding-right: 100px;}
.pri-img{float: left;width: 131px;overflow: hidden;padding-top: 4px;}
.pri-img img{width: 100%;transition: ease .5s;}
.pri-txt{margin-left: 150px;position: relative;padding-right: 100px;}
.pri-txt h3{font-size: 24px;line-height: 30px;color: #000;font-weight: lighter;margin: 10px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pri-txt h4{font-size: 16px;line-height: 30px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pri-txt h5{font-size: 18px;line-height: 30px;color: #333;font-family: "DIN-REGULAR";white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pri-letxt{padding-right: 10px;}
.pri-txt span{position: absolute;top: 50%;right: 0;transform: translateY(-50%); display: inline-block;float: right; font-size: 14px;line-height: 40px;color: #000;width: 100px;height: 40px;text-align: center;border: 1px solid #000;transition: ease .5s;}
.pri-ul li:hover .pri-txt span{color: #fff;background: #000;}
.pri-ul li:hover .pri-img img{transform: scale(1.05);}

@media(max-width:1459px){
	.pri-img{float: none;margin: 0 auto 20px;}
	.pri-txt{margin-left: 0;}
	.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{bottom: 60px;}
}
@media(max-width:1259px){
	.pri-ul li{width: 50%;}
	.pri-ul li a{padding-right: 50px;}
	.pri-img{float: left;margin: 0;}
	.pri-txt{margin-left: 150px;}
	.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{bottom: 84px;}
	.pri-ul{margin-right: -50px;}
}
@media(max-width:991px){
	.pri-img{float: none;margin: 0 auto 20px;}
	.pri-txt{margin-left: 0;}
	.pribot-swip{padding: 0 60px 25px;}
	.pritop-swip .swiper-button-next{right: 10px;}
	.pritop-swip .swiper-button-prev{left: 10px;}
}
@media(max-width:767px){
	.pritop-swip::before{display: none;}
	.pritop-swip{position: static;}
	.pribot-swip{position: relative;display: none;}
	.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{display: none;}
	.pritop-swip .swiper-pagination{display: block;}
	.proinfo-tit { font-size: 22px;  line-height: 30px;}
	.proinfo-dec{margin-top: 3px;}
	.proinfo-con{margin-top: 20px;}
	.pri-pro{margin-top: 30px;}
	.pri-ul li{margin-bottom: 30px;}
	.pri-txt span{position: relative;transform: none;top: 0;float: none;margin: 10px auto 0;display: block;height: 36px;line-height: 36px;}
	.pri-txt{padding-right: 0;}
	.pri-letxt{padding-right: 0;text-align: center;}
	.pri-txt h3{font-size: 18px;margin: 3px 0;}
	.pri-txt h4{font-size: 15px;}
	.pri-txt h5{font-size: 17px;}
	.pri-ul li a{padding-right: 0;}
	.pri-ul{margin: 0 -15px 20px;}
	.pri-ul li{padding: 0 15px;}
	
}
@media(max-width:640px){
	.pri-img{padding: 0 12px;}
}
/* ====================== appli =================== */
.appli{padding-top: 60px;}
.applitop-menu{font-size: 0;text-align: center;margin: 0 -10px;}
.applitop-menu a{display: inline-block;font-size: 18px;line-height: 30px;color: #000;padding: 10px;width: 200px;height: 50px;border: 1px solid #000;margin: 0 10px;}
.applitop-menu a.on{color: #fff;background: #000;}

.appli-con{margin-top: 60px;}
.appli-ul{margin: 0 -50px;}
.appli-ul li{float: left;width: 50%;padding: 0 50px;margin-bottom: 48px;}
.appli-ul li a{display: block;}
.appli-img{overflow: hidden;}
.appli-img img{width: 100%;transition: ease .5s;}
.appli-ul li:hover .appli-img img{transform: scale(1.05);}
.appli-txt{text-align: center;padding: 23px 0;}
.appli-txt h3{font-size: 30px;line-height: 40px;color: #000;font-weight: lighter;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.appli-txt span{display: block;font-size: 16px;line-height: 30px;color: #444;font-family: "DIN-Light";text-transform: uppercase;margin-top: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media(max-width:1259px){
	.appli-txt h3{font-size: 24px;line-height: 30px;}
	.appli-ul li{margin-bottom: 20px;padding: 0 20px;}
	.appli-ul{margin: 0 -30px;}
}
@media(max-width:767px){
	.applitop-menu a{font-size: 16px;padding: 5px 10px;height: 40px;width: 150px;}
	.appli-txt h3{font-size: 18px;}
	.appli-txt span{font-size: 15px;margin-top: 2px;}
	.appli-txt{padding: 15px 0;}
	.appli-ul li{padding: 0 15px;margin-bottom: 10px;}
	.appli-ul{margin: 0 -15px 15px;}
	.appli-con{margin-top: 30px;}
}
@media(max-width:360px){
	.appli-ul li{width: 100%;}
	.appli-ul { margin: 0 -15px 0px;}
	.applitop-menu a{width: 120px;}
}
/* =========================== news ============================ */
.news{padding-top: 60px;padding-bottom: 0;}
.newstop{text-align: center;}
.newstop img{width: 100%;transition: ease .5s;}
.newsbot{padding-top: 69px;padding-bottom: 80px;}
.newtop-img1{float: left;width: 26.8%;overflow: hidden;}
.newtop-img1:hover img,.newtop-img2:hover img,.newtop-img3:hover img{transform: scale(1.05);}
.newtop-img3{float: right;width: 26.8%;overflow: hidden;}
.newtop-img2{width: 42.05%;display: inline-block;overflow: hidden;}
.newtopa-img{overflow: hidden;}
.newtop-img2 a{display: block;}
.news-con{margin-bottom: 50px;}
.news-ul{}
.news-tit{padding: 0 10px; padding-top: 45px;}
.news-tit h3{font-size: 24px;line-height: 30px;color: #000;}
.news-tit span{display: block;font-size: 16px;line-height: 30px;font-family: "CenturyGothic";margin-top: 3px;}
.news-two{text-align: center;background: #f6f5f3;padding: 72px 0 79px;}
.news-two h5{font-size: 16px;line-height: 30px;color: #000;}
.news-two h3{font-size: 26px;line-height: 30px;color: #000;font-weight: bold;margin: 30px 0 39px;}
.news-two .view-more{color: #fff;background: #000;border-color: #000;margin-bottom: 31px;}
.news-two .view-more::before, .news-two .view-more::after{background: #fff;}
.news-two .view-more:hover{border-color: #fff;color: #000;background: transparent;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.news-two p{font-size: 14px;line-height: 30px;color: #000;}
.news2-a{font-size: 0;margin: 7px -5px 0;}
.news2-a a{display: inline-block;font-size: 14px;line-height: 22px;color: #000;border-bottom: 1px solid #000;margin: 0 5px;}

.wraple-txt{}
.wraple-h3{font-size: 28px;line-height: 30px;color: #010101;font-weight: lighter;}
.wraple-p{font-size: 16px;line-height: 30px;color: #000;position: relative;margin-top: 22px;padding-left: 25px;}
.wraple-p::before{position: absolute;content: "";width: 20px;height: 1px;background: #000;left: 0;top: 50%;}
.wraple-a{padding-left: 145px;margin-top: 61px;}
.wraple-a a{display: block;position: relative;padding-left: 30px; font-size: 20px;line-height: 40px;color: #010101;font-weight: lighter;transition: ease .5s;margin-bottom: 8px;}
.wraple-a a::before{position: absolute;content: "";width: 0;height: 1px;background: #000;right: 100%;top: 50%;transition: ease .5s;}
.wraple-a a::after{position: absolute;content: "";width: 5px;height: 5px;border-radius: 50%;border: 1px solid #000;left: 0%;top: 50%;margin-top: -2px;transition: ease .5s;opacity: 0;}

.wraple-a a.on{}
.wraple-a a.on::before{width: 145px;}
.wraple-a a.on::after{opacity: 1;}
.wrap-left{float: left;width: 25%;padding-right: 0px;}
.wrap-right{float: right;width: 75%;padding-left: 120px;}
.news-ul .insx-ul li{width: 50%;padding: 0 40px;margin-bottom: 73px;}
.news-ul .insx-ul{margin: 0 -40px;}
.news-ul .insx-img{margin-top: 0;margin-bottom: 30px;}
/* .wrap-left.on{position: fixed;left: 0%;padding-left: 100px; top: 50%;transform: translateY(-50%);} */
.wrap-left.sctop{position: fixed;left: 7.5%;padding-left: 0px; top: 50%;transform: translateY(-50%);z-index:20}
.wrap-left.scbot{top:0;left:0;position:absolute;}
.wrap-left.scbot2{bottom:0;left:0px;position:absolute;}


@media  (max-width:1459px) {
.wrap-left{padding-right: 0;}
.wraple-a{padding-left: 105px;}
.wraple-a a.on::before{width: 105px;}
}
@media (max-width:1259px){
	.wrap-left.sctop{left:7%;}
	.wrap-left{width: 25% !important;}
	.wrap-right{padding-left: 80px;}
	.news-ul .insx-ul li{padding: 0 20px;}
	.news-ul .insx-ul{margin: 0 -20px;}
}
@media  (max-width:991px) {
	.wrap-right{padding-left: 30px;}
	.news-ul .insx-ul li{padding: 0 15px;}
	.news-ul .insx-ul{margin: -25px -15px 0;}
	.wraple-a{padding-left: 45px;}
	.wraple-a a.on::before{width: 45px;}
	.wraple-a a{padding-left: 20px;}
	.wrap-left.sctop{position:static;}
	.wrap-right,.wrap-left{float: none;width: 100% !important;padding: 0;}
	.news-ul .insx-ul li{margin-bottom: 0;margin-top: 50px;}
	.news-ul .insx-img{margin-bottom: 20px;}
	.wraple-a{margin-top: 20px;}
	
}
@media  (max-width:767px) {
	
	.ny-padd{padding: 40px 0;}
	.wrap-right{float: none;width: 100%;padding-right: 0;}
	.wrap-left{float: none;width: 100%;}
	/* .wrap-left.on{position: static;} */
	.news-ul .insx-img{margin-bottom: 12px;}
	.news-tit h3{font-size: 20px;}
	.news-tit{padding-top: 20px;}
	.wraple-h3{font-size: 22px;}
	.wraple-p{margin-top: 6px;}
	.newsbot{padding-top: 30px;padding-bottom: 40px;}
	.wraple-a a{font-size: 16px;line-height: 30px;margin-bottom: 3px;}
	.wraple-a{margin-top: 10px;}
	.news-ul .insx-ul li{margin-top: 30px;}
	.news-ul .insx-ul {  margin: -10px -15px 0;}
	.news-con{margin-bottom: 30px;}
	.news-two{padding: 30px 0 40px;}
	.news-two h3{font-size: 22px;margin: 6px 0 16px;}
	.news-two .view-more{margin-bottom: 12px;}
	.news{padding-bottom: 0;}
}

@media  (max-width:640px) {
	.news-ul .insx-ul li{width: 100%;}
	.newtop-img1,.newtop-img3{display: none;}
	.newtop-img2{width: 100%;}
}
@media  (max-width:320px) {

}
@media(max-width:767px){
	.appsecond-nav{display: block;}
	.lpage a{font-size: 16px;}
	
}
/* 2019.12.31 */
@media(max-width:640px){

}


/* ======================= newsinfo ==================== */
.newsinfo{padding: 60px 0 0;}
.newsinfo-bot{padding-top: 44px;}
.newsinfo-time{}
.newsinfo-time h3{font-size: 16px;line-height: 30px;color: #000;font-family: "CenturyGothic";}
.newsinfo-time h3 span{display: inline-block;font-size: 48px; font-family: "DIN-REGULAR";margin-right: 10px;}
.newinfo-share{margin-top: 15px;}
.newinfo-share .bshare-custom{font-size: 0;}
.newinfo-share span{display: inline-block;font-size: 16px;line-height: 30px;color: #000;}
.newinfo-share a{display: inline-block !important;
    background: none !important;
    font-size: 21px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 12px !important;
    text-align: center;
    border-radius: 50% !important;
    color: #000 !important;
    transition: ease .5s !important;
    padding-left: 0 !important;
    text-decoration: none !important;
    margin: 0 14px !important;}
.newsinfo-con{padding-bottom: 73px;}
.newsinfo-tit{font-size: 30px;line-height: 30px;color:#000;font-weight: lighter;margin-bottom: 21px;}
.newsinfo-con p{font-size: 16px;line-height: 32px;color: #444;}
.newsinfo-img{text-align: center;margin: 40px 0;}
.newsinfo-img img{display: inline-block;max-width: 100%;}
.newsinfo .wrap-right{padding-left: 0;}
@media(max-width:991px){
.newsinfo-con{padding: 30px 0 50px;}
}
@media(max-width:767px){
.newsinfo-con{padding: 10px 0 30px;}
.newsinfo-tit{font-size: 21px;margin-bottom: 10px;}
.newsinfo-con p{font-size: 15px;}
.newsinfo-time h3{font-size: 15px;line-height: 30px;}
.newsinfo-time h3 span{font-size: 32px;}
.newinfo-share{margin-top: 2px;}
.newsinfo-img{margin: 18px 0 !important;}
.newsinfo{padding: 40px 0 0;}
.newsinfo-bot{padding-top: 20px;}
}

/* ===================== job ================= */
.job{padding-bottom: 0;padding-top: 60px;}
.ny-banner{background-size: cover;background-repeat: no-repeat;background-position: center;}
.jobbanner{height: 602px;position: relative;}
.ny-font{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;padding-left: 100px;padding-bottom: 29px;}
.ny-font h3{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;margin-bottom: 21px;}
.ny-font p{font-size: 16px;line-height: 30px;color: #333;font-weight: lighter;}
.ny-font p span{display: block;}
.ny-font p span a{display: block;}
.jobtop{text-align: left;}
.jobbot{padding-top: 74px;}
.job-con{padding-bottom: 80px;}
.job-tit{font-size: 30px;line-height: 40px;color: #000;font-weight: lighter;}
.job-dec{font-size: 16px;line-height: 30px;color: #333;margin-top: 7px;}
.job-ul{margin-top: 24px;}
.job-ul li{margin-top: 20px;}
.job-ul li a{display: block;position: relative;background: #f6f5f3;padding: 40px 30px;}
.job-txt{padding-right: 40px;}
.job-txt h3{font-size: 24px;line-height: 30px;color: #000;margin-bottom: 6px;}
.job-txt h3 span{display: inline-block;font-size: 16px;}
.job-txt p{font-size: 16px;line-height: 30px;color: #333;}
.job-ul li a i{display: block;width: 30px;height: 30px;position: absolute;right: 30px;top: 50%;margin-top: -15px;transition: ease .5s;}
.job-ul li:hover a i{transform: rotate(180deg);}
.job-ul li a i::before,.job-ul li a i::after{position: absolute;content: "";background: #000;top: 50%;}
.job-ul li a i::before{width: 100%;height: 1px;left: 0;}
.job-ul li a i::after{height: 100%;width: 1px;left: 50%;transform: translateY(-50%);}
.job .wraple-txt{padding-top: 4px;}
@media  (max-width:1459px) {
.jobbanner{height: 450px;}
.ny-font{padding-bottom: 0;}
}
@media  (max-width:1259px) {
.jobbanner{height: 350px;}
}
@media  (max-width:991px) {
.jobbanner{height: 270px;}
.ny-font{padding-left: 50px;}
}
@media  (max-width:767px) {
.job{padding-top: 40px;}
.ny-font{padding-left: 30px;}
.ny-font h3 { font-size: 23px; line-height: 30px;margin-bottom: 10px;}
.jobbot{padding-top: 30px;}
.job-con{padding-bottom: 40px;padding-top: 20px;}
.job-tit{font-size: 22px;line-height: 30px;}
.job-dec { font-size: 15px;  line-height: 24px;}
.job-ul{margin-top: 10px;}
.job-ul li{margin-top: 15px;}
.job-txt h3{font-size: 18px;}
.job-txt h3 span{font-size: 14px;}
.job-txt p{font-size: 15px;}
.job-ul li a i { width: 20px; height: 20px; right: 25px;margin-top: -10px;}
.job-ul li a{padding: 25px;}
.job-txt{padding-right: 30px;}
}

/* ==================== contact ===================== */
.contact{padding-top: 60px;}
.contacttop{}
.contactbanner{height: 500px;text-align: left;position: relative;}
.contacttop .ny-font{padding-bottom: 20px;}
.contact-con{}
.contact-one{padding: 76px 0 80px;}
.contact1-tit{text-align: center;}
.contact-tit{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;text-align: center;}
.contact-phone{}
.contact-phone span{display: block;width: 24px;height: 24px;margin: 38px auto 12px;}
.contact-phone span img{width: 100%;display: block;}
.contact-phone p{font-size: 16px;line-height: 30px;color: #000;}
.contact1-con{position: relative;margin-top: 78px;}
.contact1-img{float: left;width: 50%;height: 500px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.contact1-txt{float: right;width: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding-left: 115px;padding-bottom: 36px;}
.contact1-txt>div{position: relative;width: 100%;}
.contact1-txt h3{font-size: 26px;line-height: 30px;color: #000;font-weight: lighter;margin-bottom: 5px;}
.contact1-txt span{display: block;font-size: 16px;line-height: 30px;color: #666;}
.contact1-txt p{font-size: 16px;line-height: 36px;color: #333;}
.contact1-p{margin-top: 33px;}
.contact-two{border: 1px solid #dcdcdc;padding: 76px 100px 79px;}
.contact2-con{margin-top: 42px;}
.contact2-span{}
.contact2-span p{font-size: 18px;line-height: 30px;color: #000;float: left;}
.contact2-span span{display: block;float: right;font-size: 18px;line-height: 30px;color: #666;}
.contact2-inp{margin-top: 33px;}
.contact2-ul{margin: 0 -70px;}
.contact2-ul li{float: left;width: 50%;padding: 0 70px;margin-bottom: 30px;}
.contact2-ul li>div,.contact2-textar{position: relative;padding-left: 78px;}
.contact2-ul li span,.contact2-textar span{position: absolute;left: 0;top: 50%;transform: translateY(-50%); display: inline-block;font-size: 16px;line-height: 30px;color: #333;float: left;width: 70px;}
.contact2-ul li input{border: 1px solid #d2d2d2;font-size: 16px;  line-height: 30px;color: #666;width: 100%;padding: 4px 30px;}
.contact2-mark{display: block;}
.contact2-sel{  border: 1px solid #d2d2d2;  font-size: 16px;  line-height: 30px;color: #666;appearance: none;  background: url(../images/contact-mo.png) no-repeat right 30px center transparent;padding: 4px 0; padding-right: 50px;padding-left: 30px;background-size: 17px 9px;width: 100%;}
.contact2-sel option{font-size: 16px;}

.contact2-textar span{top: 12px;transform: none;}
.contact2-textar textarea{border: 1px solid #d2d2d2;font-size: 16px;  line-height: 30px;color: #666;width: 100%;padding: 4px 30px;min-height: 170px;}
.contact-submit{margin-top: 45px;}
.message-submit{cursor: pointer;color: #fff;background: #000; border-color: #000;}
.message-submit::before, .message-submit::after{background: #fff;}
.message-submit:hover{border-color: #fff;color: #000;background: transparent;box-shadow: 0 0 13px rgba(0,0,0,.1);}

@media  (max-width:1459px) {
	.contactbanner{height: 375px;}
	.contact1-img{height: 375px;}
	.contact1-txt{padding-left: 60px;padding-bottom: 0;}
	.contacttop .ny-font{padding-bottom: 0;}
}
@media  (max-width:1259px) {
	.contactbanner{height: 293px;}
	.contact1-img{height: 293px;}
	.contact1-txt{padding-left: 50px;}
	.contact2-ul li{padding: 0 20px;}
	.contact2-ul{margin: 0 -20px;}
	.contact-two{padding: 76px 60px 79px;}
}
@media  (max-width:991px) {
.contact-two{padding: 0;border: none;}
.contact1-txt{padding-left: 35px;}
}
@media  (max-width:767px) {
	.contact-tit{font-size: 22px;line-height: 30px;}
	.contact-phone span{margin: 10px auto;}
	.contact-one{padding: 40px 0;}
	.contact1-con{margin-top: 30px;}
	.contact1-img{float: none;width: 100%;}
	.contact1-txt{position: relative;width: 100%;padding: 0;transform: none;margin-top: 20px;}
	.contact1-txt h3{font-size: 18px;}
	.contact1-p{margin-top: 10px;}
	.contact1-txt span{font-size: 15px;}
	.contact1-txt p { font-size: 14px;line-height: 26px;}
	.contact2-con{margin-top: 20px;}
	.contact2-span p,.contact2-span span{font-size: 16px;float: none;width: 100%;}
	.contact2-inp{margin-top: 12px;}
	.contact2-ul li span, .contact2-textar span{font-size: 15px;width: 50px;}
	.contact2-sel{font-size: 15px;background: url(../images/contact-mo.png) no-repeat right 18px center transparent;padding: 2px 0; padding-right: 32px; padding-left: 16px; background-size: 14px 8px;}
	.contact2-ul li input,.contact2-textar textarea{padding: 2px 16px;}
	.contact2-ul li>div, .contact2-textar{padding-left: 60px;}
	.contact2-ul li{margin-bottom: 15px;width: 100%;}
	.contact-submit{margin-top: 25px;}
}

/* ================ service ================ */
.service{}
.service-one{padding-top: 56px;}
.service-dec{font-size: 16px;line-height: 30px;color: #000;text-align: center;margin-top: 12px;}
.service1-con{position: relative;background: #f6f5f3;margin-top: 43px;}
.service-img{float: right;width: 50%;height: 600px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.service-txt{float: left; width: 50%;padding: 50px 90px;}
.service-inp{}
.service-inp ul{margin: 0 -10px;}
.service-inp li{float: left;width: 50%;padding: 0 10px;margin-bottom: 36px;}
.service-inp li>div{}
.service-inp input{border: 1px solid #dcdcdc;font-size: 16px;line-height: 30px;color: #000;padding: 14px 20px;width: 100%;}
.service-font{background: #fff;padding: 30px 30px 30px;margin-bottom: 30px;}
.service-font>div{}
.service-font h3{font-size: 26px;line-height: 30px;color: #000;font-weight: lighter;margin-bottom: 4px;}
.service-font span{display: block;font-size: 16px;line-height: 30px;color: #666;}
.service-font p {
    font-size: 16px;
    line-height: 25px;
    color: #333;
    height: 45px;
}
.service-p{margin-top: 25px;}
.service-mo{color: #fff;background: #000;border-color: #000;margin: 20px 15px 0 0;}
.service-mo::before, .service-mo::after{background: #fff;}
.service-mo:hover{border-color: #fff;color: #000;background: transparent;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.service-mo span{color: #fff;}
.service-mo:hover span{color: #000;}
.service-map{width: 100%;overflow: hidden;}
.service-map img{width: 100%;}
@media  (max-width:1459px) {
.service-txt{padding: 50px;}

}
@media  (max-width:1259px) {
.service-txt,.service-img{width: 100%;}
.service-img{height: 315px;}
}
@media  (max-width:991px) {
.service-img{height: 270px;}
}
@media  (max-width:767px) {
	.service-one{padding-top: 40px;}
	.service-dec{font-size: 15px;margin-top: 3px;}
	.service1-con{margin-top: 25px;}
	.service-txt{padding: 30px;}
	.service-inp input { font-size: 15px; padding: 5px 16px;}
	.service-inp li{width: 100%;margin-bottom: 15px;}
	.service-font{padding: 30px 25px;}
	.service-font h3 { font-size: 20px;}
	.service-font span{font-size: 14px;line-height: 30px;color: #fff;}
	.service-p{margin-top: 5px;}
	.service-font p {font-size: 14px;line-height: 26px;height: auto;}
	.service-mo{margin: 10px 10px 0 0px;}
	
}
@media  (max-width:640px) {
	.service-txt{padding: 30px 10px;}
	.service-font { padding: 30px 20px;}
}

/* ==================== applinfo1 ==================== */
.applinfo1{padding-top: 60px;}
.appinfo1-one{}
.appinfo1one-con{}
.appinfo1one-swiper{position: relative;}
.appinfo1one-swiper img{width: 100%;}
.appinfo1one-txt{background: #d2e9f8;width: 62.5%;padding: 49px 80px 62px;margin-left: 100px;margin-top: -150px;position: relative;z-index: 5;}
.appinfo1one-txt span{display: block;font-size: 20px;line-height: 30px;color: #000;font-family: "CenturyGothic";}
.appinfo1one-txt h3{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;margin: 8px 0 21px;}
.appinfo1one-txt p{font-size: 16px;line-height: 30px;color: #333;}
.appinfo1one-swiper .swiper-pagination{display: none;width:100%;}
.appinfo1one-swiper .swiper-button-next,.appinfo1one-swiper .swiper-button-prev{font-size: 18px;color: #000;border: 1px solid #000;width: 42px;height: 42px;line-height: 42px;text-align: center;background: none;font-weight: bold;transition: ease .5s;}
.appinfo1one-swiper .swiper-button-next:hover,.appinfo1one-swiper .swiper-button-prev:hover{color: #fff;background: #000;}
.appinfo1one-swiper .swiper-button-next{right: 34px;}
.appinfo1one-swiper .swiper-button-prev{left: 34px;}
.appinfo1-two{position: relative;padding-top: 88px;padding-bottom: 100px;}
.appinfo1-des{position: absolute; font-size: 200px;line-height: 200px;color: #f6f6f6; font-family: "DINMITTELSCHRIFTSTD";text-transform: uppercase;}

.appinfo1-tit{font-family: "Cera-GR-Light";font-size: 40px;line-height: 50px;color: #000;position: relative;}
.appinfo1tw-con{margin-top: 100px;}
.appinfo1-two .appinfo1-des{left: 0;top: 25px;}
.appinfo1-two .appinfo1-tit{text-align: center;padding-bottom: 31px;}
.appinfo1-two .appinfo1-tit::before{position: absolute;content: "";width: 60px;height: 2px;background: #000;bottom: 0;left: 50%;margin-left: -30px;}
.appinfo1tw-leimg{width: 21%;overflow: hidden;position: absolute;left: 0;bottom: 100px;}
.appinfo1tw-leimg img{width: 100%;}
.appinfo1tw-rimg{float: right;width: 62.5%;position: relative;}
.appinfo1tw-rimg img{width: 100%;}
.appinfo1tw-txt{position: relative; background: #fff;width: 50%;float: left;margin-right: -12.5%;margin-top: 100px;padding: 87px 50px 97px;}
.appinfo1tw-txt h3{font-size: 24px;line-height: 30px;color: #333;font-family: "DIN-Light";margin-bottom: 36px;}
.appinfo1-p{max-height: 150px;}
.appinfo1-p p{font-size: 16px;line-height: 30px;color: #333;}
.appinfo1-three{position: relative;padding: 0;}
.appinfo1thr-bef{position: absolute;width: 500px;height: 170px;background: #d2e9f8;right: 0;bottom: 220px;}
.appinfo1thr-con{}
.appinfo1thr-lemg{float: left;width: 62.5%;overflow: hidden;}
.appinfo1thr-lemg img{width: 100%;}
.appinfo1-three .appinfo1-tit{margin-bottom: 41px;}
.appinfo1thr-txt{float: right;width: 50%;margin-left: -12.5%;background: #fff;margin-top: 100px;padding: 62px 50px 97px;position: relative;}
.appinfo1thr-botimg{font-size: 0;text-align: right;margin: 0 -50px;position: relative;}
.appinfo1thr-botimg img{display: block;max-width: 100%;}
.appinfo1thr-botimg1{display: inline-block;margin: 0 50px;margin-top: -80px;max-width: 29.125%;}

.appinfo1-four{padding-top: 100px;position: relative;padding-bottom: 76px;}
.appinfo1-four .appinfo1-des{top: 100px;right: 0;transform: translateX(70px);}
.appinfo1-four .appinfo1-tit{margin-bottom: 14px;}
.appinfo1fou-con{position: relative;}
.appinfo1fou-lemg{float: left;width: 43.75%;overflow: hidden;}
.appinfo1fou-lemg img{width: 100%;display: block;}
.appinfo1fou-ri{float: right;width: 56.25%;padding-left: 100px;position: absolute;right: 0;bottom: 0;}
.appinfo1fou-txt{}
.appinfo1fou-rimg{text-align: center;margin-top: 106px;}
.appinfo1fou-rimg img{display: inline-block;max-width: 100%;}


.appinfo1-tuijian{}
.appinfo1-tjtit{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;margin-bottom: 49px;}

@media  (max-width:1459px) {
	.appinfo1one-txt { padding: 49px 60px 62px;}
	.appinfo1tw-txt {  padding: 60px 50px;}
	.appinfo1-des{font-size: 160px;line-height: 160px;}
	.appinfo1tw-con { margin-top: 50px;}
	.appinfo1thr-txt {margin-top: 50px; padding: 60px 50px;}
	.appinfo1fou-rimg {  margin-top: 50px; padding: 0 100px;}
	
}
@media  (max-width:1259px) {
	.appinfo1one-txt{margin-top: 0;width: 100%;margin-left: 0;}
	.appinfo1tw-txt{margin-top: 40px;}
	.appinfo1thr-botimg{text-align: center;margin-top: 30px;}
	.appinfo1thr-botimg1{margin-top: 0;}
	.appinfo1-three .appinfo1-tit{margin-bottom: 20px;}
	.appinfo1thr-txt{margin-top: 40px;}
	.appinfo1fou-ri{padding-left: 50px;}
}
@media  (max-width:991px) {
	.appinfo1one-swiper .swiper-button-next, .appinfo1one-swiper .swiper-button-prev{display: none;}
	.appinfo1one-swiper .swiper-pagination{display: block;bottom: 10px;}
	.appinfo1one-swiper .swiper-pagination-bullet-active{background: #fff;}
	.appinfo1one-txt { padding: 40px 40px 50px;}
	.appinfo1-des{font-size: 100px;line-height: 100px;}
	.appinfo1-two{padding-top: 50px;}
	.appinfo1-two .appinfo1-des{top: 10px;}
	.appinfo1tw-rimg,.appinfo1thr-lemg,.appinfo1fou-lemg{float: none;width: 100%;}
	.appinfo1tw-txt,.appinfo1thr-txt{float: none;width: 100%;margin: 0;}
	.appinfo1-p{max-height: none;height: auto;}
	.appinfo1thr-botimg1{margin: 0 0px;padding: 0 20px;max-width: 50%;}
	.appinfo1thr-botimg{margin: 30px 0px 0;}
	.appinfo1fou-ri {padding: 50px 50px 0; width: 90%; position: relative;  background: #fff; margin-top: -45%; z-index: 5;}
	.appinfo1thr-bef{bottom: 120px;}
	.appinfo1-tit{font-size: 34px;line-height: 40px;}
	.appinfo1-tjtit,.appinfo1one-txt h3{font-size: 32px;}
	.appinfo1tw-leimg{width: 40%;bottom: 30px;}
}
@media  (max-width:767px) {
	.appinfo1-tit{font-size: 24px;line-height: 30px;}
	.appinfo1-tjtit,.appinfo1one-txt h3{font-size: 22px;line-height: 30px;}	
	.applinfo1{padding-top: 40px;}
	.appinfo1one-txt span{font-size: 18px;}
	.appinfo1one-txt h3 { margin: 5px 0 10px;}
	.appinfo1one-txt {  padding: 20px 25px 30px;}
	.appinfo1one-txt p{font-size: 15px;}
	.appinfo1-des { font-size: 60px;  line-height: 60px;}
	.appinfo1-two{padding: 40px 0;}
	.appinfo1-two .appinfo1-des{top: 25px;}
	.appinfo1-two .appinfo1-tit{padding-bottom: 10px;}
	.appinfo1-two .appinfo1-tit::before {  width: 36px; margin-left: -18px;}
	.appinfo1tw-con { margin-top: 25px;}
	.appinfo1tw-txt,.appinfo1thr-txt{padding: 20px 25px 30px;}
	.appinfo1tw-txt h3 { font-size: 18px;}
	.appinfo1-p p { font-size: 15px;}
	.appinfo1tw-txt h3{margin-bottom: 10px;}
	.appinfo1thr-bef{width: 300px;height: 120px;bottom: 100px;}
	.appinfo1-three .appinfo1-tit,.appinfo1-four .appinfo1-tit{margin-bottom: 10px;}
	.appinfo1-four{padding: 40px 0;}
	.appinfo1fou-rimg{margin-top: 30px;}
	.appinfo1fou-ri{padding: 30px 25px 0;}
	.appinfo1-tjtit{margin-bottom: 20px;}
	.appinfo1-four .appinfo1-des{top: 0;transform: none;}
	.appinfo1tw-leimg{bottom: 20px;width: 50%;}
	.appinfo1-two{padding-bottom: 100px;}
	
}
@media  (max-width:640px) {
	.appinfo1-des{font-size: 46px;line-height: 50px;}
	.appinfo1fou-rimg{padding: 0 20px;}
	.appinfo1fou-ri { padding: 30px 0px 0 15px;}
	.appinfo1one-txt { padding: 20px 15px 30px;}
	.appinfo1tw-txt, .appinfo1thr-txt { padding: 20px 15px 30px;}
	.appinfo1thr-botimg1{max-width: 100%;margin: 10px 0;padding: 0 15px;}
	.appinfo1thr-botimg{margin: -10px 0;}
	.appinfo1-two{padding-bottom: 80px;}
}

/* =================== applinfo ==================== */
.applinfo{padding-top: 60px;}
.appinfo-one{}
.appinfoone-con{}
.appinfoone-swiper{position: relative;}
.appinfoone-swiper img{width: 100%;}
.appinfoone-swiper .swiper-pagination{display: none;width:100%;bottom: 0px;}
.appinfoone-swiper .swiper-pagination-bullet-active{background: #000;}
.appinfoone-swiper .swiper-button-next,.appinfoone-swiper .swiper-button-prev{font-size: 18px;color: #000;border: 1px solid #000;width: 42px;height: 42px;line-height: 42px;text-align: center;background: none;font-weight: bold;transition: ease .5s;}
.appinfoone-swiper .swiper-button-next:hover,.appinfoone-swiper .swiper-button-prev:hover{color: #fff;background: #000;}
.appinfoone-swiper .swiper-button-next{right: 34px;}
.appinfoone-swiper .swiper-button-prev{left: 34px;}

.appinfotw-des{position: absolute; font-size: 120px;font-weight: bold; color: transparent;background: linear-gradient(to right,#f9f0e8,#d9d9d7);display: inline-block;-webkit-background-clip: text;}
.appinfo-two{}
.appinfo-two .appinfotw-des{right: 0;top: 50%;transform: translateY(-50%);}
.appinfotw-con{position: relative;}
.appinfotw-left{float: left;width: 50%;position: absolute;height: 100%;left: 0;top: 0; padding-top: 115px;}
.appinfotw-right{float: right;width: 50%;position: relative;padding: 70px 0; padding-right: 100px;}
.appinfotw-bef{position: absolute;content: "";width: 47.5%;height: 100%;background: #000;right: 0;top: 0;}
.appinfotw-img{width: 100%;overflow: hidden;}
.appinfotw-img img{width: 100%;position: relative;}
.appinfotw-p{max-height: 150px;}

.appinfotw-tit{position: relative;}
.appinfotw-tit span{display: block;font-size: 20px;line-height: 30px;color: #333;font-family: "CenturyGothic";margin-bottom: 8px;}
.appinfotw-tit h3{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;}
.appinfotw-txt{position: relative; font-size: 16px;line-height: 30px;color: #333;padding: 78px 150px 0 100px;}

.appinfo-three{padding-top: 0;}
.appinfothr-con{position: relative;}
.appinfothr-lemg{float: left;width: 62.5%;overflow: hidden;}
.appinfothr-lemg img{width: 100%;}
.appinfothr-right{float: right;width: 50%;margin-left: -12.5%;position: absolute;right: 0;bottom: 100px;}
.appinfothr-txt{background: #fff;padding: 88px 48px 97px;}
.appinfothr-tit{font-size: 24px;line-height: 30px;color: #333; font-family: "DIN-Light";margin-bottom: 35px;}
.appinfothr-p{font-size: 16px;line-height: 30px;color: #333;max-height: 150px;}

.appinfo-four{background: #f5f5f5;position: relative;padding: 0;}
.appinfofou-con{}
.appinfofou-left{float: left;width: 30.625%;padding: 230px 0;}
.appinfofou-tit{font-size: 48px;line-height: 50px;color: #000;font-weight: lighter;}
.appinfofou-hr{display: block;width: 70px;height: 2px;background: #000;margin: 44px 0 32px;}
.appinfofou-p{font-size: 16px;line-height: 30px;color: #333;}
.appinfofou-right{float: right;width: 60.26%;height: 100%;right: 0;top: 0;}
.appinfofou-right>div{position: relative;width: 100%;height: 100%;}
.appinfofou-right canvas{}
.appinfofou-right img{width: 100%;}
.appinfofou-mo{}
.appinfofou-mo{color: #fff;background: #000; border-color: #000;margin: 73px 0 0;}
.appinfofou-mo::before, .appinfofou-mo::after{background: #fff;}
.appinfofou-mo:hover{border-color: #fff;color: #000;background: transparent;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.appinfofou-mo span{color: #fff;}
.appinfofou-mo:hover span{color: #000;}

.appinfo-fiv{padding-top: 100px;padding-bottom: 96px;}
.appinfofiv-con{position: relative;}
.appinfofiv-left{float: left;width: 56.25%;position: relative;padding: 225px 100px 125px;}
.appinfofivle-bef{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;background: #000;}
.appinfofiv-tit{position: absolute;top: 95px;left: 64px; font-size: 60px;line-height: 72px;color: #fff;font-weight: lighter; writing-mode: vertical-rl; writing-mode: tb-rl;z-index: 5;}
.appinfofiv-img{max-width: 100%;}
.appinfofiv-img img{display: block;max-width: 100%;position: relative;}
.appinfofiv-right{float: right;width: 43.75%;padding-left: 100px;padding-top: 82px;}
.appinfofiv-p{font-size: 16px;line-height: 30px;color: #333;position: relative;margin-top: 44px;text-align: justify;max-height: 120px;}
.appinfo-fiv .appinfotw-des{right: 0px;position: static;font-size: 100px;white-space: nowrap;margin-left: 100px;}
.appinfofiv-rimg{margin-left: -200px;margin-top: 139px;}
.appinfofiv-rimg img{display: block;position: relative;}

@media  (max-width:1919px) {
	.appinfo-fiv .appinfotw-des{font-size: 86px;margin-left: 0px;}
	.appinfofiv-rimg img{max-width: 100%;}
	.appinfofiv-rimg{margin-left: -150px;}
}

@media  (max-width:1459px) {
	.appinfotw-left{padding-top: 60px;}
	.appinfotw-txt{padding: 60px 100px 0 50px;}
	.appinfo-two .appinfotw-des{font-size: 80px;margin-top: -80px;}
	.appinfothr-right{bottom: 50px;}
	.appinfofiv-right{padding-left: 60px;padding-top: 60px;}
	.appinfofiv-rimg{margin-top: 100px;margin-left: -100px;}
	.appinfo-fiv .appinfotw-des{font-size: 60px;}
	.appinfofiv-p{margin-top: 30px;}
	
}
@media  (max-width:1259px) {
	.appinfotw-right {  padding: 60px 0; padding-right: 60px;}
	.appinfotw-txt { padding: 40px 50px 0 20px;}
	.appinfothr-right{bottom: 30px;}
	.appinfothr-txt{padding: 50px 40px;}
	.appinfofiv-tit{left: 22px;}
	.appinfotw-tit h3,.appinfo1-tjtit{font-size: 30px;}
	.appinfo-two .appinfotw-des{font-size: 60px;}
	.appinfo-fiv .appinfotw-des{font-size: 50px;}
	.appinfofou-tit{font-size: 40px;}
	.appinfofiv-tit{font-size: 50px;line-height: 60px;}
}
@media  (max-width:991px) {
	.appinfotw-right{width: 100%;}
	.appinfotw-left{position: relative;width: 100%;}
	.appinfothr-lemg{width: 100%;}
	.appinfothr-right{position: relative;margin: 0;width: 100%;bottom: 0;}
	.appinfotw-p,.appinfothr-p,.appinfofiv-p{max-height: none;height: auto;padding: 0;}
	.appinfofiv-left{width: 100%;padding: 10%;}
	.appinfofiv-right{width: 100%;padding: 0;margin-top: 20px;}
	.appinfofiv-rimg{margin-left: 0;margin-top: 40px;}
	.appinfofiv-p{margin-top: 20px;}
}

@media  (max-width:767px) {
	.appinfotw-right{padding: 40px 0;padding-right: 40px;}
	.appinfotw-left{padding-top: 40px;}
	.appinfo-two .appinfotw-des{font-size: 34px;}
	.appinfo-fiv .appinfotw-des{font-size: 30px;}
	.appinfotw-tit h3, .appinfo1-tjtit{font-size: 24px;line-height: 30px;}
	.appinfotw-tit span{font-size: 18px;}
	.appinfotw-txt{font-size: 15px;padding: 15px 0 0;}
	.appinfoone-swiper .swiper-button-next, .appinfoone-swiper .swiper-button-prev{display: none;}
	.appinfoone-swiper .swiper-pagination{display: block;}
	.appinfoone-swiper{padding-bottom: 30px;}
	.appinfothr-txt{padding: 15px 0 0;}
	.appinfothr-tit{font-size: 19px;margin-bottom: 10px;}
	.appinfothr-p,.appinfofiv-p{font-size: 15px;}
	.appinfofou-tit{font-size: 26px;}
	.appinfofou-hr{margin: 8px 0 10px;}
	.appinfofiv-tit{font-size: 28px;line-height: 40px;}
	.appinfo-fiv{padding: 40px 0;}
	.appinfofou-left {
    float: left;
    width: 100%;
    padding: 20px 0;
}
.appinfofou-right {
    float: right;
    width: auto;
    height: 100%;
    right: 0;
    top: 0;
}
 
}
@media  (max-width:640px) {
	.appinfotw-right{padding: 30px 0;padding-right: 30px;}
	.appinfofiv-tit{font-size: 28px;line-height: 40px;left: 10px;top: 58px;}
}
@media  (max-width:360px) {
	.appinfofiv-tit{font-size: 24px;line-height: 30px;left: 10px;top: 48px;}
}
/* =================== about ==================== */
.about{}
.about-one{padding-top: 60px;padding-bottom: 76px;}
.abtone-left{float: left;width: 34.375%;overflow: hidden;position: relative;}
.abtone-left img{width: 100%;}
.abtone-txt{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;text-align: center;}
.abtone-txt h3{font-size: 36px;line-height: 40px;color: #fff;}
.abtone-txt h3 i{font-style: normal;display: inline;font-size: 42px;font-family: "DIN-REGULAR";}
.abtone-txt span{display: inline-block;width: 50px;height: 2px;background: rgba(255,255,255,.2);margin: 46px 0 38px;}

.abtone-txt p{font-size: 16px;line-height: 30px;color: #fff;}
.abtone-right{float: right;width: 65.625%;padding-left: 50px;}
.abtone-rimg{overflow: hidden;}
.abtone-right img{width: 100%;transition: ease .5s;}

.about-two{}
.abttw-top{text-align: center;padding-bottom: 73px;}
.abttw-top h3{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;margin-bottom: 22px;}
.abttw-top h3 i{font-style: normal;display: inline;font-size: 42px; font-family: "DIN-Light";}
.abttw-top p{font-size: 16px;line-height: 30px;color: #333;}
.abttw-top p span{display: block;}

.abttw-bot{text-align: center;height: 700px; background-size: cover;background-repeat: no-repeat;background-position: center;background-attachment: fixed;position: relative;}
.abttw-bot h3{font-size: 36px;line-height: 40px;color: #fff;font-weight: lighter;position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}

.about-three{position: relative;padding-bottom: 0;padding-top: 100px;}
.about-three::before{ position: absolute; content: ""; width: 0;  height: 0; border-top: 0px solid transparent;border-right: 30px solid transparent; border-left: 30px solid transparent;  border-bottom: 35px solid #fff;left: 50%; top: -35px;z-index: 3; margin-left: -30px;}
.abtthr-leimg{position: absolute;left: 0;width: 52.55%;top: 100px;overflow: hidden;}
.abtthr-leimg img{width: 100%;}
.abtthr-right{float: right;width: 47.5%;padding-left: 100px;padding-top: 74px;margin-bottom: -108px;}
.abtthr-tit{}
.abtthr-tit h3{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;}
.abtthr-tit h3 i{font-style: normal;display: inline;font-size: 42px; font-family: "DIN-Light";}
.abtthr-tit span{display: block;font-size: 20px;line-height: 30px;color: #333; font-family: "CenturyGothic";margin-bottom: 7px;}
.abtthr-txt{font-size: 16px;line-height: 30px;color: #333;padding-left: 80px;margin-top: 42px;text-align: justify;max-height: 180px;}
.abtthr-rimg{overflow: hidden;text-align: right;margin-top: 93px;}
.abtthr-rimg img{display: inline-block;max-width: 100%;}
.about-four{padding-top: 0;}
.abtfou-img{overflow: hidden;width: 100%;position: relative;z-index: 2;}
.abtfou-img img{width: 100%;}
.abtfou-txt{margin-top: 43px; font-size: 16px;line-height: 30px;color: #333;text-align: center;}
.abtfou-txt span{display: block;}

.about-fiv{position: relative;padding-bottom: 100px;padding-top: 13px;}
.abtfv-con{position: relative;}
.abtfv-img{}
.abtfv-img1{display: block;overflow: hidden;}
.abtfv-img1 img{display: inline-block;max-width: 100%;}
.abtfv-img1.on{} 
.abtfv-leimg{width: 27.24%;float: left;}
.abtfv-rimg{width: 38.54%;float: right;}
.abtfv-font{width: 34.22%;margin-left: 27.24%;padding: 130px 82px 0;}
.abtfv-tit{}
.abtfv-tit h3{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;margin-bottom: 11px;}
.abtfv-tit p{font-size: 16px;line-height: 30px;color: #333;}
.abtfv-txtall{position: relative;margin-top: 73px;}
.abtfv-txt{position: absolute;left: 0;top: 0;opacity: 0; transform: scale(0.4,0.4);}
.abtfv-txt.on{position: relative;opacity: 1; transform: scale(1,1);}
.abtfv-txt h4{font-size: 36px;line-height: 40px;color: #333;font-family: "georgia";}
.abtfv-txt h3{font-size: 30px;line-height: 40px;color: #333;font-weight: lighter;margin-top: 6px;}
.abtfv-txt h3 span{display: inline-block;font-size: 20px;}
.abtfv-p{font-size: 16px;line-height: 30px;color: #333;margin-top: 24px;max-height: 150px;text-align: justify;}
.abtfv-mo{color: #fff;background: #000; border-color: #000;margin: 73px 0 0;}
.abtfv-mo::before, .abtfv-mo::after{background: #fff;}
.abtfv-mo:hover{border-color: #fff;color: #000;background: transparent;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.abtfv-mo span{color: #fff;}
.abtfv-mo:hover span{color: #000;}

.about-six{position: relative;height: 600px; background-size: cover;background-repeat: no-repeat;background-position: center;}
.abtsix-txt{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);padding-bottom: 26px;}
.about-six h3{margin-bottom: 41px; font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;}
.about-six h3 i{font-style: normal;display: inline;font-size: 42px; font-family: "DIN-Light";}
.about-six p{font-size: 16px;line-height: 30px;color: #333;}
.about-six p span{display: block;}

@media  (max-width:1459px) {
	.abtone-right{padding-left: 38px;}
	.abttw-bot{height: 600px;}
	.abtthr-right {  padding-left: 60px;  padding-top: 40px;}
	.abtthr-txt{padding-left: 30px;margin-top: 30px;}
	.abtfv-font{padding: 30px 50px 0;}
	.abtthr-rimg{margin-top: 40px;padding-left: 80px;}
	.about-six{height: 500px;}
	.abtfv-txtall{margin-top: 40px;}
	.abtfv-mo{margin: 40px 0 0;}
}
@media  (max-width:1259px) {
	.abttw-bot{height: 500px;}
	.about-six{height: 400px;}
	.about-one,.abttw-top{padding-bottom: 50px;}
	.about-three{padding-top: 80px;}
	.about-fiv{padding-bottom: 80px;}
	.abtfv-font { padding: 30px 35px 0;}
	.abtone-right{padding-left: 30px;}
	
}
@media  (max-width:991px) {
	.abtone-txt span{margin: 10px 0 5px;}
	.abtone-txt h3,.abttw-top h3,.abttw-bot h3,.abtthr-tit h3,.abtfv-tit h3,.abtfv-txt h4,.about-six h3{font-size: 30px;}
	.abtone-txt h3 i,.abttw-top h3 i,.abtthr-tit h3 i,.about-six h3 i{font-size: 34px;}
	.abtone-right{padding-left: 22px;}
	.abtfv-txt h3{font-size: 26px;}
	.abttw-bot{height: 400px;}
	.abtthr-leimg {position: relative; width: 100%; top: 0;}
	.abtthr-right{float: none;width: 100%;padding-left: 0;margin-bottom: 0;}
	.abtthr-rimg{width: 50%;margin: 20px auto 30px;padding-left: 0;}
	.abtfv-img{overflow: hidden;}
	.abtfv-leimg,.abtfv-rimg{width: 50%;padding: 0 20px;}
	.abtfv-font{width: 100%;margin: 0;}
	.about-fiv{padding-top: 0;}
	.abtfv-con{padding: 0 80px;}
	
}
@media  (max-width:767px) {
	.about-one, .abttw-top{padding-bottom: 40px;}
	.about-one,.about-three{padding-top: 40px;}
	.abtone-txt h3, .abttw-top h3, .abttw-bot h3, .abtthr-tit h3, .abtfv-tit h3, .abtfv-txt h4, .about-six h3{font-size: 22px;line-height: 30px;}
	.abtone-txt h3 i, .abttw-top h3 i, .abtthr-tit h3 i, .about-six h3 i{font-size: 25px;}
	.abtone-txt span { margin: 0 0 3px;}
	.abttw-top h3{margin-bottom: 8px;}
	.abttw-bot{height: 300px;background-attachment: inherit;}
	.abtfv-con{padding: 0 15px;}
	.abtfv-leimg, .abtfv-rimg{padding: 0 15px;}
	.abtfv-img{margin: 0 -15px;}
	.abtfv-font { padding: 30px 0px 0;}
	.abtthr-txt{padding-left: 0;margin-top: 15px;max-height: none;height: auto;}
	.abtthr-right{padding-top: 30px;}
	.about-three::before { border-top: 0px solid transparent; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 18px solid #fff;top: -18px; margin-left: -15px;}
	.abtfou-txt{margin-top: 25px;}
	.abtfv-tit h3{margin-bottom: 5px;}
	.abtfv-txtall{margin-top: 10px;}
	.abtfv-txt h3 span{font-size: 15px;}
	.abtfv-txt h3{font-size: 20px;line-height: 30px;}
	.abtfv-p{margin-top: 10px;font-size: 15px;max-height: none;height: auto;}
	.abtfv-mo{margin: 20px 0 0;}
	.about-six{height: auto;padding: 50px 0;}
	.about-six h3{margin-bottom: 15px;}
	.abtsix-txt{position: relative;transform: none;padding-bottom: 0;}
	.abttw-top p,.abtthr-txt,.abtfou-txt,.about-six p{font-size: 15px;}
	.about-fiv{padding-bottom: 40px;}
}
@media  (max-width:640px) {
	.abtone-left{width: 100%;}
	.abtone-right{width: 100%;padding-left: 0;margin-top: 20px;}
	.abttw-top p span,.abtfou-txt span{display: inline;}
	.abtthr-rimg{width: 85%;}
	.abtfv-leimg, .abtfv-rimg {  padding: 0 10px;}
	.abtfv-img{margin: 0 -5px;}
	
}


/* ================== 2020.6.16首页改 ================== */
#fp-nav{right: 0;left: 20px;width: 30px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 6px;height: 6px;background: #999;margin: -3px 0 0 -3px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{background: #000 !important;width: 8px;height: 8px;margin: -4px 0 0 -4px;}
#fp-nav ul li a.active{border: none !important;}
.two,.three,.five,.six,.seven{position: relative;}

.index-one .container{height: 100%;}
.inone-con{position: relative;width: 100%;height: 100%;}
.inone-box{position: relative;top: 50%;transform: translateY(-50%);}
.banner-cont{padding: 0 15px;}
.inthr-con{background-size: cover;}
.inthr-appcon{display: none;}
.inthrapp-font{width: 100%;}
@media (max-width: 1459px){
	.inone-t{right: 0;bottom: auto;top: 100%;}
}
@media (max-width: 991px){
	.inone-box{top: 0;transform: none;}
	.inthr-con{display: none;}
	.inthr-appcon{display: block;}
	.inthr-font{float: right;}
	.inthr-img{float: none;width: 72%;padding-left: 200px;margin-bottom: 80px;}
	.inthr-circle{width: 48%;bottom: auto;top: 0;left: 40%;}
	.inthr-swiper .swiper-button-next{left: 285px;}
	.inthr-swiper .swiper-button-next, .inthr-swiper .swiper-button-prev{bottom: auto;top: 50%;margin-top: -50px;}
	.inthr-swiper .swiper-button-prev{left: 225px;}
	.index-three .view-more{margin: 40px 0 0;}
	.inthr-h{padding-top: 0;}
	.inthr-con{padding-top: 80px;}
	.inthr-swiper{padding-left: 0;}
}
@media (max-width: 767px){
	
	.home-padd{padding: 40px 0;}
	.index-two{padding-bottom: 0;}
	.index-tit, .inone-txt h3{font-size: 24px;line-height: 30px;}
	.inone-txt p{font-size: 16px;}
	.inone-txt h6, .infvri-txt p{font-size: 16px;}
	.inone-txt h4, .intwo-txt h3{font-size: 19px;}
	.inone-txt h4{margin: 10px 0;}
	.inone-txt h5{font-size: 17px;line-height: 30px;}
	.index-one .view-more{margin: 30px 0 0;}
	.intwo-con{padding-bottom: 40px;}
	.intwobot-slide,.intwobot-swip{width: 300px;}
	.intwobot-swip{float: none;margin-right: 0;margin: -150px auto 0;}
	.intwo-font{padding: 53px 32px;}
	.inone-img{width: 83%;}
	.inone-txt{width: 58%;top: 100px;}
	.inone-t, .inthr-tit{font-size: 25px;}
	.inone-cirtwo{width: 22%;}
	.inone-cirone{width: 13%;top: 100px;}
	#fp-nav{display: none !important;}
	.inthr-con{padding: 60px 0;}
	.inthr-font h3{margin-bottom: 15px;}
	.inthr-font{max-width: 80%;}
	.index-three .view-more{margin: 20px 0 0;}
}
@media (max-width: 640px){
	.inone-con>div{padding: 60px 0 100px;}
	.inone-cirtwo{width: 30%;}
	.inone-cirone{width: 15%;top: 60px;}
	.inthr-circle{width: 55%;left: 38%;}
	.inthr-img{width: 75%;padding-left: 28%;margin-bottom: 55px;}
	.inthr-swiper .swiper-button-next, .inthr-swiper .swiper-button-prev{left: 28%;width: 50px;height: 50px;line-height: 50px;}
	.inthr-swiper .swiper-button-next{margin-left: 49px;}
	.inthr-font{padding: 0 0px 0 20px;}
	.inthr-font p{text-align: justify;}
	.inone-cirone,.inonecon-bef{display: none;}
	.inthr-con{padding-top: 40px;}
}
@media (max-width: 580px){
	.inthr-font{max-width: 70%;}
	.inthr-swiper .swiper-button-next, .inthr-swiper .swiper-button-prev{top: 42%;}
	.inthr-circle{width: 60%;left: 34%;}
}
@media (max-width: 460px){
	.inone-img{float: none;width: 100%;padding-left: 17%;}
	.inone-txt{top: 0%;height: auto;padding: 40px 20px;position: relative;margin-top: -20%;}
	.inone-txt{width: 100%;}
	.inone-con>div{padding: 60px 0 0px;}
	.inone-t, .inthr-tit{font-size: 20px;}
	.inone-hr{display: none;}
	.inthr-img{width: 80%;padding-left: 15%;}
	.inthr-circle{width: 70%;left: 30%;}
	.inthr-swiper .swiper-button-next, .inthr-swiper .swiper-button-prev{left: 15%;}
	.inone-cirtwo{width: 20%;}
	.inone-t{display: none;}
}
@media (max-width: 400px){
	/* .inone-txt{width: 63%;height: 120%;} */
	.inone-con>div{padding: 80px 0 120px;}
	.inthr-h{float: none; writing-mode: inherit;  writing-mode: inherit;}
	.inthr-tit{float: none;writing-mode: inherit;  writing-mode: inherit;}
	.inthr-font{max-width: 100%;width: 100%;padding: 0;}
	.inthr-font h3{margin-bottom: 10px;}
	.inthr-tit span{display: inline;margin-left: 8px;}
	.inthr-tit span{margin: 30px 0 0;}
}
@media (max-width: 360px){
	/* .inone-txt{width: 69%;height: 140%;} */
	.inone-con>div{padding: 80px 0 190px;}
	.intwobot-slide, .intwobot-swip{width: 252px;}
	.intwo-font{padding: 40px 22px 30px;}
	.intwo-txt h4{margin-top: 10px;}
	.intwobot-slide{height: 260px;}
}
@media (max-width: 320px){
	/* .inone-txt{width: 73%;} */
}

.banner-cont,.inone-txt>div,.index-dec,.index-tit,.infou-ba{opacity: 0;transform: scale(0.4);transition: all 1s;}
.active .banner-cont,.active .inone-txt>div,.active .index-tit,.active .index-dec,.active .infou-ba{opacity: 1;transform: scale(1);}


.inone-t{opacity: 0;transform: translateX(300%);transition: all 2s;}
.active .inone-t{opacity: 1;transform: translateX(50%);}
.inone-img img{opacity: 0;transform: translateX(100%);transition: all 1.5s;}
.active .inone-img img{opacity: 1; transform: none;}
.inonecon-bef,.intwobot-slide{opacity: 0;transform: translateY(100%);transition: all 1.5s;}
.active .inonecon-bef,.active .intwobot-slide{opacity: 1; transform: none;}
.inone-txt>div{}

.inthr-img,.inthr-circle,.insx-ul li{opacity: 0;transform: scale(0.4);transition: all 1s;}
.active .inthr-img,.active .inthr-circle,.active .insx-ul li{opacity: 1;transform: scale(1);}
.inthr-font,.infou-slide,.infv-right{opacity: 0;transform: translateY(100%);transition: all 1s;}
.active .inthr-font,.active .infou-slide,.active .infv-right{opacity: 1; transform: none;}
.inthr-tit{opacity: 0;transform: translateX(-100px);transition: all 1s;}
.active .inthr-tit{opacity: 1; transform: none;}

.infv-left{opacity: 0;transform: translateX(-100%);transition: all 1s;}
.active .infv-left{opacity: 1; transform: none;}

.news-ul .insx-ul li{transform: none;opacity: 1;}


/* 202.7.4 */
.bottom-select1-lan{display: inline-block;}
.bottom-select1-lan span {display: inline-block;  font-size: 14px;line-height: 30px; color: #ededed;margin-right: 10px;}
.sel_mask-a{display: inline-block;position: relative;}
.sel_mask-a a{position: absolute;display: none;width: 100%;bottom:100%;padding-right: 60px;left: 0; padding-left: 10px;}
.sel_mask-a a.on{position: static;display: block;padding: 0;}
.sel_mask-a .sel{}
.sel_mask-a .sel:hover a{display: block;background-color: rgba(245,245,245,.8);}
.sel_mask-a:hover{background-color: rgba(245,245,245,.8);}
.sel_mask-a .sel:hover a.on{background-color: transparent;}
h3 .index-logo{
    height: 52px;
    position: relative;
    top: -4px;
}
@media (max-width: 1259px){
	.bottom-select1-lan{width: 33.33%;}
	h3 .index-logo{
    height: 34px;
}
}
@media (max-width: 640px){
	.bottom-select1-lan span{max-width: 41%; padding-right: 10px;  margin-right: 0;}
	 .sel_mask-a{float: right;width: 75%;}
	 .bottom-select1-lan{width: 100%;}
	 h3 .index-logo{
    height: 24px;
    top: -2px;
}
}

.service-inp li a{display: block;border: 1px solid #dcdcdc;}
.service-inp select{font-size: 16px;line-height: 30px;color: #000;padding: 14px 20px;width: 100%;}
@media (max-width: 767px){
.service-inp select{ font-size: 15px; padding: 5px 16px;}
}

/* 202.7.4 */
.bottom-select1-lan{display: inline-block;}
.bottom-select1-lan span {display: inline-block;  font-size: 14px;line-height: 30px; color: #ededed;margin-right: 10px;}
.sel_mask-a{display: inline-block;position: relative;}
.sel_mask-a a{position: absolute;display: none;width: 100%;bottom:100%;padding-right: 60px;left: 0; padding-left: 10px;}
.sel_mask-a a.on{position: static;display: block;padding: 0;}
.sel_mask-a .sel{}
.sel_mask-a .sel:hover a{display: block;background-color: rgba(245,245,245,.8);}
.sel_mask-a:hover{background-color: rgba(245,245,245,.8);}
.sel_mask-a .sel:hover a.on{background-color: transparent;}
@media (max-width: 1259px){
	.bottom-select1-lan{width: 33.33%;}
}
@media (max-width: 640px){
	.bottom-select1-lan span{max-width: 41%; padding-right: 10px;  margin-right: 0;}
	 .sel_mask-a{float: right;width: 75%;}
	 .bottom-select1-lan{width: 100%;}
}

.service-inp li a{display: block;border: 1px solid #dcdcdc;}
.service-inp select{font-size: 16px;line-height: 30px;color: #000;padding: 14px 20px;width: 100%;}
@media (max-width: 767px){
.service-inp select{ font-size: 15px; padding: 5px 16px;}
}

/* 202.7.4 */
.bottom-select1-lan{display: inline-block;}
.bottom-select1-lan span {display: inline-block;  font-size: 14px;line-height: 30px; color: #ededed;margin-right: 10px;}
.sel_mask-a{display: inline-block;position: relative;}
.sel_mask-a a{position: absolute;display: none;width: 100%;bottom:100%;padding-right: 60px;left: 0; padding-left: 10px;}
.sel_mask-a a.on{position: static;display: block;padding: 0;}
.sel_mask-a .sel{}
.sel_mask-a .sel:hover a{display: block;background-color: rgba(245,245,245,.8);}
.sel_mask-a:hover{background-color: rgba(245,245,245,.8);}
.sel_mask-a .sel:hover a.on{background-color: transparent;}
@media (max-width: 1259px){
	.bottom-select1-lan{width: 33.33%;}
}
@media (max-width: 640px){
	.bottom-select1-lan span{max-width: 41%; padding-right: 10px;  margin-right: 0;}
	 .sel_mask-a{float: right;width: 75%;}
	 .bottom-select1-lan{width: 100%;}
}

.service-inp li a{display: block;border: 1px solid #dcdcdc;}
.service-inp select{font-size: 16px;line-height: 30px;color: #000;padding: 14px 20px;width: 100%;}
@media (max-width: 767px){
.service-inp select{ font-size: 15px; padding: 5px 16px;}
}
/* 2020.7.20 */
.ind-headapp{display: block;height: 130px; box-shadow: none;border-bottom: 1px solid rgba(255,255,255,.15);}
.ind-headapp::before{position: absolute;content: "";width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,.5),transparent);left: 0;top: 0;}
.ind-headapp.open-menu::before{display: none;}
.home-banner{padding-top: 0;}
.ind-headapp.header-app .logo{height: 130px;padding: 40px 0;}
.ind-headapp.open-menu .navbar-app{background: transparent !important;height: 90px;}
.ind-headapp .navbar-togger .icon_bar{width: 38px;background-color: #fff;height: 3px;}
.ind-headapp.open-menu .navbar-togger .icon_bar{background-color: #000;}
.ind-headapp .navbar-togger .icon_bar:nth-of-type(2){margin: 8px 0;}
.ind-headapp .navbar-togger{padding: 52px 30px;}
.ind-headapp.header-app.open-menu .navbar-togger{padding: 33px 30px;}
.header-search{float: right;margin-top: 0px;position: relative;margin: 48px 0;}
.bt-search{ position: relative;  border: none; background: none;  float: left; width: 34px; height:34px;text-align: center; line-height: 40px; cursor: pointer;  transition: .5s;z-index: 10;}
/* .bt-search:hover{background: #fff;} */
.bt-search .sub-bot {  display: inline-block;  width: 29px; height: 31px; line-height: 31px;  background: transparent; border: none;  z-index: 3; cursor: pointer; background: url(../images/in-topsearch.png) no-repeat center transparent; padding-right: 0px;background-size: 100% 100%;}
/* .bt-search:hover .sub-bot{background-image: url(../images/icon-searcha.png);} */
.searchop .search-all{  z-index: 10; opacity: 1; visibility: visible;}
.search-all{ position: absolute; right: 0; top: 0; width: 300px; height: auto;z-index: -1; opacity: 0;visibility: hidden; transition: all .2s;}
.search-all .search-box{  position: relative; height: 36px; margin-top: 42px;background: #fff;}
.searchop .search-all .search-box{ animation: searchform-fade 400ms both;}
.searchop .search-all form{ animation: searchform-slide 1s both; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.search-all .search-box .search-txt{ color: #333; line-height: 34px;  width: 44px;  text-align: center;cursor: pointer; transition: all .3s ease-out;}
.search-all .search-box .search-txt i{font-size: 20px!important;}
.search-all .search-box .search-txt.left{ float: left;}
.search-all .search-box .search-inp{  margin-left: 44px;transition: all .3s ease-out 0s;margin-right: 44px;}
.search-all .search-box .search-inp input{  font-size: 16px; line-height: 36px; color: #333; width: 100%; border-radius: 5px;}
.searchop .search-close{  opacity: 1;  transition: all .2s ease-out 0s;}
.search-all .search-box .search-close{  width: 44px; height: 36px; font-size: 16px; color: #333;line-height: 36px; text-align: center; cursor: pointer; position: absolute;  top: 0;   right: 0;  opacity: 1;}
.ind-headapp .nav-menu{top: 90px;}

.header-app .logo img.open-logo{display: none;}
.header-app.open-menu .logo img.open-logo{display: block;}
.header-app.open-menu .logo img.cl-logo{display: none;}
.ind-headapp.open-menu .navbar-togger .icon_bar:first-child{-webkit-transform: translate(0, 12px) rotate(45deg);
    -ms-transform: translate(0, 12px) rotate(45deg);
    transform: translate(0, 12px) rotate(45deg);}
	.ind-headapp.open-menu .navbar-togger .icon_bar:last-child{    -webkit-transform: translate(0, -10px) rotate(-45deg);
    -ms-transform: translate(0, -10px) rotate(-45deg);
    transform: translate(0, -10px) rotate(-45deg);}
.ind-headapp.open-menu .bt-search .sub-bot{background-image: url(../images/in-topsearcha.png);}
.pchead-top{position: relative;}
.ind-headapp .headtop-right {float: right;font-size: 0;margin: 0; width: auto; position: absolute;right: 60px;}
.ind-headapp .headtop-left{ float: left; margin-left: -60px;width: auto;}
.ind-headapp .top-search {border-radius: 30px; border: 1px solid #777; position: relative;margin-top: 7px; padding: 5px 25px;width: 300px;}
.pchead-con{position: relative;}
.pcheadcon-bf{position: absolute;width: 27.86%;right: 0;bottom: -60px;}
.pchead-font{position: relative;width: 100%;height: 100%;text-align: center;font-size: 0;margin-top: 137px;}
.pchead-left{float: left;width: 54.58%;text-align: right;}
.pchead-right{float: right;width: 45.42%;text-align: left;padding-left: 60px;}
.pchead-left a{display: block;}
.pchead-left img{display: inline-block;max-width: 100%;}
.pchead-ul{width: auto;}
.pchead-ul li{}
.pchead-ul li a{display: block;font-size: 0;  padding: 25px 20px;-webkit-transition: all .4s;-o-transition: all .4s; transition: all .4s; background: transparent;  position: relative;}
.pchead-ul li a span{display: inline-block;font-size: 20px; color: #000; line-height: 30px;}
.pchead-ul li a:hover span{font-size: 36px;}
.pchead-ul li a .pchead-fy{font-family: "georgia"; text-transform: uppercase;color: #666;font-size: 16px;margin-left: 15px;} 
.ind-headapp.header-app.open-menu .header-search,.ind-headapp.header-app.open-menu .logo{display: none;}
.header-app.open-menu .headlogo .logo{display: inline-block;padding: 0;height: auto;}
.language{display: inline-block;position: relative;margin: 0 15px;}
.language span,.language a{display: block; transition: ease .5s; font-size: 22px;line-height: 30px;color: #000;}
/* .language a.on{height: auto;opacity: 1;} */
.language-text{display: block;color: #666;line-height:36px;padding:0 4px;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.language-text .icon-down{ display:block;float: right; vertical-align: middle;font-size: 12px; margin-left: 5px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;}
.language-list{position: absolute;top:100%;right: -16px;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 20px;margin: 0; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.language-list a:hover{color: #000;transform: none;}
.language:hover .language-text{color: #000;}
.language:hover .language-text .icon-down{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.language:hover .language-list{opacity: 1;visibility: visible;}
.header-app .headtop-right{margin: 5px 0 0;}
.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: #000; border-radius: 30px;}
.ind-headapp .navbar-app{height: auto;background: transparent !important;}
.ind-headapp.pcblack::before{display: none;}
.ind-headapp.pcblack.header-app .logo img{display: none;}
.ind-headapp.pcblack.header-app .logo img.open-logo{display: block;}
.ind-headapp.pcblack .navbar-togger .icon_bar{background-color: #000;}
.ind-headapp.pcblack .bt-search .sub-bot{background-image: url(../images/in-topsearcha.png);}
.ind-headapp.pcblack{border:none;/* background: #fff; */}
.insx-cont{padding: 80px 0 0;}
.ind-headapp.pcblack.on{box-shadow: 0 0 13px rgba(0,0,0,.1);}
.nypchead{background: #fff !important;}
.nypchead.on{height: 110px;}
.nypchead.on.header-app.open-menu{height: 100%;}
.nypchead .search-all .search-box{margin-top: 0;}
.nypchead.on.header-app .logo{padding: 30px 0;height: 110px;}
.nypchead.on.ind-headapp .navbar-togger{padding: 42px 30px;}
.nypchead.on .header-search{margin: 38px 0;}
.pritop-swip .swiper-pagination{display: none;color: #fff;bottom: 10px;}
.pritop-swip::before{display: none;}
.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{top: 50%;bottom: auto;}

@media (max-width: 1459px){
	.ind-headapp.header-app .logo{height: 100px;padding: 25px 0;}
	.header-search{margin: 32px 0;}
	.ind-headapp .navbar-togger{padding: 37px 30px;}
	.ind-headapp{height: 100px;}
	.search-all .search-box{margin-top: 0;}
}
@media (max-width: 991px){
	.ind-headapp{display: none;}
}
@media (max-width: 767px){
	.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{display: none;}
	.pritop-swip .swiper-pagination{display: block;}
}
a.hidden,a.zz{display:none;}
* 7.24 */
.nypchead.on,.nypchead{height: 100px;}

.nypchead.on.header-app.open-menu{height: 100%;}
.nypchead .search-all .search-box{margin-top: 0;}
.nypchead.on.header-app .logo,.nypchead.header-app .logo{padding: 28px 0;height: 100px;}
.nypchead.on.ind-headapp .navbar-togger,.nypchead.ind-headapp .navbar-togger{padding: 37px 30px;}
.nypchead.on .header-search,.nypchead .header-search{margin: 33px 0;}
/*  */
.pritop-swip .swiper-pagination{display: none;color: #fff;bottom: 10px;}
.pritop-swip::before{display: none;}
.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{top: 50%;bottom: auto;}

@media (max-width: 1459px){
	.ind-headapp.header-app .logo{height: 100px;padding: 25px 0;}
	.header-search{margin: 32px 0;}
	.ind-headapp .navbar-togger{padding: 37px 30px;}
	.ind-headapp{height: 100px;}
	.search-all .search-box{margin-top: 0;}
}
@media (max-width: 991px){
	.ind-headapp{display: none;}
}
@media (max-width: 767px){
	.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{display: none;}
	.pritop-swip .swiper-pagination{display: block;}
}

/* 7.24 */

@media (max-width: 767px){
.banner-cont, .inone-txt>div, .index-dec, .index-tit, .infou-ba,
.inthr-img, .inthr-circle, .insx-ul li,
 .inthr-font, .infou-slide, .infv-right,.inthr-tit,.infv-left
	{    opacity: 1 !important;transform: scale(1) !important;transition: none;}
.inone-img img,.inonecon-bef, .intwobot-slide, .inone-t{transform: none !important;opacity: 1 !important;transition: none;}
.insx-cont{padding: 0;}
.insx-con{margin-top: 25px;}
.insx-ul{ margin: -20px -15px 30px;}
.appinfofou-right{width: 100%;}
.appinfofou-left{width: 100%;padding: 20px 0 40px;}
.appinfofou-mo{margin: 25px 0 0;}
}
@media (max-width: 400px){
	.inone-con>div{padding: 40px 0 0;}
}
@media (max-width: 360px){
	.inone-con>div{padding: 40px 0 0;}
}

/* 7.28 */
.pchead-left a{display: none;float: right;max-width: 43.66%;}
.pchead-left a.on{display: block;}
.pchead-ul li:hover span,.pchead-ul li.on span { font-size: 36px;}
.pcheadcon-aft{position: absolute;width: 27.86%;left: 0; top: 50%;text-align: left; transform: translateY(-50%);padding-left: 0px;}
@media (max-width: 1919px){
	.pcheadcon-aft{}
	.ind-headapp .headtop-left{margin-left: 0;}
	.header-app .headtop-right{margin: 0;}
	.pchead-ul li a{padding: 20px;}
	.pchead-right{width: 35%;}
	.pchead-left{width: 65%;}
	.pcheadcon-aft .wraple-h3{line-height: 40px;}
}
@media (max-width: 1459px){
	.pchead-left a{max-width: 50%;}
}
@media (max-width: 1259px){
	.pcheadcon-aft .wraple-h3{font-size: 22px;}
	.pchead-ul li.on span,.pchead-ul li a:hover span{font-size: 29px;line-height: 40px;}
	.pchead-ul li a{padding: 17px 20px;}
	.pchead-right{padding-left: 40px;}
}
/* 2020.8.24 门店查询 */
.service2{padding-top: 60px;}
.service2-ul{margin: 0 -10px;}
.service2-ul li{float: left;width: 33.333%;padding: 0 10px;}
.service2-ul li>div{box-shadow: 0 0 13px rgba(0,0,0,.1);background: #fff;}

@media (max-width: 1259px){
	.service2-ul li{width: 100%;margin-top: 20px;}
	.service2-ul{margin-top: -20px;}
}
@media (max-width: 767px){
	.service2{padding-top: 30px;}
}
/* 2020.8.28首页视频 */
.banner-slide{display: none;position: relative;}
.banner-video{position: relative;width: 100%;height: 100%;}
.banner-video img{width: 100%;height: 100%;}
.banner-video video{object-fit: fill;width: 100%;height: 100%;}
.bannercontal{z-index: 10; position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.banner-ved{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.banner-font{padding-bottom: 0;position: relative;top: 0;transform: none;}
.banner-scroll{top: 100%;margin-top: 100px;}
.banner-video::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.4);left: 0;top: 0;z-index: 8;}

@media (max-width: 991px){
	.banner-scroll{margin-top: 30px;}
}
@media (max-width: 640px){
	.banner-slide{display: block;}
	.banner-pcved{display: none !important;}
}
.banner-slide::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.2);left: 0;top: 0;z-index: 8;}
#mv-pg{z-index: 7;}
@media (max-width: 991px){
body { padding-top: 60px !important;}
}
@media screen and (max-width: 640px){
.home-appbanner { opacity: 1;z-index: 0;}
}
.newsinfo-con img{max-width:100%;}

/* 2020.9.7首页banner */
.pc-move{display: block;position: relative;}
.pc-move .swiper-button-next,
.pc-move .swiper-button-prev{display: none;}
.pc-move .swiper-pagination{width: 100%;display: block;bottom: 60px;}
.pc-move .swiper-pagination-bullet{margin: 0 6px;opacity: 1;border-radius: 2px;background-color: #fff;width: 20px;height: 5px;}
.pc-move .swiper-pagination-bullet-active{width: 40px;}
@media (max-width: 1459px){
.banner-scroll{margin-top: 50px;}
}
@media (max-width: 1259px){
.banner-scroll{margin-top: 30px;}
.pc-move .swiper-pagination{bottom: 30px;}
}
@media (max-width: 991px){
.banner-cont h4{margin-bottom: 20px;}
.bannercontal{padding-bottom: 30px;}
.banner-scroll{margin-top: 0px;}
}
@media (max-width: 767px){
	.bannercontal{padding-bottom: 50px;}
	.banner-scroll{margin-top: -20px;}
	.pc-move .swiper-pagination-bullet{width: 12px;height: 3px;}
	.pc-move .swiper-pagination-bullet-active{width: 25px;}
	.pc-move .swiper-pagination{bottom: 20px;}
}
@media (max-width: 640px){
	.banner-slide{display: block;}
	.pc-move{display: none !important;}
}

/* ============== 2020.9.24产品详情描述标题添加 ============= */
.pri-h3{font-size: 30px;line-height: 40px;font-weight: normal; color: #000;}
.pri-ul{margin-top: 20px;}
@media (max-width: 767px){
	.pri-h3{font-size: 24px;}
}@charset "UTF-8";
.container,.container-middle,.wrap{padding-right: 15px;padding-left: 15px;margin:0 auto;}
@media (min-width: 768px) {
	.wrap,.container,.container-middle{ width: 750px;}
}
@media (min-width: 992px) {
    .wrap,.container,.container-middle{width: 965px;}
}
@media (min-width: 1260px) {
 	.wrap,.container,.container-middle{ width: 1230px;}
}
@media (min-width: 1460px) {
.container-middle,.container{ width: 1430px;}
}
@media (min-width: 1920px) {
  .container-middle{ width: 1710px;}
  .container{width: 1630px;}
}

@keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}


@keyframes scle2 {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    to {
        transform: scale(1.1);
    }
		
}
/*header*/
.header{position: absolute;padding-top: 30px;top: 0;left: 0;width: 100%;height: 180px;z-index: 5000;background: #fff;transition: ease .5s;}
.headtop-con{position: relative;}
.headtop-left{float: left;margin-left: -60px;}
.top-search{border-radius: 30px;border: 1px solid #777;position: relative;margin-top: 7px; padding: 5px 25px;width: 300px;}
.top-search input:nth-child(2){width: 17px;height: 30px;position: absolute;right: 20px;top: 50%;margin-top: -15px; background: url(../images/top-search.png)no-repeat center;background-size: 100%;cursor: pointer;}
.top-search input:nth-child(1){font-size: 14px;line-height: 30px;color: #777;width: 100%;padding-right: 25px;}
.headlogo{text-align: center;width: 120px;margin: 0 auto;}
.headtop-right{float: right;font-size: 0;margin-right:-75px;position: absolute;right: 0; top: 16px;}
.headtop-right a{display: inline-block;margin: 0 15px;transition: ease .5s;}
.headtop-right a:hover{transform: translateY(-5px);}
.headtop-collect{width: 22px;height: 20px;background: url(../images/topicon1.png)no-repeat center;background-size: 100%;}
.headtop-login{width: 19px;height: 23px;background: url(../images/topicon2.png)no-repeat center;background-size: 100%;}
.headtop-shop{width: 19px;height: 23px;background: url(../images/topicon3.png)no-repeat center;background-size: 100%;}
.header .logo{ display: inline-block;  position: relative; z-index: 1200;}
.header .logo img{ width: 120px; height: 54px;}

.header.on  .navitem.nav-aft::before{display: none;}
.header-navbar{text-align: center;border-bottom: 1px solid #e9e9e9;font-size: 0;padding-top: 10px;}
.navbar{transition: ease .5s;}
.navitem{padding: 0 0px;display: inline-block;}
.navitem>a{ display: inline-block; font-size: 16px; color: #000; line-height: 30px;padding: 13px 25px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; background: transparent; position: relative;}

/* .navitem:first-child{margin-right: 30px;} */

.navbar .navitem:last-child>a::before{display: none;}
/* .navitem>a::before{position: absolute;content: "";width: 0;height: 3px;background: #ff9b2d;bottom: 0;left: 50%;transform: translateX(-50%);transition: ease .5s;}
.navitem:hover>a::before,
.navitem.active>a::before{width: 100%;} */
.navitem:hover>a,
.navitem.active>a{color: #eabf5f;}
.navitem>a span{width: 0;height: 18px;display: inline-block;transition: ease .5s;opacity: 0;text-align: center;margin-right: 10px;}
.navitem>a span img{display: block;max-width: 100%;margin-top: 3px;}

.navitem.active>a span{width: 18px;opacity: 1;}
.navitem.nav-aft{position: relative;}
.navitem.nav-aft::before{content: "";position: absolute;width: 65px;height: 36px;background: url(../images/nav-aft_03.png)no-repeat center top;top: -36px;left: 30%;}
/*header -end*/
/*==================================home-banner==============================*/
.home-banner{position: relative;padding-top: 180px;}
.pc-banner{position: relative;overflow: hidden;}
.banner-slide{display: block;position: relative;}
.banner-slide img{width: 100%;}
.pc-banner .swiper-container{overflow-x: hidden;overflow-y: visible;}
.pc-banner .swiper-pagination{width: 100%;bottom: 30px;display: none;}
.pc-banner .swiper-pagination-bullet{border-radius: 30px;background: #fff;width: 20px;height: 6px;opacity: 1;margin: 0 5px;transition: ease .5s;}
.pc-banner .swiper-pagination-bullet-active{background: #ff9b2d;width: 40px;}
.pc-banner .swiper-button-prev,.pc-banner .swiper-button-next{display: none;}
.banner-font{position: absolute;top:50%;left:0;transform: translateY(-50%); width: 100%;z-index: 4;padding-bottom: 142px;}
.banner-cont{ filter: alpha(opacity=0);text-align: center;position: relative;text-align: center;}
.banner-cont h3{font-size: 64px;line-height: 70px;color: #fff;font-weight: bold; position: relative;}
.banner-cont h4{font-size: 34px;line-height: 40px;color: #fff;font-weight: lighter;position: relative;margin: 22px 0 61px;}
.banner-cont h4 span{display: inline-block; width: 2px;height: 36px;margin: 0 30px;position: relative;}
.banner-cont h4 span::before{position: absolute;content: "";width: 100%;height: 100%;background: #fff;top: 0;left: 0;margin-top: 8px;}
.home-banner .swiper-slide-active .banner-cont{opacity: 1; filter: alpha(opacity=100);  transition: all .8s linear; transition-delay: .1s;}
.home-banner.app{display: none;}
.home-banner.app img{width: 100%;}
.banner-scroll{position: absolute;top: 80%;left: 50%;transform: translateX(-50%);z-index: 8;cursor: pointer;}
.banner-scroll img{display: inline-block;width: auto;}
.home-appbanner{width: 100%;display: none;}


.hbanner1{}
/* mv-pg ----------*/
#mv-pg { position: absolute; z-index: 3; top: 0%; opacity: 1; left: 0; width: 100%; height: 100%; transition: all 1s ease-in-out; }
.active #mv-pg { top: 0; opacity: 1; }
#mv-pg li { position: absolute; width: 100%; height: 100%; opacity: 0; }
#mv-pg li .pg { position: absolute; display: block; width: calc((100% / 6) + 1px); height: 100%; overflow: hidden; background-repeat: no-repeat; top: 0; }
#mv-pg li .pg:nth-child(1) { left: 0; }
#mv-pg li .pg:nth-child(2) { left: calc((100% / 6) * 1); }
#mv-pg li .pg:nth-child(3) { left: calc((100% / 6) * 2); }
#mv-pg li .pg:nth-child(4) { left: calc((100% / 6) * 3); }
#mv-pg li .pg:nth-child(5) { left: calc((100% / 6) * 4); }
#mv-pg li .pg:nth-child(6) { left: calc((100% / 6) * 5); }
.hbannerimg1{opacity: 1;}
.home-bannerapp{display: none;}
@media screen and (max-width:640px) { /* iPad 横 l */
/* .hbanner1{height: 100vw !important;} */
	#mv-pg {top: 0; left: 0; width: 100%; opacity: 1; }
	#mv-pg li { height: 100%; }
	#mv-pg li .pg:nth-child(1) { top: 0; }
	#mv-pg li .pg:nth-child(2) { top: 0; }
	#mv-pg li .pg:nth-child(3) { top: 0; }
	#mv-pg li .pg:nth-child(4) { top: 0; }
	#mv-pg li .pg:nth-child(5) { top: 0; }
	#mv-pg li .pg:nth-child(6) { top: 0; }
	.home-appbanner{opacity: 0;}
}

@keyframes scle2 {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    to {
        transform: scale(1.1);
    }
		
}
 @keyframes criss-cross-left {
   0% {
     left: -20px;
   }
   50% {
     left: 50%;
     width: 20px;
     height: 20px;
   }
   100% {
     left: 50%;
     width: 375px;
     height: 375px;
   }
 }

 @keyframes criss-cross-right {
   0% {
     right: -20px;
   }
   50% {
     right: 50%;
     width: 20px;
     height: 20px;
   }
   100% {
     right: 50%;
     width: 375px;
     height: 375px;
   }
 }
	       
	   
.banner-more{position: relative;text-align: center;margin: 0 auto;font-size: 20px;line-height: 30px;color: #000;overflow: hidden;font-family: "AkzidenzGrotesk-Light";width: 180px;height: 50px;background: #ffffff9e;/* border: 1px solid #505050bd; *//* border-radius: 50px; */}
.banner-more::before,.banner-more::after{position: absolute;top: 50%;content: '';width: 20px;height: 20px;background: #fff;border-radius: 50%;transition: ease .5s;}
.banner-more:before { left: -20px; transform: translate(-50%, -50%);}
.banner-more::after{right: -20px; transform: translate(50%, -50%);}
.banner-more:hover::before{animation: criss-cross-left 0.8s both;}
.banner-more:hover::after{animation: criss-cross-right 0.8s both;}
.banner-more span{display: block;position: relative;z-index: 3;padding: 10px;transition: ease .5s;}
.banner-more span i{font-style: normal;display: inline;margin-left: 13px;}
.banner-more:hover{color: #000;border: 0px solid #fff;}
.banner-img{width: 100%;}
.appbanner-img{width: 100%;display: none;}

/*  */
.banner-list{position: absolute;width: 100%;bottom: 0;left: 0;z-index: 4;transform-style: preserve-3d;perspective: 800px;}
.banner-ul{background: rgba(57,36,30,0.75);padding: 39px 80px;transform: rotateX(0deg) translate3d(0,0,0);transform-origin: bottom;transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;}
.banner-ul li{float: left;width: 20%;border-left: 1px solid rgba(255,255,255,0.2);padding: 0 20px;text-align: center;}
.banner-ul li:first-child{border-left: none;}
.banner-icon{display: inline-block; width: 32px;height: 32px;}
.banner-icon img{width: 100%;transition: ease .5s;}
.banner-ul li h4{display: inline-block; font-size: 18px;line-height: 30px;color: #fff;margin-left: 8px;transition: ease .5s;}
.banner-ul li:hover .banner-icon img{transform: translateY(-10px);}
.banner-ul li:nth-child(3):hover .banner-icon img,.banner-ul li:nth-child(4):hover .banner-icon img{animation: myfirst 5s linear infinite;}
.banner-ul.pass{transform: rotateX(100deg) translate3d(0,0,0);}
.home-banner{padding-top: 240px;}
@-webkit-keyframes byline2 {
    from { width: 0;}
    to { width: 60px; }
}

@keyframes byline2 {
    from { width: 0px; }
    to { width: 60px; }
}
.home-banner .swiper-slide-active .animat-line>span{ -webkit-animation: byline2 5s linear 0s; animation: byline2 5s linear 0s; }
@keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}

/* css3 keyframes - animation 4 */

@keyframes anim4 {
    from {
        transform: rotateZ(0deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}
/*home-banner -end*/

/*footer*/
.footer{}
.ny-footer{background: #030304;}
.ny-footer .footer-con{background: #030304;padding: 74px 0px 40px;}
.footer-con{padding: 74px 0px 40px;background: #030304;}
.bottom1{padding-bottom: 100px;}
.bottom-ul{float: left;}
.bottom-ul ul{float: left;margin-right: 70px;}
.bottom-ul ul:last-child{margin-right: 0;max-width: 15.5%;}
.bottom-ul ul li{padding: 0px 0;}
.bottom-ul ul li:first-child{margin-bottom: 15px;}
.bottom-ul ul li a{display: block;font-size: 14px;line-height: 30px;color: #dddddd;transition: ease .5s;}
.bottom-ul ul li:first-child a{font-size: 18px;line-height: 30px;color: #fff;}
.bottom-ul ul li a:hover{color: #fff;}
.bottom1-ewm{float: right;margin: 0 auto;}
.bottom1-font{float: left;margin-right: 25px;}
.bottom-ewm{float: right;}
.bottom-ewm img{display: inline-block;max-width: 100%;}
.bottom1-phone{font-size: 34px;line-height: 40px;color: #ededed;font-family: "AkzidenzGrotesk-Light";margin: 22px 0 10px;}
.bottom1-font p{font-size: 14px;line-height: 36px;color: #999;}
.bottom-beian{text-align: center;font-size: 0;margin: 0 -19px;float: right;}
.bottom-beian>div{display: inline-block;margin: 0 19px; font-size: 14px;line-height: 30px;color: rgba(255,255,255,1);}
.botspan-return {
    background: url(../images/return.png)no-repeat center left;
    background-size: 22px 24px;
    padding-left: 30px;
}
.botspan-beian{background: url(../images/footer-icon1.png)no-repeat center left;background-size: 22px 24px;padding-left: 30px;}
.botspan-phone{background: url(../images/footer-icon2.png)no-repeat center left;background-size: 24px 24px;padding-left: 30px;}
.botspan-p{}
.bottom-logo{text-align: center;position: relative;margin: 0px 0 41px;}
.bottom-logo::before{position: absolute;content: "";width: 100%;height: 1px;background: rgba(255,255,255,.1);left: 0;top: 50%;}
.botlogo-img{display: inline-block;max-width: 100%;width: 148px;height: 45px;padding: 0 24px; position: relative;background: #030304;}
.botlogo-img img{width: 100%;}
.bottom2{}
.bottom-select{font-size: 0;float: left;}
.bottom-select1{display: inline-block;}
.bottom-select1:nth-child(2){margin: 0 80px 0 80px;}
.bottom-select1 span{display: inline-block;font-size: 14px;line-height: 30px;color: #ededed;margin-right: 10px;}
.sel_mask{display: inline-block;transition: ease .5s;}
.sel{font-size: 14px;line-height: 30px;color: #666;appearance:none;background: url("../images/bot-1.png") no-repeat right 10px center transparent;padding-right: 50px;padding-left: 10px;}
.sel_mask select option[selected]{
            font-weight:bold
        }
        .sel_mask select option:nth-child(even) {
            background-color: rgba(245, 245, 245, .8);
        }
        .sel_mask select option{
            color:#666;
			padding: 3px 0;
        }
		 .sel_mask:hover{  
		            background: rgba(245, 245, 245, .8);
		        }
.bottom-link{float: right;}

.bottom-link a{display:inline-block;position: relative;padding: 0 10px;font-size: 14px;line-height: 30px;color: #030304;transition: .5s;position: relative;}
.bottom-link a:first-child{padding: 0;}
.bottom-link a:nth-child(2){padding-left: 0;}
.bottom-link a:hover{color: #030304;}
.bottom-link a::before{position: absolute;content: "";width: 2px;height: 15px;background: #030304;left: 0;top: 50%;margin-top: -8px;}
.bottom-link a:nth-child(2)::before,.bottom-link a:first-child::before{display: none;}
.bott-share{}
.bott-share .bshare-custom{font-size: 0;text-align: right;}
.bott-share a{display: inline-block !important; background: none !important;font-size: 20px !important;width: 38px !important;height: 38px !important;line-height: 38px !important;border: 1px solid rgba(255,255,255,.2); text-align: center;border-radius: 50% !important;color: #fff !important;transition: ease .5s !important;padding-left: 0 !important;text-decoration: none !important;margin: 0 12px !important;}
.bott-share a:hover{color: #000 !important;background: #fff !important;border-color: #fff; opacity: 1 !important;}
.bott-share a::after{display: none !important;}
/*footer -end*/

/* ========== header-app  ========= */
.header-app.hny .navbar-app { background: #333;}
.header-app {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 60px;z-index: 500;overflow: hidden;box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .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; 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;background: #fff !important;height: 60px;}
.header-app .logo { display: inline-block; height: 60px; vertical-align: middle; padding: 12px 15px;}
.header-app .logo img { height: 100%;display: inline-block;}
.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: #341d17; border-radius: 30px;}
.app-sousuo {  line-height: 22px; border-right: solid 1px #fff; padding-right: 0px; color: #000; float: left;  font-size: 22px !important; margin-top: 19px;margin-left: 15px;}
.alert-search {display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); top: 0; left: 0;  z-index: 9999;}
.alert-top { height: 60px; background: rgba(57,36,30,1); padding: 0 15px;}
.alert-top .text { height: 30px; margin-top: 15px; background: none; border-bottom: solid 1px #fff; width: 80%; float: left;  color: white;}
.alert-top .search { margin-left: 10px; background: url(../images/search.png) no-repeat center;  width: 20px;  height: 20px; background-size: cover; float: left; margin-top: 25px;}
.alert-top span { color: #fff; float: right; font-size: 20px !important; margin-top: 21px;}
.navapp-user { float: right; width: 60px; height: 60px; color: rgba(255, 255, 255, .82); line-height: 60px; font-size: 16px;}
.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: #000;  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: 50px; left: 0; bottom: 0; right: 0; width: 100%; z-index: 620;  padding: 20px;  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 #e5e5e5; 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;}
.nav-list li.active .cate-item a,
.nav-list li.open .cate-item a { color: #39241e;}
.category-cont a:last-child {  border: none;}
.category-cont a.active { color: #39241e;}
.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: #39241e;}
.category-cont { display: none;}
.nav-list li.open .category-cont { display: block; border: solid 1px #e5e5e5;}
.category-pad { padding: 0 15px;}
.category-cont a { line-height: 40px; border-bottom: 1px dashed #e5e5e5; display: block;    font-size: 14px;   color: #333;}
.category-pad a.active { color: #ff9b2d;}
.cate-item1{position: relative;border-bottom:solid 1px #cfcfcf;}
.category-li:last-child .cate-item1{border-bottom: none;}
.cate-item1 a{border-bottom: none; font-size: 16px;line-height: 48px; margin-right: 60px; display: block; color: #444;}
.category-li.open .cate-item1 a{color: #f0bb44}
.category-cont1 a:last-child{border:none;}
.category-cont1 a.active{color:#f0bb44;}
.category-tig1{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-tig1::before,.category-tig1::after{ content: '';background: #888; position: absolute; top:50%; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.category-tig1::before{ width:16px; height: 2px; right:0; margin-top:-1px;}
.category-tig1::after{ width:2px;height: 16px;margin-top: -8px;right:7px;}
.category-li.open .category-tig1::after{ opacity: 0;}
.category-li.open .category-tig1::before{background: #f0bb44;}
.category-cont1{display: none;}
.category-li.open .category-cont1{display: block;border-bottom:solid 1px #cfcfcf;}
.category-li:last-child.open .category-cont1{border-bottom: none;border-top:solid 1px #cfcfcf;}
.category-pad1{ padding: 0 15px;}
.category-cont1 a {line-height:40px;border-bottom: 1px solid #cfcfcf; display: block; color: #666;}
.category-pad1 a.active{color: #f0bb44;}
.app-search { position: relative;}
.app-search-text { width: 76%;  height: 48px; font-size: 14px;  text-align: left; display: inline-block;  vertical-align: middle;}
.app-search-btn { width: 48px; height: 48px;  display: inline-block; background: transparent; vertical-align: middle; font-size: 16px;  line-height: 48px;  text-align: right;  position: absolute;  right: 0; top: 0;}
.btn1.close1, .btn2.close1, .btn3.close1, .btn4.close1 {  bottom: 0;  right: 0;}
.btn1.open1 { bottom: 125px; right: 0;}
.btn2.open1 {  bottom: 100px; right: 55px;}
.btn3.open1 {  bottom: 58px; right: 98px;}
.btn4.open1 {  bottom: 0px; right: 117px;}
.header-app .headtop-left{float: none;width: 100%;margin-left: 0;}
.header-app .top-search{width: 100%;margin-top: 25px;}
.header-app .headtop-right{position: static;margin-right: 0;float: none;width: 100%;text-align: center;margin: 25px 0 0;}

/*app-底部*/
.foot-app { width: 100%; background: #030304;  padding: 0;padding-bottom: 0px; display: none; background-size: cover;border-top: 1px solid #eeeeee;}
.footer-menu{padding: 0 15px;display:none;}
.footer-top{padding: 40px 20px 0;}
.footer-bot{padding: 20px 20px 40px;background: #030304;}
.footer-tit { position: relative;  border-bottom: 1px solid rgba(255,255,255,0.5);}
.open .footer-tit a { color: rgba(255,255,255,1);}
.footer-tit a { font-size: 16px; color: rgba(255,255,255,0.5); line-height: 48px;  margin-right: 48px;  display: block;}
.footer-tig { font-size: 14px;  color: #333; 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.5);  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: rgba(255,255,255,1);}
.footer-cont { display: none; border: solid 1px rgba(255,255,255,0.5); border-top: 0;  padding: 0 15px;}
.footer-cont a {  line-height: 40px;  color: rgba(255,255,255,0.5); display: block; font-size: 14px; border-bottom: dashed 1px rgba(255,255,255,0.5);}
.footer-cont a:last-child {border: none;}

.footer-left {   width: 30%;float: right;}
.footer-left img { display: block;  width: 100%;}
.footer-right{ width: 100%;}
.footer-right p {  font-size: 14px; color: rgba(119,119,119,0.5);  line-height: 26px;}
.footer-right p a{display: inline-block;margin-right: 20px;transition: ease .5s;}
.footer-right p a:hover{color: rgba(244, 222, 193, 1);}
.footer-share {  text-align: right;}
.footer-right .img{float: right;width: 16%;text-align: center;background: #373737;padding: 7px; padding-bottom: 5px;}
.footer-right .imgg{margin-bottom: 10px;}
.footer-right .imgg img{width: 100%;}
.footer-right .fr2{float: right;}
.footer-share a { display: inline-block !important; float: none !important;  background: none !important; font-size: 20px !important; height: 30px !important; line-height: 30px !important; margin: 0 7px !important;  padding: 0 !important; opacity: 1 !important;  color: rgba(255, 255, 255, 0.5) !important;}
.foot-lx{width: 50%;}
.footer-bot .bottom2{background: transparent;}
.footer-bot .left a:last-child{margin-right: 0;}
.footer-bot .bottom2 .left p{float: none;}
.footer-bot .left{float: left;}
.footer-bot .right{float: right;}
.footer-bot .bottom2-img{float: right;}
.footer-link,
.footer-link a { line-height: 26px; font-size: 14px;  color: rgba(244, 222, 193, .6);}
.footer-link {  padding-bottom: 20px; overflow: hidden;}
.footer-link a { display: block; float: left;  margin-right: 15px;}
.footer-link span {  float: left;}
.footer-top .bottom-lx,.footer-top .bottom-lx ul{float: none;}
.footertop-img{margin-top: 10px;}
.footer-top .bottom-ewm,.footer-top .bott-share{text-align: left;}
/* .footer-right .img{width: 100%;margin: 0 auto;text-align: center;float: none;} */
.footer-right .img .image{float: left;width: 25%;}
.footer-right .con1{float: none;width: 100%;text-align: center;}
.footer-right .con1 .bdshare-button-style2-16 .bds_sqq,.footer-right .con1 .bdshare-button-style2-16 .bds_tsina,.footer-right .con1 .bdshare-button-style2-16 .bds_weixin{background: none!important;font-size: 20px!important;float: none!important;}
.footer-bot p:nth-child(2){margin-right: 0;}
.footer-top .bottom1-ewm{float: none;}
.bottomlx-txt{}
.footer-top .bottom-ewm,.footer-top .bott-share,.footer-top .bott-share .bshare-custom{float: none;text-align: center;}
.footer-top .bottom1-font{float: none;text-align: center;margin-right: 0;margin-top: 15px;}
.footer-top .bottom1-phone{margin-top: 10px;}
.foot-app .bottom-logo{margin: 30px 0;}
/*客服*/
/*  */
.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: 60px;height: 60px;border-radius: 5px;margin-bottom: 10px;background:#b5b5b5;}
.kf .zx {background-position: 0 0;background: #b5b5b5 url(../images/kefu-zx.png)no-repeat center top 12px;}
.kf .back_top { border: none; background: #b5b5b5 url(../images/kefu-top.png)no-repeat center top 18px;}
.kf span a { transition: .5s; display: block; color: #fff;line-height: 24px; font-size: 12px;  text-align: center;padding-top: 35px;}
.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:#b5b5b5 url(../images/kefu-qq.png)no-repeat center top 12px;}
.kf .inlinebj{background:#b5b5b5 url(../images/kefu-bj.png)no-repeat center top 12px;}
.kf .zxlya{background: #b5b5b5 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: #b5b5b5;}
.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; }
.kf span:hover{background-color: #000;}
@media (max-width:991px) {
	.kf{display: none;}
	.kffixed{display: block;}
}

/* app-kf */
.kffixed{ position: fixed; bottom: 0;  z-index: 2000; width: 100%;  height: 49px;overflow: hidden;display:none;}
.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: rgba(0,0,0,0.9);}
.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; }
.bsBox{width: 232px !important;height: 256px !important;}

/* index-content */
.home-padd{padding: 120px 0;}
.home-title{font-size: 40px;color: #321f1a;line-height: 50px; text-align: center;}
.home-des{font-size: 18px;line-height: 30px;color: #444;text-align: center;margin-top: 10px;}
.view-more{position: relative;display: inline-block;text-align: center;margin: 0 auto;font-size: 20px;line-height: 30px;color: #2a201c;overflow: hidden;font-family: "AkzidenzGrotesk-Light";width: 145px;height: 50px;background: transparent;border: 1px solid #2a201c;transition: ease 1.5s;}
.view-more::before,.view-more::after{    position: absolute; top: 50%;  content: ''; width: 20px; height: 20px; background: #000; border-radius: 50%;transition: ease .5s;}
.view-more:before { left: -20px; transform: translate(-50%, -50%);}
.view-more::after{right: -20px; transform: translate(50%, -50%);}
.view-more:hover::before{animation: criss-cross-left 0.8s both;}
.view-more:hover::after{animation: criss-cross-right 0.8s both;}
.view-more span{display: block;position: relative;z-index: 3;padding: 10px;}
.view-more span i{font-style: normal;display: inline;margin-left: 13px;}
.view-more:hover{color: #fff;border-color: transparent;}

.index-tit{font-size: 52px;line-height: 60px;color: #2a201c;text-align: center;}
.index-dec{font-size: 18px;line-height: 30px;color: #2a201c;text-align: center;margin-top: 10px;}


/* ======== AX========== */
.index-one{}
.inone-con{padding: 0 210px 0 140px;position: relative;}
.inonecon-bef{position: absolute;width: 50.6%;height: 73%;background: #d6ccc0; bottom: 0;left: 0;}
.inonecon-aft{position: absolute;width: 41.66%;height: 73%;background: #e0dbd5; top: 0;right: 0;}
.inone-cirone{position: absolute; left: 0;top: 110px;}
.inone-cirone img{display: inline-block;max-width: 100%;}
.inone-cirtwo{position: absolute;right: 0;top: 0;}
.inone-cirtwo img{display: inline-block;max-width: 100%;}

.inone-font{display: block;position: relative;z-index: 4;}
.inone-img{float: right;width: 62.56%;overflow: hidden;}
.inone-img img{width: 100%;transition: ease .5s;}
.inone-txt{position: absolute;left: 0;top: 0;width: 37.44%;height: 100%;padding: 0 40px 0 60px;background: #d1bfa3;}
.inone-txt>div{position: relative;width: 100%;height: 100%;}
.inone-txt h3{font-size: 52px;line-height: 60px;color: #2a201c;margin-bottom: 10px;}
.inone-txt p{font-size: 18px;line-height: 30px;color: #2a201c;}
.inone-txt h5{font-size: 30px;line-height: 36px;color: #2a201c;font-weight: lighter;}
.inone-txt h5 i{display: inline; font-style: normal;font-weight: normal;}
.inone-txt h4{font-size: 36px;line-height: 40px;color: #2a201c;margin: 15px 0 14px;}
.inone-txt h6{font-size: 24px;line-height: 30px;color: #2a201c;font-weight: lighter;}
.inone-hr{width: 2px;height: 60px;background: #2a201c;margin: 24px 0;}
.index-one .view-more{margin: 77px 0 0;}
.inone-t{font-family: "georgia";font-size: 48px;line-height: 50px;color: #8a6d46;position: absolute;right: 0;bottom: 54px;transform: translateX(50%);}


.index-two{padding: 65px 0 0;}
.intwo-con{background: #efeeea;padding-bottom: 232px;margin-top: 35px;}
.intwotop-swip{}
.intwotop-slide{display: block;position: relative;overflow: hidden;}
.intwotop-slide::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.5);left: 0;top: 0;opacity: 1;}
.intwotop-swip .swiper-slide-active .intwotop-slide::before{opacity: 0;}

.intwotop-slide img{width: 100%;transition: ease .5s;}

.intwobot-swip{margin-top: -316px; width: 450px;   height: 425px;float: right;margin-right: 313px;position: relative;}
.intwobot-swip .swiper-container{padding-top: 45px;}
.intwobot-slide{display: block;position: relative;background: #fff;width: 450px; height: 380px;}
.intwo-txt{text-align: center;position: relative;height: 100%;}
.intwo-font{padding: 82px 44px;}
.intwo-i{font-size: 200px;color: #c3b092;line-height: 200px; font-family: "AkzidenzGrotesk-Light";position: absolute;top: -45px;left: 0;}
.intwo-txt h3{font-size: 36px;line-height: 40px;color: #2a201c;font-weight: lighter;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.intwo-txt h4{font-size: 18px;line-height: 30px;color: #2a201c;font-weight: lighter;margin-top: 23px;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
/* .intwo-txt h4 span{display: block;} */
.intwo-txt .view-more{margin-top: 44px;}
.intwobot-swip .swiper-button-next,.intwobot-swip .swiper-button-prev{width: 64px;height: 64px;font-size: 18px;top: auto;bottom: 30px; background: none;line-height: 64px;color: #c3b092;text-align: center;border: 1px solid #c3b092;transition: ease .5s;font-weight: bold;}
.intwobot-swip .swiper-button-next:hover,.intwobot-swip .swiper-button-prev:hover{color: #000;background: #c3b092;}
.intwobot-swip .swiper-button-next{right: -84px;}
.intwobot-swip .swiper-button-prev{left: -84px;}
.intwobot-swip .swiper-pagination{display: none;width: 100%;bottom: 10px;}
.intwobot-swip .swiper-pagination-bullet{margin: 0 8px;background: rgba(0,0,0,.4);}
.intwobot-swip .swiper-pagination-bullet-active{background: #000;}


.index-three{}
.inthr-con{padding: 305px 0 225px; background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}
.inthr-swiper{position: relative;padding-left: 100px;}
.inthr-swiper .swiper-container{}
.inthr-circle{position: absolute;width: 38.69%;background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;vertical-align: middle; right: 50px;top: -180px;/* animation: myfirst 20s linear infinite; */}
.inthr-circle img{width: 100%;}
.inthr-swiper .swiper-pagination{display: none;}
.inthr-swiper .swiper-button-next,.inthr-swiper .swiper-button-prev{font-size: 18px;font-weight: bold;color: #9b9b9b;background: #fff;width: 100px;height: 100px;text-align: center;line-height: 100px;top: auto;bottom: 40px;left: 50%;transform: translateX(-25px);}
.inthr-swiper .swiper-button-prev::after{position: absolute;content: "";width: 1px;height: 40px;background: #d2d2d2;right: 0;top: 50%;transform: translateY(-50%);}
.inthr-swiper .swiper-button-next{right: auto;left: 50%;margin-left: 100px;}

.inthr-swiper .swiper-button-next:hover,.inthr-swiper .swiper-button-prev:hover{color: #000;}
.inthr-slide{display: block;padding-top: 30px;}
.inthr-h{float: left;padding-left: 70px;padding-top: 30px; font-size: 16px;line-height: 30px;color: #2a201c; writing-mode: vertical-rl;  writing-mode: tb-rl;}
.inthr-tit{float: left; font-size: 48px;line-height: 60px;color: #2a201c;writing-mode: vertical-rl; writing-mode: tb-rl; font-family: "georgia";}
.inthr-tit span{display: block;white-space: nowrap;}
.inthr-font{float: left;padding: 0 60px 0 110px;max-width: 41.14%;}
.inthr-font h3{font-size: 30px;line-height: 30px;color: #333;margin-bottom: 30px; font-weight: lighter;}
.inthr-font p{font-size: 16px;line-height: 36px;color: #333;}
.inthr-font p span{display: block;}
.inthr-img{float: left;width: 34.81%;position: relative;margin-top: -30px;}

.inthr-img img{width: 100%;position: relative;}
.index-three .view-more{margin: 70px 0 0;}
.inthr-swiper .swiper-slide .inthr-slide{transform: scale(0.4,0.4);transition: all 2s;transform-origin: center center;}
.inthr-swiper .swiper-slide-active .inthr-slide{ transform: scale(1,1);}


.index-four{}
.index-four .index-tit,.index-four .index-dec{color: #fff;text-align: left;}

.infou-con{}
.infou-cont{padding-left: 160px;position: relative; }
.infou-ba{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding-right: 160px;}
.infou-back{width: 100%;height: 100%; background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}
.infou-tit{padding: 174px 0 106px;position: relative;}
.infou-swiper{position: relative;}
.infou-swiper .swiper-button-next, .infou-swiper .swiper-button-prev{top: 40%;}
.infou-slide{display: block;position: relative;}
.infou-img{overflow: hidden;}
.infou-img img{width: 100%;transition: ease .5s;}
.infou-swiper .swiper-container{padding-right: 270px;}
.infou-font{position: absolute;width: 100%;top: 0;left: 0;text-align: center;padding: 111px 30px;}
.infou-font h3{font-size: 30px;color: #fff;line-height: 40px;font-family: "georgia";text-transform: uppercase;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.infou-font h4{font-size: 24px;line-height: 30px;color: #fff;font-weight: lighter;margin-top: 6px; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.infou-swiper .swiper-pagination{display: none;width: 100%;}
.infou-swiper .swiper-pagination-bullet{margin: 0 8px;background: #fff;opacity: .4;}
.infou-swiper .swiper-pagination-bullet-active{background: #fff;opacity: 1;}
.infou-swiper .swiper-button-next,.infou-swiper .swiper-button-prev{border-radius: 50%;width: 60px;height: 60px;background: rgba(255,255,255,.4);font-size: 18px;color: #000;text-align: center;line-height: 60px;transition: ease .5s;font-weight: bold;}
.infou-swiper .swiper-button-next{right: 26px;}
.infou-swiper .swiper-button-prev{left: -83px;}

.index-fiv{background: #efece8;}
.infv-cont{}
.infv-con{padding: 0;margin-top: 35px;}
.infv-left{float: left;overflow: hidden;width: 62.5%;height: 660px;}
.infv-left img{height: 100%;animation: scle2 8s linear infinite;}
.infv-right{float: right;width: 37.5%;padding-left: 18px;}
.infv-right a{display: block;overflow: hidden;}
.infvri-img{overflow: hidden;height: 480px;}
.infvri-img img{height: 100%;transition: ease .5s;}
.infv-right a:hover img{transform: scale(1.05);}
.infvri-txt{background: #fff;padding: 27px 30px 34px;}
.infvri-txt span{display: block; font-size: 20px;line-height: 30px;color: #222;font-weight: lighter;}
.infvri-txt h3{font-size: 30px;line-height: 40px;color: #222;margin: 7px 0 12px;}
.infvri-txt p{font-size: 24px;line-height: 30px;color: #222;font-weight: lighter;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 1; overflow: hidden;}

.index-six{}
.index-six .index-tit{text-align: center;}
.index-six .index-dec{text-align: center;}
.insx-cont{padding: 0 0px;}
.insx-con{margin-top: 75px;}
.insx-ul{margin: 0 -30px 80px;}
.insx-ul li{float: left;width: 33.333%;padding: 0 30px;}
.insx-ul li a{display: block;}
.insx-txt{}
.insx-tit{margin-bottom: 10px;font-size: 0;}
.insx-date{display: inline-block;max-width: 30%; font-size: 72px;line-height: 72px; color: #222;font-family: "DIN-REGULAR";}
.insx-t{display: inline-block;max-width: 70%;padding-left: 12px;}
.insx-t span{display: block;font-size: 16px;line-height: 26px;color: #333; font-family: "CenturyGothic";}
.insx-t h3{font-size: 22px;line-height: 30px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.insx-txt p{font-size: 16px;line-height: 30px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 60px;}
.insx-img{overflow: hidden;margin-top: 23px;}
.insx-img img{width: 100%;transition: ease .5s;}
.insx-ul li:hover .insx-img img{transform: scale(1.05);}
.sec-box{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
	@media(max-width:1919px){
	.banner-cont h3{}
	.banner-font{}
	.index-one .view-more{margin: 50px 0 0;}
	.headtop-left{margin-left: 0;}
	.headtop-right{margin-right: 0;}
	
	.inthr-circle{right: 30px;}
	.inthr-font p span{display: inline;}
	.inthr-font{padding: 0 40px 0 70px;}
	}	
	@media(max-width:1459px){	
	.banner-cont h3{font-size: 52px;line-height: 60px;}
	.banner-cont h4{font-size: 30px;margin-bottom: 45px;}
	/* .bottom1-ewm{margin-top: 30px;} */
	.ny-footer .bottom1-ewm{margin-top: 0;}
	.bottom1{padding-bottom: 60px;}
	.inthr-circle{top: -150px;}
	.inone-con{padding: 0 120px;}
	.inone-t{right: -100px;transform: none;}
	.inthr-swiper .swiper-button-next, .inthr-swiper .swiper-button-prev{bottom:0;}
	.infou-font{padding: 60px 30px;}
	.bottom-select1:nth-child(2){margin: 0 80px 0 100px;}
	.infou-swiper .swiper-button-next, .infou-swiper .swiper-button-prev{top: 50%;}
	.index-two{padding: 100px 0 0;}
	.intwobot-slide { width: 400px; height: 320px;}
	.intwobot-swip{width: 400px;height: 375px;margin-right: 200px;margin-top: -205px;}
	.intwo-font { padding: 54px 45px;}
	.inthr-con {  padding: 270px 0 270px;}
	.infvri-img{height: 315px;}
	.infv-left{height: 495px;}
	.index-tit,.inone-txt h3{font-size: 40px;line-height: 50px;}
	.inone-txt h4,.intwo-txt h3{font-size: 30px;}
	.inone-txt h5{font-size: 28px;}
	.inone-txt h6,.infvri-txt p{font-size: 23px;}
	.inone-txt{padding: 0 40px 0 48px;}
	.inone-t,.inthr-tit{font-size: 40px;}
	.infou-font h3,.infvri-txt h3{font-size: 28px;}
	.insx-date{font-size: 60px;line-height: 60px;}
	.insx-t h3{font-size: 21px;}
	
	}
	@media(max-width:1259px){	
		.ny-footer .bottom1-ewm{/* margin-top: 30px; */}
		.bottom-ul ul{margin-right: 20px;}
		.index-tit, .inone-txt h3{font-size: 34px;line-height: 40px;}
		.inone-txt h4, .intwo-txt h3{font-size: 26px;line-height: 30px;}
		.inone-txt h5{font-size: 24px;}
		.inone-txt h6, .infvri-txt p{font-size: 21px;}
		.inthr-font h3{font-size: 28px;}
		.infou-font h3, .infvri-txt h3{font-size: 26px;}
		.insx-date{font-size: 56px;line-height: 56px;}
		.banner-cont h3{font-size: 40px;line-height: 50px;}
		.insx-cont{padding: 0;}
		.index-two{padding: 50px 0 0;}
		.banner-font{padding-bottom: 50px;}
		.infv-cont{padding: 100px 0;}
		.bottom-select1{width: 33.33%;}
		.bottom-select1:nth-child(2){margin: 0;}
		.bottom-select,.bottom-link{float: none;}
		.bottom-link{margin-top: 15px;}
		.inone-con{padding: 0;}
		.insx-ul li{padding: 0 15px;}
		.insx-ul {  margin: 0 -15px 80px;}
		.inone-con>div{padding: 138px 0;}
		.inthr-con{padding: 204px 0;}
		.inthr-swiper{padding-left: 40px;}
		.inthr-h{padding-left: 0;}
		.infou-tit {  padding: 135px 0 66px;}
		.inthr-font {  padding: 0 40px 0 50px;}
		.inthr-circle{top: -100px;right: -15px;}
	}

@media (max-width: 991px){ 
	.section{height: auto !important;}
	.header-app,.foot-app{display: block;}
	.header,.footer{display: none !important;}
	body{padding-top: 60px;}
	.footer,.kf{display: none!important;}
	.kffixed{display: block !important;}
	.bottom1-ewm{margin-top: 0;}
	.home-banner{padding-top: 100px;}
	.banner-cont h3{font-size: 32px;line-height: 40px;}
	.banner-cont h4{font-size: 22px;line-height: 30px;margin: 12px 0 30px;}
	.banner-cont h4 span{margin: 0 20px;}
	.banner-scroll{bottom: 30px;}
	.index-tit{font-size: 34px;line-height: 40px;}
 .infv-con{padding: 0 0px;}
 .insx-ul li{padding: 0 15px;width: 50%;margin: 10px 0;}
 .insx-ul {  margin: -10px -15px 30px;}
 .insx-date{font-size: 52px;line-height: 52px;vertical-align: bottom;}
 .insx-con{margin-top: 40px;}
 .infou-swiper .swiper-container{padding-right: 100px;}
 .intwo-txt h3{font-size: 26px;}
 .intwobot-swip .swiper-button-next, .intwobot-swip .swiper-button-prev{width: 50px;height: 50px;line-height: 50px;}
.intwobot-swip .swiper-container{padding-top: 25px;}
.intwo-i{font-size: 150px;line-height: 150px;top: -40px;}
.intwo-txt h4{margin-top: 15px;}
.intwo-txt .view-more{margin-top: 40px;}
/* .intwobot-slide {  width: 300px; height: 300px;} */
.intwo-font { padding: 50px 32px;}
/* .intwobot-swip{width: 300px;height: 325px;margin-right: 100px;  margin-top: -105px;} */
.intwobot-swip .swiper-button-next{right: -60px;}
.intwobot-swip .swiper-button-prev{left: -60px;}
.banner-more{width: 180px;}
.inone-con>div{padding: 80px 0;}
.index-two{padding: 80px 0 0;}
.sec-box{position: relative;transform: none;top: 0;}
.infv-cont{padding: 0;}
.infv-left{float: none;width: 100%;height: auto;}
.infv-right{float: none;width: 100%;padding-left: 0;margin-top: 20px;}
.infvri-img{height: auto;}
.infv-left img,.infvri-img img{width: 100%;}
.inthr-font{max-width: 75%;}
.inthr-img{width: 40%;margin-top: 60px;}
.inthr-circle{top: auto;right: auto;bottom: -10px;left: 130px;}
.inthr-swiper .swiper-button-next{left: auto;right: 0;margin-left: 0;}
.inthr-swiper .swiper-button-prev{left: auto;right: 0;margin-right: 60px;}
.inthr-swiper .swiper-button-next, .inthr-swiper .swiper-button-prev{width: 60px;height: 60px;line-height: 60px;}
.inthr-swiper .swiper-button-prev::after{height: 30px;}
.inthr-con{padding: 100px 0;}
.inone-t, .inthr-tit{font-size: 34px;}
.inone-hr{height: 40px;margin: 16px 0;}
.inone-txt h6, .infvri-txt p{font-size: 18px;}
.inone-txt{padding: 0 36px;}
.inone-txt h4, .intwo-txt h3{font-size: 22px;}
.inone-txt h5{font-size: 21px;}
}
@media (max-width: 767px){
	.home-padd{padding: 30px 0 40px;}
	.index-tit{font-size: 24px;line-height: 30px;}
	.index-dec{font-size: 16px;margin-top: 5px;}
.banner-cont h3 {  font-size: 34px; line-height: 40px;}
.insx-ul li{width: 100%;margin-top: 20px;}
.insx-ul { margin: -20px -15px 40px;}
.insx-date{font-size: 36px;line-height: 36px;}
.insx-t span{font-size: 14px;line-height: 22px;}
.insx-t h3{font-size: 18px;}
.insx-img{margin-top: 10px;}
.infv-con{margin-top: 25px;padding: 0 40px;}
.infvri-txt span{font-size: 14px;}
.infvri-txt h3{font-size: 20px;line-height: 30px;margin: 5px 0;}
.infvri-txt p{font-size: 16px;}
.infvri-txt { padding: 27px 25px 34px;}
.infou-ba{padding-right: 40px;}
.infou-swiper .swiper-button-next, .infou-swiper .swiper-button-prev{display: none;}
.infou-cont{padding-left: 40px;}
.infou-swiper .swiper-pagination{display: block;bottom: 20px;}
.infou-swiper{padding-bottom: 50px;}
.infou-tit{padding: 80px 0 40px;}
.infou-font h3{font-size: 21px;line-height: 30px;}
.infou-font h4{font-size: 18px;}
.infou-font {  padding: 50px 20px;}
.intwo-con{margin-top: 25px;}
.intwobot-swip .swiper-pagination{display: block;bottom: 16px;}
.intwobot-swip .swiper-button-next, .intwobot-swip .swiper-button-prev{display: none;}
.intwo-txt h3{font-size: 19px;line-height: 30px;}
.intwo-txt h4{font-size: 16px;}
.intwo-txt .view-more{margin-top: 20px;}
.footer-top .bottom1-phone{font-size: 24px;line-height: 30px;}
.bottom-beian>div{margin: 0 8px;}
.view-more span,.banner-more span { padding: 5px 10px;}
.banner-more,.view-more{width: 150px;height: 40px;font-size: 16px;}
	.intwobot-swip{height: 350px;}
	.intwobot-slide{height: 265px;}
	.inthr-font h3{font-size: 24px;}
	.inone-t, .inthr-tit{font-size: 28px;}
	.inthr-tit{line-height: 40px;}
	.inthr-con{padding-bottom: 80px;}
	}
		@media(max-width:640px){
.home-appbanner{display: block;}
.home-pcbanner{display: none;}

.banner-cont h3{font-size: 25px;}
.banner-cont h4{font-size: 19px;margin: 8px 0 18px;}
.banner-cont h4 span{margin: 0 10px;height: 22px;}
.banner-cont h4 span::before{margin-top: 5px;}
.banner-font{padding-bottom: 0;}
.intwo-font {  padding: 50px 25px;}

.intwobot-swip {float: none;  width: 80%;  height: auto; margin: 0 auto;margin-top: -105px;}
.intwobot-slide{width: 100%;height: 290px;}
.sel_mask{float: right;width: 75%;}
.bottom-select1{width: 100%;}
.sel{width: 100%;}
.bottom-select1 span{max-width: 25%;padding-right: 10px;margin-right: 0;}
.infv-con{padding: 0 20px;}
.infou-ba{padding-right: 0;}
.infou-cont{padding-left: 20px;}
.infou-tit { padding: 80px 0 40px;}
.intwo-con{padding-bottom: 40px;}
.banner-scroll{display: none;}
#fp-nav{display: none !important;}
			}
	@media(max-width:450px){
		
	}			
	@media(max-width:410px){
		
		}		
@media(max-width:375px){

}
@media(max-width:360px){
.infv-con{padding: 0;}
}
@media(max-width:320px){
	.bottom-link a{padding: 0 8px;}
}



/*   */
/* ============banner=========== */
.lbanner{background-size: cover !important;height: 400px;position: relative;background-position: center !important;  background-repeat: no-repeat !important;}
.lappbanner{width: 100%;display: none;}
.lbanner-cont{position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%);}

.lbanner-font{color: #fff;}
.lbanner-font h3{font-size: 40px;line-height: 40px;margin-bottom: 10px;}
.lbanner-font p{font-size: 20px;line-height: 40px;}
.lbread{position: absolute;bottom: 30px;left: 0;width: 100%;text-align: right;z-index: 6;}
.lbread p{font-size: 14px;line-height: 24px;color: #fff;position: relative;display: inline-block;padding-left: 25px;}
.lbread p::before{position: absolute;content: "";width: 16px;height: 16px;background: url(../images/lbanner-ba.png)no-repeat center;background-size: 100%;left: 0;top: 3px;}

.lbread a{display: inline-block;transition: ease .5s;margin: 0 3px;}

.lbread a:hover{color: #39241e;}
.lbanner-app{display: none;}

/* ===========menu=========== */
.lmenu{border-bottom: 1px solid #efefef;overflow-x: auto;  white-space: nowrap;height: 80px;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.lmenu::-webkit-scrollbar{ height: 2px;
 background-color: transparent;}
.lmenu::-webkit-scrollbar-thumb {
 background-color:#fabd00;
 border-radius: 10px;
}
.lmenu a{font-size: 16px;line-height: 30px;color: #333;display: inline-block;position: relative; padding: 25px 50px;transition: ease .5s;overflow: hidden;}

.lmenu a.on,.lmenu a:hover{background: #f0bb44;}
@media(max-width:1259px){
	
	
}
@media(max-width:767px){
	
}
@media(max-width:640px){
	
		
}
/* =============page========== */
.pagee{text-align: center;font-size: 0;border-top: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;padding: 25px 0;}.pagee a{display: inline-block;font-size: 24px;line-height: 30px;color: #000;transition: ease .5s; font-family: "DIN-REGULAR";padding: 0 10px;margin: 0 10px;}
.pagee a.on,.pagee a:hover{font-weight: bold;}
.info-page{font-size: 0;text-align: center;position: relative;border-top: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;padding: 28px 0;}
.info-page a{display: inline-block;font-size: 18px;line-height: 30px;color: #000;}
.info-left{position: absolute;left: 0;top: 50%;transform: translateY(-50%);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 33.33%;background: url(../images/info-left.png)no-repeat center left;background-size: 22px 14px;padding-left: 40px;}

.info-cent{width: 23px;height: 23px;display: inline-block;}
.info-cent img{width: 100%;display: block;transition: ease .5s;}
.info-cent:hover img{transform: rotate(90deg);}
.info-right{position: absolute;right: 0;top: 50%;transform: translateY(-50%);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 33.33%;background: url(../images/info-right.png)no-repeat center right;background-size: 22px 14px;padding-right: 40px;}
@media(max-width:767px){
	.info-page a{font-size: 16px;}
	.pagee a{font-size: 18px;}
	.pagee{padding: 12px 0;}
	.info-page{padding: 16px 0;}
}
@media(max-width:640px){
	.pagee a{padding: 0 8px;margin: 0 8px;}
	.info-left,.info-right{position: static;max-width: 100%;width: 100%;transform: none;padding: 0 40px;}
	.info-cent{display: block;margin: 10px auto;}
	.info-page{padding: 15px 0;}
}
/* ==============anchor============= */
.anchor {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 0;
    z-index: 490;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    text-align: center;
    display: none;
}
.anchor li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}
.anchor li a {
    display: block;
    padding: 0 26px;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #333;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    transition: all .3s;
}
.anchor li.on a, .anchor li a:hover{color: #f0bb44;;border-color: #f0bb44;}

/* ===============nav-second=========== */
.appsecond-nav {position: relative;display: none;z-index: 200;}
.bot {
	position: absolute;
	top: 48px;
	background: #fff;
	z-index: 10;
}
.se-bot {
	width: 100%;
	display: none;
}
.se-top {
	height: 48px;
	line-height: 48px;
	border-bottom: solid 1px #d8d8d8;
	position: relative;
}
.se-top1 {
	background: #fff;
	/* border-bottom: none !important; */
}
.se-top .se-a {
	color: #444;
	font-size: 16px;
	display: block;
	padding: 0px 20px;
}
.se-tig.P_tig {
	font-size: 16px;
	color: #333;
	text-align: center;
	transition: all .5s;
	line-height: 48px;
	width: 48px;
	height: 48px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.se-btop {
	height: 48px;
	line-height: 48px;
}
.se-a1 {
	color: #444;
	font-size: 16px;
	padding: 0px 20px;
	display: block;
}
.se-a1.hover {
	color: #fff;
	background: #f0bb44;
	border-bottom: solid 1px #fff;
}
.se-tig.P_tig.open {
	transform: rotateZ(90deg);
	opacity: 1;
}
.se-bottom{display: none;background:white;}
.se-bottom a{display: block;font-size: 14px;color: #888;border-bottom: 1px solid #eee;padding: 10px 30px;}
/* .se-bottom a:last-child{border-bottom: none;} */
.se-bottom a.on{font-weight: bold;}
.se-btop.active .se-tig.P_tig{color: #fff;}
.se-btop.active .se-a1{background: #f9be00;color: #fff;border-bottom: 1px solid #fff;}





/* ==========内页============ */
.ny-padd{padding: 80px 0;}

/* ======================= product ==================== */
.product{padding-top: 60px;}
.pro-con{}
.pro-ul{}
.pro-ul li{margin-bottom: 80px;}
.pro-ul li a{display: block;position: relative;}
.pro-img{float: left;width: 62.5%;overflow: hidden;}
.pro-img img{width: 100%;transition: ease .5s;}
.pro-font{width: 37.5%;position: absolute;right: 0;height: 100%;top: 0;padding-left: 100px;}
.pro-font>div{position: relative;height: 100%;}
.pro-font h3{font-size: 38px;line-height: 40px;color: #000;font-weight: lighter;margin: 14px 0 13px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pro-font h4{font-size: 26px;line-height: 30px;color: #444;font-weight: lighter;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pro-font p{font-size: 16px;line-height: 28px;color: #333;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.pro-ul li:nth-child(even) .pro-img{float: right;}
.pro-ul li:nth-child(even) .pro-font{right: auto;left: 0;padding-left: 0;padding-right: 100px;}
.product .view-more{margin: 44px 0 0;}
.pro-ul li:hover .pro-img img{transform: scale(1.05);}

@media(max-width:1459px){
	.pro-font{padding-left: 80px;}
	.pro-ul li:nth-child(even) .pro-font{padding-right: 80px;}
}
@media(max-width:1259px){
	.pro-font{padding-left: 60px;}
	.pro-ul li:nth-child(even) .pro-font{padding-right: 60px;}
}
@media(max-width:991px){
	.pro-font h4{font-size: 24px;}
	.pro-font h3{font-size: 32px;}
	.pro-font p{-webkit-line-clamp:1;}
	.pro-ul li{margin-bottom: 60px;}
	.product .view-more{margin: 35px 0 0;}
}
@media(max-width:767px){
	.pro-img,.pro-ul li:nth-child(even) .pro-img{float: none;width: 100%;}
	.pro-font,.pro-ul li:nth-child(even) .pro-font{position: static;width: 100%;padding: 20px 0 0;}
	.pro-font h4{font-size: 16px;}
	.pro-font h3{font-size: 18px;line-height: 30px;margin: 5px 0;}
	.pro-font p{font-size: 14px;-webkit-line-clamp:2;}
	.product .view-more {  margin: 20px 0 0;}
	.pro-ul li{margin-bottom: 25px;}
	.pro-ul{margin-bottom: 15px;}
	
}

/* ======================== proinfo =================== */
.proinfo{padding-top: 56px;}
.proinfo-tit{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;text-align: center;margin-top: 20px;}
.proinfo-dec{font-size: 16px;line-height: 30px;color: #333;text-align: center;margin-top: 12px;}
.proinfo-con{margin-top: 43px;}
.proinfo-swiper{position: relative;}
.pritop-swip{position: relative;}
.pritop-swip::before{position: absolute;content: "";width: 100%;height: 200px;bottom: 0;left: 0;z-index: 2; background: linear-gradient(to top,rgba(0,0,0,.6),transparent);}
.pribot-swip{padding: 0 155px;z-index: 5;position: absolute;width: 100%;left: 0;bottom: 0;padding-bottom: 30px;display: none;}
.pritop-slide{overflow: hidden;}
.pritop-slide img{width: 100%;}
.pribot-slide{overflow: hidden;}
.pribot-slide img{width: 100%;}
.pritop-swip .swiper-pagination{display: none;bottom: 10px;width: 100%;}
.pritop-swip .swiper-pagination-bullet{margin: 0 5px;}
.pritop-swip .swiper-pagination-bullet-active{background: #000;}
.pritop-swip .swiper-button-prev,.pritop-swip .swiper-button-next{width: 42px;height: 42px;line-height: 42px;text-align: center;font-size: 18px;color: #fff;font-weight: bold;top: auto;bottom: 84px;background: transparent;border: 1px solid #fff;transition: ease .5s;}
.pritop-swip .swiper-button-prev:hover,.pritop-swip .swiper-button-next:hover{color: #000;background: #fff;}
.pritop-swip .swiper-button-prev{left: 84px;}
.pritop-swip .swiper-button-next{right: 84px;}

.pri-pro{margin-top: 76px;}
.pri-ul{margin-right: -100px;}
.pri-ul li{float: left;width: 33.333%;margin-bottom: 30px;}
.pri-ul li a{display: block;padding-right: 100px;}
.pri-img{float: left;width: 131px;overflow: hidden;padding-top: 4px;}
.pri-img img{width: 100%;transition: ease .5s;}
.pri-txt{margin-left: 150px;position: relative;padding-right: 100px;}
.pri-txt h3{font-size: 24px;line-height: 30px;color: #000;font-weight: lighter;margin: 10px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pri-txt h4{font-size: 16px;line-height: 30px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pri-txt h5{font-size: 18px;line-height: 30px;color: #333;font-family: "DIN-REGULAR";white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pri-letxt{padding-right: 10px;}
.pri-txt span{position: absolute;top: 50%;right: 0;transform: translateY(-50%); display: inline-block;float: right; font-size: 14px;line-height: 40px;color: #000;width: 100px;height: 40px;text-align: center;border: 1px solid #000;transition: ease .5s;}
.pri-ul li:hover .pri-txt span{color: #fff;background: #000;}
.pri-ul li:hover .pri-img img{transform: scale(1.05);}

@media(max-width:1459px){
	.pri-img{float: none;margin: 0 auto 20px;}
	.pri-txt{margin-left: 0;}
	.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{bottom: 60px;}
}
@media(max-width:1259px){
	.pri-ul li{width: 50%;}
	.pri-ul li a{padding-right: 50px;}
	.pri-img{float: left;margin: 0;}
	.pri-txt{margin-left: 150px;}
	.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{bottom: 84px;}
	.pri-ul{margin-right: -50px;}
}
@media(max-width:991px){
	.pri-img{float: none;margin: 0 auto 20px;}
	.pri-txt{margin-left: 0;}
	.pribot-swip{padding: 0 60px 25px;}
	.pritop-swip .swiper-button-next{right: 10px;}
	.pritop-swip .swiper-button-prev{left: 10px;}
}
@media(max-width:767px){
	.pritop-swip::before{display: none;}
	.pritop-swip{position: static;}
	.pribot-swip{position: relative;display: none;}
	.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{display: none;}
	.pritop-swip .swiper-pagination{display: block;}
	.proinfo-tit { font-size: 22px;  line-height: 30px;}
	.proinfo-dec{margin-top: 3px;}
	.proinfo-con{margin-top: 20px;}
	.pri-pro{margin-top: 30px;}
	.pri-ul li{margin-bottom: 30px;}
	.pri-txt span{position: relative;transform: none;top: 0;float: none;margin: 10px auto 0;display: block;height: 36px;line-height: 36px;}
	.pri-txt{padding-right: 0;}
	.pri-letxt{padding-right: 0;text-align: center;}
	.pri-txt h3{font-size: 18px;margin: 3px 0;}
	.pri-txt h4{font-size: 15px;}
	.pri-txt h5{font-size: 17px;}
	.pri-ul li a{padding-right: 0;}
	.pri-ul{margin: 0 -15px 20px;}
	.pri-ul li{padding: 0 15px;}
	
}
@media(max-width:640px){
	.pri-img{padding: 0 12px;}
}
/* ====================== appli =================== */
.appli{padding-top: 60px;}
.applitop-menu{font-size: 0;text-align: center;margin: 0 -10px;}
.applitop-menu a{display: inline-block;font-size: 18px;line-height: 30px;color: #000;padding: 10px;width: 200px;height: 50px;border: 1px solid #000;margin: 0 10px;}
.applitop-menu a.on{color: #fff;background: #000;}

.appli-con{margin-top: 60px;}
.appli-ul{margin: 0 -50px;}
.appli-ul li{float: left;width: 50%;padding: 0 50px;margin-bottom: 48px;}
.appli-ul li a{display: block;}
.appli-img{overflow: hidden;}
.appli-img img{width: 100%;transition: ease .5s;}
.appli-ul li:hover .appli-img img{transform: scale(1.05);}
.appli-txt{text-align: center;padding: 23px 0;}
.appli-txt h3{font-size: 30px;line-height: 40px;color: #000;font-weight: lighter;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.appli-txt span{display: block;font-size: 16px;line-height: 30px;color: #444;font-family: "DIN-Light";text-transform: uppercase;margin-top: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media(max-width:1259px){
	.appli-txt h3{font-size: 24px;line-height: 30px;}
	.appli-ul li{margin-bottom: 20px;padding: 0 20px;}
	.appli-ul{margin: 0 -30px;}
}
@media(max-width:767px){
	.applitop-menu a{font-size: 16px;padding: 5px 10px;height: 40px;width: 150px;}
	.appli-txt h3{font-size: 18px;}
	.appli-txt span{font-size: 15px;margin-top: 2px;}
	.appli-txt{padding: 15px 0;}
	.appli-ul li{padding: 0 15px;margin-bottom: 10px;}
	.appli-ul{margin: 0 -15px 15px;}
	.appli-con{margin-top: 30px;}
}
@media(max-width:360px){
	.appli-ul li{width: 100%;}
	.appli-ul { margin: 0 -15px 0px;}
	.applitop-menu a{width: 120px;}
}
/* =========================== news ============================ */
.news{padding-top: 60px;padding-bottom: 0;}
.newstop{text-align: center;}
.newstop img{width: 100%;transition: ease .5s;}
.newsbot{padding-top: 69px;padding-bottom: 80px;}
.newtop-img1{float: left;width: 26.8%;overflow: hidden;}
.newtop-img1:hover img,.newtop-img2:hover img,.newtop-img3:hover img{transform: scale(1.05);}
.newtop-img3{float: right;width: 26.8%;overflow: hidden;}
.newtop-img2{width: 42.05%;display: inline-block;overflow: hidden;}
.newtopa-img{overflow: hidden;}
.newtop-img2 a{display: block;}
.news-con{margin-bottom: 50px;}
.news-ul{}
.news-tit{padding: 0 10px; padding-top: 45px;}
.news-tit h3{font-size: 24px;line-height: 30px;color: #000;}
.news-tit span{display: block;font-size: 16px;line-height: 30px;font-family: "CenturyGothic";margin-top: 3px;}
.news-two{text-align: center;background: #f6f5f3;padding: 72px 0 79px;}
.news-two h5{font-size: 16px;line-height: 30px;color: #000;}
.news-two h3{font-size: 26px;line-height: 30px;color: #000;font-weight: bold;margin: 30px 0 39px;}
.news-two .view-more{color: #fff;background: #000;border-color: #000;margin-bottom: 31px;}
.news-two .view-more::before, .news-two .view-more::after{background: #fff;}
.news-two .view-more:hover{border-color: #fff;color: #000;background: transparent;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.news-two p{font-size: 14px;line-height: 30px;color: #000;}
.news2-a{font-size: 0;margin: 7px -5px 0;}
.news2-a a{display: inline-block;font-size: 14px;line-height: 22px;color: #000;border-bottom: 1px solid #000;margin: 0 5px;}

.wraple-txt{}
.wraple-h3{font-size: 28px;line-height: 30px;color: #010101;font-weight: lighter;}
.wraple-p{font-size: 16px;line-height: 30px;color: #000;position: relative;margin-top: 22px;padding-left: 25px;}
.wraple-p::before{position: absolute;content: "";width: 20px;height: 1px;background: #000;left: 0;top: 50%;}
.wraple-a{padding-left: 145px;margin-top: 61px;}
.wraple-a a{display: block;position: relative;padding-left: 30px; font-size: 20px;line-height: 40px;color: #010101;font-weight: lighter;transition: ease .5s;margin-bottom: 8px;}
.wraple-a a::before{position: absolute;content: "";width: 0;height: 1px;background: #000;right: 100%;top: 50%;transition: ease .5s;}
.wraple-a a::after{position: absolute;content: "";width: 5px;height: 5px;border-radius: 50%;border: 1px solid #000;left: 0%;top: 50%;margin-top: -2px;transition: ease .5s;opacity: 0;}

.wraple-a a.on{}
.wraple-a a.on::before{width: 145px;}
.wraple-a a.on::after{opacity: 1;}
.wrap-left{float: left;width: 25%;padding-right: 0px;}
.wrap-right{float: right;width: 75%;padding-left: 120px;}
.news-ul .insx-ul li{width: 50%;padding: 0 40px;margin-bottom: 40px;}
.news-ul .insx-ul{margin: 0 -40px;}
.news-ul .insx-img{margin-top: 0;margin-bottom: 30px;}
/* .wrap-left.on{position: fixed;left: 0%;padding-left: 100px; top: 50%;transform: translateY(-50%);} */
.wrap-left.sctop{position: fixed;left: 7.5%;padding-left: 0px; top: 50%;transform: translateY(-50%);z-index:20}
.wrap-left.scbot{top:0;left:0;position:absolute;}
.wrap-left.scbot2{bottom:0;left:0px;position:absolute;}


@media  (max-width:1459px) {
.wrap-left{padding-right: 0;}
.wraple-a{padding-left: 105px;}
.wraple-a a.on::before{width: 105px;}
}
@media (max-width:1259px){
	.wrap-left.sctop{left:7%;}
	.wrap-left{width: 25% !important;}
	.wrap-right{padding-left: 80px;}
	.news-ul .insx-ul li{padding: 0 20px;}
	.news-ul .insx-ul{margin: 0 -20px;}
}
@media  (max-width:991px) {
	.wrap-right{padding-left: 30px;}
	.news-ul .insx-ul li{padding: 0 15px;}
	.news-ul .insx-ul{margin: -25px -15px 0;}
	.wraple-a{padding-left: 45px;}
	.wraple-a a.on::before{width: 45px;}
	.wraple-a a{padding-left: 20px;}
	.wrap-left.sctop{position:static;}
	.wrap-right,.wrap-left{float: none;width: 100% !important;padding: 0;}
	.news-ul .insx-ul li{margin-bottom: 0;margin-top: 50px;}
	.news-ul .insx-img{margin-bottom: 20px;}
	.wraple-a{margin-top: 20px;}
	
}
@media  (max-width:767px) {
	
	.ny-padd{padding: 40px 0;}
	.wrap-right{float: none;width: 100%;padding-right: 0;}
	.wrap-left{float: none;width: 100%;}
	/* .wrap-left.on{position: static;} */
	.news-ul .insx-img{margin-bottom: 12px;}
	.news-tit h3{font-size: 20px;}
	.news-tit{padding-top: 20px;}
	.wraple-h3{font-size: 22px;}
	.wraple-p{margin-top: 6px;}
	.newsbot{padding-top: 30px;padding-bottom: 40px;}
	.wraple-a a{font-size: 16px;line-height: 30px;margin-bottom: 3px;}
	.wraple-a{margin-top: 10px;}
	.news-ul .insx-ul li{margin-top: 30px;}
	.news-ul .insx-ul {  margin: -10px -15px 0;}
	.news-con{margin-bottom: 30px;}
	.news-two{padding: 30px 0 40px;}
	.news-two h3{font-size: 22px;margin: 6px 0 16px;}
	.news-two .view-more{margin-bottom: 12px;}
	.news{padding-bottom: 0;}
}

@media  (max-width:640px) {
	.news-ul .insx-ul li{width: 100%;}
	.newtop-img1,.newtop-img3{display: none;}
	.newtop-img2{width: 100%;}
}
@media  (max-width:320px) {

}
@media(max-width:767px){
	.appsecond-nav{display: block;}
	.lpage a{font-size: 16px;}
	
}
/* 2019.12.31 */
@media(max-width:640px){

}


/* ======================= newsinfo ==================== */
.newsinfo{padding: 60px 0 0;}
.newsinfo-bot{padding-top: 44px;}
.newsinfo-time{}
.newsinfo-time h3{font-size: 16px;line-height: 30px;color: #000;font-family: "CenturyGothic";}
.newsinfo-time h3 span{display: inline-block;font-size: 48px; font-family: "DIN-REGULAR";margin-right: 10px;}
.newinfo-share{margin-top: 15px;}
.newinfo-share .bshare-custom{font-size: 0;}
.newinfo-share span{display: inline-block;font-size: 16px;line-height: 30px;color: #000;}
.newinfo-share a{display: inline-block !important;
    background: none !important;
    font-size: 21px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 12px !important;
    text-align: center;
    border-radius: 50% !important;
    color: #000 !important;
    transition: ease .5s !important;
    padding-left: 0 !important;
    text-decoration: none !important;
    margin: 0 14px !important;}
.newsinfo-con{padding-bottom: 73px;}
.newsinfo-tit{font-size: 30px;line-height: 30px;color:#000;font-weight: lighter;margin-bottom: 21px;}
.newsinfo-con p{font-size: 16px;line-height: 32px;color: #444;}
.newsinfo-img{text-align: center;margin: 40px 0;}
.newsinfo-img img{display: inline-block;max-width: 100%;}
.newsinfo .wrap-right{padding-left: 0;}
@media(max-width:991px){
.newsinfo-con{padding: 30px 0 50px;}
}
@media(max-width:767px){
.newsinfo-con{padding: 10px 0 30px;}
.newsinfo-tit{font-size: 21px;margin-bottom: 10px;}
.newsinfo-con p{font-size: 15px;}
.newsinfo-time h3{font-size: 15px;line-height: 30px;}
.newsinfo-time h3 span{font-size: 32px;}
.newinfo-share{margin-top: 2px;}
.newsinfo-img{margin: 18px 0 !important;}
.newsinfo{padding: 40px 0 0;}
.newsinfo-bot{padding-top: 20px;}
}

/* ===================== job ================= */
.job{padding-bottom: 0;padding-top: 60px;}
.ny-banner{background-size: cover;background-repeat: no-repeat;background-position: center;}
.jobbanner{height: 602px;position: relative;}
.ny-font{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;padding-left: 100px;padding-bottom: 29px;}
.ny-font h3{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;margin-bottom: 21px;}
.ny-font p{font-size: 16px;line-height: 30px;color: #333;font-weight: lighter;}
.ny-font p span{display: block;}
.ny-font p span a{display: block;}
.jobtop{text-align: left;}
.jobbot{padding-top: 74px;}
.job-con{padding-bottom: 80px;}
.job-tit{font-size: 30px;line-height: 40px;color: #000;font-weight: lighter;}
.job-dec{font-size: 16px;line-height: 30px;color: #333;margin-top: 7px;}
.job-ul{margin-top: 24px;}
.job-ul li{margin-top: 20px;}
.job-ul li a{display: block;position: relative;background: #f6f5f3;padding: 40px 30px;}
.job-txt{padding-right: 40px;}
.job-txt h3{font-size: 24px;line-height: 30px;color: #000;margin-bottom: 6px;}
.job-txt h3 span{display: inline-block;font-size: 16px;}
.job-txt p{font-size: 16px;line-height: 30px;color: #333;}
.job-ul li a i{display: block;width: 30px;height: 30px;position: absolute;right: 30px;top: 50%;margin-top: -15px;transition: ease .5s;}
.job-ul li:hover a i{transform: rotate(180deg);}
.job-ul li a i::before,.job-ul li a i::after{position: absolute;content: "";background: #000;top: 50%;}
.job-ul li a i::before{width: 100%;height: 1px;left: 0;}
.job-ul li a i::after{height: 100%;width: 1px;left: 50%;transform: translateY(-50%);}
.job .wraple-txt{padding-top: 4px;}
@media  (max-width:1459px) {
.jobbanner{height: 450px;}
.ny-font{padding-bottom: 0;}
}
@media  (max-width:1259px) {
.jobbanner{height: 350px;}
}
@media  (max-width:991px) {
.jobbanner{height: 270px;}
.ny-font{padding-left: 50px;}
}
@media  (max-width:767px) {
.job{padding-top: 40px;}
.ny-font{padding-left: 30px;}
.ny-font h3 { font-size: 23px; line-height: 30px;margin-bottom: 10px;}
.jobbot{padding-top: 30px;}
.job-con{padding-bottom: 40px;padding-top: 20px;}
.job-tit{font-size: 22px;line-height: 30px;}
.job-dec { font-size: 15px;  line-height: 24px;}
.job-ul{margin-top: 10px;}
.job-ul li{margin-top: 15px;}
.job-txt h3{font-size: 18px;}
.job-txt h3 span{font-size: 14px;}
.job-txt p{font-size: 15px;}
.job-ul li a i { width: 20px; height: 20px; right: 25px;margin-top: -10px;}
.job-ul li a{padding: 25px;}
.job-txt{padding-right: 30px;}
}

/* ==================== contact ===================== */
.contact{padding-top: 60px;}
.contacttop{}
.contactbanner{height: 500px;text-align: left;position: relative;}
.contacttop .ny-font{padding-bottom: 20px;}
.contact-con{}
.contact-one{padding: 76px 0 80px;}
.contact1-tit{text-align: center;}
.contact-tit{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;text-align: center;}
.contact-phone{}
.contact-phone span{display: block;width: 24px;height: 24px;margin: 38px auto 12px;}
.contact-phone span img{width: 100%;display: block;}
.contact-phone p{font-size: 16px;line-height: 30px;color: #000;}
.contact1-con{position: relative;margin-top: 78px;}
.contact1-img{float: left;width: 50%;height: 500px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.contact1-txt{float: right;width: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding-left: 115px;padding-bottom: 36px;}
.contact1-txt>div{position: relative;width: 100%;}
.contact1-txt h3{font-size: 26px;line-height: 30px;color: #000;font-weight: lighter;margin-bottom: 5px;}
.contact1-txt span{display: block;font-size: 16px;line-height: 30px;color: #666;}
.contact1-txt p{font-size: 16px;line-height: 36px;color: #333;}
.contact1-p{margin-top: 33px;}
.contact-two{border: 1px solid #dcdcdc;padding: 76px 100px 79px;}
.contact2-con{margin-top: 42px;}
.contact2-span{}
.contact2-span p{font-size: 18px;line-height: 30px;color: #000;float: left;}
.contact2-span span{display: block;float: right;font-size: 18px;line-height: 30px;color: #666;}
.contact2-inp{margin-top: 33px;}
.contact2-ul{margin: 0 -70px;}
.contact2-ul li{float: left;width: 50%;padding: 0 70px;margin-bottom: 30px;}
.contact2-ul li>div,.contact2-textar{position: relative;padding-left: 78px;}
.contact2-ul li span,.contact2-textar span{position: absolute;left: 0;top: 50%;transform: translateY(-50%); display: inline-block;font-size: 16px;line-height: 30px;color: #333;float: left;width: 70px;}
.contact2-ul li input{border: 1px solid #d2d2d2;font-size: 16px;  line-height: 30px;color: #666;width: 100%;padding: 4px 30px;}
.contact2-mark{display: block;}
.contact2-sel{  border: 1px solid #d2d2d2;  font-size: 16px;  line-height: 30px;color: #666;appearance: none;  background: url(../images/contact-mo.png) no-repeat right 30px center transparent;padding: 4px 0; padding-right: 50px;padding-left: 30px;background-size: 17px 9px;width: 100%;}
.contact2-sel option{font-size: 16px;}

.contact2-textar span{top: 12px;transform: none;}
.contact2-textar textarea{border: 1px solid #d2d2d2;font-size: 16px;  line-height: 30px;color: #666;width: 100%;padding: 4px 30px;min-height: 170px;}
.contact-submit{margin-top: 45px;}
.message-submit{cursor: pointer;color: #fff;background: #000; border-color: #000;}
.message-submit::before, .message-submit::after{background: #fff;}
.message-submit:hover{border-color: #fff;color: #000;background: transparent;box-shadow: 0 0 13px rgba(0,0,0,.1);}

@media  (max-width:1459px) {
	.contactbanner{height: 375px;}
	.contact1-img{height: 375px;}
	.contact1-txt{padding-left: 60px;padding-bottom: 0;}
	.contacttop .ny-font{padding-bottom: 0;}
}
@media  (max-width:1259px) {
	.contactbanner{height: 293px;}
	.contact1-img{height: 293px;}
	.contact1-txt{padding-left: 50px;}
	.contact2-ul li{padding: 0 20px;}
	.contact2-ul{margin: 0 -20px;}
	.contact-two{padding: 76px 60px 79px;}
}
@media  (max-width:991px) {
.contact-two{padding: 0;border: none;}
.contact1-txt{padding-left: 35px;}
}
@media  (max-width:767px) {
	.contact-tit{font-size: 22px;line-height: 30px;}
	.contact-phone span{margin: 10px auto;}
	.contact-one{padding: 40px 0;}
	.contact1-con{margin-top: 30px;}
	.contact1-img{float: none;width: 100%;}
	.contact1-txt{position: relative;width: 100%;padding: 0;transform: none;margin-top: 20px;}
	.contact1-txt h3{font-size: 18px;}
	.contact1-p{margin-top: 10px;}
	.contact1-txt span{font-size: 15px;}
	.contact1-txt p { font-size: 14px;line-height: 26px;}
	.contact2-con{margin-top: 20px;}
	.contact2-span p,.contact2-span span{font-size: 16px;float: none;width: 100%;}
	.contact2-inp{margin-top: 12px;}
	.contact2-ul li span, .contact2-textar span{font-size: 15px;width: 50px;}
	.contact2-sel{font-size: 15px;background: url(../images/contact-mo.png) no-repeat right 18px center transparent;padding: 2px 0; padding-right: 32px; padding-left: 16px; background-size: 14px 8px;}
	.contact2-ul li input,.contact2-textar textarea{padding: 2px 16px;}
	.contact2-ul li>div, .contact2-textar{padding-left: 60px;}
	.contact2-ul li{margin-bottom: 15px;width: 100%;}
	.contact-submit{margin-top: 25px;}
}

/* ================ service ================ */
.service{}
.service-one{padding-top: 56px;}
.service-dec{font-size: 16px;line-height: 30px;color: #000;text-align: center;margin-top: 12px;}
.service1-con{position: relative;background: #f6f5f3;margin-top: 43px;}
.service-img{float: right;width: 50%;height: 600px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.service-txt{float: left; width: 50%;padding: 50px 90px;}
.service-inp{}
.service-inp ul{margin: 0 -10px;}
.service-inp li{float: left;width: 50%;padding: 0 10px;margin-bottom: 36px;}
.service-inp li>div{}
.service-inp input{border: 1px solid #dcdcdc;font-size: 16px;line-height: 30px;color: #000;padding: 14px 20px;width: 100%;}
.service-font{background: #fff;padding: 30px 30px 30px;margin-bottom: 30px;}
.service-font>div{}
.service-font h3{font-size: 26px;line-height: 30px;color: #000;font-weight: lighter;margin-bottom: 4px;}
.service-font span{display: block;font-size: 16px;line-height: 30px;color: #666;}
.service-font p {
    font-size: 16px;
    line-height: 25px;
    color: #333;
    height: 45px;
}
.service-p{margin-top: 25px;}
.service-mo{color: #fff;background: #000;border-color: #000;margin: 20px 15px 0 0;}
.service-mo::before, .service-mo::after{background: #fff;}
.service-mo:hover{border-color: #fff;color: #000;background: transparent;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.service-mo span{color: #fff;}
.service-mo:hover span{color: #000;}
.service-map{width: 100%;overflow: hidden;}
.service-map img{width: 100%;}
@media  (max-width:1459px) {
.service-txt{padding: 50px;}

}
@media  (max-width:1259px) {
.service-txt,.service-img{width: 100%;}
.service-img{height: 315px;}
}
@media  (max-width:991px) {
.service-img{height: 270px;}
}
@media  (max-width:767px) {
	.service-one{padding-top: 40px;}
	.service-dec{font-size: 15px;margin-top: 3px;}
	.service1-con{margin-top: 25px;}
	.service-txt{padding: 30px;}
	.service-inp input { font-size: 15px; padding: 5px 16px;}
	.service-inp li{width: 100%;margin-bottom: 15px;}
	.service-font{padding: 30px 25px;}
	.service-font h3 { font-size: 20px;}
	.service-font span{font-size: 14px;line-height: 30px;color: #fff;}
	.service-p{margin-top: 5px;}
	.service-font p {font-size: 14px;line-height: 26px;height: auto;}
	.service-mo{margin: 10px 10px 0 0px;}
	
}
@media  (max-width:640px) {
	.service-txt{padding: 30px 10px;}
	.service-font { padding: 30px 20px;}
}

/* ==================== applinfo1 ==================== */
.applinfo1{padding-top: 60px;}
.appinfo1-one{}
.appinfo1one-con{}
.appinfo1one-swiper{position: relative;}
.appinfo1one-swiper img{width: 100%;}
.appinfo1one-txt{background: #d2e9f8;width: 62.5%;padding: 49px 80px 62px;margin-left: 100px;margin-top: -150px;position: relative;z-index: 5;}
.appinfo1one-txt span{display: block;font-size: 20px;line-height: 30px;color: #000;font-family: "CenturyGothic";}
.appinfo1one-txt h3{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;margin: 8px 0 21px;}
.appinfo1one-txt p{font-size: 16px;line-height: 30px;color: #333;}
.appinfo1one-swiper .swiper-pagination{display: none;width:100%;}
.appinfo1one-swiper .swiper-button-next,.appinfo1one-swiper .swiper-button-prev{font-size: 18px;color: #000;border: 1px solid #000;width: 42px;height: 42px;line-height: 42px;text-align: center;background: none;font-weight: bold;transition: ease .5s;}
.appinfo1one-swiper .swiper-button-next:hover,.appinfo1one-swiper .swiper-button-prev:hover{color: #fff;background: #000;}
.appinfo1one-swiper .swiper-button-next{right: 34px;}
.appinfo1one-swiper .swiper-button-prev{left: 34px;}
.appinfo1-two{position: relative;padding-top: 88px;padding-bottom: 100px;}
.appinfo1-des{position: absolute; font-size: 200px;line-height: 200px;color: #f6f6f6; font-family: "DINMITTELSCHRIFTSTD";text-transform: uppercase;}

.appinfo1-tit{font-family: "Cera-GR-Light";font-size: 40px;line-height: 50px;color: #000;position: relative;}
.appinfo1tw-con{margin-top: 100px;}
.appinfo1-two .appinfo1-des{left: 0;top: 25px;}
.appinfo1-two .appinfo1-tit{text-align: center;padding-bottom: 31px;}
.appinfo1-two .appinfo1-tit::before{position: absolute;content: "";width: 60px;height: 2px;background: #000;bottom: 0;left: 50%;margin-left: -30px;}
.appinfo1tw-leimg{width: 21%;overflow: hidden;position: absolute;left: 0;bottom: 100px;}
.appinfo1tw-leimg img{width: 100%;}
.appinfo1tw-rimg{float: right;width: 62.5%;position: relative;}
.appinfo1tw-rimg img{width: 100%;}
.appinfo1tw-txt{position: relative; background: #fff;width: 50%;float: left;margin-right: -12.5%;margin-top: 100px;padding: 87px 50px 97px;}
.appinfo1tw-txt h3{font-size: 24px;line-height: 30px;color: #333;font-family: "DIN-Light";margin-bottom: 36px;}
.appinfo1-p{max-height: 150px;}
.appinfo1-p p{font-size: 16px;line-height: 30px;color: #333;}
.appinfo1-three{position: relative;padding: 0;}
.appinfo1thr-bef{position: absolute;width: 500px;height: 170px;background: #d2e9f8;right: 0;bottom: 220px;}
.appinfo1thr-con{}
.appinfo1thr-lemg{float: left;width: 62.5%;overflow: hidden;}
.appinfo1thr-lemg img{width: 100%;}
.appinfo1-three .appinfo1-tit{margin-bottom: 41px;}
.appinfo1thr-txt{float: right;width: 50%;margin-left: -12.5%;background: #fff;margin-top: 100px;padding: 62px 50px 97px;position: relative;}
.appinfo1thr-botimg{font-size: 0;text-align: right;margin: 0 -50px;position: relative;}
.appinfo1thr-botimg img{display: block;max-width: 100%;}
.appinfo1thr-botimg1{display: inline-block;margin: 0 50px;margin-top: -80px;max-width: 29.125%;}

.appinfo1-four{padding-top: 100px;position: relative;padding-bottom: 76px;}
.appinfo1-four .appinfo1-des{top: 100px;right: 0;transform: translateX(70px);}
.appinfo1-four .appinfo1-tit{margin-bottom: 14px;}
.appinfo1fou-con{position: relative;}
.appinfo1fou-lemg{float: left;width: 43.75%;overflow: hidden;}
.appinfo1fou-lemg img{width: 100%;display: block;}
.appinfo1fou-ri{float: right;width: 56.25%;padding-left: 100px;position: absolute;right: 0;bottom: 0;}
.appinfo1fou-txt{}
.appinfo1fou-rimg{text-align: center;margin-top: 106px;}
.appinfo1fou-rimg img{display: inline-block;max-width: 100%;}


.appinfo1-tuijian{}
.appinfo1-tjtit{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;margin-bottom: 49px;}

@media  (max-width:1459px) {
	.appinfo1one-txt { padding: 49px 60px 62px;}
	.appinfo1tw-txt {  padding: 60px 50px;}
	.appinfo1-des{font-size: 160px;line-height: 160px;}
	.appinfo1tw-con { margin-top: 50px;}
	.appinfo1thr-txt {margin-top: 50px; padding: 60px 50px;}
	.appinfo1fou-rimg {  margin-top: 50px; padding: 0 100px;}
	
}
@media  (max-width:1259px) {
	.appinfo1one-txt{margin-top: 0;width: 100%;margin-left: 0;}
	.appinfo1tw-txt{margin-top: 40px;}
	.appinfo1thr-botimg{text-align: center;margin-top: 30px;}
	.appinfo1thr-botimg1{margin-top: 0;}
	.appinfo1-three .appinfo1-tit{margin-bottom: 20px;}
	.appinfo1thr-txt{margin-top: 40px;}
	.appinfo1fou-ri{padding-left: 50px;}
}
@media  (max-width:991px) {
	.appinfo1one-swiper .swiper-button-next, .appinfo1one-swiper .swiper-button-prev{display: none;}
	.appinfo1one-swiper .swiper-pagination{display: block;bottom: 10px;}
	.appinfo1one-swiper .swiper-pagination-bullet-active{background: #fff;}
	.appinfo1one-txt { padding: 40px 40px 50px;}
	.appinfo1-des{font-size: 100px;line-height: 100px;}
	.appinfo1-two{padding-top: 50px;}
	.appinfo1-two .appinfo1-des{top: 10px;}
	.appinfo1tw-rimg,.appinfo1thr-lemg,.appinfo1fou-lemg{float: none;width: 100%;}
	.appinfo1tw-txt,.appinfo1thr-txt{float: none;width: 100%;margin: 0;}
	.appinfo1-p{max-height: none;height: auto;}
	.appinfo1thr-botimg1{margin: 0 0px;padding: 0 20px;max-width: 50%;}
	.appinfo1thr-botimg{margin: 30px 0px 0;}
	.appinfo1fou-ri {padding: 50px 50px 0; width: 90%; position: relative;  background: #fff; margin-top: -45%; z-index: 5;}
	.appinfo1thr-bef{bottom: 120px;}
	.appinfo1-tit{font-size: 34px;line-height: 40px;}
	.appinfo1-tjtit,.appinfo1one-txt h3{font-size: 32px;}
	.appinfo1tw-leimg{width: 40%;bottom: 30px;}
}
@media  (max-width:767px) {
	.appinfo1-tit{font-size: 24px;line-height: 30px;}
	.appinfo1-tjtit,.appinfo1one-txt h3{font-size: 22px;line-height: 30px;}	
	.applinfo1{padding-top: 40px;}
	.appinfo1one-txt span{font-size: 18px;}
	.appinfo1one-txt h3 { margin: 5px 0 10px;}
	.appinfo1one-txt {  padding: 20px 25px 30px;}
	.appinfo1one-txt p{font-size: 15px;}
	.appinfo1-des { font-size: 60px;  line-height: 60px;}
	.appinfo1-two{padding: 40px 0;}
	.appinfo1-two .appinfo1-des{top: 25px;}
	.appinfo1-two .appinfo1-tit{padding-bottom: 10px;}
	.appinfo1-two .appinfo1-tit::before {  width: 36px; margin-left: -18px;}
	.appinfo1tw-con { margin-top: 25px;}
	.appinfo1tw-txt,.appinfo1thr-txt{padding: 20px 25px 30px;}
	.appinfo1tw-txt h3 { font-size: 18px;}
	.appinfo1-p p { font-size: 15px;}
	.appinfo1tw-txt h3{margin-bottom: 10px;}
	.appinfo1thr-bef{width: 300px;height: 120px;bottom: 100px;}
	.appinfo1-three .appinfo1-tit,.appinfo1-four .appinfo1-tit{margin-bottom: 10px;}
	.appinfo1-four{padding: 40px 0;}
	.appinfo1fou-rimg{margin-top: 30px;}
	.appinfo1fou-ri{padding: 30px 25px 0;}
	.appinfo1-tjtit{margin-bottom: 20px;}
	.appinfo1-four .appinfo1-des{top: 0;transform: none;}
	.appinfo1tw-leimg{bottom: 20px;width: 50%;}
	.appinfo1-two{padding-bottom: 100px;}
	
}
@media  (max-width:640px) {
	.appinfo1-des{font-size: 46px;line-height: 50px;}
	.appinfo1fou-rimg{padding: 0 20px;}
	.appinfo1fou-ri { padding: 30px 0px 0 15px;}
	.appinfo1one-txt { padding: 20px 15px 30px;}
	.appinfo1tw-txt, .appinfo1thr-txt { padding: 20px 15px 30px;}
	.appinfo1thr-botimg1{max-width: 100%;margin: 10px 0;padding: 0 15px;}
	.appinfo1thr-botimg{margin: -10px 0;}
	.appinfo1-two{padding-bottom: 80px;}
}

/* =================== applinfo ==================== */
.applinfo{padding-top: 60px;}
.appinfo-one{}
.appinfoone-con{}
.appinfoone-swiper{position: relative;}
.appinfoone-swiper img{width: 100%;}
.appinfoone-swiper .swiper-pagination{display: none;width:100%;bottom: 0px;}
.appinfoone-swiper .swiper-pagination-bullet-active{background: #000;}
.appinfoone-swiper .swiper-button-next,.appinfoone-swiper .swiper-button-prev{font-size: 18px;color: #000;border: 1px solid #000;width: 42px;height: 42px;line-height: 42px;text-align: center;background: none;font-weight: bold;transition: ease .5s;}
.appinfoone-swiper .swiper-button-next:hover,.appinfoone-swiper .swiper-button-prev:hover{color: #fff;background: #000;}
.appinfoone-swiper .swiper-button-next{right: 34px;}
.appinfoone-swiper .swiper-button-prev{left: 34px;}

.appinfotw-des{position: absolute; font-size: 120px;font-weight: bold; color: transparent;background: linear-gradient(to right,#f9f0e8,#d9d9d7);display: inline-block;-webkit-background-clip: text;}
.appinfo-two{}
.appinfo-two .appinfotw-des{right: 0;top: 50%;transform: translateY(-50%);}
.appinfotw-con{position: relative;}
.appinfotw-left{float: left;width: 50%;position: absolute;height: 100%;left: 0;top: 0; padding-top: 115px;}
.appinfotw-right{float: right;width: 50%;position: relative;padding: 70px 0; padding-right: 100px;}
.appinfotw-bef{position: absolute;content: "";width: 47.5%;height: 100%;background: #000;right: 0;top: 0;}
.appinfotw-img{width: 100%;overflow: hidden;}
.appinfotw-img img{width: 100%;position: relative;}
.appinfotw-p{max-height: 150px;}

.appinfotw-tit{position: relative;}
.appinfotw-tit span{display: block;font-size: 20px;line-height: 30px;color: #333;font-family: "CenturyGothic";margin-bottom: 8px;}
.appinfotw-tit h3{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;}
.appinfotw-txt{position: relative; font-size: 16px;line-height: 30px;color: #333;padding: 78px 150px 0 100px;}

.appinfo-three{padding-top: 0;}
.appinfothr-con{position: relative;}
.appinfothr-lemg{float: left;width: 62.5%;overflow: hidden;}
.appinfothr-lemg img{width: 100%;}
.appinfothr-right{float: right;width: 50%;margin-left: -12.5%;position: absolute;right: 0;bottom: 100px;}
.appinfothr-txt{background: #fff;padding: 88px 48px 97px;}
.appinfothr-tit{font-size: 24px;line-height: 30px;color: #333; font-family: "DIN-Light";margin-bottom: 35px;}
.appinfothr-p{font-size: 16px;line-height: 30px;color: #333;max-height: 150px;}

.appinfo-four{background: #f5f5f5;position: relative;padding: 0;}
.appinfofou-con{}
.appinfofou-left{float: left;width: 30.625%;padding: 230px 0;}
.appinfofou-tit{font-size: 48px;line-height: 50px;color: #000;font-weight: lighter;}
.appinfofou-hr{display: block;width: 70px;height: 2px;background: #000;margin: 44px 0 32px;}
.appinfofou-p{font-size: 16px;line-height: 30px;color: #333;}
.appinfofou-right{float: right;width: 60.26%;height: 100%;right: 0;top: 0;}
.appinfofou-right>div{position: relative;width: 100%;height: 100%;}
.appinfofou-right canvas{}
.appinfofou-right img{width: 100%;}
.appinfofou-mo{}
.appinfofou-mo{color: #fff;background: #000; border-color: #000;margin: 73px 0 0;}
.appinfofou-mo::before, .appinfofou-mo::after{background: #fff;}
.appinfofou-mo:hover{border-color: #fff;color: #000;background: transparent;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.appinfofou-mo span{color: #fff;}
.appinfofou-mo:hover span{color: #000;}

.appinfo-fiv{padding-top: 100px;padding-bottom: 96px;}
.appinfofiv-con{position: relative;}
.appinfofiv-left{float: left;width: 56.25%;position: relative;padding: 225px 100px 125px;}
.appinfofivle-bef{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;background: #000;}
.appinfofiv-tit{position: absolute;top: 95px;left: 64px; font-size: 60px;line-height: 72px;color: #fff;font-weight: lighter; writing-mode: vertical-rl; writing-mode: tb-rl;z-index: 5;}
.appinfofiv-img{max-width: 100%;}
.appinfofiv-img img{display: block;max-width: 100%;position: relative;}
.appinfofiv-right{float: right;width: 43.75%;padding-left: 100px;padding-top: 82px;}
.appinfofiv-p{font-size: 16px;line-height: 30px;color: #333;position: relative;margin-top: 44px;text-align: justify;max-height: 120px;}
.appinfo-fiv .appinfotw-des{right: 0px;position: static;font-size: 100px;white-space: nowrap;margin-left: 100px;}
.appinfofiv-rimg{margin-left: -200px;margin-top: 139px;}
.appinfofiv-rimg img{display: block;position: relative;}

@media  (max-width:1919px) {
	.appinfo-fiv .appinfotw-des{font-size: 86px;margin-left: 0px;}
	.appinfofiv-rimg img{max-width: 100%;}
	.appinfofiv-rimg{margin-left: -150px;}
}

@media  (max-width:1459px) {
	.appinfotw-left{padding-top: 60px;}
	.appinfotw-txt{padding: 60px 100px 0 50px;}
	.appinfo-two .appinfotw-des{font-size: 80px;margin-top: -80px;}
	.appinfothr-right{bottom: 50px;}
	.appinfofiv-right{padding-left: 60px;padding-top: 60px;}
	.appinfofiv-rimg{margin-top: 100px;margin-left: -100px;}
	.appinfo-fiv .appinfotw-des{font-size: 60px;}
	.appinfofiv-p{margin-top: 30px;}
	
}
@media  (max-width:1259px) {
	.appinfotw-right {  padding: 60px 0; padding-right: 60px;}
	.appinfotw-txt { padding: 40px 50px 0 20px;}
	.appinfothr-right{bottom: 30px;}
	.appinfothr-txt{padding: 50px 40px;}
	.appinfofiv-tit{left: 22px;}
	.appinfotw-tit h3,.appinfo1-tjtit{font-size: 30px;}
	.appinfo-two .appinfotw-des{font-size: 60px;}
	.appinfo-fiv .appinfotw-des{font-size: 50px;}
	.appinfofou-tit{font-size: 40px;}
	.appinfofiv-tit{font-size: 50px;line-height: 60px;}
}
@media  (max-width:991px) {
	.appinfotw-right{width: 100%;}
	.appinfotw-left{position: relative;width: 100%;}
	.appinfothr-lemg{width: 100%;}
	.appinfothr-right{position: relative;margin: 0;width: 100%;bottom: 0;}
	.appinfotw-p,.appinfothr-p,.appinfofiv-p{max-height: none;height: auto;padding: 0;}
	.appinfofiv-left{width: 100%;padding: 10%;}
	.appinfofiv-right{width: 100%;padding: 0;margin-top: 20px;}
	.appinfofiv-rimg{margin-left: 0;margin-top: 40px;}
	.appinfofiv-p{margin-top: 20px;}
}

@media  (max-width:767px) {
	.appinfotw-right{padding: 40px 0;padding-right: 40px;}
	.appinfotw-left{padding-top: 40px;}
	.appinfo-two .appinfotw-des{font-size: 34px;}
	.appinfo-fiv .appinfotw-des{font-size: 30px;}
	.appinfotw-tit h3, .appinfo1-tjtit{font-size: 24px;line-height: 30px;}
	.appinfotw-tit span{font-size: 18px;}
	.appinfotw-txt{font-size: 15px;padding: 15px 0 0;}
	.appinfoone-swiper .swiper-button-next, .appinfoone-swiper .swiper-button-prev{display: none;}
	.appinfoone-swiper .swiper-pagination{display: block;}
	.appinfoone-swiper{padding-bottom: 30px;}
	.appinfothr-txt{padding: 15px 0 0;}
	.appinfothr-tit{font-size: 19px;margin-bottom: 10px;}
	.appinfothr-p,.appinfofiv-p{font-size: 15px;}
	.appinfofou-tit{font-size: 26px;}
	.appinfofou-hr{margin: 8px 0 10px;}
	.appinfofiv-tit{font-size: 28px;line-height: 40px;}
	.appinfo-fiv{padding: 40px 0;}
	.appinfofou-left {
    float: left;
    width: 100%;
    padding: 20px 0;
}
.appinfofou-right {
    float: right;
    width: auto;
    height: 100%;
    right: 0;
    top: 0;
}
 
}
@media  (max-width:640px) {
	.appinfotw-right{padding: 30px 0;padding-right: 30px;}
	.appinfofiv-tit{font-size: 28px;line-height: 40px;left: 10px;top: 58px;}
}
@media  (max-width:360px) {
	.appinfofiv-tit{font-size: 24px;line-height: 30px;left: 10px;top: 48px;}
}
/* =================== about ==================== */
.about{}
.about-one{padding-top: 60px;padding-bottom: 76px;}
.abtone-left{float: left;width: 34.375%;overflow: hidden;position: relative;}
.abtone-left img{width: 100%;}
.abtone-txt{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;text-align: center;}
.abtone-txt h3{font-size: 36px;line-height: 40px;color: #fff;}
.abtone-txt h3 i{font-style: normal;display: inline;font-size: 42px;font-family: "DIN-REGULAR";}
.abtone-txt span{display: inline-block;width: auto;height: 2px;background: rgba(255,255,255,.2);margin: 46px 0 38px;}

.abtone-txt p{font-size: 16px;line-height: 30px;color: #fff;}
.abtone-right{float: right;width: 65.625%;padding-left: 50px;}
.abtone-rimg{overflow: hidden;}
.abtone-right img{width: 100%;transition: ease .5s;}

.about-two{}
.abttw-top{text-align: center;padding-bottom: 73px;}
.abttw-top h3{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;margin-bottom: 22px;}
.abttw-top h3 i{font-style: normal;display: inline;font-size: 42px; font-family: "DIN-Light";}
.abttw-top p{font-size: 16px;line-height: 30px;color: #333;}
.abttw-top p span{display: block;}

.abttw-bot{text-align: center;height: 700px; background-size: cover;background-repeat: no-repeat;background-position: center;background-attachment: fixed;position: relative;}
.abttw-bot h3{font-size: 36px;line-height: 40px;color: #fff;font-weight: lighter;position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}

.about-three{position: relative;padding-bottom: 0;padding-top: 100px;}
.about-three::before{ position: absolute; content: ""; width: 0;  height: 0; border-top: 0px solid transparent;border-right: 30px solid transparent; border-left: 30px solid transparent;  border-bottom: 35px solid #fff;left: 50%; top: -35px;z-index: 3; margin-left: -30px;}
.abtthr-leimg{position: absolute;left: 0;width: 52.55%;top: 100px;overflow: hidden;}
.abtthr-leimg img{width: 100%;}
.abtthr-right{float: right;width: 47.5%;padding-left: 100px;padding-top: 74px;margin-bottom: -108px;}
.abtthr-tit{}
.abtthr-tit h3{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;}
.abtthr-tit h3 i{font-style: normal;display: inline;font-size: 42px; font-family: "DIN-Light";}
.abtthr-tit span{display: block;font-size: 20px;line-height: 30px;color: #333; font-family: "CenturyGothic";margin-bottom: 7px;}
.abtthr-txt{font-size: 16px;line-height: 30px;color: #333;padding-left: 80px;margin-top: 42px;text-align: justify;max-height: 180px;}
.abtthr-rimg{overflow: hidden;text-align: right;margin-top: 93px;}
.abtthr-rimg img{display: inline-block;max-width: 100%;}
.about-four{padding-top: 0;}
.abtfou-img{overflow: hidden;width: 100%;position: relative;z-index: 2;}
.abtfou-img img{width: 100%;}
.abtfou-txt{margin-top: 43px; font-size: 16px;line-height: 30px;color: #333;text-align: center;}
.abtfou-txt span{display: block;}

.about-fiv{position: relative;padding-bottom: 100px;padding-top: 13px;}
.abtfv-con{position: relative;}
.abtfv-img{}
.abtfv-img1{display: block;overflow: hidden;}
.abtfv-img1 img{display: inline-block;max-width: 100%;}
.abtfv-img1.on{} 
.abtfv-leimg{width: 27.24%;float: left;}
.abtfv-rimg{width: 38.54%;float: right;}
.abtfv-font{width: 34.22%;margin-left: 27.24%;padding: 130px 82px 0;}
.abtfv-tit{}
.abtfv-tit h3{font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;margin-bottom: 11px;}
.abtfv-tit p{font-size: 16px;line-height: 30px;color: #333;}
.abtfv-txtall{position: relative;margin-top: 73px;}
.abtfv-txt{position: absolute;left: 0;top: 0;opacity: 0; transform: scale(0.4,0.4);}
.abtfv-txt.on{position: relative;opacity: 1; transform: scale(1,1);}
.abtfv-txt h4{font-size: 36px;line-height: 40px;color: #333;font-family: "georgia";}
.abtfv-txt h3{font-size: 30px;line-height: 40px;color: #333;font-weight: lighter;margin-top: 6px;}
.abtfv-txt h3 span{display: inline-block;font-size: 20px;}
.abtfv-p{font-size: 16px;line-height: 30px;color: #333;margin-top: 24px;max-height: 150px;text-align: justify;}
.abtfv-mo{color: #fff;background: #000; border-color: #000;margin: 73px 0 0;}
.abtfv-mo::before, .abtfv-mo::after{background: #fff;}
.abtfv-mo:hover{border-color: #fff;color: #000;background: transparent;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.abtfv-mo span{color: #fff;}
.abtfv-mo:hover span{color: #000;}

.about-six{position: relative;height: 600px; background-size: cover;background-repeat: no-repeat;background-position: center;}
.abtsix-txt{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);padding-bottom: 26px;}
.about-six h3{margin-bottom: 41px; font-size: 36px;line-height: 40px;color: #000;font-weight: lighter;}
.about-six h3 i{font-style: normal;display: inline;font-size: 42px; font-family: "DIN-Light";}
.about-six p{font-size: 16px;line-height: 30px;color: #333;}
.about-six p span{display: block;}

@media  (max-width:1459px) {
	.abtone-right{padding-left: 38px;}
	.abttw-bot{height: 600px;}
	.abtthr-right {  padding-left: 60px;  padding-top: 40px;}
	.abtthr-txt{padding-left: 30px;margin-top: 30px;}
	.abtfv-font{padding: 30px 50px 0;}
	.abtthr-rimg{margin-top: 40px;padding-left: 80px;}
	.about-six{height: 500px;}
	.abtfv-txtall{margin-top: 40px;}
	.abtfv-mo{margin: 40px 0 0;}
}
@media  (max-width:1259px) {
	.abttw-bot{height: 500px;}
	.about-six{height: 400px;}
	.about-one,.abttw-top{padding-bottom: 50px;}
	.about-three{padding-top: 80px;}
	.about-fiv{padding-bottom: 80px;}
	.abtfv-font { padding: 30px 35px 0;}
	.abtone-right{padding-left: 30px;}
	
}
@media  (max-width:991px) {
	.abtone-txt span{margin: 10px 0 5px;}
	.abtone-txt h3,.abttw-top h3,.abttw-bot h3,.abtthr-tit h3,.abtfv-tit h3,.abtfv-txt h4,.about-six h3{font-size: 30px;}
	.abtone-txt h3 i,.abttw-top h3 i,.abtthr-tit h3 i,.about-six h3 i{font-size: 34px;}
	.abtone-right{padding-left: 22px;}
	.abtfv-txt h3{font-size: 26px;}
	.abttw-bot{height: 400px;}
	.abtthr-leimg {position: relative; width: 100%; top: 0;}
	.abtthr-right{float: none;width: 100%;padding-left: 0;margin-bottom: 0;}
	.abtthr-rimg{width: 50%;margin: 20px auto 30px;padding-left: 0;}
	.abtfv-img{overflow: hidden;}
	.abtfv-leimg,.abtfv-rimg{width: 50%;padding: 0 20px;}
	.abtfv-font{width: 100%;margin: 0;}
	.about-fiv{padding-top: 0;}
	.abtfv-con{padding: 0 80px;}
	
}
@media  (max-width:767px) {
	.about-one, .abttw-top{padding-bottom: 40px;}
	.about-one,.about-three{padding-top: 40px;}
	.abtone-txt h3, .abttw-top h3, .abttw-bot h3, .abtthr-tit h3, .abtfv-tit h3, .abtfv-txt h4, .about-six h3{font-size: 22px;line-height: 30px;}
	.abtone-txt h3 i, .abttw-top h3 i, .abtthr-tit h3 i, .about-six h3 i{font-size: 25px;}
	.abtone-txt span { margin: 0 0 3px;}
	.abttw-top h3{margin-bottom: 8px;}
	.abttw-bot{height: 300px;background-attachment: inherit;}
	.abtfv-con{padding: 0 15px;}
	.abtfv-leimg, .abtfv-rimg{padding: 0 15px;}
	.abtfv-img{margin: 0 -15px;}
	.abtfv-font { padding: 30px 0px 0;}
	.abtthr-txt{padding-left: 0;margin-top: 15px;max-height: none;height: auto;}
	.abtthr-right{padding-top: 30px;}
	.about-three::before { border-top: 0px solid transparent; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 18px solid #fff;top: -18px; margin-left: -15px;}
	.abtfou-txt{margin-top: 25px;}
	.abtfv-tit h3{margin-bottom: 5px;}
	.abtfv-txtall{margin-top: 10px;}
	.abtfv-txt h3 span{font-size: 15px;}
	.abtfv-txt h3{font-size: 20px;line-height: 30px;}
	.abtfv-p{margin-top: 10px;font-size: 15px;max-height: none;height: auto;}
	.abtfv-mo{margin: 20px 0 0;}
	.about-six{height: auto;padding: 50px 0;}
	.about-six h3{margin-bottom: 15px;}
	.abtsix-txt{position: relative;transform: none;padding-bottom: 0;}
	.abttw-top p,.abtthr-txt,.abtfou-txt,.about-six p{font-size: 15px;}
	.about-fiv{padding-bottom: 40px;}
}
@media  (max-width:640px) {
	.abtone-left{width: 100%;}
	.abtone-right{width: 100%;padding-left: 0;margin-top: 20px;}
	.abttw-top p span,.abtfou-txt span{display: inline;}
	.abtthr-rimg{width: 85%;}
	.abtfv-leimg, .abtfv-rimg {  padding: 0 10px;}
	.abtfv-img{margin: 0 -5px;}
	
}


/* ================== 2020.6.16首页改 ================== */
#fp-nav{right: 0;left: 20px;width: 30px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 6px;height: 6px;background: #999;margin: -3px 0 0 -3px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{background: #000 !important;width: 8px;height: 8px;margin: -4px 0 0 -4px;}
#fp-nav ul li a.active{border: none !important;}
.two,.three,.five,.six,.seven{position: relative;}

.index-one .container{height: 100%;}
.inone-con{position: relative;width: 100%;height: 100%;}
.inone-box{position: relative;top: 50%;transform: translateY(-50%);}
.banner-cont{padding: 0 15px;}
.inthr-con{background-size: cover;}
.inthr-appcon{display: none;}
.inthrapp-font{width: 100%;}
@media (max-width: 1459px){
	.inone-t{right: 0;bottom: auto;top: 100%;}
}
@media (max-width: 991px){
	.inone-box{top: 0;transform: none;}
	.inthr-con{display: none;}
	.inthr-appcon{display: block;}
	.inthr-font{float: right;}
	.inthr-img{float: none;width: 72%;padding-left: 200px;margin-bottom: 80px;}
	.inthr-circle{width: 48%;bottom: auto;top: 0;left: 40%;}
	.inthr-swiper .swiper-button-next{left: 285px;}
	.inthr-swiper .swiper-button-next, .inthr-swiper .swiper-button-prev{bottom: auto;top: 50%;margin-top: -50px;}
	.inthr-swiper .swiper-button-prev{left: 225px;}
	.index-three .view-more{margin: 40px 0 0;}
	.inthr-h{padding-top: 0;}
	.inthr-con{padding-top: 80px;}
	.inthr-swiper{padding-left: 0;}
}
@media (max-width: 767px){
	
	.home-padd{padding: 40px 0;}
	.index-two{padding-bottom: 0;}
	.index-tit, .inone-txt h3{font-size: 24px;line-height: 30px;}
	.inone-txt p{font-size: 16px;}
	.inone-txt h6, .infvri-txt p{font-size: 16px;}
	.inone-txt h4, .intwo-txt h3{font-size: 19px;}
	.inone-txt h4{margin: 10px 0;}
	.inone-txt h5{font-size: 17px;line-height: 30px;}
	.index-one .view-more{margin: 30px 0 0;}
	.intwo-con{padding-bottom: 40px;}
	.intwobot-slide,.intwobot-swip{width: 300px;}
	.intwobot-swip{float: none;margin-right: 0;margin: -150px auto 0;}
	.intwo-font{padding: 53px 32px;}
	.inone-img{width: 83%;}
	.inone-txt{width: 58%;top: 100px;}
	.inone-t, .inthr-tit{font-size: 25px;}
	.inone-cirtwo{width: 22%;}
	.inone-cirone{width: 13%;top: 100px;}
	#fp-nav{display: none !important;}
	.inthr-con{padding: 60px 0;}
	.inthr-font h3{margin-bottom: 15px;}
	.inthr-font{max-width: 80%;}
	.index-three .view-more{margin: 20px 0 0;}
}
@media (max-width: 640px){
	.inone-con>div{padding: 60px 0 100px;}
	.inone-cirtwo{width: 30%;}
	.inone-cirone{width: 15%;top: 60px;}
	.inthr-circle{width: 55%;left: 38%;}
	.inthr-img{width: 75%;padding-left: 28%;margin-bottom: 55px;}
	.inthr-swiper .swiper-button-next, .inthr-swiper .swiper-button-prev{left: 28%;width: 50px;height: 50px;line-height: 50px;}
	.inthr-swiper .swiper-button-next{margin-left: 49px;}
	.inthr-font{padding: 0 0px 0 20px;}
	.inthr-font p{text-align: justify;}
	.inone-cirone,.inonecon-bef{display: none;}
	.inthr-con{padding-top: 40px;}
}
@media (max-width: 580px){
	.inthr-font{max-width: 70%;}
	.inthr-swiper .swiper-button-next, .inthr-swiper .swiper-button-prev{top: 42%;}
	.inthr-circle{width: 60%;left: 34%;}
}
@media (max-width: 460px){
	.inone-img{float: none;width: 100%;padding-left: 17%;}
	.inone-txt{top: 0%;height: auto;padding: 40px 20px;position: relative;margin-top: -20%;}
	.inone-txt{width: 100%;}
	.inone-con>div{padding: 60px 0 0px;}
	.inone-t, .inthr-tit{font-size: 20px;}
	.inone-hr{display: none;}
	.inthr-img{width: 80%;padding-left: 15%;}
	.inthr-circle{width: 70%;left: 30%;}
	.inthr-swiper .swiper-button-next, .inthr-swiper .swiper-button-prev{left: 15%;}
	.inone-cirtwo{width: 20%;}
	.inone-t{display: none;}
}
@media (max-width: 400px){
	/* .inone-txt{width: 63%;height: 120%;} */
	.inone-con>div{padding: 80px 0 120px;}
	.inthr-h{float: none; writing-mode: inherit;  writing-mode: inherit;}
	.inthr-tit{float: none;writing-mode: inherit;  writing-mode: inherit;}
	.inthr-font{max-width: 100%;width: 100%;padding: 0;}
	.inthr-font h3{margin-bottom: 10px;}
	.inthr-tit span{display: inline;margin-left: 8px;}
	.inthr-tit span{margin: 30px 0 0;}
}
@media (max-width: 360px){
	/* .inone-txt{width: 69%;height: 140%;} */
	.inone-con>div{padding: 80px 0 190px;}
	.intwobot-slide, .intwobot-swip{width: 252px;}
	.intwo-font{padding: 40px 22px 30px;}
	.intwo-txt h4{margin-top: 10px;}
	.intwobot-slide{height: 260px;}
}
@media (max-width: 320px){
	/* .inone-txt{width: 73%;} */
}

.banner-cont,.inone-txt>div,.index-dec,.index-tit,.infou-ba{opacity: 0;transform: scale(0.4);transition: all 1s;}
.active .banner-cont,.active .inone-txt>div,.active .index-tit,.active .index-dec,.active .infou-ba{opacity: 1;transform: scale(1);}


.inone-t{opacity: 0;transform: translateX(300%);transition: all 2s;}
.active .inone-t{opacity: 1;transform: translateX(50%);}
.inone-img img{opacity: 0;transform: translateX(100%);transition: all 1.5s;}
.active .inone-img img{opacity: 1; transform: none;}
.inonecon-bef,.intwobot-slide{opacity: 0;transform: translateY(100%);transition: all 1.5s;}
.active .inonecon-bef,.active .intwobot-slide{opacity: 1; transform: none;}
.inone-txt>div{}

.inthr-img,.inthr-circle,.insx-ul li{opacity: 0;transform: scale(0.4);transition: all 1s;}
.active .inthr-img,.active .inthr-circle,.active .insx-ul li{opacity: 1;transform: scale(1);}
.inthr-font,.infou-slide,.infv-right{opacity: 0;transform: translateY(100%);transition: all 1s;}
.active .inthr-font,.active .infou-slide,.active .infv-right{opacity: 1; transform: none;}
.inthr-tit{opacity: 0;transform: translateX(-100px);transition: all 1s;}
.active .inthr-tit{opacity: 1; transform: none;}

.infv-left{opacity: 0;transform: translateX(-100%);transition: all 1s;}
.active .infv-left{opacity: 1; transform: none;}

.news-ul .insx-ul li{transform: none;opacity: 1;}


/* 202.7.4 */
.bottom-select1-lan{display: inline-block;}
.bottom-select1-lan span {display: inline-block;  font-size: 14px;line-height: 30px; color: #ededed;margin-right: 10px;}
.sel_mask-a{display: inline-block;position: relative;}
.sel_mask-a a{position: absolute;display: none;width: 100%;bottom:100%;padding-right: 60px;left: 0; padding-left: 10px;}
.sel_mask-a a.on{position: static;display: block;padding: 0;}
.sel_mask-a .sel{}
.sel_mask-a .sel:hover a{display: block;background-color: rgba(245,245,245,.8);}
.sel_mask-a:hover{background-color: rgba(245,245,245,.8);}
.sel_mask-a .sel:hover a.on{background-color: transparent;}
h3 .index-logo{
    height: 52px;
    position: relative;
    top: -4px;
}
@media (max-width: 1259px){
	.bottom-select1-lan{width: 33.33%;}
	h3 .index-logo{
    height: 34px;
}
}
@media (max-width: 640px){
	.bottom-select1-lan span{max-width: 41%; padding-right: 10px;  margin-right: 0;}
	 .sel_mask-a{float: right;width: 75%;}
	 .bottom-select1-lan{width: 100%;}
	 h3 .index-logo{
    height: 24px;
    top: -2px;
}
}

.service-inp li a{display: block;border: 1px solid #dcdcdc;}
.service-inp select{font-size: 16px;line-height: 30px;color: #000;padding: 14px 20px;width: 100%;}
@media (max-width: 767px){
.service-inp select{ font-size: 15px; padding: 5px 16px;}
}

/* 202.7.4 */
.bottom-select1-lan{display: inline-block;}
.bottom-select1-lan span {display: inline-block;  font-size: 14px;line-height: 30px; color: #ededed;margin-right: 10px;}
.sel_mask-a{display: inline-block;position: relative;}
.sel_mask-a a{position: absolute;display: none;width: 100%;bottom:100%;padding-right: 60px;left: 0; padding-left: 10px;}
.sel_mask-a a.on{position: static;display: block;padding: 0;}
.sel_mask-a .sel{}
.sel_mask-a .sel:hover a{display: block;background-color: rgba(245,245,245,.8);}
.sel_mask-a:hover{background-color: rgba(245,245,245,.8);}
.sel_mask-a .sel:hover a.on{background-color: transparent;}
@media (max-width: 1259px){
	.bottom-select1-lan{width: 33.33%;}
}
@media (max-width: 640px){
	.bottom-select1-lan span{max-width: 41%; padding-right: 10px;  margin-right: 0;}
	 .sel_mask-a{float: right;width: 75%;}
	 .bottom-select1-lan{width: 100%;}
}

.service-inp li a{display: block;border: 1px solid #dcdcdc;}
.service-inp select{font-size: 16px;line-height: 30px;color: #000;padding: 14px 20px;width: 100%;}
@media (max-width: 767px){
.service-inp select{ font-size: 15px; padding: 5px 16px;}
}

/* 202.7.4 */
.bottom-select1-lan{display: inline-block;}
.bottom-select1-lan span {display: inline-block;  font-size: 14px;line-height: 30px; color: #ededed;margin-right: 10px;}
.sel_mask-a{display: inline-block;position: relative;}
.sel_mask-a a{position: absolute;display: none;width: 100%;bottom:100%;padding-right: 60px;left: 0; padding-left: 10px;}
.sel_mask-a a.on{position: static;display: block;padding: 0;}
.sel_mask-a .sel{}
.sel_mask-a .sel:hover a{display: block;background-color: rgba(245,245,245,.8);}
.sel_mask-a:hover{background-color: rgba(245,245,245,.8);}
.sel_mask-a .sel:hover a.on{background-color: transparent;}
@media (max-width: 1259px){
	.bottom-select1-lan{width: 33.33%;}
}
@media (max-width: 640px){
	.bottom-select1-lan span{max-width: 41%; padding-right: 10px;  margin-right: 0;}
	 .sel_mask-a{float: right;width: 75%;}
	 .bottom-select1-lan{width: 100%;}
}

.service-inp li a{display: block;border: 1px solid #dcdcdc;}
.service-inp select{font-size: 16px;line-height: 30px;color: #000;padding: 14px 20px;width: 100%;}
@media (max-width: 767px){
.service-inp select{ font-size: 15px; padding: 5px 16px;}
}
/* 2020.7.20 */
.ind-headapp{display: block;height: 130px; box-shadow: none;border-bottom: 1px solid rgba(255,255,255,.15);}
.ind-headapp::before{position: absolute;content: "";width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,.5),transparent);left: 0;top: 0;}
.ind-headapp.open-menu::before{display: none;}
.home-banner{padding-top: 0;}
.ind-headapp.header-app .logo{height: 130px;padding: 40px 0;}
.ind-headapp.open-menu .navbar-app{background: transparent !important;height: 90px;}
.ind-headapp .navbar-togger .icon_bar{width: 38px;background-color: #fff;height: 3px;}
.ind-headapp.open-menu .navbar-togger .icon_bar{background-color: #000;}
.ind-headapp .navbar-togger .icon_bar:nth-of-type(2){margin: 8px 0;}
.ind-headapp .navbar-togger{padding: 52px 30px;}
.ind-headapp.header-app.open-menu .navbar-togger{padding: 33px 30px;}
.header-search{float: right;margin-top: 0px;position: relative;margin: 48px 0;}
.bt-search{ position: relative;  border: none; background: none;  float: left; width: 34px; height:34px;text-align: center; line-height: 40px; cursor: pointer;  transition: .5s;z-index: 10;}
/* .bt-search:hover{background: #fff;} */
.bt-search .sub-bot {  display: inline-block;  width: 29px; height: 31px; line-height: 31px;  background: transparent; border: none;  z-index: 3; cursor: pointer; background: url(../images/in-topsearch.png) no-repeat center transparent; padding-right: 0px;background-size: 100% 100%;}
/* .bt-search:hover .sub-bot{background-image: url(../images/icon-searcha.png);} */
.searchop .search-all{  z-index: 10; opacity: 1; visibility: visible;}
.search-all{ position: absolute; right: 0; top: 0; width: 300px; height: auto;z-index: -1; opacity: 0;visibility: hidden; transition: all .2s;}
.search-all .search-box{  position: relative; height: 36px; margin-top: 42px;background: #fff;}
.searchop .search-all .search-box{ animation: searchform-fade 400ms both;}
.searchop .search-all form{ animation: searchform-slide 1s both; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.search-all .search-box .search-txt{ color: #333; line-height: 34px;  width: 44px;  text-align: center;cursor: pointer; transition: all .3s ease-out;}
.search-all .search-box .search-txt i{font-size: 20px!important;}
.search-all .search-box .search-txt.left{ float: left;}
.search-all .search-box .search-inp{  margin-left: 44px;transition: all .3s ease-out 0s;margin-right: 44px;}
.search-all .search-box .search-inp input{  font-size: 16px; line-height: 36px; color: #333; width: 100%; border-radius: 5px;}
.searchop .search-close{  opacity: 1;  transition: all .2s ease-out 0s;}
.search-all .search-box .search-close{  width: 44px; height: 36px; font-size: 16px; color: #333;line-height: 36px; text-align: center; cursor: pointer; position: absolute;  top: 0;   right: 0;  opacity: 1;}
.ind-headapp .nav-menu{top: 90px;}

.header-app .logo img.open-logo{display: none;}
.header-app.open-menu .logo img.open-logo{display: block;}
.header-app.open-menu .logo img.cl-logo{display: none;}
.ind-headapp.open-menu .navbar-togger .icon_bar:first-child{-webkit-transform: translate(0, 12px) rotate(45deg);
    -ms-transform: translate(0, 12px) rotate(45deg);
    transform: translate(0, 12px) rotate(45deg);}
	.ind-headapp.open-menu .navbar-togger .icon_bar:last-child{    -webkit-transform: translate(0, -10px) rotate(-45deg);
    -ms-transform: translate(0, -10px) rotate(-45deg);
    transform: translate(0, -10px) rotate(-45deg);}
.ind-headapp.open-menu .bt-search .sub-bot{background-image: url(../images/in-topsearcha.png);}
.pchead-top{position: relative;}
.ind-headapp .headtop-right {float: right;font-size: 0;margin: 0; width: auto; position: absolute;right: 60px;}
.ind-headapp .headtop-left{ float: left; margin-left: -60px;width: auto;}
.ind-headapp .top-search {border-radius: 30px; border: 1px solid #777; position: relative;margin-top: 7px; padding: 5px 25px;width: 300px;}
.pchead-con{position: relative;}
.pcheadcon-bf{position: absolute;width: 27.86%;right: 0;bottom: -60px;}
.pchead-font{position: relative;width: 100%;height: 100%;text-align: center;font-size: 0;margin-top: 137px;}
.pchead-left{float: left;width: 54.58%;text-align: right;}
.pchead-right{float: right;width: 45.42%;text-align: left;padding-left: 60px;}
.pchead-left a{display: block;}
.pchead-left img{display: inline-block;max-width: 100%;}
.pchead-ul{width: auto;}
.pchead-ul li{}
.pchead-ul li a{display: block;font-size: 0;  padding: 25px 20px;-webkit-transition: all .4s;-o-transition: all .4s; transition: all .4s; background: transparent;  position: relative;}
.pchead-ul li a span{display: inline-block;font-size: 20px; color: #000; line-height: 30px;}
.pchead-ul li a:hover span{font-size: 36px;}
.pchead-ul li a .pchead-fy{font-family: "georgia"; text-transform: uppercase;color: #666;font-size: 16px;margin-left: 15px;} 
.ind-headapp.header-app.open-menu .header-search,.ind-headapp.header-app.open-menu .logo{display: none;}
.header-app.open-menu .headlogo .logo{display: inline-block;padding: 0;height: auto;}
.language{display: inline-block;position: relative;margin: 0 15px;}
.language span,.language a{display: block; transition: ease .5s; font-size: 22px;line-height: 30px;color: #000;}
/* .language a.on{height: auto;opacity: 1;} */
.language-text{display: block;color: #666;line-height:36px;padding:0 4px;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.language-text .icon-down{ display:block;float: right; vertical-align: middle;font-size: 12px; margin-left: 5px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;}
.language-list{position: absolute;top:100%;right: -16px;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 20px;margin: 0; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.language-list a:hover{color: #000;transform: none;}
.language:hover .language-text{color: #000;}
.language:hover .language-text .icon-down{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.language:hover .language-list{opacity: 1;visibility: visible;}
.header-app .headtop-right{margin: 5px 0 0;}
.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: #000; border-radius: 30px;}
.ind-headapp .navbar-app{height: auto;background: transparent !important;}
.ind-headapp.pcblack::before{display: none;}
.ind-headapp.pcblack.header-app .logo img{display: none;}
.ind-headapp.pcblack.header-app .logo img.open-logo{display: block;}
.ind-headapp.pcblack .navbar-togger .icon_bar{background-color: #000;}
.ind-headapp.pcblack .bt-search .sub-bot{background-image: url(../images/in-topsearcha.png);}
.ind-headapp.pcblack{border:none;/* background: #fff; */}
.insx-cont{padding: 80px 0 0;}
.ind-headapp.pcblack.on{box-shadow: 0 0 13px rgba(0,0,0,.1);}
.nypchead{background: #fff !important;}
.nypchead.on{height: 110px;}
.nypchead.on.header-app.open-menu{height: 100%;}
.nypchead .search-all .search-box{margin-top: 0;}
.nypchead.on.header-app .logo{padding: 30px 0;height: 110px;}
.nypchead.on.ind-headapp .navbar-togger{padding: 42px 30px;}
.nypchead.on .header-search{margin: 38px 0;}
.pritop-swip .swiper-pagination{display: none;color: #fff;bottom: 10px;}
.pritop-swip::before{display: none;}
.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{top: 50%;bottom: auto;}

@media (max-width: 1459px){
	.ind-headapp.header-app .logo{height: 100px;padding: 25px 0;}
	.header-search{margin: 32px 0;}
	.ind-headapp .navbar-togger{padding: 37px 30px;}
	.ind-headapp{height: 100px;}
	.search-all .search-box{margin-top: 0;}
}
@media (max-width: 991px){
	.ind-headapp{display: none;}
}
@media (max-width: 767px){
	.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{display: none;}
	.pritop-swip .swiper-pagination{display: block;}
}
a.hidden,a.zz{display:none;}
* 7.24 */
.nypchead.on,.nypchead{height: 100px;}

.nypchead.on.header-app.open-menu{height: 100%;}
.nypchead .search-all .search-box{margin-top: 0;}
.nypchead.on.header-app .logo,.nypchead.header-app .logo{padding: 28px 0;height: 100px;}
.nypchead.on.ind-headapp .navbar-togger,.nypchead.ind-headapp .navbar-togger{padding: 37px 30px;}
.nypchead.on .header-search,.nypchead .header-search{margin: 33px 0;}
/*  */
.pritop-swip .swiper-pagination{display: none;color: #fff;bottom: 10px;}
.pritop-swip::before{display: none;}
.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{top: 50%;bottom: auto;}

@media (max-width: 1459px){
	.ind-headapp.header-app .logo{height: 100px;padding: 25px 0;}
	.header-search{margin: 32px 0;}
	.ind-headapp .navbar-togger{padding: 37px 30px;}
	.ind-headapp{height: 100px;}
	.search-all .search-box{margin-top: 0;}
}
@media (max-width: 991px){
	.ind-headapp{display: none;}
}
@media (max-width: 767px){
	.pritop-swip .swiper-button-prev, .pritop-swip .swiper-button-next{display: none;}
	.pritop-swip .swiper-pagination{display: block;}
}

/* 7.24 */

@media (max-width: 767px){
.banner-cont, .inone-txt>div, .index-dec, .index-tit, .infou-ba,
.inthr-img, .inthr-circle, .insx-ul li,
 .inthr-font, .infou-slide, .infv-right,.inthr-tit,.infv-left
	{    opacity: 1 !important;transform: scale(1) !important;transition: none;}
.inone-img img,.inonecon-bef, .intwobot-slide, .inone-t{transform: none !important;opacity: 1 !important;transition: none;}
.insx-cont{padding: 0;}
.insx-con{margin-top: 25px;}
.insx-ul{ margin: -20px -15px 30px;}
.appinfofou-right{width: 100%;}
.appinfofou-left{width: 100%;padding: 20px 0 40px;}
.appinfofou-mo{margin: 25px 0 0;}
}
@media (max-width: 400px){
	.inone-con>div{padding: 40px 0 0;}
}
@media (max-width: 360px){
	.inone-con>div{padding: 40px 0 0;}
}

/* 7.28 */
.pchead-left a{display: none;float: right;max-width: 43.66%;}
.pchead-left a.on{display: block;}
.pchead-ul li:hover span,.pchead-ul li.on span { font-size: 36px;}
.pcheadcon-aft{position: absolute;width: 27.86%;left: 0; top: 50%;text-align: left; transform: translateY(-50%);padding-left: 0px;}
@media (max-width: 1919px){
	.pcheadcon-aft{}
	.ind-headapp .headtop-left{margin-left: 0;}
	.header-app .headtop-right{margin: 0;}
	.pchead-ul li a{padding: 20px;}
	.pchead-right{width: 35%;}
	.pchead-left{width: 65%;}
	.pcheadcon-aft .wraple-h3{line-height: 40px;}
}
@media (max-width: 1459px){
	.pchead-left a{max-width: 50%;}
}
@media (max-width: 1259px){
	.pcheadcon-aft .wraple-h3{font-size: 22px;}
	.pchead-ul li.on span,.pchead-ul li a:hover span{font-size: 29px;line-height: 40px;}
	.pchead-ul li a{padding: 17px 20px;}
	.pchead-right{padding-left: 40px;}
}
/* 2020.8.24 门店查询 */
.service2{padding-top: 60px;}
.service2-ul{margin: 0 -10px;}
.service2-ul li{float: left;width: 33.333%;padding: 0 10px;}
.service2-ul li>div{box-shadow: 0 0 13px rgba(0,0,0,.1);background: #fff;}

@media (max-width: 1259px){
	.service2-ul li{width: 100%;margin-top: 20px;}
	.service2-ul{margin-top: -20px;}
}
@media (max-width: 767px){
	.service2{padding-top: 30px;}
}
/* 2020.8.28首页视频 */
.banner-slide{display: none;position: relative;}
.banner-video{position: relative;width: 100%;height: 100%;}
.banner-video img{width: 100%;height: 100%;}
.banner-video video{object-fit: fill;width: 100%;height: 100%;}
.bannercontal{z-index: 10; position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.banner-ved{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.banner-font{padding-bottom: 0;position: relative;top: 0;transform: none;}
.banner-scroll{top: 100%;margin-top: 100px;}
.banner-video::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.4);left: 0;top: 0;z-index: 8;}

@media (max-width: 991px){
	.banner-scroll{margin-top: 30px;}
iframe{height: 200px;}
}
@media (max-width: 640px){
	.banner-slide{display: block;}
	.banner-pcved{display: none !important;}
}
.banner-slide::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.2);left: 0;top: 0;z-index: 8;}
#mv-pg{z-index: 7;}
@media (max-width: 991px){
body { padding-top: 60px !important;}
}
@media screen and (max-width: 640px){
.home-appbanner { opacity: 1;z-index: 0;}
}
.newsinfo-con img{max-width:100%;height: auto;}

/* 2020.9.7首页banner */
.pc-move{display: block;position: relative;}
.pc-move .swiper-button-next,
.pc-move .swiper-button-prev{display: none;}
.pc-move .swiper-pagination{width: 100%;display: block;bottom: 60px;}
.pc-move .swiper-pagination-bullet{margin: 0 6px;opacity: 1;border-radius: 2px;background-color: #fff;width: 20px;height: 5px;}
.pc-move .swiper-pagination-bullet-active{width: 40px;}
@media (max-width: 1459px){
.banner-scroll{margin-top: 50px;}
}
@media (max-width: 1259px){
.banner-scroll{margin-top: 30px;}
.pc-move .swiper-pagination{bottom: 30px;}
}
@media (max-width: 991px){
.banner-cont h4{margin-bottom: 20px;}
.bannercontal{padding-bottom: 30px;}
.banner-scroll{margin-top: 0px;}
}
@media (max-width: 767px){
	.bannercontal{padding-bottom: 50px;}
	.banner-scroll{margin-top: -20px;}
	.pc-move .swiper-pagination-bullet{width: 12px;height: 3px;}
	.pc-move .swiper-pagination-bullet-active{width: 25px;}
	.pc-move .swiper-pagination{bottom: 20px;}
}
@media (max-width: 640px){
	.banner-slide{display: block;}
	.pc-move{display: none !important;}
}

/* ============== 2020.9.24产品详情描述标题添加 ============= */
.pri-h3{font-size: 30px;line-height: 40px;font-weight: normal; color: #000;}
.pri-ul{margin-top: 20px;}
@media (max-width: 767px){.pri-h3{font-size: 24px;}}


.bottom-beian  .botspan-return{

	display:none;
	
}
.f_middle_cell{display:table-cell;vertical-align:middle;text-align:center}
.f_middle_cell img{max-width:50%}
.f_middle_cell p{margin:15px 0;color:#fff;font-size:18px}
.footer_middle_ico{width:100%;height:auto;overflow:hidden;margin:0 0 20px;text-align:center;display:flex}
.footer_middle_ico div{height:auto;overflow:hidden;display:inline-block;width:60px;margin:0 0;font-size:16px;margin-bottom:0;font-family:"Times New Roman";font-weight:400;position:relative;padding:16px 0 45px;color:#fff;text-align:center;cursor:pointer}
.footer_middle_ico div:before{content:"";width:100%;height:45px;position:absolute;left:0;bottom:0}
.footer_middle_ico div.footer_middle_ico1:before{background:url(../images/ico_30.png) no-repeat center center;background-size:35px}
.footer_middle_ico div.footer_middle_ico2:before{background:url(../images/ico_30.png) no-repeat center center;background-size:35px}
.footer_middle_ico div.footer_middle_ico3:before{background:url(../images/ico_31.png) no-repeat center center;background-size:35px}
.footer_middle_ico div.footer_middle_ico4:before{background:url(../images/ico_32.png) no-repeat center center;background-size:35px}
.footer_middle_ico div.footer_middle_ico5:before{background:url(../images/ico_33.png) no-repeat center center;background-size:50px}
.footer_middle_link,.footer_middle_link p{width:100%;height:auto;text-align:center;line-height:30px}
.footer_middle_link p a{width:100%;height:100%;display:flex;cursor:pointer;padding-left:0}
.footer_middle_link p span:nth-of-type(1){width:30px;height:30px;display:inline-block;background:url(../images/ico_link_gw.png) no-repeat center center;background-size:25px;margin-right:25px}
.footer_middle_link p span:nth-of-type(2){width:auto;height:25px;display:inline-block}
.footer_middle_link p span:nth-of-type(2) img{height:100%;width:auto;max-width:initial}
.footer_middle_link p:nth-of-type(1) span:nth-of-type(2) img{height:20px}
.popup{display:none;position:fixed;z-index:910;width:auto;background:rgba(0,0,0,0);webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%}
.popup_box{padding:20px;width:260px;background:#fff;overflow:hidden;box-shadow:0 3px 8px 0 rgba(0,0,0,.2);border-radius:4px}
.popup_box img{width:100%;margin-bottom:20px}
.popup_box p{font-size:16px;line-height:1em;text-align:center;color:#555;font-family:"Times New Roman";font-weight:400}