.layout{/*max-width: 1600px;*/ width: 1500px; margin: 0 auto;}
img{max-width: 100%;}
.clearfix:before,.clearfix:after{content: ""; display: table}.clearfix{zoom: 1;}
.clearfix:after{content: ""; clear: both; height: 0; visibility: hidden; display: block;}

/*header*/
#wrapper{width: 100%; position: relative; overflow-x: hidden;}
.header{width: 100%; background-color: #d3d3d3; position: absolute; position: relative; left: 0; top: 0; z-index: 1000;}
.header.fixed{box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.1);}
.welcomeBox{width: 100%; height: 40px; line-height: 40px; background-color: #050822; font-size: 14px; color: #d3d3d3;}
.welcomeBox a{color: #d3d3d3;}
.welcomeBox .wel{float: left;}
.welcomeBox .link{float: right;}
.logoBox{width: 100%; height: 110px; padding-top: 25px; background: #d3d3d3; background-position: 0 center; background-size: cover; background-repeat: no-repeat;}
.logo{width: 250px; float: left;}
.logo a{display: block;}
.logo img{max-width: 100%; display: block;}
.slogan{float: left; padding-left: 15px; margin-left: 15px; border-left: 1px solid #d3d3d3; height: 62px; display: flex; align-items: center;}
.slogan h2{font-size: 20px; font-weight: bold; color: #d3d3d3; line-height: 1;}
.tel{float: right;}
.tel ul{display: flex;}
.tel ul li{margin-left: 24px; padding-left: 48px; background-image: url(../images/tel.png); background-position: 0 center; background-repeat: no-repeat;}
.tel p{font-size: 14px; color: #d3d3d3;}
.tel span{font-family: 'EngraversMT'; font-size: 26px; font-weight: bold; color: #d3d3d3;}
.navBox{width: 100%; height: 60px; background-color: #2a2a2a;}
.navBox.fixed{position: fixed; left: 0; top: 0; -webkit-animation:slidedown 0.5s; animation:slidedown 0.5s;}
.nav ul{font-size: 0;-webkit-text-size-adjust: none;}
.nav ul li{width: 11.111%; padding: 15px 0; display: inline-block;_display: inline;zoom: 1; position: relative;}
.nav ul li:nth-child(4){/* display:none; */}
.nav ul li::before{content: ""; width: 1px; height: 10px; background-color: #3a425c; position: absolute; left: 0; top: 50%; margin-top: -5px;}
.nav ul li:last-child::after{content: ""; width: 1px; height: 10px; background-color: #3a425c; position: absolute; right: 0; top: 50%; margin-top: -5px;}
.nav ul li .bt{display: block; font-size: 16px; color: #d3d3d3; margin: 0 18px; height: 30px; line-height: 30px; border-radius: 25px; overflow: hidden; text-align: center; position: relative; z-index: 1;}
.nav ul li .bt:after{content:""; display: block; width: 100%; height: 100%; background-color: #d3d3d3; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.nav ul li:hover .bt:after,.nav ul li.on .bt:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.gl .bt:after{transform: scaleX(1)!important;-webkit-transform: scaleX(1)!important;-moz-transform: scaleX(1)!important;transform-origin: 0!important;-webkit-transform-origin: 0!important;visibility: visible\9;}
.gl .bt{color: #303030!important;}

.nav ul li:hover .bt,.nav ul li.on .bt{color: #d3d3d3;}
.nav ul li .nav-body{transform-origin: 50% 0%; transform: perspective(1920px) rotateX(-80deg); opacity:0; transition: all .3s 0s; visibility: hidden;}
.nav ul li:hover .nav-body,.nav ul li.active .nav-body{opacity: 1; visibility: visible; z-index: 10; transition: all .5s 0s; transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);}
.nav-body{width: 100%; background-color: #f7f7f7; border-top: 1px solid #ddd; text-align: center; padding: 20px 0; position: absolute; left: 0; top: 60px; z-index: 5; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);box-shadow: 0 5px 5px rgba(0,0,0,.07);}
.nav-body a{display: inline-block; padding: 10px 15px; margin: 0 5px; text-align: center; font-size: 16px; color: #333;}
.nav-body a:hover{background-color: rgba(240,133,25,.1); color: #333;}
.btn-m-list{width: 55px; height: 50px; position: absolute; right: 0; top: 5px; z-index: 1020; display: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.trans, .trans:hover{-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover{-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width: 17px; height: 3px; background-color: #d3d3d3; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0 0 0 -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top: 25px; width: 25px;}
.btn-m-list .burger-3{top: 33px; width: 21px;}
.btn-m-list.on .burger-1{top: 25px; width: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);}
.btn-m-list.on .burger-2{top: 25px; width: 21px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top: 25px; width: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; z-index: 2000; display: none; background-color: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}
.mob-nav{width: 264px; height: 100%; position: fixed; _position: absolute; top: 0; left: -100%; visibility: hidden; overflow-y: auto; background-color: #444; z-index: 3000; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);}
.mob-nav.on{visibility: visible; left: 0;}
.mob-nav .neirong-close{width: 24px; height: 24px; display: block; background-image: url(../images/nav-close.svg); background-position: center; background-size: 24px auto; background-repeat: no-repeat; position: absolute; top: 10px; right: 10px; font-size: 0; visibility: hidden;}
.mob-nav.on .neirong-close{visibility: visible;}
.mob-nav .subtab{padding-top: 60px;}
.mob-nav .subtab>li{border-bottom: 1px solid #333; position: relative; transform: translateX(0rem); transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1) .tlink{transition-delay: 150ms;}
.mob-nav .subtab>li:nth-child(2) .tlink{transition-delay: 250ms;}
.mob-nav .subtab>li:nth-child(3) .tlink{transition-delay: 350ms;}
.mob-nav .subtab>li:nth-child(4) .tlink{transition-delay: 450ms;}
.mob-nav .subtab>li:nth-child(5) .tlink{transition-delay: 550ms;}
.mob-nav .subtab>li:nth-child(6) .tlink{transition-delay: 650ms;}
.mob-nav .subtab>li:nth-child(7) .tlink{transition-delay: 750ms;}
.mob-nav .subtab>li:nth-child(8) .tlink{transition-delay: 850ms;}
.mob-nav .subtab>li:nth-child(9) .tlink{transition-delay: 950ms;}
.mob-nav .subtab>li:nth-child(10) .tlink{transition-delay: 1050ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display: block; padding: 12px 20px; font-size: 16px; color: #d3d3d3; background-color: #8c8c8c; position: relative;}
.mob-nav .subtab li.on .tlink{color: #f08519;}
.mob-nav .subtab li .subbtn:after{content: ""; display: block; width: 10px; height: 10px; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li.on .subbtn:after{-webkit-transform: rotate(223deg);transform: rotate(223deg);}
.mob-nav .subtab li .submenu{width: 100%; padding: 0 0 15px 0; background-color: #444; overflow: hidden; display: none;}
.mob-nav .subtab li .submenu a{display: block; margin-left: 20px; padding: 10px; font-size: 16px; color: #d3d3d3;}
.mob-nav .subtab li .subbtn1:after{content: ""; display: block; width: 6px; height: 6px; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li .on .subbtn1:after{-webkit-transform: rotate(223deg);transform: rotate(223deg);}
.mob-nav .subtab li .mlink{display: block; padding: 10px; font-size: 14px; color: #8c8c8c; position: relative;}
.mob-nav .subtab li .menuer{width: 100%; overflow: hidden; display: none;}
.mob-nav .subtab li .menuer a{display: block; padding: 10px; margin-left: 35px; font-size: 14px; color: #d3d3d3;}
.mob-nav .subtab li .tlink{
    background: rgba(33,33,33,0.8);
    -webkit-transform-origin: -100% 0%;
    -moz-transform-origin: -100% 0%;
    -o-transform-origin: -100% 0%;
    -ms-transform-origin: -100% 0%;
    transform-origin: -100% 0%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.mob-nav.on .subtab li .tlink{
    background: rgba(68,68,68,1);
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position:relative;z-index:1;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display: block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.x-banner .pimg{max-width: 100%; display: block;}
.x-banner .pcimg{width: 100%;}
.x-banner .moimg{width: 100%; display: none;}
.x-banner .banner-item a {display: block;}
.x-banner .pagination{width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px; z-index: 10;}
.x-banner .pagination .swiper-pagination-bullet{width: 10px; height: 10px; background-color: #d3d3d3; opacity: 1; border: none; border-radius: 50%; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px;}
.x-banner .pagination .swiper-pagination-bullet-active{background-color: #d3af7a;}
.x-banner .swiper-button-prev{font-size: 0;}
.x-banner .swiper-button-next{font-size: 0;}
.x-banner .pimg{width: 100%; display: block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.x-banner .active .pimg{visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
@keyframes slidedown{
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/*index*/
.contain{width: 100%; padding-top: 0;}
.indexs .contain{padding-top: 0;}
.sectionBox{width: 100%; padding: 90px 0;}
.section01{     padding: 60px 0;
    background: url(/skin/images/20200812213266536653.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    display: inline-block;}
.index-title{max-width: 890px; margin: 0 auto; text-align: center;}
.index-title .h2{font-size: 32px; color: #fff;font-weight: bold;}
.index-title .tn{font-family: 'MontserratRegular'; font-size: 48px; color: #fff;font-weight: bold;}
.index-title .pn{font-size: 15px; color: #fff; margin-top: 20px;}
.section01 .index-title .h2{color: #fff;}
.section01 .index-title .tn{color: #fff;}
.section01 .index-title .pn{color: #d3d3d3;}
.index-history{width: 100%; margin-top: 80px; position: relative; z-index: 1;}
.index-history:after{content: ""; height: 1px; position: absolute; left: 0; top: 193px; right: 0; z-index: -1; background-color: #d3d3d3;}
.index-history .box{display: block; width: 100%; height: 100%; display: block; cursor: default; text-align: center; position: relative;}
.index-history .swiper-slide:nth-child(even) .box{display: flex; flex-direction: column-reverse;}
.index-history .year{padding-bottom: 40px; height: 200px; position: relative;}
.index-history .year:after{content: ""; width: 12px; height: 12px; border-radius: 50%; background-color: #d3d3d3; position: absolute; left: 50%; bottom: 0; margin-left: -6px;}
.index-history .swiper-slide:nth-child(even) .year{padding-top: 40px; padding-bottom: 0;}
.index-history .swiper-slide:nth-child(even) .year:after{top: 0; bottom: auto;}
.index-history .icon {width: 90px; height: 90px; display: block; margin: 0 auto; border-radius: 50%; background-color: #d3d3d3; overflow: hidden;}
.index-history .yea{font-family: 'MontserratRegular'; font-size: 50px; color: #d3d3d3; line-height: 1; margin-top: 20px;}
.index-history .cont{height: 187px; padding-top: 20px;}
.index-history .h2{font-size: 22px; font-weight: bold; color: #d3d3d3;}
.index-history .summary{font-size: 12px; color: #d3d3d3; opacity: .7; margin-top: 20px; height: 84px;}
.index-history .pagination{text-align: center; display: none;}
.index-history .swiper-button-prev{font-family: simsun;font-size: 50px;font-weight: bold;color: #d3d3d3;text-align: center;line-height: 44px;background: none;left: -35px;margin-top: -23px;opacity: 1;z-index: 10;}
.index-history .swiper-button-next{font-family: simsun;font-size: 50px;font-weight: bold;color: #d3d3d3;text-align: center;line-height: 44px;background: none;right: -35px;margin-top: -23px;opacity: 1;z-index: 10;}

@media only screen and (min-width: 769px){
    .index-history .swiper-slide:nth-child(even) .year{display: flex;flex-direction: column-reverse;}
.index-history .swiper-slide:nth-child(even) .year .yea{margin-top:0px;margin-bottom: 20px;}
}



/*Mobile Css*/
@media screen and (min-width: 1200px) and (max-width: 1519px){
	.layout{ width: 1180px; }
	.nav ul li .bt{margin: 0 10px; font-size: 15px;}
	.index-title .h2{font-size: 30px;font-weight: bold;}
	.index-certificate{padding-right: 50px;}
	.index-tab ul li{margin-left: 4px; margin-right: 4px;}
	.index-tab ul li a{min-width: 110px; height: 40px; line-height: 40px; font-size: 14px;}
	.index-merit ul li .h2{font-size: 18px;}
	.footer .foot-text{padding-left: 30px;}
	.footer .foot-ewm,.footer .foot-ewm ul li{width: 100px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    .layout { width: 750px; }

	.contain,.indexs .contain{padding-top: 0;}
	.header .layout{width: 90%;}
	.welcomeBox{font-size: 12px;}
	.welcomeBox .wel{display: block;}
	.logoBox{height: 90px;}
    .logo{width: 170px;}
	.slogan{height: 42px;}
	.slogan h2{font-size: 16px;}
	.slogan span{font-size: 12px;}
	.tel p{font-size: 12px;}
	.tel span{font-size: 16px;}
	.nav ul li .bt{font-size: 12px; margin: 0 5px;}
	.x-banner .pagination{bottom: 20px;}
	.sectionBox{padding-top: 60px; padding-bottom: 60px;}
	.index-title .h2{font-size: 26px;}
	.index-title .pn{font-size: 14px;}
	.index-history{margin-top: 40px;}
	.index-history .icon{width: 60px; height: 60px;}
	.index-history .yea{font-size: 30px;}
	.index-advantage{margin-top: 40px;}
	.index-advantage ul li .tmain{padding: 20px;}
	.index-advantage ul li .h2{font-size: 16px;}
	.index-advantage ul li .summary{font-size: 12px; height: 108px; -webkit-line-clamp: 6;}
	.index-standard{width: 38%; padding-right: 40px;}
	.section03 .spot{width: 20px; margin: 20px 0;}
	.section03 .standard{margin-top: 20px;}
	.index-certificate{width: 62%; padding-right: 0;}
	.index-guarantee .h2{font-size: 18px;}
	.index-guarantee .h3{font-size: 30px;}
	.index-load a,.index-guarantee .more{min-width: 130px; height: 40px; line-height: 40px; font-size: 14px;}
	.index-load a span,.index-guarantee .more span{padding-right: 20px; background-size: 14px auto;}
	.index-merit ul{margin: -10px -10px 0 -10px;}
	.index-merit ul li{padding: 10px;}
	.index-merit ul li .box{height: 290px; border-radius: 30px 0 0 0;}
	.index-merit ul li .cont{padding-top: 30px; padding-left: 15px; padding-right: 15px;}
	.index-merit ul li .icon{width: 30px; height: 30px;}
	.index-merit ul li .summary{font-size: 12px; height: 126px; -webkit-line-clamp: 7;}
	.index-tab{margin-top: 40px;}
	.index-tab ul li{margin-left: 4px; margin-right: 4px;}
	.index-tab ul li a{min-width: 110px; height: 40px; line-height: 40px; font-size: 12px;}
	.news-tab ul li a{width: 100px; font-size: 14px;}
	.index-news .pic{height: 310px;}
	.innews-list ul li{padding: 15px 0;}
	.innews-list ul li .box{padding-right: 70px;}
	.innews-list ul li .h2{font-size: 16px;}
	.innews-list ul li .summary{font-size: 14px; height: 41px;}
	.innews-list ul li .time span{font-size: 30px;}
	.footer .foot-nav{width: 100%;}
	.footer .foot-nav ul li .h3:after{margin-top: 10px;}
	.footer .foot-nav ul li p{margin-top: 6px;}
	.footer .foot-nav ul li a{font-size: 12px;}
	.footer .foot-text{width: 376px; padding-left: 0; margin-top: 20px;}
	.footer .foot-text:before,.footer .foot-text:after{display: none;}
	.footer .foot-ewm{float: right; margin-top: 20px;}
	.footer .foot-ewm p{font-size: 12px;}
	.footer .foot-copy{font-size: 12px;}
}
@media screen and (max-width: 1024px){
	.section03:after{right: 0;}
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .layout { width: 90%; }

    .contain,.indexs .contain{padding-top: 60px;}
	.header{height: 60px; position: fixed;}
	.welcomeBox{display: none;}
	.navBox{display: none;}
	.logoBox{height: 60px; padding-top: 0;}
    .logo{width: 120px; position: absolute; left: 50%; top: 0; margin-left: -130px; margin-top: 15px;}
	.slogan{display: none;}
	.tel{padding-top: 5px;}
	.tel ul{display: block;}
	.tel ul li{background-size: 19px auto; padding-left: 24px; margin-left: 0; margin-top: 5px;}
	.tel p{display: none;}
	.tel span{font-size: 12px;}
	.btn-m-list{display: block; width: 40px; left: 10px; right: auto; top: 5px;}
	.x-banner .swiper-button-prev{display: none;}
	.x-banner .swiper-button-next{display: none;}
	.x-banner .pagination{bottom: 10px;}
    .x-banner .pagination .swiper-pagination-bullet{width: 8px; height: 8px;}
    .x-banner .pcimg{display: none;}
	.x-banner .moimg{display: block;}
	.sectionBox{padding-top: 40px; padding-bottom: 40px;}
	.index-title .h2{font-size: 20px;}
	.index-title .pn{font-size: 18px; margin-top: 10px;}
	.index-history{margin-top: 30px;}
	.index-history .icon{width: 60px; height: 60px;}
	.index-history .yea{font-size: 30px;}
	.index-history .swiper-button-prev{left: -14px;}
	.index-history .swiper-button-next{right: -14px;}
	.index-advantage{margin-top: 20px;}
	.index-advantage ul li{width: 50%;}
	.index-advantage ul li .tmain{padding: 15px;}
	.index-advantage ul li .h2{font-size: 15px; font-weight: bold;}
	.index-advantage ul li .summary{font-size: 12px; height: 108px; -webkit-line-clamp: 6;}
	.section03:after{right: 0;}
	.index-standard{width: 100%; padding-right: 0;}
	.section03 .spot{width: 20px; margin: 20px 0;}
	.section03 .standard{margin-top: 20px;}
	.index-certificate{width: 100%; padding-right: 0; margin-top: 30px;}
	.certificate-list .tit{padding: 0; font-size: 12px;}
	.index-pro{margin-top: 20px;}
	.index-pro ul{margin: 0 -5px;}
	.index-pro ul li{width: 50%; padding: 0 5px;}
	.index-pro ul li .tit{height: 35px; line-height: 35px; font-size: 12px; padding: 0;}
	.index-guarantee{width: 100%; padding-right: 0;}
	.index-load a,.index-guarantee .more{min-width: 130px; height: 40px; line-height: 40px; font-size: 14px;}
	.index-load a span,.index-guarantee .more span{padding-right: 20px; background-size: 14px auto;}
	.index-merit{width: 100%; margin-top: 20px;}
	.index-merit ul{margin: -5px 0 0 0;}
	.index-merit ul li{padding: 5px 0;}
	.index-merit ul li .box{height: 290px; border-radius: 30px 0 0 0;}
	.index-merit ul li .cont{padding-top: 30px; padding-left: 15px; padding-right: 15px;}
	.index-merit ul li .icon{width: 30px; height: 30px;}
	.index-merit ul li .summary{font-size: 12px; height: 126px; -webkit-line-clamp: 7;}
	.index-tab{margin-top: 15px;}
	.index-tab ul li{width: 33.333%; margin-left: 0; margin-right: 0; padding: 0 2px;}
	.index-tab ul li a{min-width: 10px; height: 35px; line-height: 35px; font-size: 12px; overflow: hidden;}
	.index-case{margin-top: 20px;}
	.index-case ul{margin: 0 -5px;}
	.index-case ul li{width: 50%; padding: 5px;}
	.index-case ul li:nth-child(1){width: 100%;}
	.index-load{margin-top: 20px;}
	.index-nwTitle{margin-top: 40px; padding: 20px 10px; display: block;}
	.index-nwTitle .index-title{text-align: center;}
	.news-tab{margin-top: 20px;}
	.news-tab ul li a{width: 75px; font-size: 14px;}
	.index-news{margin-top: 20px;}
	.index-news .pic{width: 100%; height: 0; padding-bottom: 57%;}
	.index-news .tit{padding: 0 15px 10px 15px; display: block;}
	.index-news .h3{font-size: 16px; width: 100%;}
	.index-news .more{font-size: 12px;}
	.innews-list{width: 100%;}
	.innews-list ul li{padding: 15px 0;}
	.innews-list ul li .box{padding-right: 70px;}
	.innews-list ul li .h2{font-size: 16px;}
	.innews-list ul li .summary{font-size: 14px; height: 41px;}
	.innews-list ul li .time span{font-size: 30px;}
	.footer .foot-info{padding: 30px 0;}
	.footer .foot-nav{width: 100%; border: none; float: none;}
	.footer .foot-nav ul{display: block;}
	.footer .foot-nav ul li{width: 100%; border-bottom: 1px solid #4b4b4b;}
	.footer .foot-nav ul li .h3{font-size: 14px; padding: 10px 0;}
	.footer .foot-nav ul li .h3:after{margin-top: 10px; display: none;}
	.footer .foot-nav ul li .more{display: block;}
	.footer .foot-nav ul li .flist{display: none; padding-bottom: 20px;}
	.footer .foot-nav ul li p{margin: 5px 0;}
	.footer .foot-nav ul li a{font-size: 14px;}
	.footer .foot-text{width: 376px; padding-left: 0; margin-top: 20px;}
	.footer .foot-text:before,.footer .foot-text:after{display: none;}
	.footer .foot-text .h3{display: none;}
	.footer .foot-ewm{width: 84px; margin-top: 20px; float: left;}
	.footer .foot-ewm ul li{width: 84px;}
	.footer .foot-ewm p{font-size: 12px;}
	.footer .foot-copy{font-size: 12px; padding: 20px 0;}
	.footer .foot-copy .fl,.footer .foot-copy .fr{width: 100%; text-align: center;}
}










































div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, p, blockquote, pre, hr, th, td, em{margin:0; padding:0;}
body{font: 12px/1.5  'Microsoft YaHei',Helvetica,Arial,sans-serif; color:#6a6a6a; -webkit-text-size-adjust:none;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-weight:normal; font-family: 'Microsoft YaHei',Helvetica,Arial,sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
fieldset, img{border:0}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0px; border:0; outline:none;}
caption,h1, h2, h3, h4, h5, h6, p{margin:0; padding:0px;}
address, caption, cite, code, em, i, strong, th, var{font-style:normal}
ol, ul{list-style:none}
table{border-collapse:collapse; border-spacing:0}
label{cursor:default}
input,textarea{outline:none}
a{text-decoration:none; cursor:pointer;}
a{color:inherit;}
a:link{text-decoration:none;}
.fleft, .uleft li{float:left; display:inline}
.fright{float:right; display:inline}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.no_background{background:none !important;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
*{box-sizing: border-box; -webkit-box-sizing: border-box;}
.hand{cursor:pointer}
.m0{margin:0px;}
.p0{padding:0px;}
.mt10{margin-top:10px !important;}
.mt29{margin-top:29px !important;}
.ml10{margin-left:10px !important;}
.mr10{margin-right:10px !important;}
.mb10{margin-bottom:10px !important;}
.pt10{padding-top:10px !important;}
.pl10{padding-left:10px !important;}
.pr10{padding-right:10px !important;}
.pb10{padding-bottom:10px !important;}
.pb50{padding-bottom:50px !important;}
.fsongti{font-family:"宋体";}
.fxinsongti{font-family:"新宋体" ;}
.colorwhite{color:#FFF !important;}
.colorblack{color:#000 !important;}
.colorgray{color:#595757 !important;}
.textcenter{text-align:center !important;}
.fontbold{font-weight:bold !important;}
.posrela{position:relative;}
.overen{overflow:hidden;zoom:1;}
.overflowtxt{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.hide{display:none;}
.show{display:block !important;}
html{scroll-behavior: smooth;}
/*-------------------去掉A标签的虚线框----------------------*/
a{ 
blr:expression(this.onFocus=this.blur()); /* IE Opera */ 
outline:none; /* FF Opera */ 
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;}
a:focus{ -moz-outline-style: none; /* FF */ }
a:hover {
	color: #006db7;
	text-decoration:none;
}
.upf {                        /*字母全部大写*/
	text-transform:uppercase;
}
.lowf {                      /*字母全部小写*/
	text-transform:lowercase;
}
.capf {                      /*首字母大写*/
	text-transform:capitalize;
}

/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
	.layout{ width: 1180px; }
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
  .layout { width: 750px; }
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
  .layout { width: 95%;  }
}






























.wrap{ width: 100%; max-width: 1500px; margin: 0 auto;}





/*首页通用标题*/
.index_title{ width: 100%; text-align: center; margin-bottom:35px;}
.index_title img{margin:  0 auto;}
.index_title b{font-size: 36px; color: #fff;font-style:italic;}
.index_title b i{font-style:italic;}
.index_title b em{filter:alpha(opacity=20); display:inline-block;}
.index_title .index_title_text span{ display: inline-block; font-size: 30px; opacity: 0.2; filter:alpha(opacity=20);font-family: yingwen;font-weight: bold; margin-right: 10px; text-transform: uppercase;}
.index_title .index_title_text p{ display: inline-block; text-align: left;opacity: 0.6;filter:alpha(opacity=60); font-size: 14px;}
.index_title_baise b{color: #fff;}
.index_title_baise span{color: #fff;}
.index_title_baise p{color: #fff;}



/**/
.index_product{padding:80px 0 60px; overflow: hidden;}
.index_product .left{ width: 83%; float: left;}
.index_product .swi_tabs{ margin-bottom: 20px;}
.index_product .swi_tabs .swiper-slide{ width: auto; padding: 10px 20px; position: relative; overflow: hidden; cursor: pointer;}
.index_product .swi_tabs .swiper-slide p{ opacity: 0.6;filter:alpha(opacity=60);}
.index_product .swi_tabs .swiper-slide span{ position: absolute;left: 0;bottom: 0; width: calc(100% - 80px);height: 2px;display: block;background: #4f5265; transform: translateX(-100%);}
.index_product .swi_tabs .swiper-slide.swiper-slide-thumb-active span,.index_product .swi_tabs .swiper-slide:hover span{transform: translateX(40px);}
.index_product .swi_tabs .swiper-slide.swiper-slide-thumb-active p,.index_product .swi_tabs .swiper-slide:hover p{opacity: 1;filter:alpha(opacity=100);}

.index_product>.wrap{ position: relative;display: block;}
.index_product .right{  float: right;}
.index_product .right .product_color{width: 14%; position: absolute;bottom: 0;right: 0;}
.index_product .right .product_color ul li{ width: calc(48%); margin-right: 4%; float: left; margin-top: 4%; cursor: pointer;position: relative;}
.index_product .right .product_color ul li img{opacity:1;filter:alpha(opacity=100);position: static;z-index: 1;}
.index_product .right .product_color ul li span{position: absolute;width: 0%;bottom: 0;left: 0; height: 2px; display: block;background: #1e2028;}
.index_product .right .product_color ul li:nth-of-type(2n){margin-right:0%;}
.index_product .right .product_color ul li.active img,.index_product .right .product_color ul li:hover img{ opacity: .5;filter:alpha(opacity=50);}
.index_product .right .product_color ul li.active span,.index_product .right .product_color ul li:hover span{width: 100%;}
.index_product .right .more{ width: 100px;height: 40px; position: absolute;right: 0;}
.index_product .right .more a{ width: 100px;height: 100%;display: block;position: relative;}
.index_product .right .more p{ text-transform: uppercase; font-size: 12px; float: right;height: 40px;line-height: 40px;position:relative;z-index: 5; width: 60px;text-align: center;    color: #fff;}
.index_product .right .more i{width: 40px;height: 40px;text-align: center;line-height: 40px; float: left; font-size: 12px; transform: scale(0.7);position: relative;z-index: 10; color: #fff;}
.index_product .right .more span{width: 40px;height: 40px; position: absolute;left: 0;top: 0; background-color: #00000069; border-radius: 20px;z-index: 1;}
.index_product .right .more:hover p{transform: translateX(-10px); color: #fff;}
.index_product .right .more:hover i{transform: translateX(5px) scale(0.7);}
.index_product .right .more:hover span{width: 100%; background: #323441;}

/*流程*/
.shuazi_box{ background-position: bottom right;background-size: cover;}
.licheng_box{position:relative; padding-bottom:200px; bottom: 25px;}
.licheng_box .wrap{max-width: 1500px;}
.licheng_box .title{width: 300px;height: 230px; padding-top: 70px; border-radius: 50%; background:Rgba(67,70,87,0.7); text-align: center; margin: 0 auto; color: #fff;}
.licheng_box .title span{ width: 26px; background: #fff;height: 2px;display: block;margin: 0 auto 20px;}
.licheng_box .title p{ font-size: 24px; color: #fff;}
.licheng_box .title b{ font-size: 24px; color: #fff;}
.licheng_box .title em{ font-size:16px; color: #fff;opacity: 0.1;filter:alpha(opacity=10); font-family: yingwen; font-weight: bold;}
.licheng_box .call{padding:12px 30px; background: #fff; border: 1px solid rgba(0,0,0,0.1);float: left;position: absolute;left: 50%; transform: translateX(-50%);bottom: 40px; margin: 22px auto 0;}
.licheng_box .call span{ font-size: 16px;display: inline-block;color: #95949a; }
.licheng_box .call b{ font-size: 24px; color: #95949a; display: inline-block;}
.licheng_box ul{ position: absolute;bottom:60px; left: 0; width: 100%;z-index: 99;}
.licheng_box ul li{width: calc(100%/10); display: block;float: left; text-align: center;}
.licheng_box ul li .yuanquan{ width: 90%;height: auto; padding: 45% 0; position: relative; border-radius: 50%;display: block;background-color: #00000069; float: left; text-align: center; color: #fff;}

.licheng_box ul li .yuanquan .text{ width: 100%;display: block;position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);}
.licheng_box ul li .yuanquan .text i{ font-size: 34px; opacity: 0.6;filter:alpha(opacity=60); transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;  }
.licheng_box ul li .yuanquan .text p{ width: 100%; font-weight: 500; display: block; font-size: 14px;}
.licheng_box ul li i{ display: block;font-size: 38px; color: #fff;}
.licheng_box ul li:nth-child(even){width: calc(100%/12.5)!important;}
.licheng_box ul li:nth-child(even) .yuanquan{ background: inherit;}
.licheng_box ul li:nth-child(even) i{ color: #000;opacity: 0.1!important;filter:alpha(opacity=10); padding-top: 34px; font-size: 30px!important;}
@media screen and (max-width:1360px){
.licheng_box .title{transform: scale(0.9);}
.licheng_box ul li{transform: scale(1.1);}
}
.licheng_box ul li .yuanquan{ display:block;}
.licheng_box ul li .yuanquan:hover{cursor:pointer;}

.licheng_box ul li:nth-child(1) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(3) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(5) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(7) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(9) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(11) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(13) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(15) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(17) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(1) .yuanquan:hover{ background:#e77b19;}
.licheng_box ul li:nth-child(3) .yuanquan:hover{ background:#da2358;}
.licheng_box ul li:nth-child(5) .yuanquan:hover{ background:#6ebb57;}
.licheng_box ul li:nth-child(7) .yuanquan:hover{ background:#90296d;}
.licheng_box ul li:nth-child(9) .yuanquan:hover{ background:#da251e;}
.licheng_box ul li:nth-child(11) .yuanquan:hover{ background:#00923f;}
.licheng_box ul li:nth-child(12) .yuanquan:hover{ background:#007dc0;}
.licheng_box ul li:nth-child(13) .yuanquan:hover{ background:#30acc6;}
.licheng_box ul li:nth-child(15) .yuanquan:hover{ background:#dd127d;}
.licheng_box ul li:nth-child(17) .yuanquan:hover{ background:#85c324;}



.in-ysdv{ padding:60px 0;    background: url(/skin/images/vant_bg.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    display: inline-block;}
.kd {
    width: 94%;
    margin: 0 auto;
    max-width: 1500px;
}

.kd1 {
    width: 85%;
    margin: 0 auto;
    max-width: 1500px;
}
.au8{ margin-top:32px;}
.au8 li{ float:left; width:24%; margin-right:1.3%; background:#000; margin-bottom:1%; cursor:pointer}
.au8 li:nth-child(4n){ margin-right:0}
.au8 li .gdimg{ width:100%; overflow:hidden; min-height:160px}
.au8 li .gdimg img{ transform:scale(1); transition:all 0.5s ease;}
.au8 li:hover .adimg img{ transform:scale(1.05);}
.au8 li .gdtxt{ padding:20px 16px; box-sizing:border-box; min-height:160px;}
.au8 li .gdtxt h3{ font-size:1.25rem; color:#fff;}
.au8 li .gdtxt p{ color:#fff; font-size:0.875rem; line-height:20px; height: 100px; overflow: hidden; margin-top: 7px;;}
.au8 li:nth-child(1){ background:#212121}
.au8 li:nth-child(2){ background:#00502b}
.au8 li:nth-child(3){ background:#2a2a2a}
.au8 li:nth-child(4){ background:#844e4d}
.au8 li:nth-child(5){ background:#1b4298}
.au8 li:nth-child(6){ background:#4e4e4e}
.au8 li:nth-child(7){ background:#1b4298}
.au8 li:nth-child(8){ background:#616161}

@media screen and (max-width:768px){
.au8 li{ width:49%; margin-right:2%;}
.au8 li:nth-child(2n){ margin-right:0}
.au8 li .adimg img{ width:100%;}
.au8 li .adtxt{ min-height:80px}
.au8 li .adtxt h3{ font-size:1rem;}
.au8 li .adtxt p{}
}



.au81{ margin-top:0px;}
.au81 li{ float:left; width:24%; margin-right:1.3%; background:#000; margin-bottom:1%; cursor:pointer}
.au81 li:nth-child(4n){ margin-right:0}
.au81 li .gdimg{ width:100%; overflow:hidden; min-height:280px}
.au81 li .gdimg img{ height: 280px;width:310px;transform:scale(1); transition:all 0.5s ease;}
.au81 li:hover .adimg img{ transform:scale(1.05);}
.au81 li .gdtxt{ padding:20px 16px; box-sizing:border-box; min-height:160px;}
.au81 li .gdtxt h3{ font-size:1.25rem; color:#fff;}
.au81 li .gdtxt p{ color:#fff; font-size:0.875rem; line-height:20px; height: 100px; overflow: hidden; margin-top: 7px;;}
.au81 li:nth-child(1){ background:#212121}
.au81 li:nth-child(2){ background:#00502b}
.au81 li:nth-child(3){ background:#2a2a2a}
.au81 li:nth-child(4){ background:#844e4d}
.au81 li:nth-child(5){ background:#1b4298}
.au81 li:nth-child(6){ background:#4e4e4e}
.au81 li:nth-child(7){ background:#1b4298}
.au81 li:nth-child(8){ background:#616161}

@media screen and (max-width:768px){
.au81 li{ width:49%; margin-right:2%;}
.au81 li:nth-child(2n){ margin-right:0}
.au81 li .adimg img{ width:100%;}
.au81 li .adtxt{ min-height:80px}
.au81 li .adtxt h3{ font-size:1rem;}
.au81 li .adtxt p{}
}

























































.l-midd .wall{
    width: 1530px;
    margin: auto;
}
.l-midd .wall .l-titl{
    margin: 30px 0 -30px;
}
.l-midd .wall .l-titl span:nth-child(1){
    color: #393939;
}
.l-midd .wall .l-titl span:nth-child(2){
    color: #a9a9a9;
}
.l-midd .wall .l-titl:after{
    background: #d4d4d4;
}
.l-midd .wall .list .item{
    position: relative;
    z-index: 1;
    width: 23%;
    height: 340px;
    background-size: cover !important;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    padding: 15px;
    margin: 0 2% 20px 0;
}
@media screen and (max-width: 958px){
    .l-midd .wall .list .item{
        width: 100%;
    }
}
@media screen and (max-width: 768px){
    .l-midd .wall .list .item{
        height: 200px;
    }
	.l-midd .wall .l-titl {
		margin: 8px 0 -20px;
	}
}
.l-midd .wall .list .item:hover{
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
    z-index: 99;
}
.l-midd .wall .list .item a{
    width: 100%;
    height: 100%;
    padding: 8% 10%;
    background: rgba(0, 0, 0, .6);    
}
.l-midd .wall .list .item a{
    opacity: 1;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-midd .wall .list .item:hover a{
    opacity: 0;
}
.l-midd .wall .list .item a *{
    color: white;
}
.l-midd .wall .list .item a h1{
    font-family: Franklin Gothic;
    font-size: 38px;
}
.l-midd .wall .list .item img{
    margin: 11px 0;
}
.l-midd .wall .list .item a h1:nth-child(3){
    font-family: Franklin Gothic;
    font-size: 29px;
}
.l-midd .wall .list .item a p{
    margin: 12px 0 0;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
}
.l-midd .wall .list .item a p span{
    font-size: 18px;
}
@media screen and (max-width: 632px){
    .l-midd .wall .list .item a{
        padding: 5% 7%;
    }
    .l-midd .wall .list .item a h1{
        font-size: 18px;
    }
    .l-midd .wall .list .item img{
        width: 30px;
        margin: 2px 0;
    }
    .l-midd .wall .list .item a h1:nth-child(3){
        font-size: 16px;
    }
    .l-midd .wall .list .item a p{
        margin: -1px 0 0;
    }
    .l-midd .wall .list .item a p span{
        font-size: 16px;
    }
}























































































.l-df:after{
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    visibility: hidden;
}

.l-flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width: 100%;
}

.l-wrap{
    max-width: 1505px;
    width: 91%;
    margin: 0 auto;
    -webkit-transition: all 0s ease-in-out 0s;
    -moz-transition: all 0s ease-in-out 0s;
    -ms-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.l-prod .wrap{
    width: 1815px;
    margin: 0 auto;
}
.l-prodS .l-wrap{
    max-width: 1200px;
}
.l-prodR.l-wrap{
    max-width: 1200px;
    width: auto;
}
@media screen and (max-width: 1815px){
    .l-prod .wrap{
        width: 1210px;
    }
}
@media screen and (max-width: 1210px){
    .l-prod .wrap{
        width: 605px;
    }
}
@media screen and (max-width: 605px){
    .l-prod .wrap{
        width: 100%;
    }
	.l-prod .list .item{
		width: 100%;
		margin: 0 0 15px!important;
		padding: 0 10px;
	}
    .l-prod .wrap .item span{
        width: auto!important;
        height: auto!important;
    }
    .l-prod .wrap .item img{
        width: 100%!important;
        height: auto!important;
		top: 0!important;
		left: 0!important;
    }
}
.l-abou .sect .l-wrap{
    max-width: 1200px;
}
.l-ctct .l-wrap{
    max-width: 1200px;
}
.l-mess .l-wrap{
    max-width: 1335px;
}
.l-searL .l-wrap{
    max-width: 1200px;
}
.know .l-wrap{
    max-width: 1200px;
}
.l-titl{
    padding: 82px 0;
    text-align: left;
}
.l-titl .l-wrap{
    position: relative;
    z-index: 10;
}
.l-titl:after{
    content: '';
    display: block;
    position: absolute;
    top: 120px;
    z-index: 9;
    width: 100%;
    height: 1px;
    background: #2D3032;
}
.ctct .l-titl:after{
    background: #161C1F;
}
.info .l-titl:after{
    background: #E1E1E1;
}
.l-titl{
    position: relative;
}
.l-titl span{
    white-space: nowrap;
}
.l-titl span:nth-child(1){
    border-bottom: 2px solid #255A6E;
    margin: 0 10px 0 0;
    padding: 0 0 13px;
    font-size: 24px;
    color: white;
}
.l-titl span:nth-child(2){
    position: relative;
    top: 5px;
    color: #a9a9a9;
}
@media screen and (max-width: 768px){
	.l-titl span:nth-child(1) {	
		margin: 0 1000px 0 0;	
		padding: 0 0 8px;
		font-size: 18px;
	}
    .l-titl span:nth-child(2){
        top: 5px;
    }
}
.l-titl2{
    border-bottom: 1px solid #EEEEEE;
    margin: 75px 0 43px;
    text-align: center;
}
.l-titl2 .wrap{
    display: inline-block;
    position: relative;
    top: 1px;
    border-bottom: 2px solid #255A6E;
    padding: 0 35px 14px;
}
.l-titl2 p:nth-child(1){
    font-size: 24px;
    color: #424242;
}
.l-titl2 p:nth-child(2){
    margin: 6px 0 0;
    font-family: Arial;
    color: #a7a7a7;
}



.l-df>*{
    float: left;
}




/*新品速递*/
.l-midd .prodNew .titlSect{
    width: 15%;
    height: 928px;
    padding: 5% 0 0;
    background: #181818;
    align-items: center;
}
.l-midd .prodNew .titlSect *{
    color: white;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
.l-midd .prodNew .titlSect p{
    position: relative;
    left: -9%;
    height: 100%;
    margin: 0 auto;
}
.l-midd .prodNew .titlSect span:nth-child(1){
    position: absolute;
    top: 3px;
    line-height: 24px;
    font-size: 32px;
    color: #fff;
}
.l-midd .prodNew .titlSect span:nth-child(3){
    line-height: 78px;
    font-size: 48px;
    font-weight: bold;
    color: #fff;
}
.l-midd .prodNew .swiper-container{
    width: 85%;
    height: calc(100vh - 77px);
}
.l-midd .prodNew .swiper-slide{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
@media screen and (min-width: 768px){
    .l-midd .prodNew .swiper-slide{
        width: 244px;
    }
}
.l-midd .prodNew .swiper-slide>img{
    height: 100%;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-midd .prodNew .swiper-slide:hover>img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.l-midd .prodNew .swiper-slide .shad{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border: 5px solid rgba(22,28,32,0);
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-midd .prodNew .swiper-slide:hover .shad{
    border: 5px solid rgba(22,28,32,1);
}
.l-midd .prodNew .shad .text{
	width: 100%;
    opacity: 0;
    padding: 40px 25px 35px;
    background: rgba(16, 21, 24, 0.89);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-midd .prodNew .swiper-slide:hover .shad .text{
    opacity: 1;
}
.l-midd .prodNew .shad .text .titl{
    margin: 0 0 30px;
    font-size: 21px;
    color: white;
}
.l-midd .prodNew .shad .text .desc{
	height: 60px;
    margin: 0 0 20px;
    line-height: 30px;
    font-size: 14px;
    color: #778188;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
}
.l-midd .prodNew .shad .text img{
    position: relative;
    top: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
@media screen and (min-width: 768px){
    .l-midd .prodNew .swiper-wrapper{
        max-height: 100vh;
    }
}
@media screen and (max-width: 768px){
    .l-midd .prodNew .titlSect{
        width: 30%;
        height: calc(100vh - 54px); 
    }
    .l-midd .prodNew .titlSect span:nth-child(1){
        font-size: 18px;
    }
    .l-midd .prodNew .titlSect span:nth-child(3){
        line-height: 54px;
        font-size: 30px;
    }
    .l-midd .prodNew .swiper-container{
        width: 70%;
        height: calc(100vh - 54px); 
    }
    .l-midd .prodNew .swiper-slide{
        width: 150px;
    }
    .l-midd .prodNew .swiper-slide>img{
        height: 100%;
    }
    .l-midd .prodNew .shad .text{
        padding: 20px 10px;
    }
    .l-midd .prodNew .shad .text .titl{
        margin: 0 0 10px;
        font-size: 14px;
    }
    .l-midd .prodNew .shad .text img{
        width: 30px;
    }
}
.l-midd .prodNew .shad .text img:hover{
    top: 12px;
}



.kongge{padding-top:30px;}
.section03{width: 100%;position: relative;z-index: 1;padding: 60px 0;}
.section03:after{content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 150px;right: 0;z-index: -1;background-image: url(/skin/images/20200812213266536653.jpg);background-position: center 0;background-size: cover;background-repeat: no-repeat;}
.section03 .index-title{text-align: center;}
.section03 .index-title .h2{color: #fff;}
.section03 .index-title .tn{color: #fff;}
.section03 .index-title .pn{color: #fff;opacity: .4;text-align: center;}
.section03 .spot{margin: 40px 0;display: block;display: none;}

.index-standard{width: 100%;float: left;padding-right: 100px;padding-right: 0;}
.index-certificate{width: 100%;float: left;padding-right: 0;padding-top: 20px;}
.certificate-list .box{display: block; cursor: default;}
.certificate-list .pic{width: 100%; /*height: 390px;*/ padding-bottom: 141.3%; overflow: hidden; position: relative;}
.certificate-list .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.certificate-list .box:hover .pic img{transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); -webkit-transform: scale(1.05);}
.certificate-list .tit{padding: 0 15px; margin-top: 15px; font-size: 15px; color: #fff; text-align: center;}
.certificate-list .pagination{text-align: center; margin-top: 20px;}
.certificate-list .swiper-pagination-bullet{width: 10px; height: 10px; background-color: #fff; opacity: 1; border: none; border-radius: 50%; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px;}
.certificate-list .swiper-pagination-bullet-active{background-color: #d3af7a;}
.certificate-list .swiper-button-prev{font-family: simsun; font-size: 20px; font-weight: bold; color: #fff; text-align: center; line-height: 44px; background: none; left: -35px; margin-top: -23px; opacity: 1; z-index: 10;}
.certificate-list .swiper-button-next{font-family: simsun; font-size: 20px; font-weight: bold; color: #fff; text-align: center; line-height: 44px; background: none; right: -35px; margin-top: -23px; opacity: 1; z-index: 10;}

































/*案例展示*/
.casezs { width: 100%; }
.casezs ul{ zoom: 1; overflow: hidden;}
.casezs ul li{width: 32.4%; height: auto;margin-right: 1.4%;margin-bottom: 10px;margin-top: 10px; float: left;  }
.casezs ul li:nth-child(3n){ margin-right: 0;}
.casezs ul li a{display: block;position: relative;overflow: hidden;}
.casezs ul li b{display: block;position: relative;width: 100%;height: 100%;overflow: hidden;}
.casezs ul li b:after{
    display: block;
    content: '';
    position: absolute;height: 20%;width: 100%;bottom:0;left:0;z-index: 1;background:rgba(0,0,0,.7);opacity: 0;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;}
.casezs ul li a:hover b:after{opacity:1;}
.casezs ul li img{display: block;width: 100%;}
.casezs ul li .text{position:absolute;left: 25px;right: 0;bottom: -20%;padding:0 15px 0px;z-index:2;color:#fff;font-size: 18px;text-align: center;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;}
.casezs ul li .text .h2{color:#fff;margin-bottom: 0px;text-align:left; font-size: 18px; margin-top: 10px; font-weight: none; }
.casezs ul li .text .h4{color:#fff;margin-bottom: 10px;text-align:left; font-size: 16px; font-weight: none;}
.casezs ul li .text .more{ width: 200px; height: 50px; line-height: 50px; border: 1px solid  #fff; padding-left: 10px;color: #fff;
 display: block; position: relative; text-align: left; margin-bottom: 15px;
}
.casezs ul li .text .more:hover{
color: #fff; background-color: #B99148;
    z-index: 5;
    left: 0;
    top: 0;
    transition: all 0.3s;
    transform: translateX(-5%);
}

.casezs ul li .text .more i {
    display: block;
    position: absolute;
    left: 80px;
    top: 19px;
    width: 120px;
    height: 11px;
      transition: all .4s ease;
    -webkit-transition: all .4s ease;
}
.casezs ul li .text .more i:hover{opacity:.8;background-position-x:40px;background: url(../images/jtr03.png) no-repeat center;}


.casezs ul li a:hover .text{bottom:0;}



.casezs ul li:hover .textimh{display: none;}

.casezs ul li .textimh{position:absolute;left: 25px;right: 0;top: 20px;padding:0 15px 20px;z-index:2;color:#fff;font-size: 18px;text-align: center;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;}
.casezs ul li .textimh .h1{color:#fff;margin-bottom: 0px;text-align:left; font-size: 18px; margin-top: 10px; font-weight: none;}
.casezs ul li .textimh .h3{color:#fff;margin-bottom: 10px;text-align:left; font-size: 16px; font-weight: none;}
.casezs ul li a:hover .textimh{bottom:0;}


@media (max-width: 1700px) {
.casezs ul li b:after{height: 25%;}
.casezs ul li .text{bottom: -25%;}
}
@media (max-width: 1500px) {
	.casezs ul li .text .more{ margin-bottom: 10px;}
	
}
@media (max-width: 1300px) {
	.casezs ul li b:after{height: 28%;}
.casezs ul li .text{bottom: -28%;}
	
}
@media (max-width: 1050px) {

 .casezs ul li {width: 100%; margin:10px auto 10px;}
	.casezs ul li .text{}
	.casezs ul li:hover .textimh{display: block;}
	.casezs ul li b:after{}
}
/*案例展示*/

/*案例详情*/
.casezsxqy{width: 100%; overflow: hidden; }
.casezsxqy img{ width: 100%; height: auto; margin-bottom: 50px;}
.casezsxqy .title{text-align: center;}
.casezsxqy .title .txt{ padding: 5px 15px; display: inline-block;position: relative;
text-align: center; border-radius:25px;border: 2px solid #B99148; color: #B99148; font-size: 24px;}
.casezsxqy .tentxqt{width:80% ; margin: auto; padding: 50px 0 10px;}
.casezsxqy .tentxqt p{color: #333; font-size: 15px; line-height: 28px; text-align: left; margin-top: 15px;}

.return{display:block;background:#B99148;width:160px;height:46px;line-height:46px;text-align:center;border-radius:25px;
-webkit-border-radius:25px;-moz-border-radius:25px;margin:0px auto;font-size:16px;color:#fff;}






@media (max-width: 1050px) {
.casezsxqy .title .txt{font-size: 20px;}
 .casezsxqy .tentxqt{width:100% ; margin: auto; padding: 30px 0 10px;}
}
/*案例详情*/




/*联系我们*/
.baiduditu{ width: 100%; padding: 50px 0 0;}
.baiduditu img{ width: 100%;height: auto;}

.xwgod{ width: 100%; padding: 50px 0 0;}
.xwgod img{ width: 100%;height: auto;}
.xwgod1{padding-top: 20px; display: none;}
.contct{ width: 100%; background-color: #584d49; padding: 40px 0;}
.contct .lxfst{width: 850px; height: auto; overflow: hidden; margin: auto;}
.contct .lxfst .left{ width: 650px; float: left;}
.contct .lxfst .left .txt{margin-bottom: 20px;}
.contct .lxfst .left .txt p{ color: #c3b59b; font-size: 30px; margin-bottom: 10px; margin-top: 5px;}
.contct .lxfst .left p{ color: #c3b59b; font-size: 20px; line-height: 36px;}



.contct .lxfst .right{ width: 160px; height: 160px; float: right; margin-left: 40px; margin-top: 10px;}
.contct .lxfst .right img{width: 100%; }

@media (max-width: 850px) {

.xwgod{padding-top: 20px; display: none;}
.xwgod1{padding-top: 20px; display: block; }
.xwgod1 img{ width: 100%;height: auto;}
 .contct .lxfst{width: 90%; height: auto; margin: auto; }
 .contct .lxfst .left{ width: 100%; float: left;}
 .contct .lxfst .left .txt{ font-size: 28px;margin-bottom: 20px;}
 .contct .lxfst .right{ float: left; margin-left: 0px; }
 .contct .lxfst .left .txt p{  font-size: 22px;margin-bottom: 0px; }
 .contct .lxfst .left p{font-size: 18px; }
 .contct .lxfst .right img{width: 120px;}
}




/*加入我们*/
.joinwm{width: 100%; overflow: hidden;}
.joinwm .left{width: 42%; margin-right: 7%; float: left;}
.joinwm .left img{width: 100%; }
.joinwm .right{width: 51%; float: left;}
.joinwm .right .txt{ color: #333; font-size: 36px; margin-bottom: 35px;}
.joinwm .right p{ color: #666; font-size:16px; line-height: 32px;margin-bottom: 20px;}


@media (max-width: 850px) {


 .joinwm .left{ width: 100%; float: left; margin-right: 0;}
 .joinwm .right{width: 100%; float: left; margin-top: 20px;}
 .joinwm .right .txt{ font-size: 28px;}

}








/*  news列表*/
.news-hd a,
.newsr-hd a,
.news-bd dl dt img{
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
}
.news-bd{margin: 3% 0;}
.news-bd dl{margin-bottom:10%;}
.news-bd dl dt{width:32%; float:left; overflow:hidden;}
.news-bd dl dt img{display:block;width:100%; height:100%;}
.news-bd dl dt img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.news-bd dl dd{width: 61%; float: right;}
.news-bd dl dd .title{font-size:28px; color:#c8aa79; margin-top:40px; margin-bottom: 0px; line-height: 60px;}
.news-bd dl dd .title:hover{color:#a57939;}
.news-bd dl dd .text{font-size:15px; line-height:36px; text-align:justify;overflow:hidden;margin-bottom:10px;color:#000;}
.news-bd dl dd .text p{margin-top: 15px;}

.news-bd dl dd .flag{color:#c8aa79;font-size:36px; font-family: "MyriadPro-LightCond";
text-align: center; height: 55px; width: 100%;border:2px solid #c8aa79; line-height: 50px;}

.news-bd dl dd .more{display:block; width:120px; line-height:30px; text-align:center; border:1px solid #898992;color:#898992;}
.news-bd dl dd .more:hover{border-color:#c1a25f; background:#c1a25f;color:#fff;}
/*  news 列表END*/


/*新闻资讯*/
.newslistbox{height:auto;margin-top:30px;margin-bottom:0px;margin-right:auto;margin-left:auto;overflow:hidden; padding-top: 50px;}
.newslistbox ul{}
.newslistbox ul li{float:left;width:24.85%;background-color:#FFFFFF;margin:0 0.2% 0% 0;position:relative}

.newslistbox ul li:nth-child(4n){margin-right: 0px !important;}
.newslistbox ul li .pic{height: auto;width:100%;overflow:hidden}
.newslistbox ul li .pic img{-o-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-ms-transition:all 1.5s;transition:all 1.5s;
height: auto;width:100%}
.newslistbox ul li:hover .pic img{-webkit-transform:scale(1.1);transform:scale(1.1)}
/*.newslistbox ul li:hover .text{background-color:#eb3e22}*/
.newslistbox ul li .text p,.newslistbox ul li .text strong{-o-transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-ms-transition:all .1s;transition:all .1s;line-height:30px; }
/*.newslistbox ul li:hover .text p,.newslistbox ul li:hover .text strong{color:#FFFFFF}*/
.newslistbox ul li .text{height:300px;font-size:14px;line-height:24px;padding-right:36px;padding-left:36px;padding-top:60px; background-color: #2f2f2f; color: #fff;}
.newslistbox ul li .pic .date{height:100px;width:100px;position:absolute;left:50%;display:block;background-color:#000;
margin-top:-50px ;font-size:28px;text-align:center;font-family: "MyriadPro-LightCond";
color:#c8aa79;line-height:30px;border-radius: 100px; margin-left: -50px; padding-top: 20px;
}
.newslistbox ul li .date i{font-size:18px;font-style:normal}
.newslistbox ul li .text .biaot{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;font-size:20px;font-weight:normal;display:block;padding-bottom:15px;color:#c8aa79;}
.newslistbox ul li .text .MORE{ margin: 20px 0; text-align: right; color: #666;}
.newslistbox ul li .text .MORE img{margin-left: 15px; width: 16px; margin-bottom: 5px; text-align: left;}

@media (max-width: 1280px) {
.newslistbox ul li:nth-child(2n){margin-right: 0px !important;}
	.newslistbox ul li{
    width:49.5%;
    margin: 0 0.7% 5% 0;
	}

}

@media (max-width: 1612px) {
	
.newslistbox ul li .text{height: 350px;}
	
}

@media (max-width: 1425px) {
	
.newslistbox ul li .text{height: 360px;}
	
}

@media (max-width: 1300px) {


.newslistbox ul li .text{height:380px;}

.news-bd dl dt{width: 100%; margin-bottom: 20px;}
.news-bd dl dd{width: 100%;}
}




@media (max-width: 960px) {
.newslistbox ul{width: 90%;margin: 0 auto;overflow: hidden;}
.newslistbox ul li .text .biaot{font-size: 18px;}
.newslistbox ul li{float:left;width:100%;background-color:#FFFFFF;position:relative;margin: 3% auto;}
.newslistbox ul li .text{height:300px; padding-left: 15px; padding-right: 15px;}
.newslistbox ul li .text p{height: 150px; overflow: hidden;}
.news-bd{margin: 0;}
.news-bd dl dd .title{font-size: 20px; line-height: 30px; margin-top: 10px;}
.news-bd dl dd .text{height: 180px;}
.newslistbox{margin-top: 0px; padding-top: 0px;}
.news-bd dl dd .flag{font-size:26px;height:43px; line-height: 38px;}
}




/*关于我们*/

.aboutst{display: block; position: relative;margin-top: 100px;clear: both; height: 100%;}
.aboutst .left{width: 35%;  float: left;}


.aboutst .left .biaot{ font-size: 32px; margin-bottom: 80px; margin-top: 50px;}
.aboutst .left .text{ font-size: 15px; line-height: 30px;}
.aboutst .left .mone{ width: 30px; height: 3px; float: left; background-color: #B99148; margin-top: 50px;}


.aboutst .right{width: 60%; float: left;margin-left: 5%;}
.aboutst .right img{width: 100%;}



/*1*/
.Anovija{width: 100%; height:570px;display: block;background: url(../images/Anovija.jpg) repeat center top;clear: both; position: relative;}
.Anovija .left{width: 40%;  float: right; height: 100%; margin-top: 50px;margin-right: 10%; color: #fff;}
.Anovija .left .biaot{ font-size: 32px; margin-bottom: 80px; margin-top: 50px;}
.Anovija .left .text{ font-size: 15px; line-height: 30px; width: 80%;}
.Anovija .left .mone{ width: 30px; height: 3px; float: left; background-color: #B99148; margin-top: 50px;}


.Anovija .right{width: 40%; float: left;margin-right: 5%;height: 100%; margin-top: 50px;}
.Anovija .right img{width: 100%;}

@media (max-width: 1450px) {
	.Anovija .left .text{  width: 100%;}
.aboutst .left .mone{margin-top: 20px;}
.aboutst .left .biaot{ font-size: 32px; margin-bottom: 50px; margin-top: 0px;}
}

@media (max-width: 1300px) {

.Anovija .left{ margin-top: 0px;}
.aboutst .left .mone{ margin-bottom: 30px;margin-top: 10px;}
}
@media (max-width: 1280px) {
.Anovija{height:440px;}
}


@media (max-width: 1050px) {
.aboutst{margin-top: 0px;}
.aboutst .left{width: 100%;}
.aboutst .left .biaot{font-size: 20px; margin-bottom: 20px; margin-top: 0px;}
.aboutst .right{width: 100%;margin-left: 0%;}

.Anovija{ height: 1000px; }
.Anovija .left{width: 100%; margin-right: 0%;color: #ffffff;}
.Anovija .right{width: 100%;margin-right: 0%;}
.Anovija .left .biaot{font-size: 20px; margin-bottom: 20px; margin-top: 20px;}
}
@media (max-width: 1050px) {
.content{ padding: 20px 0;}

}

@media (max-width: 650px) {
.Anovija{ height: 570px; }	
}
/*关于我们*/



/*发展历程*/

.development{padding: 100px 0 100px;background: url(../images/pment.jpg) repeat center top;clear: both; position: relative; margin-top: 80px;}
.development ul{width: 1500px;margin: auto; overflow: hidden;background: url(../images/qywh-jt3.png) no-repeat center bottom; padding-bottom: 20px;}
.developmentL{padding-bottom:50px;float: left;width: 750px;border-right: 1px solid #ddd;position: relative;padding-right: 30px; }

.developmentR{padding-bottom:50px;float: right;width: 751px;border-left: 1px solid #ddd;position: relative;padding-left: 30px; }



.devetable{width: 719px; color: #fff;}
.developmentL .devetable td.td01{padding:0 15px;width: 461px;vertical-align:middle;line-height: 32px; float: right; }
.devetable td.td02{vertical-align: top;width: 66px;}
.developmentL .devetable td{font-size: 14px;color: #fff;text-align: left;}
.developmentL em.em03{display: block;background: url(../images/hshdot.png);width: 31px;height: 31px;top: -7px;right: -16px;position: absolute;}

.developmentR em.em03{display: block;background: url(../images/hshdot.png);width: 31px;height: 31px;top: -7px;left: -16px;position: absolute;}
.developmentR .devetable td{font-size: 14px;color: #fff;text-align: left;}
.developmentR .devetable td.td01{padding-left: 15px;width: 461px;vertical-align:middle;line-height: 32px; float: left;}

.time,.time01{display:block;width: 160px;text-align: left; padding-left: 30px; }
.developmentR .devetable td .time{  padding-right: 30px !important;}
.time{float: right;font-family:"MyriadPro-LightCond"}

.time .i01{color: #fff;font-size: 36px;display: block;height: 40px;line-height: 40px;font-family:"MyriadPro-LightCond";}
.time .i02{color: #fff;font-size: 36px;display: block;height: 40px;line-height: 40px;font-family:"MyriadPro-LightCond";}
.time em{font-size: 36px;color: #fff;display: block;height: 40px;line-height: 40px ;}
.time em.em01{}
.time em.em02{}
.developmentC{float: left;padding-top: 42px;}
.developmentB{float: left;}
.developmentB ul{margin-top: 146px;padding-left: 15px;}
.developmentB ul li{width: 516px;height: 66px;background: #fff;margin-top: 74px;line-height: 66px;*margin-top: 70px;}
.developmentB ul li p{float: left;padding-left: 15px;font-size: 14px;color: #444;}


@media (max-width: 1550px) {
.developmentL,.developmentR{padding-bottom:18px; }
}



@media (max-width: 1550px) {
.development ul{width: 1100px;}
.developmentL{float: left;width: 550px;border-right: 1px solid #ddd;position: relative;padding-right: 30px; }

.developmentR{float: right;width: 551px;border-left: 1px solid #ddd;position: relative;padding-left: 30px; }

.devetable{width: 519px; color: #fff;}
.developmentL .devetable td.td01{padding:0 15px;width: 361px;vertical-align:middle;line-height: 32px; float: right; }
.developmentR .devetable td.td01{padding-left: 15px;width: 361px;vertical-align:middle;line-height: 32px; float: left;}
}

@media (max-width: 950px) {
	.development{padding: 30px 0; margin-top: 0px;}
.development ul{width: 90%;background:url(../images/phone_qywh-jt3.png) no-repeat left bottom !important;}
.developmentR {float: left;width: 89%;margin-left:3%;border-left: 1px solid #ddd;position: relative;padding-left: 40px; padding-right: 0px;}
.developmentL {float: left;width: 89%;margin-left:3%;border-left: 1px solid #ddd;position: relative;padding-left: 40px; padding-right: 0px;border-right: 0px solid #ddd;}	
.devetable{width: 100%; margin-bottom: 50px;}	
.developmentR em.em03 {display: block; background: url(../images/hshdot.png);width: 31px; height: 31px; top: -7px;left: -15px; 
position: absolute;}
.developmentL em.em03 {display: block; background: url(../images/hshdot.png);width: 31px; height: 31px; top: -7px;left: -15px; position: absolute;}
.developmentL .devetable td{float: left;}
.developmentR .devetable td{float: left;}
.developmentL .devetable td .time{float: left; padding-left: 0px;}
.developmentR .devetable td .time{float: left; padding-left: 0px; }

.developmentR .devetable td.td01{width: 100%; padding: 0; text-align: left; margin-top: 20px;}
.developmentL .devetable td.td01{width: 100%; padding: 0; text-align: left; position: relative; margin-top: 100px;}
.developmentR .devetable td.td02{width: 100%; padding: 0; text-align: left;}
.developmentL .devetable td.td02{width: 100%; padding: 0; text-align: left; position: absolute;}
}

/*发展历程*/



/*企业文化*/
.abqywh{width: 100%; background: url(../images/qywh.jpg) repeat center top;clear: both; position: relative; margin-top: 80px; padding: 150px 0 175px;}
.abqywh .ul{width: 80%; margin: auto; display: block; position: relative; overflow: hidden;}
.abqywh .ul .left{width: 60%; float: left; overflow: hidden;}
.abqywh .ul .left .img{width: 100%; margin-bottom: 50px;}
.abqywh .ul .left .img img{width: 100%;}
.abqywh .ul .left .biaot{font-size: 32px; color: #bc995a; margin-bottom: 20px; line-height: 42px;}
.abqywh .ul .left .biaot span{padding: 2px 10px 2px 20px; border-radius: 20px;border: 2px solid #bc995a;  margin-right: 5px;}
.abqywh .ul .left .text{font-size: 15px; color: #fff; line-height: 30px; width: 70%;}









.aboutyr{width: 100%;clear: both; position: relative; margin-top: 20px; }
.aboutyr ul{}
.aboutyr ul li{ width: 31%; margin: 0 1.066%; height: 300px; float: left;}
.aboutyr ul li .biaot{ margin-left: 20px;  color: #fff; font-size: 20px; margin-top: 170px; margin-bottom: 20px;}
.aboutyr ul li .text{width: 200px; margin-left: 33px; bottom: 0px ;border: 1px solid #fff;margin-top: 210px; color: #fff;font-size: 15px; padding: 5px 10px;line-height: 24px;}










@media (max-width: 1450px) {
.abqywh .ul .left .text{width: 100%;}
.abqywh .ul .left{width: 70%; }
.aboutyr{margin-top: 0px;}
.aboutyr ul li{ height: 250px;}
.aboutyr ul li .text{margin-top:190px;}
.aboutyr ul li .biaot{ margin-top: 120px;}
}


@media (max-width: 1150px) {
.abqywh .ul .left{width: 80%; }
.aboutyr ul li .text{ display: none;}
.aboutyr ul li{ height: 220px;}
.aboutyr ul li .biaot{ margin-top: 90px;}
}

@media (max-width: 950px) {
.abqywh{ margin-top: 10px; padding: 0px 0 40px;}	
.abqywh .ul{width: 90%;}
.abqywh .ul .left{width: 100%; }
.abqywh .ul .left .biaot{line-height:50px; font-size: 20px;}
.abqywh .ul .left .img{ margin-bottom: 20px;}
.abqywh .ul .left .text{ color: #fff; }

}
@media (max-width: 750px) {
.abqysl,.abqywh{display: none !important;}	
.phone_abqysl,.phone_abqywh{display: block !important;}
.aboutyr ul li{ height: 300px; width: 100%;}
.aboutyr ul li .biaot{ margin-top: 170px;}
.aboutyr ul li .text{ display: block;margin-top:210px;font-size: 13px;}
}
/*企业文化*/





/*企业实力*/
.abqysl{width: 100%; background: url(../images/abqysl.jpg) repeat center top;clear: both; position: relative; margin-top: 80px; }
.abqysl .teul{width: 1200px; margin: auto; display: block; position: relative; overflow: hidden;}
.abqysl .teul .left{width: 410px; float: left; overflow: hidden; margin-top: 225px; margin-bottom: 160px;}
.abqysl .teul .left .biaot{font-size: 30px; color: #f8e1ad; margin-bottom: 20px;padding: 5px 15px; border-radius: 40px;border: 3px solid #f8e1ad; }
.abqysl .teul .left .text{font-size: 15px; color: #fff; line-height: 30px; padding: 0 11px;}

/*手机版企业实力*/
.phone_abqysl{display:none;width: 100%; background: url(../images/abqysl.jpg) repeat center top;clear: both; position: relative; }
.phone_abqysl .teul{width: 90%; margin:0 auto;left:0;right:0; bottom:0; position: absolute; overflow: hidden;}
.phone_abqysl .teul .left{width: 100%; position:relative; overflow: hidden;padding-bottom: 15px;}
.phone_abqysl .teul .left .biaot{font-size: 18px;color: #f8e1ad;margin-bottom: 15px;padding: 5px 15px;border-radius: 40px;border: 3px solid #f8e1ad;width: 76%;}
.phone_abqysl .teul .left .text{font-size: 12px; color: #fff; line-height: 22px; }

/*手机版企业文化*/
.phone_abqywh{display:none;width: 100%;clear: both; position: relative;}
.phone_abqywh .ul{width: 88%;bottom:0; margin:0 auto;left: 0;right: 0; position: absolute; overflow: hidden;}
.phone_abqywh .ul .left{width: 100%;  overflow: hidden;padding-bottom: 25px;}
.phone_abqywh .ul .left .img{width: 100%; margin-bottom: 25px;}
.phone_abqywh .ul .left .img img{width: 100%;}
.phone_abqywh .ul .left .biaot{font-size: 17px; color: #bc995a; line-height: 40px;}
.phone_abqywh .ul .left .biaot span{padding: 2px 10px 2px 20px; border-radius: 20px;border: 2px solid #bc995a;  margin-right: 5px;}
.phone_abqywh .ul .left .text{font-size: 13px; color: #fff; line-height: 30px; width: 100%;}


.qyslre{width: 100%; margin-top: -60px; position: relative; overflow: hidden; margin-bottom: 200px;}
.qyslre ul{width: 1200px; margin: auto; overflow: hidden;}
.qyslre ul li{width: 400px; float: left;}
.qyslre ul li img{width: 100%;}




@media (max-width: 1300px) {
.abqysl .teul{width: 900px; }
.qyslre ul{width: 900px; }
.qyslre ul li{width: 300px; }
}



@media (max-width: 950px) {
.abqysl{  margin-top: 10px; }
.abqysl .teul{width: 90%; }
.abqysl .teul .left{width:100%; margin-top: 20px; margin-bottom: 20px;}
.abqysl .teul .left .biaot{font-size: 20px; text-align: center;}

.qyslre{margin-top: 20px; margin-bottom: 80px;}
.qyslre ul{width: 90%; }
.qyslre ul li{width: 100%;}
}



/*企业实力*/

@media (max-width: 1300px) {
	.view{margin:40px auto 30px !important; }
}

.view{padding:10px 0;overflow: hidden; margin:70px auto 30px;}
.view h2{font-size: 16px;color: #4c4c4c;border-bottom: 1px solid #d9d9d9;padding-bottom: 30px;text-align: center;margin-bottom: 50px; margin-top:20px;}
.view h2 em{color: #0A812F;}
.view form{width: 100%; overflow:hidden; margin:auto;}
.view form label{font-size: 15px;color:#4c4c4c;display: block;margin-bottom: 15px; cursor:pointer;}
.view form .label{border-bottom: 2px solid #CCA760;}
.view form .addlabel{margin-bottom: 0px !important;}
.view form div{float: left;margin:40px 0 0 0;}
.view form .btns{float: left; width:50%;margin:0 0 1% 0;padding-right: 2%;}
.view form .btnadd{width:100%;margin:0 0 1% 0;padding-right: 2%;}
.view form .btncon{margin-top: 2%;}
.formtxt{width: 82%;height: 44px;line-height: 44px;border: 1px solid #fff;text-indent: 15px;font-size: 15px;color: #4c4c4c;font-family:"Microsoft YaHei";background: #fff;}
.formarea{border-bottom: 2px solid #CCA760;font-size: 15px;color: #4c4c4c;font-family:"Microsoft YaHei";width: 100%;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;outline-style: none; word-wrap: break-word;background: #fff;resize:none;}
.formbt{border: 2px solid #CCA760;margin: 0 auto;margin-top: 15px;}
.formbt input{background:url(../images/right.png) no-repeat center right; background-color: #fff; width: 95px;height: 45px;text-align: center;line-height: 40px;font-family:"Microsoft YaHei";color: #CCA760;font-size: 18px; border:none; cursor:pointer;}
.formbt input[type='submit']:hover{opacity: .8;}
.formbt input[type='reset']:hover{background:#83878A}
.submit{margin-right: 28px;float: left;}
.reset{background: #606569;}
.view form  #verification{border: 1px solid #d9d9d9; padding:5px 5px; color:#4c4c4c;background:#fff;}
.view form  #SeedImg{vertical-align: middle;}
.radio-div{}
.view form .radio-div label{float:left; margin:0;} 
.view form  .radio-div input{float:left; margin:5px 4px 0 20px;}

.view form .checkedbox p{line-height: 50px;height: 50px;}
.view form .checkedbox p input{display: inline-block;margin: 0;vertical-align: middle;}
.view form .checkedbox p label{display: inline-block;margin:0 20px 0 5px;vertical-align: middle;}


/*招商加盟*/


.attractlist { width: 100%; }
.attractlist ul{ zoom: 1; overflow: hidden;}
.attractlist ul li{width: 33.333333%; height: auto;margin-bottom: 10px;margin-top: 10px; float: left;  }

.attractlist ul li a{display: block;position: relative;overflow: hidden;}
.attractlist ul li b{display: block;position: relative;width: 100%;height: 100%;overflow: hidden;}
.attractlist ul li b:after{
    display: block;
    content: '';
    position: absolute;height: 100%;width: 100%;bottom:0;left:0;z-index: 1;background:rgba(0,0,0,.7);opacity: 0;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;}
.attractlist ul li a:hover b:after{opacity:1;}
.attractlist ul li img{display: block;width: 100%; height: 100%;}
.attractlist ul li .text{position:absolute;padding:0 13% ; z-index:2;color:#fff;font-size: 18px;text-align: center;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;}
.attractlist ul li .text .h2{color:#fff;margin-bottom: 40px;text-align:left; font-size: 16px; margin-top: 10px; 
font-weight: none; line-height: 38px; }
.attractlist ul li .text .h4{color:#B99148;margin-bottom: 30px;text-align:left; font-size: 35px; font-weight: none;}
.attractlist ul li .text .more{ width: 40px; height: 4px; background-color: #cda761;}
.attractlist ul li a:hover .text{top:20%;}



.attractlist ul li:hover .textimh{display: none;}

.attractlist ul li .textimh{position:absolute;left: 25px;right: 0;top: 20px;padding:0 15px 20px;z-index:2;color:#fff;font-size: 18px;text-align: center;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;}
.attractlist ul li .textimh .h1{color:#fff;margin-bottom: 0px;text-align:left; font-size: 18px; margin-top: 10px; font-weight: none;}
.attractlist ul li .textimh .h3{color:#fff;margin-bottom: 10px;text-align:left; font-size: 16px; font-weight: none;}
.attractlist ul li a:hover .textimh{bottom:0;}


@media (max-width: 1700px) {


}
@media (max-width: 1500px) {
.attractlist ul li .text .more{ margin-bottom: 10px;}
	
}
@media (max-width: 1300px) {


	
}
@media (max-width: 1050px) {
	.attractlist{margin-top: -10px;}
.attractlist ul li .text .h2{color:#fff;margin-bottom: 40px;text-align:left; font-size: 15px; margin-top: 10px; 
font-weight: none; line-height: 30px; }
.attractlist ul li .text .h4{color:#B99148;margin-bottom: 30px;text-align:left; font-size: 24px; font-weight: none;}
.attractlist ul li .text .more{ width: 40px; height: 4px; background-color: #cda761;}
.attractlist ul li a:hover .text{top:15%;}
 .attractlist ul li {width: 100%; margin:10px auto 10px;}
.attractlist ul li .textimh .h1 img{width: 100% !important;}
.attractlist ul li .text{padding:0 8% ;}

}
/*案例展示*/


/*合作见证*/

.hoztj {
width: 100%; background-color: #504132;
  overflow: hidden; padding-top: 80px;
}

.hoztj .cshhz {
  width: 28%;
  float: left;
   margin-right: 8%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.hoztj .cshhz:nth-child(3n){ margin-right: 0;}
.hoztj .cshhz .images {
  overflow: hidden;
  position: relative; width: 100%;
}
.hoztj .cshhz .images img{
   width: 100%;
}
.hoztj .cshhz .msg {
  height: 150px;
  overflow: hidden;

  padding: 0 25px;
}
.hoztj .cshhz .msg p {
  width: 100%;
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  overflow: hidden; margin-top: 30px;


}

@media all and (max-width:640px){
       
	.hoztj .cshhz{width: 100%; margin: 0;}	
}
@media all and (max-width:1080px){
      .hoztj{ padding-top: 30px;} 
	.hoztj .cshhz{width: 100%;}	
}
/*合作见证*/

/*合作流程*/

.lm1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center; margin-bottom:60px ;

}

.lm1 .txet{ height: 40px; line-height: 40px; font-size: 30px; color: #fff;letter-spacing: 3px;}

.lm1 i {
	position: absolute;
	  margin-top:20px;
	 text-align: center;
	content: '';
	width: 2px;
	height: 40px;
	    background-image: url(../images/icon01.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

	
.lm1 i {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.lm1:hover i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}




.hozlis{width: 100%;
    padding-bottom: 40px;
    display: block;
    background: url(../images/hozlis.jpg) repeat center top;
    clear: both;
    position: relative;  padding-top: 70px;
}
.hozlis ul{zoom: 1; overflow: hidden;}
.hozlis ul li{width: 49%; float: left; margin-right: 2%;}
.hozlis ul li:nth-child(2n){ margin-right: 0;}
.hozlis ul li img{width:100%; }
.hozlis ul li.sjb{display: none;}

@media all and (max-width:840px){
      .hozlis{padding-top: 25px;} 
      .hozlis ul{margin-top: -20px;}
	.hozlis ul li{width: 100%; margin: 0; padding-bottom: 20px;}	
	.hozlis ul li.dnb{display: none;}
	.hozlis ul li.sjb{display: block;}
}


@media all and (max-width:980px){
	
	.lm1 {
    width: 95% !important;
    height: 150px;
    margin: 0 auto;
    text-align: center; 
    	
}
.lm1 .txet{height: 24px;
    line-height: 24px;
    font-size: 20px;
   
    letter-spacing: 3px;}
.lm1 h2{font-size: 20px;}	
	
.lm1 i{ margin-top: 10px;}	

}
/*合作流程*/


/*合作须知*/



.hozxzd{width: 100%;  overflow: hidden; position: relative;}

.hozxzd .left{width: 50%; float: left;}
.hozxzd .left img{width:100%; }


.hozxzd .right{ margin-left:5% ; width: 45%; float: left; position: relative;}
.hozxzd .right ul{}
.hozxzd .right ul li{ margin-bottom: 63px; overflow: hidden; width: 100%;}
.hozxzd .right ul li .img{float: left; width: 109px; height: 90px; margin-right: 20px;}
.hozxzd .right ul li .img img{width:100%}
.hozxzd .right ul li .rewrt{float: left; overflow: hidden;  padding-left: 129px; margin-top: -90px;}
.hozxzd .right ul li .rewrt .txte{ font-size: 35px; margin-bottom: 10px; color: #B99148; margin-top: -7px;}
.hozxzd .right ul li .rewrt .context{}

@media all and (max-width:1700px){
.hozxzd .right ul li{ margin-bottom: 40px;}
.hozxzd .right ul li .rewrt .txte{ font-size: 32px;margin-top: -6px;}
    	
}

@media all and (max-width:1800px){
.hozxzd .right ul li{ margin-bottom: 50px;}
.hozxzd .right ul li .rewrt .txte{ font-size: 30px;}
    	
}
@media all and (max-width:1600px){
.hozxzd .right ul li{ margin-bottom: 30px;}
.hozxzd .right ul li .rewrt .txte{ font-size: 28px;}
    	
}
@media all and (max-width:1500px){
.hozxzd .right ul li{ margin-bottom: 20px;}
.hozxzd .right ul li .rewrt .txte{ font-size: 24px;margin-top: -5px;}
    	
}
@media all and (max-width:1180px){
.hozxzd .left{width: 100%; margin-bottom: 40px; margin-top: -10px;}
 .hozxzd .right{width: 100%; margin-left: 0;}  
 .hozxzd .right ul li .rewrt .txte{ font-size:20px;margin-top: -4px;} 	
}

@media all and (max-width:780px){
.hozxzd .right ul li{ margin-bottom: 40px;}
.hozxzd .right ul li .img{ width: 60px; height: 50px; }	
.hozxzd .right ul li .rewrt{ padding-left: 80px; margin-top: -50px;}
}




/*合作须知*/


/*合作尊享 */
.hozzxq{width: 100%; background-color: #343434;overflow: hidden;margin-top: 90px;position: relative; padding-bottom: 240px; z-index: 0; padding-top: 80px;}
/**/

 .hozzxqner { display: block;
 	margin-top: 90px;
 	position: relative;
      width: 100%;
      height: 100%;
    }
    
.hozzxqner ul{zoom: 1; }  
.hozzxqner ul li{width: 32.4% height: auto;  margin-right: 1.4% ;}    
.hozzxqner ul li:nth-child(3n){margin-right: 0;}    
.hozzxqner ul li img{width: 100%; height: auto;}     

.propic_txet{background:rgba(0,0,0,0.8);  width: 50px; position: absolute;z-index: 99; height: 100%; top:0; left: 0;}
.propic_tt{background:rgba(0,0,0,0.8);  width: 50px; position: absolute;z-index: 99; height: 100%; top:0; right: 0;}
.swiper-hoz-next,
.swiper-hoz-prev {
	position: absolute;
	top: 50%;
	width: 27px; 
	height: 31px;

	z-index: 10;
	cursor: pointer;

	background-position: center;
	background-repeat: no-repeat
}

.swiper-hoz-next.swiper-hoz-disabled,
.swiper-hoz-prev.swiper-hoz-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

 .swiper-hoz-next {
	background-image: url("../images/left1.png");
	left: 10px; 
	
}

 .swiper-hoz-prev {
	background-image: url("../images/right1.png") ;
	right: 10px; 

}

@media all and (max-width:640px){
        .hozzxqner{ display: none;}
		
}
@media all and (max-width:1080px){
        .hozzxqner{ display: none;}
        .hozzxq{ padding-bottom: 0px; margin-top: 10px; padding-top: 30px;}
	
}


.hozzxqtsj{ width: 93%; margin:auto; display: block; clear: both; position: relative;height: 240px; padding-bottom: 30px;}
.hozzxqtsj ul{ zoom: 1;  }
.hozzxqtsj ul li{ width: 100%;}

.hozzxqtsj .swiper-pagination{bottom: 10px !important;}



@media all and (min-width:640px){
        .hozzxqtsj{ display: none;}
        
		
}
@media all and (min-width:1080px){
        .hozzxqtsj{ display: none;}
        
	
}

@media all and (max-width:720px){
     .hozzxqtsj{ height: 300px; }
	
}


/*合作尊享 */

/*11*/

.sdafcre{width: 100%;  overflow: hidden;z-index: 1;margin-top: -150px; opacity: 1; position: relative; margin-bottom: 60px;}
.sdafcre .sdafc{width: 80%;display: block;background: url(../images/sdafc.jpg) repeat center top;margin: auto;padding: 70px 0;
z-index: 1 position: relative; }
.sdafcre .sdafc ul{zoom: 1; overflow: hidden;}
.sdafcre .sdafc ul li{width: 50%; float: left;}
.sdafcre .sdafc ul li .terxt{ padding:0 26%;border-right: 2px solid #695644; color: #fff; padding-bottom: 30px;}
.sdafcre .sdafc ul li:nth-child(2n) .terxt{border: none;} 
.sdafcre .sdafc ul li .terxt .title{ font-size: 32px;margin-bottom: 15px;}
.sdafcre .sdafc ul li .terxt .text{  line-height: 24px; height: 48px; overflow: hidden;}

@media all and (max-width:1550px){
.sdafcre .sdafc ul li .terxt{ padding:0 15%;}
}

@media all and (max-width:1350px){
.sdafcre .sdafc ul li .terxt{ padding:0 10%;}

.sdafcre .sdafc ul li .terxt .title{ font-size: 20px;}
.sdafcre .sdafc ul li .terxt .text{ line-height: 24px; height:72px; overflow: hidden;}
	
}

@media all and (max-width:1200px){
	.sdafcre {margin-top:0px;margin-bottom: 0px;}    
.sdafcre .sdafc ul{width: 90%; margin: auto;}
.sdafcre .sdafc{width: 100%;}
}


@media all and (max-width:720px){
	.sdafcre .sdafc{ padding: 20px 0;}
	.sdafcre .sdafc ul li{width: 100%; float: left;}
.sdafcre .sdafc ul li .terxt{border:none; margin-bottom: 30px; padding: 0;}
.sdafcre .sdafc ul li .terxt .title{ margin-bottom: 10px;}
.sdafcre .sdafc ul li .terxt .text{ line-height: 24px; height:auto; overflow: hidden;}
}





/*11*/






/*合作商见证*/
.hozszz{width: 80%;margin: 0 auto;height: auto;overflow: hidden; position: relative; padding-bottom: 70px;} 
.hozszz ul{zoom: 1; padding: 40px 0; }
.hozszz ul li{width: 32%;float: left;  margin-right: 2%; overflow: hidden;position: relative;}
.hozszz ul li:nth-child(2n) {margin-right:3;} 
.hozszz ul li .images {overflow: hidden;position: relative;}
.hozszz ul li .images  img{width: 100%;}
.hozszz ul li .msg {height: 150px;overflow: hidden; padding: 0 10px;}
.hozszz ul li .msg p {width: 100%;font-size: 15px;line-height: 24px;color: #737475;overflow: hidden; margin-top: 30px;}

 .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 16px;

      opacity: 1;

    }
    .swiper-pagination-bullet-active {
      color:#fff;

    }



@media all and (max-width:640px){
        .hozszz{ display: none;}
		
}
@media all and (max-width:1080px){
        .hozszz{ display: none;}
	
}

.hozszzsj{width: 90%; margin: auto;height: auto;overflow: hidden; position: relative; padding-bottom: 40px;}
.hozszzsj ul{zoom: 1;  }
.hozszzsj ul li{width: 100%;float: left;}
.hozszzsj ul li .images {overflow: hidden;position: relative;}
.hozszzsj ul li .images  img{width: 100%;}
.hozszzsj ul li .msg {height: 150px;overflow: hidden; padding: 0 10px;}
.hozszzsj ul li .msg p {width: 100%;font-size: 15px;line-height: 24px;color: #737475;overflow: hidden; margin-top: 30px;}




@media all and (min-width:640px){
        .hozszzsj{ display: none;}
        
		
}
@media all and (min-width:1080px){
        .hozszzsj{ display: none;}
        
	
}
/*合作商见证*/








.l,.col-l,.col_l,.col-c,.col_c{float:left; }
 .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } 


/*布局*/

.wp {margin: 0 auto;width: 1500px;}

.row2{
    overflow: hidden;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 0px 0 0px;
    color:#fff;
}
.row2 .l{
    width: calc(100% - 416px);
    overflow: hidden;
    padding-right: 60px;
}
.row2 .l .tit{
    margin-bottom: 55px;
}
.row2 .l .tit span{
    line-height: 1.3;
    font-size: 24px;
    font-weight: bold;
}
.row2 .l .tit p{
    font-size: 2.86vw;
    font-weight: bold;
}
.ul-list1{
    display: flex;
    justify-content: space-between;
}
.ul-list1 li{
    width: 100px;
    text-align: center;
}
.ul-list1 li .ico img{
    display: block;
    margin:0 auto 17px;
}
.ul-list1 .desc{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 40px;
}
.ul-list1 .num{
    width: 38px;
    height: 38px;
    border:2px solid #fff;
    line-height: 34px;
    font-family: Arial;
    font-size: 18px;
    border-radius: 50%;
    margin:0 auto;
    font-weight: bold;
}
.row2 .r .more{
    display: block;
    width: 313px;
    background-color: #fff;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
    line-height: 48px;
    border-radius: 30px;
    color:#333333;
    float: right;
    margin-bottom: 47px;
}

@media only screen and (max-width: 1600px) {
   .wp{width: 1300px;}

   .row2{padding: 0px 0;}



}
@media only screen and (max-width: 1430px) {
    .wp{width: 1200px;}



}
@media only screen and (max-width: 1360px) {

}
@media only screen and (max-width: 1230px) { 
  .wp,.wp-h{width: auto;padding: 0 15px;margin:0;}

  .row2 .l{width: auto;float: none;padding-right: 0;margin-bottom: 20px;}
  .row2 .r .pic{display: none;}
  .row2 .r{float: none;}
  .row2 .r .more{float: none;margin:0 auto;}
  .ul-list1 .num{display: none;}
  .row2 .l .tit{margin-bottom: 30px;}
  .row2 .l .tit span{font-size: 18px;}
  .ul-list1 .desc{margin-bottom: 20px;}

}

@media only screen and (max-width: 960px) {
  
}

@media only screen and (max-width: 767px) {
   

    .ul-list1 .desc{font-size: 14px;}
    .row2 .l .tit p{font-size: 22px;}
    .row2{padding: 30px 0;}

}

@media only screen and (max-width: 600px) {
     .ul-list1 li{float: left;width: 33.333%;}
     .ul-list1 li:nth-child(4){clear:left;}
     .ul-list1{display: block;overflow: hidden;}
     .row2 .l{margin-bottom: 0;}
     .swiper-slide222 img{height: 250px; width:100%}


}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    z-index: 2; /* 确保按钮在海报图上方 */
}
 
.play-button:hover {
    background: rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%) scale(1.1);
}
 
/* 可选：使用CSS绘制播放图标 */
.play-button::before {
    content: "▶";
    font-size: 36px;
}
/*招商加盟*/


.abNy_products1 {
    height: auto;
    min-height: 400px;
    /* margin: 60px auto; */
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}