@charset "utf-8";
@import url(base.css);
.yj{padding: 0 8%;box-sizing: border-box;}

.header{width: 100%;height: 120px;position: fixed;top: 0;left: 0;z-index: 2000;background: #fff;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headerleft{float: left;height: 120px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headerleft a{display: block;}
.headerlogo{float: left;position: relative;}
.headerlogo img{display: block;max-width: 100%;}
.headertext{float: left;padding-top: 8px;box-sizing: border-box;}
.headertext h4{font-size: 28px;color: #333;margin-bottom: 2px;}
.headertext p{font-size: 12px;color: #333;text-transform: uppercase;}
.headeright{float: right;}
.headeright ul{float: left;}
.headeright>ul>li{float: left;margin-right: 90px;position: relative;}
.headeright>ul>li.tall{margin-left: 20px;}
.headeright>ul>li.tall::before{content: ""; width: 1px; height: 15px; background: #a5a5a5; position: absolute; left: -55px; top: 50%; transform: translateY(-50%); z-index: 10;}
.headeright>ul>li:last-child{margin-right: 0;}
.headeright>ul>li>a{display: block;font-size: 16px;color: #333;font-weight: 400;line-height: 120px;position: relative;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headeright>ul>li>a::before{content: "";width: 0px;height: 2px;background: #d7261e;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headeright>ul>li.active>a{color: #d7261e;}
.headeright>ul>li.active>a::before{width: 30px;}
.headeright>ul>li:hover>a{color: #d7261e;}
.headeright>ul>li:hover>a::before{width: 30px;}
.headerdown{position: absolute;top: 120px;left: 50%;width: 160px;margin-left: -80px;display: none;
background: rgba(255,255,255,.7);border-radius:0 0 4px 4px;box-shadow: 0 8px 10px rgba(0,0,0,0.3);}
.headerdown a{display: block;padding: 16px 10px;box-sizing: border-box;font-size: 14px;color: #333;text-align: center;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headerdown a:last-child{border-radius: 0 0 4px 4px;}
.headerdown a:hover{background: #d7261e;color: #fff;}
.tall{float: right;height: 120px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.tall a{font-size: 16px;color: #333;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;display: block;}
.tall a i{display: inline-block;width: 17px;height: 17px;background: url(../images/i.png) center no-repeat;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;vertical-align: -3px;}
.headeractive{background: #fff;box-shadow: 0 6px 10px 0 rgba(7,0,2,.15);height: 100px;}
.headeractive .headerleft{height: 100px;}
.headeractive .headeright>ul>li>a{line-height: 100px;}
.headeractive .headeright>ul>li>a::before{bottom: 20px;}
.headeractive .headerdown{top: 100px;}
.headeractive .tall{height: 100px;}
/* 手机端 */
.nav{width: 100%;height: 60px;background: #fff;position: fixed;top: 0;left: 0;z-index: 2000;padding: 0 14px;box-sizing: border-box;display: none;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.navleft{float: left;height: 60px;display: flex;align-items: center;position: absolute;}
.navleft a{display: block;font-size: 0;width: 210px;}
.navleft a img{width: 100%;display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.navleft a .navimgs{opacity: 0;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.navright{float: right;margin-top: 22px;}
.navright>span{width: 24px;height: 2px;display: block;background: #fff;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #d7261e;}
.navright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mobile{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 3000;}
.mobilebj{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;background: rgba(0,0,0,0.5);}
.mobilebox{width: 60%;height: 100%;position: absolute;top: 0;right: -50%;background: #d7261e;}
.mobilebox .close{width: 100%;height: 60px;position: relative;opacity: 1;float:none;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 20px;}
.mobilelist>ul>.on>a i{transform: rotate(90deg);}
.mobilelist{width: 100%;height: 100%;}
.mobilelist>ul>li{width: 100%;border-bottom: 1px solid #83110c;}
.mobilelist>ul>li:first-child{border-top: 1px solid #83110c;}
.mobilelist>ul>li:last-child{border-bottom: 0;}
.mobilelist>ul>li>a{display: block;font-family: chainRegular;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;background: #b4110a;position: relative;}
.mobilelist>ul>li>a i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav{width: 100%;display: none;}
.mobilenav>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;border-top: 1px solid #eee;background: #83110c;
position: relative;}
.mobilenav>a:first-child{border-top: 0;}
.banner{width: 100%;}
.bannerconter{width: 100%;}
.btnbox{width: 30px; height: 40px; background: #d10e0e; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; padding: 0 5px; overflow: hidden;}
.btnbox .leftb, .btnbox .rightb{display: inline-block; width: 50%; height: 40px; font-family: "宋体"; font-size: 20px; color: #fff; line-height: 40px; text-align: center; cursor: pointer;}
.firstlist .swiper-scrollbar-drag {
 background: #d10e0e;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after{ display:none}
.bannerconter ul li{width: 100%; overflow: hidden;}
.bannerconter ul li>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.bannercover{width: 60%; height: 100%; background: url(../images/bannercover.png) no-repeat right center; background-size: cover; position: absolute; left: -60%; top: 0; opacity: 0;filter: alpha(opacity=0); transition: all 1.2s; transition-delay: 0.5s;}
.bannerconter .ani-slide .bannercover{left: 0; opacity: 1;filter: alpha(opacity=100);}
.bannertext{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);}
.bannertextcon{max-width: 500px;}
.bannertextcon h4{font-size: 50px;color: #fff;font-weight: 500;margin-bottom: 16px;
transform: translateY(60px);opacity: 0;filter: alpha(opacity=0);transition: all .8s;transition-delay: 2s;}
.bannertextcon p{font-size: 20px;color: #fff;font-weight: 400;line-height: 32px;max-width: 300px;
transform: translateY(50px);opacity: 0;filter: alpha(opacity=0);transition: all 1.2s;transition-delay: 2s;}
.bannerconter .ani-slide h4{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}
.bannerconter .ani-slide p{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}
.bannerpsges{position: absolute;bottom: 30%;z-index: 100;width: 100%;left: 0;}
.bnext{width: 46px;height: 46px;position: static;background: url(../images/right.png) center no-repeat !important;cursor: pointer;float: left;
background-size: 100% 100% !important;}
.bprev{width: 46px;height: 46px;position: static;background: url(../images/left.png) center no-repeat !important;cursor: pointer;float: left;margin-right: 24px;
background-size: 100% 100% !important;}
.bannerdian{position: absolute;top: 50%;transform: translateY(-50%);right: 8%;z-index: 100;}
.bannerdian span{display: block;margin-bottom: 40px;position: relative;width: 100px;text-align: right;}
.bannerdian span::before{content: "";width: 60%;height: 4px;background: #fff;position: absolute;bottom: -6px;left: 0;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;cursor: pointer;}
.bannerdian span:last-child{margin-bottom: 0;}
.bannerdian span b{color: #fff;font-size: 20px;font-weight: 500;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;opacity: 0;visibility: hidden;}
.bannerdian span.active::before{width: 100%;background: #d7261e;}
.bannerdian span.active b{visibility: visible;opacity: 1;}
.pageser{opacity: 0;}
.bannertexts{position: absolute;bottom: 0;left: 50%;z-index: 100;margin-left: -10px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite;}
.bannertexts p{font-size: 16px;color: #fff;font-weight: 300;writing-mode: vertical-lr;position: relative;padding-bottom: 78px;box-sizing: border-box;}
.bannertexts p::before{content: "";width: 1px;height: 60px;background: #fff;position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;cursor: pointer;}
@-webkit-keyframes nudgeMouse {0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes nudgeMouse {0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
.conter{width: 100%;}
.first{width: 100%;padding: 94px 0;box-sizing: border-box;overflow: hidden;}
.firstcon{width: 100%;}
.firstconter{width: 100%;}
.firstlist{width: 100%;padding: 15px 15px 70px 15px !important;box-sizing: border-box;}
.firstlist ul li{background: url(../images/cp1.png) center no-repeat;box-shadow: 0 0 15px rgba(0,0,0,0.2);height: 585px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.firstlist ul li a{display: block;}
.swiper-container-horizontal>.swiper-scrollbar{ bottom:30px}
.firstup{width: 100%;padding: 50px 34px 0 34px;box-sizing: border-box;margin-bottom: 110px;}
.firstup h5{font-size: 25px;color: #f7f7f7;font-weight: 500;}
.firstup h5 i{display: inline-block;width: 28px;height: 28px;background: url(../images/y.png) center no-repeat;
background-size: 100% 100%;vertical-align: -5px;margin-left: 20px;}
.firstimg{width: 100%;margin-bottom: 50px;}
.firstimg img{display: block;max-width: 100%;margin: 0 auto;}
.firstlast{width: 100%;}
.firstlast span{display: block;width: 145px;height: 36px;border: 1px solid #474747;border-radius: 25px;margin: 0 auto;
text-align: center;line-height: 34px;font-size: 16px;color: #333;font-weight: 400;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.firstlist ul li:hover{background: url(../images/cp1s.png) center no-repeat;}
.firstlist ul li:hover .firstlast span{border-color: #d7261e;background: #d7261e;color: #fff;}
.cppage{top: auto !important;bottom: 0;width: calc(100% - 30px) !important;left: 15px !important;}
.cppage .swiper-pagination-progressbar{background: #d7261e !important;}
.boxconter{width: 100%;}
.second{width: 100%;padding: 80px 0 0 0;box-sizing: border-box;overflow: hidden;}
.secondcon{width: 100%;}
.secondup{width: 100%;margin-bottom: 48px;}
.secondleft{float: left;}
.secondleft h4{font-size: 45px;color: #fff;margin-bottom: 14px;}
.secondleft p{font-size: 18px;color: #fff;font-weight: 400;}
.secondright{float: right;}
.secondright ul li{float: left;text-align: right;margin-right: 100px;}
.secondright ul li:last-child{margin-right: 0;}
.secondright ul li h5{font-size: 18px;color: #fff;font-weight: 400;margin-bottom: 8px;}
.secondright ul li h5 span{font-size: 50px;font-weight: 400;}
.secondright ul li p{font-size: 18px;font-weight: 400;color: #fff;}
.secondbut{width: 100%;background: #fff;}
.secondbutleft{float: left;width: 50%;overflow: hidden;}
.secondbutleft img{display: block;width: 100%;height: 100%;object-fit: cover;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.secondbutleft:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.secondbutright{float: left;width: 50%;background: #fff;padding: 70px 40px;box-sizing: border-box;}
.secondbutright h5{font-size: 35px;color: #333;font-weight: 500;margin-bottom: 60px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.secondbutright .jianjie{font-size: 16px;color: #333;font-weight: 400;display: -webkit-box;line-height: 32px;
-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;margin-bottom: 50px;}
.selist{width: 100%;margin-bottom: 40px;}
.selist ul li{float: left;display: flex;align-items: center;margin-right: 40px;}
.selist ul li:last-child{margin-right: 0;}
.selist ul li i{float: left;width: 39px;height: 39px;display: flex;justify-content: center;margin-right: 10px;}
.selist ul li i img{display: block;max-width: 100%;margin: 0 auto;}
.selist ul li span{float: left;font-size: 18px;color: #333;font-weight: 400;}
.selast{width: 100%;}
.selast a{display: block;width: 170px;height: 50px;line-height: 48px;position: relative;float: right;
font-size: 18px;color: #d7261e;background: #fff;border: 1px solid #d7261e; padding: 0 36px;box-sizing: border-box;border-radius: 25px;}
.selast a i{display: block;width: 11px;height: 13px;position: absolute;top: 50%;transform: translateY(-50%);right: 36px;border-left: 11px solid #d7261e; border-top: 6.5px solid transparent; border-bottom: 6.5px solid transparent;}
.selast a:hover{background: #d7261e; border-color: #fff; color: #fff;}
.selast a:hover i{border-left-color: #fff;}
.third{width: 100%;padding: 100px 0 60px 0;box-sizing: border-box;}
.thirdcon{width: 100%;}
.thirdconter{width: 1250px;height: 880px;margin: 0 auto;}
.thirdbox{width: 910px;height: 758px;margin: 0 auto;position: relative;top: 7%;}
.thirdbox .thirdimg{display: block;width: 100%;}
.case_content_ico {
 width: 22px;
 height: 22px;
 border-radius: 100%;
}

.dot {
 animation: sploosh 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.dot2 {
 animation: sploosh2 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.dot3 {
 animation: sploosh3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.dot,.dot2,.dot3 {
 width: 22px;
 height: 22px;
 font-size: 14px;
 color: #fff;
 line-height: 18px;
 text-align: center;
 border-radius: 100%;
 position: absolute;
 z-index: 10;
 animation-iteration-count: infinite;
 background: transparent;
}

@keyframes sploosh {
 0% {
 box-shadow: 0 0 0 0px rgba(246, 61, 0, 0.7);
 background: rgba(246, 61, 0, 0.7);
 }

 100% {
 box-shadow: 0 0 0 30px rgba(246, 61, 0, 0);
 background: rgba(246, 61, 0, 0);
 }
}

@keyframes sploosh2 {
 0% {
 box-shadow: 0 0 0 0px rgba(246, 61, 0, 0.7);
 background: rgba(246, 61, 0, 0.7);
 }

 100% {
 box-shadow: 0 0 0 20px rgba(246, 61, 0, 0);
 background: rgba(246, 61, 0, 0.3);
 }
}

@keyframes sploosh3 {
 0% {
 box-shadow: 0 0 0 0px rgba(246, 61, 0, 0.7);
 background: rgba(246, 61, 0, 0.7);
 }

 100% {
 box-shadow: 0 0 0 10px rgba(255, 220, 1, 0);
 background: rgba(246, 61, 0, 1);
 }
}
.case_weizhi .case_content_img {width: 224px;height: 224px;position: absolute;left: 50%;top: 50%;margin: -112px 0 0 -112px;z-index: 30;opacity: 0;transition: all .5s;transform: scale(0,0);}
.case_weizhi:hover .case_content_img {transform: scale(1,1);opacity: 1;}
.case_weizhi_01 {
 position: absolute;
 top: 518px;
 left: 207px;
}

.case_weizhi_02 {
 position: absolute;
 top: 505px;
 left: 367px;
}

.case_weizhi_03 {
 position: absolute;
 top: 145px;
 left: 480px;
}

.case_weizhi_04 {
 position: absolute;
 top: 108px;
 left: 345px;
}

.case_weizhi_05 {
 position: absolute;
 top: 0;
 right: 152px;
}

.case_weizhi_06 {
 position: absolute;
 top: 336px;
 right: 152px;
}

.case_weizhi_07 {
 position: absolute;
 top: 452px;
 right: 164px;
}

.case_weizhi_08 {
 position: absolute;
 top: 254px;
 right: 420px;
}

.case_weizhi_09 {
 position: absolute;
 top: 495px;
 right: 585px;
}



.fourth{width: 100%;padding: 60px 0 80px 0;box-sizing: border-box;overflow: hidden;}
.fourthcon{width: 100%;}
.fourthtitle{width: 100%;margin-bottom: 40px;}
.fourthtitle h4{font-size: 45px;color: #333;font-weight: bold;text-align: center;margin-bottom: 14px;}
.fourthtitle p{font-size: 18px;color: #333;font-weight: 400;text-align: center;}
.fourthnav{width: 100%;margin-bottom: 56px;}
.fourthnav ul li{float: left;margin-right: 50px;font-size: 20px;color: #333;font-weight: 400;position: relative;cursor: pointer;}
.fourthnav ul li::before{content: "";width: 0%;height: 3px;background: #d7261e;position: absolute;bottom: -16px;left: 50%;
transform: translateX(-50%);transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.fourthnav ul li:last-child{margin-right: 0;}
.fourthnav ul li:hover::before{width: 100%;}
.fourthnav ul li.active::before{width: 100%;}
.fourthbut{width: 100%;}
.fourthlist{width: 100%;display: none;}
.fourthlist:first-child{display: block;}
.fourthlist ul li{float: left;width: 32%;margin-right: 2%;background: #fff;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.fourthlist ul li:last-child{margin-right: 0;}
.fourthlist ul li a{display: block;width: 100%;}
.fourthimg{width: 100%;overflow: hidden;}
.fourthimg img{display: block;width: 100%;margin: 0 auto;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.fourthlist ul li:hover .fourthimg img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.fourthtext{width: 100%;padding: 24px;box-sizing: border-box;}
.fourthtext span{display: block;font-size: 18px;color: #a5a5a5;font-weight: 500;margin-bottom: 16px;}
.fourthtext p{display: block;font-size: 18px;color: #333;font-weight: 500;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fourthlist ul li:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.15);}
.fourthlast{width: 100%;margin-top: 50px;}
.fourthlast a{display: block;width: 200px;height: 50px;border: 1px solid #a5a5a5;padding: 0 28px;box-sizing: border-box;
font-size: 18px;color: #333;line-height: 50px;position: relative;margin: 0 auto;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.fourthlast a i{display: block;width: 15px;height: 15px;position: absolute;top: 50%;transform: translateY(-50%);right: 28px;
background: url(../images/mo.png) center no-repeat;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.fourthlast a:hover{background-color: #d7261e;border-color:#d7261e;color: #fff;}
.fourthlast a:hover i{background: url(../images/mo1.png) center no-repeat;}

.footer{width: 100%;background: #323232;}
.footerup{width: 100%;padding: 60px 0 40px 0;box-sizing: border-box;}
.footerupcon{width: 100%;}
.fleft{float: left;width: 25%;margin-right: 5%;}
.fleft p{margin-bottom: 45px;}
.fleft p:last-child{margin-bottom: 0;}
.fleft p i{display: flex;width: 21px;height: 25px;align-items: center;justify-content: center;float: left;}
.fleft p i img{display: block;max-width: 100%;margin: 0 auto;}
.fleft p span{float: left;width: calc(100% - 21px);font-size: 22px;color: #fff;line-height: 25px;font-weight: 500;padding-left: 20px;box-sizing: border-box;}
.fleft p strong{float: left;width: calc(100% - 21px);font-size: 16px;color: #fff;line-height: 25px;font-weight: 300;padding-left: 20px;box-sizing: border-box;
opacity: 0.8;}
.fright{float: right;width: 25%;}
.frightcon{display: flex;align-items: center;float: right;}
.frightcon p{font-size: 14px;color: #fff;font-weight: 500;writing-mode:vertical-lr;float: left;margin-right: 20px;}
.ftimg{float: left;max-width: 193px;}
.ftimg img{display: block;max-width: 100%;margin: 0 auto;}
.fconter{width: 45%;float: left;display: flex;justify-content: center;}
.fconter ul{width: 100%;}
.fconter ul li{float: left;width: 20%;}
.fconter ul li h5{font-size: 16px;color: #fff;font-weight: 500;margin-bottom: 30px;}
.fconter ul li a{font-size: 14px;color: #fff;font-weight: 400;display: block;line-height: 30px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.footerbut{width: 100%;border-top: 1px solid rgba(255,255,255,.1);padding: 40px 0;box-sizing: border-box;}
.footerbutcon{width: 100%;}
.footerbutcon p{font-size: 14px;color: #fff;font-weight: 500;text-align: center;}
.footerbutcon p a{color: #fff;}
.backup{cursor: pointer;font-size:14px;position: fixed;text-align: center;z-index: 5500;transition: background-color 0.2s ease-in-out;display:none;
background: #121212;color: #ffffff;border-radius: 3px;padding: 12px;right: 10px;bottom: 45px;}
.backup:hover{background: #d7261e;}
@media screen and (max-width:1680px){
	.headeright>ul>li{margin-right: 60px;}
	.headeright>ul>li.tall::before{left: -40px;}
	.bannerlast{padding: 40px 8%;}
	.bannertextcon h4{font-size: 44px;}
	.bannerlastext h5{font-size: 44px;}
	.selist ul li{margin-right: 20px;}
}
@media screen and (max-width:1590px){
	.yj{padding: 0 6%;}
	.bannerlast{padding: 40px 6%;}
	.bannertextcon h4{font-size: 40px;}
	.bannerlastext h5{font-size: 40px;line-height: 44px;}
}
@media screen and (max-width:1450px){
	.yj{padding: 0 4%;}
	.bannerlast{padding: 40px 4%;}
	.headeright>ul>li{margin-right: 40px;}
	.headeright>ul>li.tall::before{left: -30px;}
	.bannertextcon h4{font-size: 32px;}
	.bannerlastext h5{font-size: 32px;line-height: 36px;}
	.footerup{padding-top: 30px;}
	.fourth{padding: 30px 0 60px 0;}
	.fourthtitle h4{font-size: 36px;}
	.first{padding: 60px 0;}
	.secondleft h4{font-size: 36px;}
	.secondright ul li h5 span{font-size: 40px;}
	.second{padding-top: 60px;}
	.third{padding: 80px 0 40px 0;}
	
}
@media screen and (max-width:1366px){
	
}
@media screen and (max-width:1330px){
	.selist ul li{width: 50%;margin-right: 0;margin-bottom: 10px;}
}
@media screen and (max-width:1300px){
	.thirdconter{width: 100%;background-size: contain !important;}
}
@media screen and (max-width:1180px){
	.bannerlast{padding: 20px 4%;}
	.headeright>ul>li{margin-right: 22px;}
	.headeright>ul>li.tall::before{left: -21px;}
	.bannertextcon h4{font-size: 28px;margin-bottom: 10px;}
	.bannertextcon p{font-size: 16px;line-height: 30px;}
	.bannerlastext h5{font-size: 28px;line-height: 46px;margin-bottom: 20px;}
	.bannerlastext p{font-size: 16px;line-height: 30px;}
	.footerup{padding: 30px 0 20px 0;}
	.fleft p{margin-bottom: 20px;}
	.fleft p span{font-size: 18px;}
	.fleft p strong{font-size: 14px;}
	.fconter ul li h5{margin-bottom: 12px;}
	.ftimg{max-width: 140px;}
	.fourth{padding: 20px 0 40px 0;}
	.fourthtitle{margin-bottom: 20px;}
	.fourthtitle h4{font-size: 24px;margin-bottom: 10px;}
	.fourthtext{padding: 12px 10px;}
	.fourthnav ul li{font-size: 16px;}
	.fourthtext span{font-size: 14px;margin-bottom: 4px;}
	.fourthtext p{font-size: 16px;}
	.fourthlast{margin-top: 20px;}
	.fourthlast a{font-size: 16px;padding: 0 12px;width: 160px;}
	.fourthlast a i{right: 12px;}
	.first{padding: 40px 0;}
	.secondleft h4{font-size: 24px;margin-bottom: 10px;}
	.secondright ul li h5 span{font-size: 24px;}
	.second{padding-top: 40px;}
	.secondbutright{padding: 40px 20px;}
	.secondbutright h5{font-size: 24px;margin-bottom: 20px;}
	.secondbutright .jianjie{margin-bottom: 40px;}
	.selist ul li{width: 50%;margin-bottom: 10px;margin-right: 0;}
	.third{padding: 60px 0;}
	
}
@media screen and (max-width:1025px){
	.header{display: none;}
	.nav{display: block;}
	.second{padding: 20px 0;display: block;}
	.secondleft{width: 100%;float: none;margin-bottom: 20px;}
	.secondcon,.secondbut{width: 100%;}
	.bannerlastext p{width: 100%;}
	.secondright{float: none;width: 100%;padding-left: 4%;box-sizing: border-box;}
	.third{display: block;}
	.thirdleft{float: none;width: 100%;padding-right: 4%;box-sizing: border-box;margin-bottom: 20px;}
	.thirdright{float: none;width: 100%;padding: 0 4% 40px 4%;}
	.thpages{left: 0;width: 100%;}
	.fconter{width: 80%;}
}
@media screen and (max-width:980px){
#lang{ position:absolute; right:45px; height:60px; top:0px; float:right}
	.footerupcon{display: block; }
	.fleft{width: 100%;float: none;margin-bottom: 20px;}
	.fconter{width: 100%;float: none;margin-bottom: 10px;}
	.fright{float: none;}
	.thirdconter{height: auto;}
	
	.thirdbox{width: 100%;height: 100%;margin: 0 auto;position: relative;}
.case_weizhi_01{ left:50%; margin-left:-25%; top:67%}
.case_weizhi_02{ left:50%; margin-left:-10%; top:67%}
.case_weizhi_03{ left:50%; margin-left:5%; top:17%}
.case_weizhi_04{ left:50%; margin-left:-12%; top:15%}
.case_weizhi_05{ left:50%; margin-left:28%;}
.case_weizhi_06{ left:50%; margin-left:28%; top:42%}
.case_weizhi_07{left:50%; margin-left:28%; top:59%}
.case_weizhi_08{left:50%; margin-left:6%; top:32%}
.case_weizhi_09{ left:50%; margin-left:-15%; top:62%}
}
@media screen and (max-width:568px){

	.bannertextcon{max-width: 100%;}
	.bannerpsges{position: static;}
	.bprev{position: absolute;z-index: 10;top: 52%;}
	.bnext{position: absolute;z-index: 10;top: 52%;}
	.bannertextcon h4{font-size: 22px;}
	.bannerlast{position: static;}
	.bannerlast i{display: none;}
	.bannerlastext p{font-size: 14px;line-height: 22px;}
	.bannerlastext{width: 100%;float: none;}
	.bannerlastext h5{font-size: 22px;line-height: 30px;margin-bottom: 12px;}
	.bannerdian{display: none;}
	.fconter{display: none;}
	.fright{width: 100%;}
	.frightcon{float: none;margin: 0 auto;}
	.footerbut{padding: 12px 0;}
	.fourthlist ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 12px;}
	.fourthlist ul li:last-child{margin-bottom: 0;}
	.fourthlast a{height: 40px;line-height: 40px;}
	.firstlist{padding-left: 0;padding-right: 0;}
	.secondbut{display: block;}
	.secondbutleft{float: none;width: 100%;}
	.secondbutright{float: none;width: 100%;}
	.selast a{float: none;margin: 0 auto;}
	.secondbutright .jianjie{margin-bottom: 20px;}
	.selist{margin-bottom: 20px;}
	.bannertext{top: 40%;text-align: center;}
	.bannertextcon p{max-width: 100%;}
	.case_weizhi:hover .case_content_img{ transform: scale(0.7);}
}