a,img { vertical-align: top; }

.container { width: 68%; margin: 0 auto; }



#menu {  position: fixed;left: 0;z-index: 99;top: 50%; transform: translateY(-50%); }

#menu li {margin-bottom: 20px; position: relative; }

#menu li a { display: block; position: relative; padding-left:46px; }

#menu li a span { opacity: 1; width: 17px; transition: all 0.6s; height: 1px; background: #fff; position: absolute; top:50%; transform: translateY(-50%); left:10px; }

#menu li a { display: block; color:#fff; text-transform: uppercase; line-height: 1; position: relative; font-size: 0; transition: all 0.6s; display: block;height: 12px;}

#menu li.active a { font-size: 12px; }

#menu li.active a span { left:0; width: 38px; }







.menu2,.menu4 { background: url(http://www.sunnyfeel.com/images/p22.png) no-repeat left center; }

.menu2 li.active a,.menu4 li.active a { opacity: 1; }

.menu2 li.active a span,.menu4 li.active a span { display: block; width: 14px; height: 14px; background: url(http://www.sunnyfeel.com/images/p23.png) no-repeat center; position: absolute; left:-3px; top:0; }

.menu2 li:hover a,.menu4 li:hover a { opacity: 1; }

.menu2 li:hover a span,.menu4 li:hover a span { display: block; width: 14px; height: 14px; background: url(http://www.sunnyfeel.com/images/p23.png) no-repeat center; position: absolute; left:-3px; top:0; }

.menu3 li a{color:#1c2229; opacity: .2;}

.menu3 { background: url(http://www.sunnyfeel.com/images/p32.png) no-repeat left center; }

.menu3 li.active a { opacity: 1; color:#1c2229; }

.menu3 li.active a span { display: block; width: 14px; height: 14px; background: url(http://www.sunnyfeel.com/images/p33.png) no-repeat center; position: absolute; left:-3px; top:0; }

.menu3 li:hover a { opacity: 1; color:#1c2229; }

.menu3 li:hover a span { display: block; width: 14px; height: 14px; background: url(http://www.sunnyfeel.com/images/p33.png) no-repeat center; position: absolute; left:-3px; top:0; }





@media(max-width: 1200px){

    #menu { display: none!important; }

}



.header .logo { float: left; margin-left:70px; }

.header .logo a { padding:12px 0 20px; display: inline-block;}

.header .logo img{width: 86px;}

.header { width: 100%; position: relative; z-index: 11; }

.topNav { float: left; margin-left: 5vw; }

.topNav .nav { float: left; }

.topNav .nav ul li { float: left;padding: 0 20px; }



.hide { display: none; }

.topNav .nav ul li>a { position: relative; display: inline-block; line-height: 70px; font-size: 16px;color:#ffffff; }



.topNav .nav ul li:hover>a,.topNav .nav ul li.cur>a { color:#ffffff; }



.topNav .nav ul li:hover>a:before,.topNav .nav ul li.cur>a:before {content:''; position: absolute; left:20px; bottom:0px;width: calc(100% - 40px);height: 3px;  background-color:#37467c; }

.fRight .search { padding: 0 22px 0 20px; height: 70px; float: left; position: relative; }

.topNav .nav ul li:hover>a:before,.topNav .nav ul li.cur>a:before  { display: none; }

.fRight .search .sear { margin-right: 10px; cursor: pointer; float: left;width: 35px;height: 70px;background:url(../images/bba.png) no-repeat center; }

/* .fRight .search .sear:hover {  background:url(../imagess/bbabg.png) no-repeat center; -webkit-background-size: 50% auto;background-size: 50% auto; } */



.topNav .nav ul li > a >span{

    padding-bottom: 6px;

}



.topNav .nav ul li:hover > a > span,

.topNav .nav ul li.cur > a > span{

    border-bottom: 1px solid #fff;

}





.fRight .search .lan { cursor: pointer; float: left; }

.fRight .search .lan>a { display: inline-block; width: 35px;height: 70px;background:url(../images/bbc.png) no-repeat center;  }

.fRight .search .lana>a { background:url(../images/bbb.png) no-repeat center; }

.fRight .lana { position: relative; padding-right: 1.2vw; margin-right: 1.2vw; }

.fRight .lana:after { content:''; width: 1px; height: 20px; position: absolute; right:0; top:50%; transform: translateY(-50%); background: #fff; }

.fRight .menu { display: none; cursor: pointer; float: right;position: relative;width: 60px;height: 70px;background: #009b4c/*#1f2c5c*/ }

.fRight .menu span { transition: all 0.8s; display: inline-block;width: 24px;height: 16px; position: absolute; left:50%; top:50%; 
    transform: translate(-50%,-50%);background: url(../images/menu.png) no-repeat center/cover; }

.fRight .menuC span { background: url(http://www.sunnyfeel.com/images/menux.png) no-repeat center; }

.subsearch { display: none; width: 330px; position: absolute; top:50px; right:33px; padding-top:25px; }

.subsearch form {background: #ffffff; border-radius: 3px; padding:15px 20px; position: relative;width: 100%;height: 50px; }

.subsearch form:after { content:''; position: absolute;right:36px; top:-8px; line-height: 0;border-width: 8px;border-color: #ffffff;border-top-width: 0;border-style: dashed;border-top-style: solid;border-left-color: transparent;border-right-color: transparent;}

.subsearch form input.inp {width: 100%; border:none;border-left:2px solid #93969d;background: none; outline: none; padding-left:10px; color:#333; }

.subsearch form input.subxx { border:none; outline: none; position: absolute; right:20px; top:5px;height: 40px;background: url(http://www.sunnyfeel.com/images/ssbg.png) no-repeat center; font-size: 0;width: 25px; }

.fRight .search .sear:hover .subsearch { display: block; }

.fRight .search .lan:hover .subsearch { display: block; }

.fRight { float: right; }

.subsearch .lanSub { right:-37px; text-align: left; background: rgba(255,255,255,1); border-radius: 3px; padding:10px 20px 20px 20px; position: relative;width: 100%;height:auto; }

.subLan { width: 100px; }

.subsearch .lanSub:after { content:''; position: absolute;right:36px; top:-8px; line-height: 0;border-width: 8px;border-color: rgba(255,255,255,0.9);border-top-width: 0;border-style: dashed;border-top-style: solid;border-left-color: transparent;border-right-color: transparent;}

.subsearch .lanSub a {text-align: center; /*padding-left:20px;*/line-height: 1.6; display: block; font-size: 14px;color:#999; }
.subsearch .lanSub a:hover{ color:#009b4c;}
.subsearch .lanSub a span { color:#333333; font-size: 14px; display: inline-block; margin-right:14px; position: relative; }

.subsearch .lanSub a span:after { content:'';width: 10px;height: 1px;background: #ddd; position: absolute; right:-12px; bottom:8px; }



.bannerB { position: absolute;  left: 0px; width: 100%; bottom: 3vw; z-index: 10; }

.bannerB-a { display: inline-block; vertical-align: top; font-size: 14px;color:#fff; font-family: Arial; opacity: 0.5; }



.bannerB-c { float: left; }

.bannerB-d { float: left; padding-right: 30px; background: url(../images/bannerbga.png) no-repeat right center; cursor: pointer; margin-left:2vw; font-size: 14px;color:#fff; }



.fixHeader { position: fixed; top:0; z-index: 100; left:0;width: 100%; }

@media(max-width: 500px){

    .sear .subsearch { width: 300px; left:auto; right:-50px; }

    .sear .subsearch form:after { right:112px; }

    .fRight .search { padding: 0 10px; }

}

@media(max-width: 350px){

    .header .logo img { width: 150px; }

}

@media(max-width:1480px){

    .header .logo { margin-left:60px; }

    .topNav { margin-left: 3.6vw;}

}

@media(max-width:1300px){

    .header .logo { margin-left:40px; }

}

@media(max-width:1100px){

    .bannerB { bottom: 26px;}

    .bannerB-d { margin-left: 16px;}

    .header .logo { margin-left:2%; }

    .topNav .nav ul li { margin: 0 5px!important; }

}

@media(max-width:1024px){

    .fRight .menu { display: block;}

    .fRight .search .lan { display: none; }

}

@media(max-width:640px){

    #menu { display: none!important; opacity: 0; }

}

.pagea-2 .pagea-3 .vie video { min-width: 100%;min-height: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translate3d(-50%,0,0);transform: translate3d(-50%,0,0); }

.pagea-2 .swiper-slide .pagea-3{

    width:100%;

    height:auto;

    min-height:100%;

    transition:1s linear 2s;

    transform:scale(1.1,1.1);

}

.pagea-2 .swiper-slide-active  { z-index: 10;  }    

.pagea-2 .swiper-slide-active .pagea-3,.pagea-2 .swiper-slide-duplicate-active .pagea-3{

    transition:6s linear;

    transform:scale(1,1);

}



.bannerCon { position: absolute; left:0; width: 100%; top:-80%; transform: translateY(-50%); }

.bannerCon .t { font-size: 1.64vw; color:#fff; text-transform: uppercase; font-weight: bold; line-height: 1.2; }

.bannerCon .t2 { font-size: 50px; color:#fff; line-height: 1; margin-top:20px; }

.mainMore { border-radius: 50px; transition: all 0.6s; display:inline-block; font-size: 16px;color:#ffffff; margin-top:30px;
    background: url(../images/mainmorea.png) no-repeat left center; position: relative; padding-left: 56px; line-height: 46px; }

.mainMore:hover { padding-right: 20px; background-color: #009b4c; color:#fff; }



.bannerCon .mainMore { margin-top:1.5vw; }

.bannerScroll { position: absolute; right:20px; width: 90px; text-align: center; bottom:0px; z-index: 10;}

.bannerScroll p { font-size: 12px;color:#fff; transform: rotate(90deg); margin-bottom: 30px; }

.bannerScroll span { display:block;width: 1px;height: 60px;background: rgba(255,255,255,0.15); margin:12px auto 0; position: relative; }

.bannerScroll span:after { content:'';width: 3px;height: 17px;background: #fff; border-radius: 1px;

 position: absolute; top:0; left:-1px; }



.bannerScroll span:after{-webkit-animation:haha1 2s linear infinite;}

@-webkit-keyframes haha1{

	0%{top:0; opacity: 1;}   

	25%{top:25%; opacity: 0.75;}    

	50%{top:50%; opacity: 0.5;}   

	75%{top:75%; opacity: 0.25;}    

	100%{top:100%; opacity: 0;}

}

.pagea-7 { width: 100%; position: absolute; left:0; top:100%; transform: translateY(-50%); }

.pagea-2 .swiper-slide .mbg { display: none; }

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

.ibanner:after { content:'';width: 100%;height: 100%; position: absolute; left:0; top:0;background: rgba(0,0,0,0.2); }

.ibanner .con { z-index: 10; width: 100%; position: absolute; left:0; top:50%; transform: translateY(-50%); }

.ibanner .con .t1 { font-size: 50px;color:#ffffff; font-weight: bold;text-transform: uppercase;}

.ibanner .con .t2 { font-size: 16px;color:#ffffff; text-transform: uppercase; margin-top:5px; }

.swiperPage { position: absolute; bottom:70px; right:0; width: 100%; }

.swiperPage .swiper-pagination { position: relative;width: 100%; text-align: right; }

.swiperPage .swiper-pagination .swiper-pagination-bullet {opacity: 1; width: 50px;height: 3px;background: rgba(255,255,255,0.4); border-radius: 0; margin: 0 2px; }

.swiperPage .swiper-pagination .swiper-pagination-bullet-active { position: relative; }

.swiperPage .swiper-pagination .swiper-pagination-bullet-active:after{ content:'';width: 0;height: 3px; position: absolute; left:0; top:0;background: #fff;-webkit-animation:width 5s linear infinite;}

@-webkit-keyframes width { 0%{width:0} 100%{width:100%;} }

@media(max-width: 1480px){

    .topNav .nav ul li { padding: 0 15px; }

    .bannerCon .t { font-size: 52px; }

    .bannerCon .t2 { font-size: 40px; }

    .container {width: 80%; }

    .ibanner .con .t1 { font-size: 40px; }

    .ibanner .con .t2 { font-size: 16px; }

    .topNav .nav ul li:hover>a:before,.topNav .nav ul li.cur>a:before { left:15px; width: calc(100% - 30px); }

}

@media(max-width: 1280px){

    .container {width: 86%; }

    .topNav .nav ul li { padding: 0 10px; }

    .topNav .nav ul li:hover>a:before,.topNav .nav ul li.cur>a:before { left:10px; width: calc(100% - 20px); }

    .bannerCon .t { font-size: 38px; }

    .bannerCon .t2 { font-size: 28px; }

    .ibanner .con .t1 { font-size: 30px; }

    .ibanner .con .t2 { font-size: 16px; }

}

@media(max-width: 1024px){

    .topNav .nav { display: none; }

    .fRight .search:after { display: none; }

    /*.fRight .search { display: none; margin-left:0; padding: 0 10px; height: 60px; }*/



    .fRight .search { height: 60px; }

    .header .logo a { padding:4px 0 8px; }

    .fRight .menu,.fRight .search .sear,.fRight .search .lan a { height:50px; }

    .fRight .search .lan .subsearch .lanSub a { height: 24px; line-height: 24px; }

}

@media(max-width: 1024px){

    .topNav .nav { display: none; }

    .header .logo { margin-left:2%; }

    .container {width: 94%; }

    .bannerScroll { bottom:20px; width: 70px; right:-10px; }

    .swiperPage { bottom:20px; }

    .pagea-2 .swiper-slide .mbg { display: block; }

    .bannerCon { top:50%; }

}

@media(max-width: 600px){

    .ibanner .con .t1 { font-size: 20px; }

    .ibanner .mainMore { margin-top:20px; }

    .bannerCon { top:50%; }

    .bannerCon .t { font-size: 28px; }

}

@media(max-width: 500px){

    .bannerCon .t { font-size: 24px; }

    .ibanner .con .t1 { text-align:center; font-size: 20px; }

    .ibanner .con .t2 { text-align:center; font-size: 14px; }

    .ibanner { text-align: center; }

    .ibanner .alignL { text-align: left; }

}





.section { overflow: hidden; height: 100%; }

#fullPage .active { opacity: 1; }

#fullPage .active .homeBoxB,#fullPage .active .footer { opacity: 1; }



#fullPage .active { opacity: 1; }

.homeBoxB,.p5 .footer { opacity: 0; }

#fullPage .active .homeBoxB,#fullPage .active .footer { opacity: 1; }

.p2 { position: relative; background: url(../images/p2bg.jpg) no-repeat center/cover; }

.homeBoxA { width: 100%; position: absolute; left:0; top:50%;  transform: translateY(-50%); }

.mainTit .et { font-size: 0.85vw;color:#f5bc2d; }

.mainTit .t { font-size: 1.625vw;color:#ffffff; text-transform: uppercase; line-height: 1; margin:8px 0 2vw; font-weight: bold; }

@media(max-width: 1024px){

    .mainTit .et { font-size: 16px; }

    .mainTit .t { font-size: 28px; margin: 10px 0 24px; line-height: 1.2;}

}

@media(max-width: 640px){

    .mainTit .t { font-size: 24px; }

}

@media(max-width: 400px){

    .mainTit .t { font-size: 20px; }

}

.mainTit p{ color:#f5f5f5;font-size:0.95vw;margin:15px 0;line-height:28px;}



.p3 { background: url(../images/p3bg.jpg) no-repeat center/cover; }



.homeBoxB { position: absolute; left:0; width: 100%; top:50%; transform: translateY(-50%); }



.homeBoxB-c { position: absolute; right:0; bottom: 10px; }

.homeBoxB-c a { display: inline-block; margin-left:3vw; font-size: 0.9vw; color:#ffffff; line-height: 1.2; border-bottom: 2px solid #000; text-transform: uppercase; }

.homeBoxB-c a.cur,.homeBoxB-c a:hover { color:#009b4c; border-color:#009b4c; }



.homeBoxB-d { padding-left: 16%; }



.homeBoxB-e .con {  }

.homeBoxB-e .con .t { font-size: 1.25vw; color:#fff; margin:1.5vw 0 10px; text-transform: uppercase; }

.homeBoxB-e .con .c { 

    font-size: 16px;

    color:#fff;

    opacity: 0.5;

    overflow:hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow:ellipsis;

}

.homeBoxB-d .mainMore { margin-top: 2.5vw; }



@media(max-width: 1480px){

    .homeBoxB-d { padding-left: 10%; }

}

@media(max-width: 1280px){

    .homeBoxB-d { padding-left: 7%; }

}

@media(max-width: 1024px){

    .homeBoxB-e .con .t { font-size: 20px; }

    .homeBoxB-d { padding-left: 3%; }

    .homeBoxB-d .mainMore { margin-top: 20px; }

    .homeBoxB-c a { font-size: 16px; }

}

@media(max-width: 640px){

    .homeBoxB-c a { margin: 0 16px 0 0; font-size: 14px; }

    .homeBoxB-c a:last-child { margin-right:0; }

    .homeBoxB-c { position: relative; right:auto; left:0; bottom: 0; float: left; }

    .homeBoxB-e .con .t { font-size: 18px; }

    .homeBoxB-d { margin-top: 20px; }

}

@media(max-width: 500px){

    .homeBoxB-c a { margin: 6px 10px 6px 0; }

}





.p4 { background: url(../images/p4bg.jpg) no-repeat center/cover; }



.homeBoxC { position: absolute; width: 100%; left:0; top: 50%; transform: translateY(-50%);}

.homeBoxC-b ul li { width: 30%; float: left; text-align: left; }

.homeBoxC-b ul li:nth-child(2) { width: 40%; text-align: center; }

.homeBoxC-b ul li:nth-child(3) { text-align: right; float: right; }

.homeBoxC-c { display: inline-block; text-align: center; }

.homeBoxC-c .icon { display: inline-block; padding-top:3vw; width: 12vw; height: 9.5vw; /*background: url(../imagess/tbg.png) no-repeat center/cover;*/ }

.homeBoxC-c .icon img { width: 5.1vw; height: auto; }

.homeBoxC-c .t { font-size: 1.35vw; color:#fff; text-transform: uppercase; margin:1.5vw 0 0; }

.homeBoxC-b .mainMore { margin-top: 4.5vw; }

@media(max-width: 1280px){

    .homeBoxC-c .icon { padding-top:5vw; width: 20vw; height: 16vw; }

    .homeBoxC-c .icon img { width: 8vw; height: auto; }

    .homeBoxC-c .t { font-size: 1.8vw; }

}

@media(max-width: 640px){

    .homeBoxC-b ul li,.homeBoxC-b ul li:nth-child(3),.homeBoxC-b ul li:nth-child(2) { float: left; width: 33.333%;}

}

@media(max-width: 500px){

    .homeBoxC-c .icon { padding-top:6vw; width: 28vw; height: 22.5vw; }

    .homeBoxC-c .icon img { width: 14vw; height: auto; }

    .homeBoxC-c .t { font-size: 14px; margin-top:10px;; }

    .homeBoxC-b ul li,.homeBoxC-b ul li:nth-child(3),.homeBoxC-b ul li:nth-child(2) { text-align: center; width:100%;}

    .homeBoxC-b ul li:nth-child(1),.homeBoxC-b ul li:nth-child(2) { width: 50%; margin-top: 15px; }

    .homeBoxC-b ul li:nth-child(3) { margin-top: 20px; }

}

.homeBoxD-h ul { position: relative;}

.homeBoxD-h ul li { transition: all 1s; width: 100vw; position: absolute; left:0; top:0; height: 100vh;}

.homeBoxD-h ul li { opacity: 0; }

.homeBoxD-h ul li.active { opacity: 1; position: relative; z-index: 1; }

.homeBoxD { position: absolute; z-index: 5; width: 100%; left:0; top:50%; transform: translateY(-50%); }

.homeBoxD-b { position: absolute; left:0; top:50%; transform: translateY(-50%); float: left; width: 40%;}

.homeBoxD-c { float: right; width: 100%;}

#home #top .indexBanner { z-index: 10; }



.homeBoxD-b ul li { display: none; }

.homeBoxD-b ul li.active { display: block; }





@media(max-width: 1024px){

    .homeBoxD-b { float: none; width: 100%; position: relative; top:0; transform: translate(0); }

    .homeBoxD-c,.homeBoxD-b { width: 100%; }

}





.p6 { background: #181818;}

.homeBoxE { position: absolute; width: 100%; position: absolute; left:0; top:50%; transform: translateY(-50%); height: 100vh;}



.homeBoxE-b { position: absolute; left: 16%; width: 18.8vw; top:50%; transform: translateY(-50%); }





.homeBoxE-c { width: 62.5%; float: right; }

.homeBoxE-c .swiper-slide a { display: block; height: 100vh; position: relative;}



.homeBoxE-d {padding: 0 1.5vw; position: absolute; left:0; top: 50%; transform: translateY(-50%); width: 100%;}

.homeBoxE-c .swiper-slide a { border-left: 1px solid rgba(255,255,255,0.1); }

.homeBoxE-c a:hover { background: #151515; }

.homeBoxE-d .date { font-size: 2.2vw; color: rgba(174,174,174,0.11); line-height: 1; font-family: arial; }



.homeBoxE-d .img { margin:2vw 0 2vw; border-radius: 16px; overflow: hidden; }

.homeBoxE-d .con { height: 14vw; }



.homeBoxE-d .con .t { font-size: 1vw; color:#fff; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;  }

.homeBoxE-d .con .c { font-size: 14px; color:#e1e1e1; opacity: 0.5; margin-top:1.4vw; text-transform: uppercase; line-height: 1.6; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden; }



.homeBoxE-d .smallMore { display: inline-block; padding-right: 25px; font-size: 14px;  color:rgba(255,255,255,0.7);
     background: url(../images/hebg.png) no-repeat right center; }



@media(max-width: 1480px){

    .homeBoxE-d .con .t { font-size: 16px; line-height: 1.6; }

    .homeBoxE-d .con { height: 16vw; }

    .homeBoxE-b { left: 10%; }

    .homeBoxE-c { width: 70%; }

}

@media(max-width: 1280px){

    .homeBoxE-d .con .t { font-size: 15px; line-height: 1.6; }

    .homeBoxE-d .con .c { font-size: 13px; line-height: 1.6; }

    .homeBoxE-d .con { height: 18vw; }

    .homeBoxE-b { left: 7%; }

    .homeBoxE-c { width: 72%; }

}

@media(max-width: 1024px){

    .homeBoxE { height: auto; }

    .homeBoxE-c .swiper-slide a { height: auto; }

    .homeBoxE-d { position: relative; top:0; transform: translateY(0);}

    .homeBoxE-c { margin-top: 20px; width: 100%; padding: 0 3%;}

    .homeBoxE-d .date { display: none; }

    .homeBoxE-d .con { height: auto; margin-bottom: 16px; }

    .homeBoxE-d .con .c { -webkit-line-clamp: 2; }

    .homeBoxE-b { left: 3%; width: 100%; position: relative; top:0; transform: translateY(0); }

}



















/*网站底部*/

.footer { padding:3.5vw 0 0;background:  #333; }



.footerA { padding: 0 70px; }





.footerA-a .t { font-size: 2.6vw; color:#f5bc2d; text-transform: uppercase; line-height: 1; }

.footerA-a .c { font-size: 0.82vw; line-height: 1.5; color:#fff; margin-top:12px; }

.footerA-a { float: left; width: 45%; }



.footerA-b { float: right; width: 36%; }

.footerA-c .inp { border:none; width: 100%; height: 50px; border-bottom: 2px solid rgba(255,255,255,0.38); background: none; font-size: 0.8vw; color:#ffffff; }

.footerA-c .sub { position: absolute; right:0; top:0; height: 50px; background: none; border:none; font-size:0.9vw; color:rgba(255,255,255,0.5); }



.footerA-c .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: rgba(255,255,255,0.5); 

}

.footerA-c .inp::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: rgba(255,255,255,0.5);

}

    

.footerA-c .inp:-ms-input-placeholder

 {

    color: rgba(255,255,255,0.5);

}

    

.footerA-c .inp::-webkit-input-placeholder {

    color: rgba(255,255,255,0.5);

}



.footerA-d { margin-top:2vw; }

.footerA-d .t { float: left; font-size: 1.25vw; color:#fff; line-height: 1.2; }

.footerA-e { float: right; }



.footerA-f { border-bottom: 1px solid rgba(255,255,255,0.4); padding-bottom:3.2vw; margin-bottom:3.2vw; }

.footerB { padding-bottom: 5.6vw;}

.footerB-b { margin-bottom: 20px; float: left; width: 17vw;  }

.footerB-b .t { font-size: 0.9vw; color:#fff; }

.footerB-b .c { font-size: 0.8vw; color:rgba(255,255,255,0.78); line-height: 1.6; margin-top: 12px; }

.footerB-c { float: right; }

.footerB-c dl { float: left; margin-left:3.4vw;width: 9vw;}

.footerB-c dl:nth-child(1) { margin-left:0;}

.footerB-c dl a { display: block;}

.footerB-c dl dt a { font-size: 0.9vw; color:#fff; margin-bottom: 10px; }

.footerB-c dl dd a {  font-size: 0.8vw; color:rgba(255,255,255,0.78); line-height: 1.3; margin-bottom: 8px;}



.footerC { background: #1a1a1a; padding: 1vw 70px; }

.footerC-b { float: left; font-size: 13px;color:rgba(255,255,255,0.5);}

.footerC-c { float: right; }

.footerC-c a { font-size: 13px;color:rgba(255,255,255,0.5);}


.footerA-e .social-share-icon:before{
    content: ""
}
.footerA-e .icon-wechat{
    background: url(../images/weixin.png) center center no-repeat;
}
.footerA-e .icon-facebook{
    background: url(../images/jingdong.png) center center no-repeat;
}
.footerA-e .icon-twitter{
    background: url(../images/tianmao.png) center center no-repeat;
}
.footerA-e .icon-linkedin{
    background: url(../images/weibo.png) center center no-repeat;
}
@media(max-width: 1680px){

    .footerA-a .c,.footerA-c .inp,.footerB-b .c,.footerB-c dl dd a { font-size: 14px; }

    .footerA-c .sub,.footerB-c dl dt a { font-size: 16px; }

    .footerA-d .t,.footerB-b .t { font-size: 18px; }

    .footerB-c dl { margin-left:2.4vw;}

}

@media(max-width: 1580px){

    .footerB-c dl { margin-left:1.8vw;}

}

@media(max-width: 1480px){

    .footerA-a .c,.footerA-c .inp,.footerB-b .c,.footerB-c dl dd a { font-size: 12px; }

    .footerA-c .sub,.footerB-c dl dt a { font-size: 16px; }

    .footerA-d .t,.footerB-b .t { font-size: 18px; }

    .footerB-c dl { margin-left:2vw;}

}

@media(max-width: 1300px){

    .footerA { padding: 0 40px; }

    .footerC { padding: 16px 40px; }

}

@media(max-width: 1280px){

    .footerA-a .c,.footerA-c .inp,.footerB-b .c,.footerB-c dl dd a { font-size: 12px; }

    .footerB-c dl { margin-left:1.2vw;}

}

@media(max-width: 1100px){

    .footerA { padding: 0 2%; }

    .footerC { padding: 16px 2%; }

}

@media(max-width: 1024px){

	.footerA-a .t { font-size: 24px; }

    .footerA-a .c,.footerA-c .inp,.footerB-b .c,.footerB-c dl dd a { font-size: 14px; }

    .footerA { padding: 0 3%; }

    .footerC { padding: 16px 3%; }

    .footerB-b,.footerA-a,.footerA-b,.footerC-b,.footerC-c { width: 100%; }

    .footerC-b,.footerC-c { text-align: center; line-height: 1.6;}

    .footerA-b { margin-top: 16px; }

    .footerB-c { display: none;}

}



/*导航下拉*/

.topNav .nav ul li .xiala{

    position: absolute;

    width: 100%;

    left: 0;

    /*top: 100%;*/
    top: 70px;

    padding: 60px 0 100px;

    background-color: rgba(255, 255, 255, 0.9);

    display: none;

}



.topNav .nav ul li:hover .xiala{

    display: block;

}



.topNav .nav ul li .xiala .left{

    float: left;

    width: 33.5%;

}



.topNav .nav ul li .xiala .right{

    width: 57%;

    float: right;

}



.topNav .nav ul li .xiala .right .ul li{

    float: left;

    width: 26%;

    margin-left: 0;

    margin-right: 11%;

}



.topNav .nav ul li .xiala .right .ul li:last-child{margin-right: 0;}



.topNav .nav ul li .xiala .right .ul li .bt{

    border-bottom: 1px solid #c7c7c6;

}

.topNav .nav ul li .xiala .right .ul li .bt a{

    color: #45584f;

    padding:10px 0 16px;

    position: relative;

    display: block;

}



.topNav .nav ul li .xiala .right .ul li .bt a:before{

    position: absolute;

    content: "";

    right: 0;

    top: 14px;

    width: 12px;

    height: 12px;

    background: url(../images/xiala_icon.png) center center/cover;

}

.topNav .nav ul li .xiala .right .ul li .nr{padding-top: 10px;}

.topNav .nav ul li .xiala .right .ul li .nr a{

    display: block;

    margin-top: 16px;

    color: #666666;

}

.topNav .nav ul li .xiala .right .ul li .nr a br{display: none;}

.sear{position: relative;}

.sear_xiala{

    position: absolute;

    top: 100%;

    width: 146px;

    left: 50%;

    transform: translateX(-50%);

    background: #ffffff;

    text-align: center;

    display: none;

}

.sear_xiala:before{

    position: absolute;

    background: url(../images/sear_xiala_icon_b.png) center center/cover;

    width: 11px;

    height: 8px;

    content: "";

    top: -8px;

    left: 50%;

    transform: translateX(-50%);

}



.fRight .search .sear:hover .sear_xiala{

    display: block;

}



.sear_xiala .ul li > .bt{

    padding: 14px 10px;

}





.sear_xiala .ul li > .bt a{color: #666;}

.sear_xiala .ul li:hover > .bt a{

  color: #fff;

}

.sear_xiala .ul li:hover > .bt{

  

    background: #45584f;

}



.sear_xiala .ul li .sanji{

    position: absolute;

    top: 0;

    left: -124px;

    width: 124px;

    padding: 10px 0;

    background: rgba(69, 88, 79, 0.55);

    display: none;

}





/*.sear_xiala .ul li:hover .sanji{display: block;}*/
/*.sear_xiala .ul li:hover:nth-child(1) .sanji{display: block;}*/



.sear_xiala .ul li .sanji .box{

    padding: 10px 30px;

    position: relative;

}



.sear_xiala .ul li .sanji .box .icon{

    float: left;

    width: 30px;

}

.sear_xiala .ul li .sanji .box .bt{

    color: #fff;

    font-size: 12px;

    float: left;

    margin-left: 10px;

    padding-top: 4px;

}





@media(max-width: 1600px){

    .topNav .nav ul li .xiala{

        padding: 50px 0 80px;

    }

}



@media(max-width: 1500px){

    .topNav .nav ul li .xiala .right .ul li .nr{padding-top: 6px;}

    .topNav .nav ul li .xiala .right .ul li .nr a{margin-top: 12px;}

}



@media(max-width: 640px){

    .sear_xiala{

        width: 120px;

    }

    .sear_xiala .ul li > .bt {

        padding: 10px;

    }

}



/*关于我们*/

.relative{position: relative;}

.img100 img{width: 100%;}

.nybanner .img .img2{display: none;}

.nybanner .text{

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 48%;

    z-index: 9;

}



.nybanner .text .en{

    color: #f5bc2d;

}



.nybanner .text .cn{

    font-size: 1.8vw;

    color: #fff;

    margin-top: 10px;

    line-height: 1.2;

    font-weight: bold;

}



@media(max-width: 1100px){

    .nybanner .img .img1{display: none;}

    .nybanner .img .img2{display: block;}

}



.mainTit .t.xx{

    text-transform: initial;

}

.about_a{

    background: url(../images/about_a_bg2.jpg) center top no-repeat #111111;

    padding: 110px 0 180px;

}



.about_a .text{

    color: rgba(225, 225, 225, 0.8);

    line-height: 1.6;

    text-align: justify;

}





.about_a .ul{

    margin-top: 90px;

}



.about_a .ul li{

    float: left;

    width: 50%;

    padding-right: 20px;

    line-height: 1.6;

}



.about_a .ul li .icon{

    width: 88px;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.about_a .ul li .wenzi{

    padding-left: 120px;

}



.about_a .ul li .wenzi .bt{

    color: #fff;

}



.about_a .ul li .wenzi .js{

    color: rgba(255, 255, 255, 0.6);

}



.about_b{

    background: url(../images/about_b_ig.jpg) center center/cover;

    padding: 240px 0 280px;

}



.about_b .box{

    width: 80%;

}



.about_b .text{

    color: #e1e1e1;

    line-height: 1.8;

}



.about_b .text ul li{

    padding-left: 34px;

    position: relative;

    margin-bottom: 24px;

}



.about_b .text ul li:before{

    background: url(../images/about_b_icon.png) center center/cover;

    width: 12px;

    height: 10px;

    position: absolute;

    top: 12px;

    left: 0;

    content: "";

}



.about_b .text ul li:last-child{margin-bottom: 0;}



.about_c{

    padding: 170px 0 210px;

    background: #111111;

}



.about_c .box{

    float: right;

    width: 84%;

}

.mainTit2 .t{

    margin-bottom: 20px;

}

.mainTit2 .et{font-size: 30px; margin-bottom: 30px;}



.about_c .left{

    float: left;

    width: 24.8%;

    padding-top: 70px;

}

.about_c .left .text{

    line-height: 1.6;

    color: rgba(225, 225, 225, 0.8);

}



.about_c .right{

    float: right;

    width: 69.2%;

}



.about_d{

    padding: 140px 0 160px;

    background: #000000;

}



.about_d .ul li{

    background: rgba(255, 255, 255, 0.1);

    float: left;

    width: 32.6%;

    margin-right: 1.1%;

    text-align: center;

    padding: 46px 66px 56px;

}



.about_d .ul li:last-child{margin-right: 0;}



.about_d .ul li .icon{

    width: 193px;

    display: inline-block;

}





.about_d .ul li .bt{

    font-size: 22px;

    color: #fff;

    margin-top: 22px;

      height: 46px;

    overflow: hidden;

}



.about_d .ul li .js{

    line-height: 1.6;

    margin-top: 40px;

    font-size: 14px;

    color: rgba(255, 255, 255, 0.6);

    height: 160px;

    overflow: hidden;

}





.grayPage{

    position: absolute;

    top: auto;

   bottom: 40px;

    width: 100%;

    left: 0;

   height: 300px;

}



.editorial {

    display:block;

    width:100%;

    min-width:1200px;

    height:300px;

}

.parallax>use {

    animation:move-forever 12s linear infinite;

    /*transform-origin:50% 50%;

    */

}

.parallax>use:nth-child(1) {

    animation-delay:-2s;

}

.parallax>use:nth-child(2) {

    animation-delay:-2s;

    animation-duration:8s;

}

.parallax>use:nth-child(3) {

    animation-delay:-4s;

    animation-duration:9s;

}

.parallax>use:nth-child(4) {

    animation-delay:-6s;

    animation-duration:13s;

}

.parallax>use:nth-child(5) {

    animation-delay:0;

    animation-duration:9s;

}

.parallax>use:nth-child(6) {

    animation-delay:-6s;

    animation-duration:11s;

}

@keyframes move-forever {

    0% {

    transform:translate(-90px,0%);

}

100% {

    transform:translate(85px,0%);

}

}







.about_e{

    background: url(../images/about_e_bg.jpg) center center/cover;

    background-attachment: fixed;

    padding: 340px 0;

    text-align: center;

}



.about_f{

    padding: 140px 0 250px;

    background: #000;

}



.about_f .ul{

    margin-top: 80px;

    border-bottom: 1px solid #1a1a1a;

}



.about_f .ul li{

    float: left;

    width: 30%;

    margin-right: 3.3%;

    padding-right: 20px;

    padding-bottom: 46px;

    position: relative;

    cursor: pointer;

}

.about_f .ul li:last-child{margin-right: 0;}



.about_f .ul li .icon{

    width: 140px;

    opacity: 0.3;

}



.about_f .ul li .bt{

    position: absolute;

    font-size: 26px;

    top: 50%;

    left: 156px;

    transform: translateY(-50%);

    color: rgba(255, 255, 255, 0.3);

}



.about_f .ul li.cur:before{

    background: #343f3a;

    width: 100%;

    height: 1px;

    bottom: -1px;

    left: 0;

    position: absolute;

    content: "";

}



.about_f .ul li.cur .icon{opacity: 1;}

.about_f .ul li.cur .bt{color: #fff;}



.about_f .nr{

    margin-top: 54px;

    line-height: 2;

    color: rgba(255, 255, 255, 0.5);

    position: relative;

    z-index: 9;

}

.about_f .nr .box{display: none;}

.about_f .nr .box.cur{

    display: block;

}



.about_f canvas{

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 250px !important;

    left: 0;

    overflow: hidden;

}





/* body{overflow: hidden;} */



@media(max-width: 1600px){

    .about_b{padding: 200px 0 210px;}

    .about_d .ul li .icon{

        width: 170px;

    }

    .about_d .ul li .js{margin-top: 26px;}

    .about_e{

        padding: 300px 0;

    }

    .about_f{

        padding: 100px 0 200px;

    }

    .mainTit2 .et{font-size: 26px;}

    

}



@media(max-width: 1500px){

    .about_a {

      padding: 80px 0 120px;

    }

    .about_b .text ul li:before{top: 10px;}

    .about_c {

      padding: 120px 0 140px;

    }

    .about_d {

          padding: 90px 0 110px;

    }

     .about_d .ul li .icon{

        width: 150px;

    }

    .about_d .ul li{

        padding: 40px 40px 50px;

    }

    .about_e{

        padding: 220px 0;

    }

    .about_f .ul li .icon{

        width: 120px;

    }

    .about_f .ul li .bt{

        left: 136px;

    }

    .about_f .ul li .bt{font-size: 22px;}

    .about_f .nr{margin-top: 40px;}

    .mainTit2 .et {

        font-size: 22px;

    }

}







@media(max-width: 1480px){

  .about_c .box{width: 90%;}

}



@media(max-width: 1024px){

    .nybanner .text .cn{

        font-size: 28px;

    }

    .about_a {

        padding: 50px 0 70px;

    }

    .about_a .ul {

        margin-top: 50px;

    }

    .about_b {

        padding: 160px 0;

    }

    .about_b .box{width: 100%;}

    .about_b .text ul li{

        padding-left: 26px;

    }

    .about_c {

        padding: 50px 0;

    }

    .about_c .left{

        width: 100%;

        padding-top: 0;

    }

    .about_c .right{

        width: 100%;

        margin-top: 30px;

    }



    .about_c .box{

        width: 96%;

        float: none;

        margin: 0 auto;

    }

    .mainTit2 .et {

        font-size: 18px;

        margin-bottom: 20px;

    }



    .about_d {

        padding: 50px 0;

    }



    .about_d .ul li{

        width: 100%;

        margin-right: 0;

        margin-bottom: 16px;

        padding: 30px 20px;

    }

    .about_d .ul li .icon {

        width: 110px;

    }

    .about_d .ul li .bt{font-size: 18px;height: auto;}

    .about_d .ul li .js {

        margin-top: 18px;

        height: auto;

    }

    .about_d .ul li:last-child{margin-right: 0;}



    .about_e {

        padding: 160px 0;

    }



    .about_f {

        padding: 50px 0;

    }

     .about_f .ul_box{

        overflow: auto;

     }

    .about_f .ul{margin-top: 40px;width: 750px;}

    .about_f .ul li{width: 250px;margin-right: 0;}



    .about_f .ul li .icon{

        width: 90px;

    }

    .about_f .ul li .bt{font-size: 18px;left: 106px;}





}



@media(max-width: 640px){

    .about_a .ul li{width: 100%;margin-bottom: 40px;}

    .about_a .ul li:last-child{margin-bottom: 0;}

    .about_a .ul li .icon{

        width: 70px;

    }

    .about_a .ul li .wenzi{

        padding-left: 90px;

    }

    .about_b {

        padding: 120px 0;

    }

    .about_b .text ul li:before{top: 8px;}

    .about_f canvas{

        height: 150px !important;

    }

}



.changjing{

    padding: 120px 0;

    background: #000000;

}



.changjing .box{

    padding-left: 16%;

    margin-bottom: 66px;

}



.changjing .box:last-child{margin-bottom: 0;}



.changjing .box .left{

    float: left;

    width: 28.2%;

    padding-top: 30px;

}



.changjing .box .left .text{

    line-height: 1.6;

}



.changjing .box .left a{

    margin-top: 90px;

}



.changjing .box .right{

    float: right;

    width: 65.8%;

}



.changjing .lb{

    position: absolute;

    top: 150px;

    left: 0;

}



.changjing .lb .ul li{

    font-size: 14px;

    padding-left: 40px;

    position: relative;

    padding-top: 12px;

    padding-bottom: 12px;

    color: rgba(255, 255, 255,0.23);

    cursor: pointer;

}



.changjing .lb .ul li br{display: none;}





.changjing .lb .ul li:before{

    position: absolute;

    content: "";

    left: 10px;

    top: 50%;

    width: 18px;

    height: 1px;

    background: #4d4d4d;

    transform: translateY(-50%);

    transition: all 0.3s;

}



.changjing .lb .ul li.cur{

    color: #fff;

}



.changjing .lb .ul li.cur:before{

    left: 0;

    width: 36px;

    background: #fff;

}



.zindex99{position: relative;z-index: 99;}



@media(max-width: 1680px){

    .changjing{

        padding: 120px 0;

    }

    .changjing .box .left a {

        margin-top: 60px;

    }

}



@media(max-width: 1500px){

    .changjing{

        padding: 90px 0;

    }

    

}



@media(max-width: 1024px){

    .changjing {

        padding: 30px 0;

    }

    .changjing .lb{display: none;}

    .changjing .box{

        padding-left: 0;

        width: 94%;

        margin: 0 auto 40px;

    }

    .changjing .box .left{

        width: 100%;

        padding-top: 0;

    }

    .changjing .box .left a {

        margin-top: 20px;

    }

    .changjing .box .right{

        width: 100%;

        margin-top: 30px;

    }

}



.chanpinlb_a{

    padding: 140px 0 90px;

    background: #000;

}



.chanpinlb_a .left{

    float: left;

    width: 26.8%;

}



.chanpinlb_tit .en{

    color: #f5bc2d;

    position: relative;

    padding-left: 24px;

}



.chanpinlb_tit .en:before{

    position: absolute;

    background: url(../images/fanhui_icon.png) center center/cover;

    width: 16px;

    height: 9px;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    content: "";

}



.chanpinlb_tit .cn{

    font-size: 40px;

    color: #fff;

    margin-top: 12px;

    line-height: 1;

}



.chanpinlb_a .left .ul{

    margin-top: 40px;

}

.chanpinlb_a .left .ul li{

    position: relative;

    border-bottom: 1px solid #1a1a1a;

}

.chanpinlb_a .left .ul li:nth-child(1){

    border-top: 1px solid #1a1a1a;

}



.chanpinlb_a .left .ul li:before{

    position: absolute;

    width: 3px;

    height: 3px;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    border: 2px solid #323232;

    border-radius: 100%;

    content: "";

}



.chanpinlb_a .left .ul li .box{

    padding: 16px 16px;

    color: rgba(255, 255, 255, 0.6);

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

    transition: all 0.3s;

}



.chanpinlb_a .left .ul li.cur .box,.chanpinlb_a .left .ul li:hover .box{

    color: #fff;

}



.chanpinlb_a .left .ul li .box:before{

    transition: all 0.4s;

    background: #313131;

    height: 1px;

    width: 0;

    position: absolute;

    left: 0;

    bottom: -1px;

    content: "";

}

.chanpinlb_a .left .ul li.cur .box:before,.chanpinlb_a .left .ul li:hover .box:before{

    width: 100%;

}



.chanpinlb_a .right{

    width: 66.5%;

    float: right;

    padding-top: 24px;

}



.chanpinlb_a .right .ul li{

    float: left;

    width: 49%;

    margin-right: 2%;

    margin-bottom: 44px;

}



.chanpinlb_a .right .ul li:nth-child(2n){margin-right: 0;}



.chanpinlb_a .right .ul li .img{

    position: relative;

    border-radius: 8px;

    overflow: hidden;

}



.chanpinlb_a .right .ul li .img .icon{

    position: absolute;

    width: 57px;

    height: 45px;

    right: 10px;

    bottom: 0;

    background: url(../images/gouwu_icon.png) center center/cover;



}

.chanpinlb_a .right .ul li .text {

    padding-top: 20px;

}

.chanpinlb_a .right .ul li .text .bt{

  color: #fff;

  white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;

}

.chanpinlb_a .right .ul li .text .js{

  color: rgba(255, 255, 255, 0.5);

  margin-top: 10px;

  white-space:nowrap;
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}



.chanpinlb_a .right .ul li .text .mainMore{

  margin-top: 16px;

}



.chanpinlb_a .right .jiazai{

    margin-top: 40px;

    text-align: center;

}



.chanpinlb_a .right .jiazai .box{display: inline-block;position: relative;cursor: pointer;}

.chanpinlb_a .right .jiazai .box .img{

    position: absolute;

    width: 44px;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}

.chanpinlb_a .right .jiazai .box .bt{

    color: #262626;

    padding-left: 58px;

}



@media(max-width: 1680px){

    .chanpinlb_a {

        padding: 110px 0 80px;

    }

    .chanpinlb_tit .cn{font-size: 36px;}

}



@media(max-width: 1500px){

    .chanpinlb_a {

        padding: 70px 0 60px;

    }

    .chanpinlb_tit .cn {

        font-size: 30px;

    }

    .chanpinlb_a .left .ul {

        margin-top: 30px;

    }

}



@media(max-width: 1024px){

    .chanpinlb_a {

        padding: 50px 0;

    }

    .chanpinlb_a .left{



    }

    .chanpinlb_a .right{

        padding-top: 0;

    }

    .chanpinlb_a .right .ul li{

        width: 100%;

    }

    .chanpinlb_tit .cn {

        font-size: 22px;

    }

}



@media(max-width: 800px){

    .chanpinlb_a .left{

        width: 100%;

    }

    .chanpinlb_a .left .ul {

        margin-top: 20px;

    }

    .chanpinlb_a .right{

        width: 100%;

        margin-top: 30px;

    }



    .chanpinlb_a .right .ul li{margin-bottom: 30px;}

    .chanpinlb_a .right .jiazai{margin-top: 20px;}

}



.container2{width: 74%;margin: 0 auto;}



.nybanner .mbx{

    margin-top: 12px;

}



.nybanner .mbx a,.nybanner .mbx span{

    color: #f5bc2d;

}



.nybanner .mbx a br,.nybanner .mbx span br{

    display: none;

}



.nybanner .mbx span{

    padding: 0 3px;

}



.chanpinxq_a{

    padding: 110px 0 140px;

    background: #000000;

}



.chanpinxq_a .left{

    float: left;

    width: 45.5%;

    overflow: hidden;

}



.chanpinxq_a .left .lb{

   float: left;

    width: 20.9%;

    padding: 5px 10px;

}



.chanpinxq_a .left .lb .box{

    padding: 5px 0;

}

.chanpinxq_a .left .lb .slick-current .box .img{position: relative;}

.chanpinxq_a .left .lb .slick-current .box .img:before{

    position: absolute;

    width: 100%;

    height: 100%;

    content: "";

    top: 0;

    left: 0;

    background: rgba(59, 59, 59, 0.8);

}



.chanpinxq_a .left .dt{

    position: absolute;

    right: 0;

    top: 0;

    width: 79%;

    height: 100%;

    overflow: hidden;

    background: #fff;

}





.chanpinxq_a .right{

    float: right;

    width: 46.6%;

    padding-top: 30px;

}



.chanpinxq_a .right .bt{

    font-size: 46px;

    color: #fff;

    line-height: 1;

}



.chanpinxq_a .right .bq{

    color: #fff;

    margin-top: 10px;

}



.chanpinxq_a .right .jg{

    color: #fff;

    margin-top: 18px;

    font-size: 30px;

}



.chanpinxq_a .right .js{

    line-height: 1.6;

    border-top: 1px solid #1a1a1a;

    padding-top: 26px;

    margin-top: 26px;

    color: rgba(255, 255, 255, 0.5);

}



.chanpinxq_a .right .gm{

    margin-top: 60px;

}



.chanpinxq_a .right .gm .a{

    margin-bottom: 16px;

}



.chanpinxq_a .right .gm .a:last-child{margin-bottom: 0;}



.chanpinxq_a .right .gm .a .a1{

        background: url(../images/chanpinxq_ly.png) no-repeat left center;

}



.chanpinxq_a .right .gm .a .a2{

        background: url(../images/chanpinxq_gm.png) no-repeat left center;

}



.chanpinxq_a .right .gm .a .a1:hover,.chanpinxq_a .right .gm .a .a2:hover{

    background-color: #009b4c;

}



.chanpinxq_b{

    padding: 80px 0 90px;

    background: #171717;

}



.chanpinxq_b .ul li{

    float: left;

    width: 14.6%;

    text-align: center;
    margin:0 1%;

}



.chanpinxq_b .ul li .icon{

    width: 62px;

    display: inline-block;

}



.chanpinxq_b .ul li .text{

    font-size: 22px;

    color: #fff;

    margin-top: 20px;

}



.chanpinxq_b .ul li .text .nr{margin-top: 10px;}



.chanpinxq_c{

    padding: 120px 0 150px 13%;

    background: #000000;   

}



.chanpinxq_c .chanpinxq_c_box{

    position: relative;

    overflow: hidden;

}

.mainTit .t2{font-size: 46px;text-transform: initial;}

.chanpinxq_c .chanpinxq_c_box .text {

    padding-top: 20px;

}

.chanpinxq_c .chanpinxq_c_box .text .bt{

  color: #fff;

  white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;

}

.chanpinxq_c .chanpinxq_c_box .text .js{

  color: rgba(255, 255, 255, 0.5);

  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}



.chanpinxq_c .chanpinxq_c_box .img .icon {

    position: absolute;

    width: 57px;

    height: 45px;

    right: 10px;

    bottom: 0;

    background: url(../images/gouwu_icon.png) center center/cover;

}



.chanpinxq_c .chanpinxq_c_box .text .mainMore{

  margin-top: 16px;

}



.chanpinxq_c .chanpinxq_c_box .img{

    position: relative;

    border-radius: 8px;

    overflow: hidden;

}



@media(max-width: 1680px){

    .chanpinxq_a{

        padding: 90px 0 120px;

    }

    .chanpinxq_a .right{

        padding-top: 10px;

    }

    .chanpinxq_a .right .bt{font-size: 36px;}

    .chanpinxq_a .right .jg{font-size: 26px;}

    .chanpinxq_a .right .js{margin-top: 20px;padding-top: 20px;}

    .chanpinxq_a .right .gm {

        margin-top: 30px;

    }

    .chanpinxq_b .ul li .text{font-size: 20px;}



    .chanpinxq_c {

        padding: 90px 0 120px 13%;

    }

}



@media(max-width: 1600px){

    .container2{width: 84%;}

     .chanpinxq_c {

        padding: 90px 0 120px 8%;

    }



    .mainTit .t2{font-size: 36px;}

}



@media(max-width: 1500px){

    .chanpinxq_a {

        padding: 80px 0 100px;

    }

    .chanpinxq_a .right .bt {

        font-size: 30px;

    }

    .chanpinxq_a .right .jg {

        font-size: 22px;

    }

    .chanpinxq_a .right .js {

        margin-top: 14px;

        padding-top: 14px;

    }

    .chanpinxq_b .ul li .icon{

        width: 56px;

    }

    .chanpinxq_b{

        padding: 50px 0 80px;

    }



    .chanpinxq_c {

        padding: 70px 0 100px 8%;

    }

    

}



@media(max-width: 1024px){

    .mainTit .t2{font-size: 26px;}

    .container2{width: 96%;}

    .chanpinxq_a {

        padding: 40px 0 50px;

    }

    .chanpinxq_a .right{

        width: 100%;

        padding-top: 0;

    }



    .chanpinxq_a .left{

        width: 100%;

        margin-top: 20px;

    }

    .chanpinxq_a .right .bt {

        font-size: 24px;

    }

    .chanpinxq_a .right .jg {

        font-size: 20px;

    }



    .chanpinxq_b{

        padding: 40px 0;

    }



    .chanpinxq_b .ul_box{overflow: auto;padding-bottom: 16px;}

    .chanpinxq_b .ul{

        width: 1100px;

    }

    .chanpinxq_b .ul li .text {

        font-size: 18px;

    }

    .chanpinxq_b .ul li .icon {

        width: 50px;

    }

    .chanpinxq_c {

        padding: 30px 4% 50px;

    }

}





@media(max-width: 800px){

    .chanpinxq_b .ul{

        width: 900px;

    }

}



.hexin_a{

    position: relative;

    padding-top: 90px;

    background: url(../images/about_a_bg.jpg) center top no-repeat #000000;

}



.hexin_a:before{

    content: "";

    background: #1f1f1f;

    position: absolute;

    width: 100%;

    height: 86px;

    bottom: 0;

    left: 0;

}



.hexin_a .text{

    color: #e1e1e1;

    line-height: 1.7;

}



.hexin_a .img{

    margin-top: 100px;

}

.hexin_a .container3,.hexin_a .container{position: relative;z-index: 4;}

.container3{width: 84%;margin: 0 auto;}



.hexin_b{

    padding: 150px 0;

    background: #1f1f1f;

}

.hexin_b .text{

    line-height: 1.6;

    color: #e1e1e1;

}

.hexin_b .ul{

    margin-top: 80px;

}



.hexin_b .ul li{

    float: left;

    width: 25.1%;

    margin-right: 11.8%;

    text-align: center;

}



.hexin_b .ul li:last-child{margin-right: 0;}



.hexin_b .ul li .icon{

    display: inline-block;

    width: 193px;

}



.hexin_b .ul li .bt{

    font-size: 22px;

    color: #fff;

    margin-top: 18px;

    line-height: 1.4;

}



.hexin_c{

    padding: 120px 0;

}



@media(max-width: 1680px){

    .hexin_a .img {

        margin-top: 70px;

    }

    .hexin_b {

        padding: 110px 0;

    }

    .hexin_c {

        padding: 100px 0;

    }

    .hexin_b .ul li .bt{font-size: 20px;}

}



@media(max-width: 1600px){

    .container3{width: 90%;}

}



@media(max-width: 1500px){

    .hexin_a{

        padding-top: 70px;

    }

    .hexin_a .img {

        margin-top: 50px;

    }

    .hexin_b {

        padding: 80px 0;

    }

    .hexin_b .ul li .icon{

        width: 170px;

    }

    .hexin_b .ul li .bt{font-size: 18px;}

    .hexin_c {

        padding: 70px 0;

    }

}



@media(max-width: 1024px){

    .hexin_a {

        padding-top: 40px;

    }

    .hexin_a .img {

        margin-top: 40px;

    }

    .hexin_b {

        padding: 50px 0;

    }

    .hexin_b .ul{margin-top: 50px;}

    .hexin_b .ul li{

        width: 48%;

        margin-right: 4%;

        margin-bottom: 20px;

    }

    .hexin_b .ul li:nth-child(2n){margin-right: 0;}



    .hexin_b .ul li .icon {

        width: 140px;

    }

    .hexin_b .ul li .bt{font-size: 16px;margin-top: 12px;}

    .hexin_a .text img{margin-bottom: 6px;}



    .hexin_c {

        padding: 40px 0;

    }

}



.nybanner .dh{

    position: absolute;

    left: 0;

    width: 100%;

    bottom: 0;

}





.nybanner .dh .ul li{

    float: left;

    width: 33.333333%;

    text-align: center;

     transition: all 0.3s;

    background: rgba(0, 0, 0, 0.4);

}



.nybanner .dh .ul li .box{

    padding: 18px 4px;

    color: rgba(255, 255, 255, 0.5);

    transition: all 0.3s;

}



.nybanner .dh .ul li.cur,.nybanner .dh .ul li:hover{

    background: rgba(0, 155, 76, 0.7);

}

.nybanner .dh .ul li.cur .box,.nybanner .dh .ul li:hover .box{

    color: #fff;

}



.huanbao_a{

    padding: 80px 0;

    background: #000;

}



.huanbao_a .ul li{

    float: left;

    width: 49.1%;

    margin-right: 1.8%;

    margin-top: 46px;

}



.huanbao_a .ul li:nth-child(2n){margin-right: 0;}



.huanbao_a .ul li .text{

    padding-top: 20px;

    padding-right: 30px;

}

.huanbao_a .ul li .text .time{

    color: #009b4c;

    margin-bottom: 10px;

    line-height: 1;

}

.huanbao_a .ul li .text .bt{

    color: #fff;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

    transition: all 0.3s;

}

.huanbao_a .ul li .text .js{font-size: 16px;line-height: 1.6;color: rgba(255, 255, 255, 0.5);margin-top: 10px;overflow: hidden;}

.huanbao_a .ul li .text .more{margin-top: 36px;}

.huanbao_a .ul li:hover .text .bt{

    color: #f5bc2d;

}

a.more,.more{

    color: rgba(255, 255, 255, 0.7);

    font-size: 14px;

    display: inline-block;

    position: relative;

    padding-right: 26px;

    transition: all 0.3s;

}



a.more:before,.more:before{

    width: 21px;

    height: 11px;

    background: url(../images/huanbao_jt.png) center center/cover;

    position: absolute;

    content: "";

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    transition: all 0.3s;

}



.huanbao_a .ul li:hover .text .more{

    color: rgba(0, 155, 76, 0.7);

}



.huanbao_a .ul li:hover .text .more:before{

   background: url(../images/huanbao_jt2.png) center center/cover;

}



.huanbao_a .pagination{

    margin-top: 70px;

}

.pagination{text-align: center;}
.pagination li{ float: left;}
.pagination a{

    width: 56px;

    line-height: 56px;

    height: 56px;

    margin: 0 3px;

    display: inline-block;

    color: #fff;

    background: #333333;

    font-size: 16px;

    transition: all 0.3s;

}



.pagination a.prev{

    font-size: 0;

    background: url(../images/page_jt1.png) center center/cover #333333;

}



.pagination a.next{

    font-size: 0;

    background: url(../images/page_jt2.png) center center/cover #333333;

}



.pagination a:hover,

.pagination a.cur{

    background-color: #009b4c;

}



@media(max-width: 1600px){

    .huanbao_a{

        padding: 50px 0;

    }

    .huanbao_a .ul li{margin-top: 40px;}

    .huanbao_a .ul li .text .more{margin-top: 30px;}

    .pagination a{

        width: 50px;

        line-height: 50px;

        height: 50px;

    }

}



@media(max-width: 1500px){

    .huanbao_a .ul li {

        margin-top: 30px;

    }

    .huanbao_a .ul li .text {

        padding-top: 16px;

        padding-right: 22px;

    }

    .huanbao_a .ul li .text .js{margin-top: 6px;}

    .pagination a{

        width: 44px;

        line-height: 44px;

        height: 44px;

    }

    .huanbao_a .pagination {

        margin-top: 50px;

    }

}



@media(max-width: 1024px){

    .huanbao_a {

        padding: 20px 0 50px;

    }

    .pagination a{

        width: 40px;

        line-height: 40px;

        height: 40px;

    }

}



@media(max-width: 800px){

    .nybanner .dh{display: none;}

    .huanbao_a {

        padding: 10px 0 40px;

    }

    .huanbao_a .ul li{

        width: 100%;

        margin-top: 30px;

    }

    .huanbao_a .ul li .text .more {

        margin-top: 20px;

    }

}



.luying_a{

    padding: 110px 0 120px;

    background: #000000;

}



.luying_a .ul li{

    border-bottom: 1px solid #1a1a1a;

}



.luying_a .ul li:nth-child(1){

     border-top: 1px solid #1a1a1a;

}



.luying_a .ul li .box{

    padding: 50px 20px 56px;

}



.luying_a .ul li .box .left{

    float: left;

    width: 30%;

}



.luying_a .ul li .box .right{

    float: right;

    width: 65%;

    padding-top: 24px;

}



.luying_a .ul li .box .right .text .time{

    line-height: 1;

    color: #009b4c;

    margin-bottom: 10px;

}



.luying_a .ul li .box .right .text .bt{

    color: #fff;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}



.luying_a .ul li .box .right .text .js{

    font-size: 14px;

    line-height: 1.6;

    color: rgba(255, 255, 255, 0.5);

    margin-top: 16px;

    height: 60px;

    overflow: hidden;

}



.luying_a .ul li .box .right .text .more{

    margin-top: 50px;

}



.luying_a .pagination{

    margin-top: 80px;

}



@media(max-width: 1680px){

    .luying_a {

        padding: 90px 0 100px;

    }

    .luying_a .ul li .box {

        padding: 40px 20px 46px;

    }

    .luying_a .ul li .box .right{padding-top: 20px;}

    .luying_a .ul li .box .right .text .more {

        margin-top: 30px;

    }

    .luying_a .pagination {

        margin-top: 60px;

    }

}



@media(max-width: 1500px){

    .luying_a {

        padding: 70px 0 80px;

    }

    .luying_a .ul li .box {

        padding: 30px 20px 36px;

    }

    .luying_a .ul li .box .right {

        padding-top: 16px;

    }

    .luying_a .ul li .box .right .text .more {

        margin-top: 20px;

    }

    .luying_a .pagination {

        margin-top: 50px;

    }

}



@media(max-width: 1024px){

    .luying_a {

        padding: 40px 0 50px;

    }

    .luying_a .ul li .box .right{padding-top: 0;}

}



@media(max-width: 800px){

    .luying_a .ul li .box {

        padding: 30px 20px;

    }

    .luying_a .ul li .box .left{

        width: 100%;

    }

    .luying_a .ul li .box .right{

        width: 100%;

        margin-top: 20px;

    }

    .luying_a .ul li .box .right .text .bt{

            white-space: initial;

            overflow: initial;

            text-overflow: initial;

    }

    .luying_a .ul li .box .right .text .js{height: auto;}

    .luying_a .pagination {

        margin-top: 40px;

    }

}



.gonggongxq_a{

    padding: 100px 0 130px;

    background: #000000;

}



.gonggongxq_a .bt{

    color: #fff;

}



.gonggongxq_a .bq{

    padding: 26px 0;

    color: #009b4c;

}



.gonggongxq_a .bq > div{

    float: left;

    margin-right: 50px;

}



.gonggongxq_a .bq > div:last-child{margin-right: 0;}

.gonggongxq_a .text{

    font-size: 14px;

    line-height: 1.8;

    color: rgba(255, 255, 255, 0.5);

    padding: 46px 0 56px;

    border-top: 1px solid #1a1a1a;

    border-bottom: 1px solid #1a1a1a;

}



.gonggongxq_a .fh{

    padding-top: 14px;

}





.gonggongxq_a .fh .l{

    float: left;

    max-width: 70%;

}



.gonggongxq_a .fh .l a{

    display: block;

    color: rgba(255, 255, 255, 0.7);

    font-size: 14px;

    position: relative;

    padding-left: 38px;

    padding-top: 8px;

    padding-bottom: 8px;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}



.gonggongxq_a .fh .l a:before{

    width: 21px;

    height: 11px;

    background: url(../images/gonggongxq_jt.png) center center/cover;

    position: absolute;

    content: "";

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    transition: all 0.3s;

}



.gonggongxq_a .fh .r{

    float: right;

}



.gonggongxq_a .fh .r a{

     padding-top: 8px;

    padding-bottom: 8px;

    display: block;

    color: rgba(255, 255, 255, 0.7);

    font-size: 14px;

    position: relative;

    padding-left: 32px;

}



.gonggongxq_a .fh .r a:before{

    width: 21px;

    height: 11px;

    background: url(../images/gonggongxq_jt.png) center center/cover;

    position: absolute;

    content: "";

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    transition: all 0.3s;

    transform:rotate(180deg);

    -webkit-transform:rotate(180deg);

    -moz-transform:rotate(180deg);

    transform-origin: center 25%;

}



@media(max-width: 1600px){

    .gonggongxq_a {

        padding: 80px 0 100px;

    }

    .gonggongxq_a .bq{

        padding: 20px 0;

    }

    .gonggongxq_a .text{

        padding: 40px 0 50px;

    }

}



@media(max-width: 1500px){

    .gonggongxq_a {

        padding: 70px 0 0;

    }

    .gonggongxq_a .text{

        padding: 30px 0 40px;

    }

    .gonggongxq_a .bq > div{margin-right: 40px;}

}



@media(max-width: 1024px){

    .gonggongxq_a {

        padding: 40px 0 50px;

    }

    .gonggongxq_a .bq {

        padding: 16px 0;

    }

    .gonggongxq_a .text {

        padding: 24px 0 30px;

    }



    .gonggongxq_a .bq > div{

        width: 100%;

        margin-right: 0;

        margin-bottom: 10px;

    }

    .gonggongxq_a .bq > div:last-child{margin-bottom: 0;}



    .gonggongxq_a .fh .l{

        max-width: 100%;

    }

    .gonggongxq_a .fh .r{margin-top: 20px;}

}



.hezuo_a{

    background: #000;

    padding: 120px 0 140px;

}

.hezuo_a .ul li .icon{

    width: 115px;

}



.about_a .ul li .wenzi {

    padding-left: 154px;

}



.hezuo_b{

    background: url(../images/hezuo_b_bg.jpg) center center/cover;

    padding: 130px 0 160px;

}



.hezuo_b .ul li{

    float: left;

    margin-right: 1.1%;

    width: 32.6%;

    border-radius: 8px;

    overflow: hidden;

    

}



.hezuo_b .ul li:last-child{margin-right: 0;}

.hezuo_b .ul li .box .img_box{

    background: rgba(255, 255, 255, 0.1);

    height: 350px;

    transition: all 0.3s;

    position: relative;



}



.hezuo_b .ul li:hover .box .img_box{

    background: rgba(65, 82, 74, 0.6);

}



.hezuo_b .ul li .box .img_box .icon{

    position: absolute;

    max-width: 174px;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    opacity: 1;

    transition: all 0.4s;

}



.hezuo_b .ul li .box .img_box .box2{
    display: none;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    width: 80%;

    opacity: 0;

    transition: all 0.6s;


}

/*.hezuo_b .ul li .box .img_box:hover .icon{opacity: 0;}

.hezuo_b .ul li .box .img_box:hover .box2{opacity: 1;}*/
/*.hezuo_b .ul li:nth-child(1) .box .img_box:hover .icon{opacity: 0;}*/

.hezuo_b .ul li:nth-child(1) .box .img_box:hover .box2{opacity: 1;}
.hezuo_b .ul li.li1 .box .img_box .box2 a{

    float: left;

    width: 21.6%;

    margin-right: 4.5%;

    margin-top: 9px;

    margin-bottom: 9px;


}


.hezuo_b .ul li.li1 .box .img_box .box2 a:nth-child(4n){margin-right: 0;}

.hezuo_b .ul li .box .bt{

    color: #fff;

    margin-top: 30px;

    text-align: center;

}



.hezuo_c{

    position: relative;

    padding: 180px 0;

    background: url(../images/map.jpg) center center/cover;

}



.hezuo_c .left{

    background: rgba(0, 0, 0, 0.8);

    padding: 70px 116px 90px 60px;

    width: 51.6%;

}



.hezuo_c .left .ul li{

    margin-bottom: 40px;

}



.hezuo_c .left .ul li:last-child{margin-bottom: 0;}

.hezuo_c .left .ul li .box{position: relative;}

.hezuo_c .left .ul li .icon{

    width: 91px;

}



.hezuo_c .left .ul li .text{

    position: absolute;

    left: 106px;

    top: 50%;

    transform: translateY(-50%);

    color: rgba(255, 255,255, 0.78);

}



.hezuo_c .left .ul li .text a{

 color: rgba(255, 255,255, 0.78);

}



.hezuo_c .left .ul li .text .nr{

    line-height: 1.6;

}





.hezuo_c .zb{

    width: 80px;

    height: 80px;

    position: absolute;

    right: 40px;

    bottom: 40px;

    background: url(../images/hezuo_c_tz.png) center center/cover;

}



.hezuo_d{

    padding: 70px 0 90px;

    background:url(../images/hezuo_d_bg.jpg) center center/cover;

}



.hezuo_d .left{

    float: left;

}



.hezuo_d .right{

    float: right;

    width: 59.5%;

}



.hezuo_d .right .ul li{

    float: left;

    width: 49.2%;

    margin-right: 1.6%;

    margin-top: 14px;





}



.hezuo_d .right .ul li:nth-child(2n){margin-right: 0;}



.hezuo_d .right .ul li input{

    width: 100%;

    height: 50px;

    background: rgba(255, 255, 255, 0.2);

    border: none;

    font-size: 16px;

    padding: 0 22px;

    color: #fff;

}



.hezuo_d .right .ul li input::placeholder{

    color: rgba(255, 255, 255, 0.5);

}



.hezuo_d .right .ul li input.btn{background: #fff;color: #f5bc2d;}

.hezuo_d .right .ul li.form-group1{ width:100%;height:auto;}
.hezuo_d .right .ul li textarea{

    width: 100%;

    height: 150px;

    background: rgba(255, 255, 255, 0.2);

    border: none;

    font-size: 16px;

    padding: 15px 22px;

    color: #fff;

}

.hezuo_d .right .ul li .select-btn{

    float: left;

    width: 100%;

   background: rgba(255, 255, 255, 0.2);

    overflow: hidden;

    position: relative;

    margin-right: 14px;



}



.hezuo_d .right .ul li .select-btn::before {

    content: "";

    position: absolute;

    right: 20px;

    top: 50%;

    width: 12px;

    height: 6px;

    background: url(../images/hezuo_d_jt.png) no-repeat center center/cover;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.hezuo_d .right .ul li .select-btn select{

    width: 100%;

    border: none;

    background: none;

    height: 50px;

    color: rgba(255, 255, 255, 1);

    font-size: 16px;

    padding: 0 20px;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

     background: none;

     position: relative;

     z-index: 2;

}



.hezuo_d .right .ul li .select-btn select option{color: #000;}



@media(max-width: 1680px){

    .hezuo_a{

        padding: 100px 0 120px;

    }

    .hezuo_b{

        padding: 110px 0 130px;

    }

    .hezuo_b .ul li .box .img_box{height: 300px;}

    .hezuo_b .ul li .box .bt{margin-top: 24px;}



    .hezuo_c{

        padding: 150px 0;

    }

    .hezuo_c .left{

        padding: 50px 80px 70px 40px;

    }

    .hezuo_c .zb{

        width: 70px;

        height: 70px;

    }

    .hezuo_d{

        padding: 50px 0 60px;

    }

}



@media(max-width: 1500px){

    .hezuo_a {

        padding: 70px 0 90px;

    }

    .hezuo_a .ul li .icon{width: 100px;}

    .about_a .ul li .wenzi {

        padding-left: 125px;

    }

    .hezuo_b {

        padding: 80px 0 100px;

    }

    .hezuo_b .ul li .box .bt {

        margin-top: 20px;

    }

    .hezuo_b .ul li .box .img_box {

        height: 260px;

    }

    .hezuo_c {

        padding: 80px 0;

    }

    .hezuo_c .zb {

        width: 60px;

        height: 60px;

    }

    .hezuo_c .left .ul li .icon{width: 80px;}

    .hezuo_c .left .ul li .text{left: 100px;}

    .hezuo_c .left {

        padding: 50px 40px 70px;

    }

    .hezuo_d .right .ul li .select-btn select,

    .hezuo_d .right .ul li input{

        height: 40px;

    }

}



@media(max-width: 1024px){

    .hezuo_a {

        padding: 40px 0 50px;

    }

    .hezuo_b {

        padding: 40px 0 50px;

    }

}



@media(max-width: 800px){

    .mainTit .t{margin-bottom: 14px;}

    .hezuo_a .ul li .icon{width: 80px;}

    .about_a .ul li .wenzi {

        padding-left: 94px;

    }

    .hezuo_b .ul li{

        width: 100%;

        margin-bottom: 20px;

        margin-right: 0;

    }

    .hezuo_b .ul li .box .bt {

        margin-top: 10px;

    }



    .hezuo_c {

        padding: 50px 0;

    }

    .hezuo_c .left{

        padding: 40px 20px 60px;

        width: 100%;

    }

    .hezuo_c .left .ul li .icon {

        width: 50px;

    }

    .hezuo_c .left .ul li .text {

        left: 70px;

    }



    .hezuo_d {

        padding: 40px 0 50px;

    }

    .hezuo_d .right{

        width: 100%;

    }

    .hezuo_d .right .ul li{width: 100%;margin-right: 0;}

    .hezuo_b .ul li .box .img_box {

        height: 200px;

    }

    .hezuo_c .zb {

        right: 20px;

        bottom: 20px;

        width: 50px;

        height: 50px;

    }

}



.p1,

.p2,

.p3,

.p4,

.p5,.p6,.p7.p8,.p9{position: relative;}



/*移动端*/

/**mobile nav**/

.nav_box {

    width: 70%;

    height: 100%;

    position: fixed;

    right: -100%;

    top: 0;

    bottom: 0;

    left: auto;

    overflow: auto;

    z-index: 99999999;

     transition: all .6s;

    -o-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -webkit-transition: all .6s;

    float: right;

}



.nav_box.cur{

    right: 0;

}



.nav_box .box{

    background: rgba(51,51,51,0.93);

    width: 500px;

    height: 100%;

    position: relative;

    z-index: 2;

    overflow: auto;

    float: right;

    

}

.nav_box .nav-title {

    position: relative;

    padding: 0 0.4rem 0.8rem 0.3rem;

    border-bottom: 1px solid rgba(255, 255, 255, 0.06);

}



.nav_box .nav-title .navclose {

    width: 22px;

    height: 22px;

    display: block;

    font-size: 0;

    line-height: 41px;

    position: absolute;

    right: 15px;

    top: 50%;

    z-index: 2;

    transform: translateY(-50%);

}



.nav_box .nav-title .navclose img {

    width: 100%;

}



.nav_box .nav-title h1 {

    text-align: left;

    width: 2.8rem;

    line-height: 0;

    padding-bottom: 0.12rem;

    padding-top: 0.24rem;

}



.nav_box .nav-title h1 img {

    width: 100%;

}



.nav_box .navlist {

    width: 100%;

    margin-top: 0.1rem;

    padding: 0 0.4rem 0 0.3rem;

    padding-bottom: 20px;

}

.nav_box .navlist ul{

    margin-bottom: 0.5rem;

}

.nav_box .navlist ul>li {

    float: left;

    width: 100%;

    font-size: 20px;

    line-height: 70px;

    border-bottom: 1px solid #424241;

    /*padding: 0 15px;*/

    text-transform: capitalize;

}



.nav_box .navlist ul>li>a {

    display: block;

    color: #fff;

    position: relative;

}



.nav_box .navlist ul>li>a.sub:before {

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 0.1rem;

    height: 0.18rem;

    background: url(../images/nav_jt.png) no-repeat center center / cover;

}



.navlist>ul>li .navlist2 {

    border-top: 1px solid rgba(255, 255, 255, .06);

    display: none;

    padding: 10px 0 0.8rem;

}



.navlist>ul>li .navlist2 a {

    display: block;

    width: 100%;

    color: #fff;

    font-size: 14px;

    line-height: 34px;

}



.navlist>ul>li .navlist2 .box_sj .bt a{

    font-size: 0.28rem;

    color: #fff;

}

.navlist>ul>li .navlist2 .box_sj .bt{

    position: relative;



}



.navlist>ul>li .navlist2 .box_sj .bt.jt:before{

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 0.1rem;

    height: 0.18rem;

    background: url(../images/nav_jt.png) no-repeat center center / cover;

}



.navlist>ul>li .navlist2 .box_sj .sanji{

    padding-left: 0.1rem;

    display: none;

}



.navlist>ul>li .navlist2 .box_sj .sanji a{

    font-size: 0.26rem;

    color: #fff;

}



.navlist > .lx{

    padding: 10px 30px;

    border-radius: 25px;

    background: #50d1c1;

    display: inline-block;

}



.navlist > .language {

    margin-top: 0.46rem;

}



.navlist > .language a{

    font-size: 0.3rem;

    color: #cacaca;

    float: left;

    margin-right: 0.34rem;

    position: relative;



}



.navlist > .language a:before{

    width: 2px;

    height: 0.3rem;

    background: #9f9f9f;

    position: absolute;

    top: 55%;

    transform: translateY(-50%);

    right: -0.2rem;

    content: "";

}



.navlist > .language a.a2:before{

    display: none;

}





.nav-overlay {

    transform: translateX(-100%);

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    transition: all .3s ease-out 0s;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    background: #212222;

    width: 100%;

    height: 100%;

    -webkit-transition: opacity .5s ease;

    transition: opacity .5s ease;

}



.nav-overlay .guanbi {

    position: absolute;

    right: 30px;

    top: 30px;

    width: 34px;

    height: 34px;

    cursor: pointer;

}



.nav-overlay .nav-columns {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 80%;

    max-width: 900px;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.nav-overlay .nav-columns .nav-column-left {

    padding-top: 5px;

}



.nav-overlay .nav-columns .nav-column-left h3 {

    font-size: 24px;

    color: #db9d53;

    padding-bottom: 25px;

    position: relative;

   /* font-family: RobotoMedium;*/

}



.nav-overlay .nav-columns .nav-column-left h3:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 23px;

    height: 2px;

    background: #fff;

    /*font-family: RobotoMedium;*/

}



.nav-overlay .nav-columns .nav-column-left .t {

    line-height: 36px;

    font-size: 16px;

    margin-top: 15px;

    color: #fff;

}



.nav-overlay .nav-columns .nav-column-right {

    text-align: right;

}



.nav-overlay .nav-columns .nav-column-right ul li {

    position: relative;

    font-size: 22px;

    margin-bottom: 30px;

    letter-spacing: 5px;

}



.nav-overlay .nav-columns .nav-column-right ul li a {

    color: #fff;

    display: block;

    transition: all .3s ease;

    width: 240px;

    text-align: left;

}



.nav-overlay .nav-columns .nav-column-right ul li a i {

    display: inline-block;

    width: 0;

    height: 1px;

    position: relative;

    top: -6px;

    margin-right: 5px;

    transition: all .5s;

    background: #fff;

}



.nav-overlay .nav-columns .nav-column-right ul li:hover a i,

.nav-overlay .nav-columns .nav-column-right ul li.cur a i {

    width: 30px;

}



@media(max-width: 1680px){

    .nav_box .box{

        width: 400px;

    }

}



@media(max-width: 1500px){

    .nav_box .box{

        width: 300px;

    }



    .nav_box .navlist ul>li{

        line-height: 60px;

        font-size: 18px;

    }

}



@media(max-width: 1100px){

    .nav_box .nav-title{padding-top: 0.3rem;}

    .nav_box .box {

        width: 100%;

    }

    .nav_box .navlist ul>li{

        line-height: 50px;

        font-size: 16px;

    }

}



/**/

.nybanner .img{overflow: hidden;}

.nybanner .img img{

    transform: scale(1.2);

    transition: all 3s;

    -o-transition: all 3s;

    -moz-transition: all 3s;

    -ms-transition: all 3s;

    -webkit-transition: all 3s;

}



.nybanner .img.cur img{

    transform: scale(1);

}
.jszcAdd,.jszcAdd a { color:rgba(255,255,255,0.5);  }



.partner{ width:70%;display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: space-between;}
.partner li{ width:15%;margin-bottom:20px;}
.partner li img{ display:inline-block;width:100%;}

.shebei{ width:100%;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}
.shebei li{ width:32%;margin-bottom:26px;}
.tubox {width:100%;overflow:hidden;}
.tubox img {transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}
.tubox:hover img {transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);}


.sytitle{ font-size:1.625vw !important;text-transform:uppercase;font-weight:600;}

@media all and (max-width:768px) {
  .partner li{ width:32% !important;}
  .sp-large{ width:80% !important;}
  .shebei li{ width:49%;}
}