body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px; font-family:"arial"; line-height:1;font-weight: normal;letter-spacing: 0.3px;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none; font-size: 16px;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}
/*IE*/
	.web-ie2018{ font-family: microsoft yahei;   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
	.web-ie2018 dl #img{    display: block;margin: 50px auto;}
	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
	.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
/*<------------------------------------->*/	

/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1260px)
{
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}

/* header */
.headerwrap{width: 100%;box-sizing: border-box;position: absolute;z-index: 9999;top: 0;left: 0;}
.header{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.header .logo{width: 260px;display: block;box-sizing: border-box;padding: 30px;transition: all .6s;}
.header .logo img{display: block;width: 100px;height: auto;}
.header .logo img.img02{display: none;}
.div2_1 .header .logo{}
.header .logo.logo02{opacity: 1;}

.div3 .header .logo img.img02{display: block;}
.div3 .header .logo img.img01{display: none;}

.closenav{background:#e41900;border:none;display:block;height:32px;position:relative;top:0;width:32px;z-index:999;right:0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;width: 80px;height: 80px;padding: 30px 26px;cursor: pointer;outline: none;flex-direction:column;-webkit-flex-direction: column;}
.closenav:before{-webkit-transform:translate3d(0,0,0);-webkit-transition:all 0.35s ease-in-out;color:#ffffff;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:40px;display: none;}
.closenav:hover before{-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all 0.35s ease-in-out;display:block;opacity:1;}
.closenav .hamb-top{-webkit-transition:all 0.35s ease-in-out;background-color:#fff;}
.closenav .hamb-middle{background-color:#fff;}
.closenav .hamb-bottom{-webkit-transition:all 0.35s ease-in-out;background-color:#fff;}
.closenav .hamb-top,.closenav .hamb-middle,.closenav .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom{height:2px;left:27px;position:absolute;width:24px;display: block;width: 26px;}
.closenav .hamb-top{top:30px;}
.closenav .hamb-middle{top: 40px;}
.closenav .hamb-bottom{top: 50px;}

/* navopen */
.closenav.navisopen .hamb-top{-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);background-color: #fff;margin-top: 0;top: 50%!important;}
.closenav.navisopen .hamb-middle {background-color: #fff;display: none;}
.closenav.navisopen .hamb-bottom {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);background-color: #fff;top: 40px;}


.navopenwrap{width: 100%;height: 100%;position: fixed;top: -100%;left: 0;background-color: #fff;z-index: 3;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;transition: all .6s;}
.navopenwrap .oprnnav{width: 40%;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: absolute;left: 0;top: 0;}

.navopenwrap .oprnnav .cont{width:230px;}

.navopenwrap .oprnnav .cont li{margin-bottom: 36px;}
.navopenwrap .oprnnav .cont li>a{font-size: 22px;color: #222222;font-weight: normal;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;}
.navopenwrap .oprnnav .cont li>a span{font-size: 12px;color: #aaa;margin-right: 30px;font-weight: normal;font-family: arial;font-weight: bold;}
.navopenwrap .oprnnav .cont li>a i{font-size: 14px;color: inherit;margin-left: 10px;}
.navopenwrap .oprnnav .cont li>a:hover,.navopenwrap .oprnnav .cont li>a.active{color: #e41900;}
.navopenwrap .oprnnav .cont li>a:hover i,.navopenwrap .oprnnav .cont li>a.active i{transform: rotate(180deg);}
.navopenwrap .oprnnav .cont li .nav-two{width: 100%;box-sizing: border-box;padding-left: 48px;margin-top: 20px;display: none;}

.navopenwrap .oprnnav .cont li .nav-two a{font-size: 16px;color: #666;margin-bottom: 20px;display: block;}
.navopenwrap .oprnnav .cont li .nav-two a:last-child{margin-bottom: 0;}


.navopenwrap .imgbox{width: 63%;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-size: cover;position: absolute;right: 0;top: 0;}
.navopenwrap .imgbox .bg{display: block;width: auto;height: 100%;min-width: 100%;position: absolute;top: 0;left: 0;z-index: 0;}

.navopenwrap .imgbox .text{position: relative;z-index: 1;}
.navopenwrap .imgbox .text img{display: block;width: auto;height:70px;}

.navopenwrap .imgbox .text h3{font-weight: bold;font-size: 24px;color: #fff;margin-bottom: 30px;}
.navopenwrap .imgbox .text ul{}

.navopenwrap .imgbox .text ul li{font-size: 16px;color: #ffffff;line-height: 34px;}

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

/* head_menu */
/* .head_menu{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 80; background: rgba(24,24,27,0.9); display: none;} */
.head_menu{width: 100%;height: 100%;position: fixed;top: -100%;left: 0;z-index: 3;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;transition: all .6s;background: rgba(24,24,27,0.9);}
.head_menu ul{ width: 100%; height: 100%; display: inline-block;}

.head_menu ul li{ width: 16.66%; height: 100%; float: left; text-align: center; color: #fff; display: table; position: relative;}
.head_menu ul li .box1{ font-size: 24px;}

.head_menu ul li .box1 a{ display: inline-block; color: #fff;font-size:22px;}
.head_menu ul li .box2{ padding: 45px 0 0;}
.head_menu ul li .box2 i{ display: inline-block; width: 25px; height: 25px; background: url(../img/ico_3.png) no-repeat center; position: relative; border:1px solid transparent; border-radius: 100%; font-size: 18px; transition: all .8s;}
.head_menu ul li .box3{ margin-top: 0; transition: all .8s;}
.head_menu ul li .box3 a{ width: 100%; float: left; color: #898993; font-size: 16px; margin-top: 0; height: 0; overflow: hidden;transition: all .6s;}
.head_menu ul li .box3 a:hover{ color: #fff;}
.head_menu ul li:hover .box2 i{ border:1px solid #fff;}
.head_menu ul li:hover .box3 a{ height: 22px; margin-top: 20px;}
.head_menu ul li:hover .box3 a:first-child{ margin-top: 45px;}
.head_menu ul li::after{ content: ''; width: 100%; height: 0; position: absolute; left: 0; top: 50%; z-index: -1; background: #2c2c36; transition: all .6s;}
.head_menu ul li:hover::after{ top: 0; height: 100%;}
.head_menu.navopenwrap02{top: 0;}
.fp-tableCell{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;}



/* banner */
.bannerwrap{width: 100%;box-sizing: border-box;position: relative;height: 100%;overflow: hidden;}
.bannerwrap video{object-fit: cover;width:100%;height:100%;position: fixed;}
.bannerwrap .text{width: 50%;box-sizing: border-box;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index:1;}
.bannerwrap .text h3{font-size:60px;font-weight:700;color:#ffffff;line-height:72px;letter-spacing:9px;text-shadow: 5px 5px 10px rgba(0,0,0,0.3);}
.bannerwrap .text p{font-size: 22px;color: #FFFFFF;margin-top: 30px;font-weight: 400;text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
.bannerwrap .sjbanner{display: none;}
.bannerbot{width: 50%;box-sizing: border-box;background-color: #FFFFFF;position: absolute;right: 0;bottom: 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;border-bottom: 1px solid #DDDDDD;z-index:1;}
.bannerbot .bannernews{width: calc(100% - 100px);display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.bannerbot .bannernews p{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 100px;font-size: 12px;color: #000022;text-transform: uppercase;position: relative;height: 108px;}
.bannerbot .bannernews p::after{content: '';display: block;width: 1px;height: 40%;background-color: #ddd;position: absolute;right: 0;top: 30%;}
.bannerbot .bannernews .info{width: calc(100% - 100px);box-sizing: border-box;padding: 0 60px;}
.bannerbot .bannernews .info font{display: block;font-size: 12px;color: #aaaaaa;margin-bottom: 15px;}
.bannerbot .bannernews .info h3{font-size: 14px;color: #666666;}
.bannerbot .bannernews .info a{display:block;}
.bannerbot .bannernews .info a font{display: block;font-size: 12px;color: #aaaaaa;margin-bottom: 15px;}
.bannerbot .bannernews .info a h3{font-size: 14px;color: #666666;}

.bannerwrap:after {content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);top: 0;left: 0;position: absolute;}

.p-top-mv__text{color:#fff;font-family:"Poppins",sans-serif;font-size:13px;font-weight:400;letter-spacing:0.05em;position:absolute;bottom:278px;left:30px;transform:rotate(90deg);transform-origin:left bottom;z-index:1}

.p-top-mv__scroll{width:108px;height:108px;background:#e41900;display:block;position:relative;right:0;bottom:0}
.p-top-mv__scroll-point{width:1px;height:40px;background:rgba(255,255,255,.26);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.p-top-mv__scroll-point::before{width:7px;height:7px;background:#fff;border-radius:50%;content:"";position:absolute;top:0;left:-3px;-webkit-animation:scroll 2.3s cubic-bezier(0,0,0.38,0.97) infinite;animation:scroll 2.3s cubic-bezier(0,0,0.38,0.97) infinite}
@-webkit-keyframes scroll{0%{transform:translateY(0);opacity:1}
45%{transform:translateY(33px);opacity:1}
70%{transform:translateY(33px);opacity:0}
100%{transform:translateY(33px);opacity:0}
}@keyframes scroll{0%{transform:translateY(0);opacity:1}
45%{transform:translateY(33px);opacity:1}
70%{transform:translateY(33px);opacity:0}
100%{transform:translateY(33px);opacity:0}
}

/* indexwrap */
.indexwrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;background-color: #fff;}

/* index01 */
.index01wrap{width: 100%;position: relative;padding-bottom: 80px;}
.index01wrap::after{content: '';display: block;width: 80%;height: 20%;background-color: #f3f3f3;position: absolute;left: 0;bottom: 0;z-index: 0;}
.index01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: flex-start;-webkit-align-items: flex-start;z-index: 1;position: relative;}
.index01-left{width: 50%;box-sizing: border-box;background:rgba(0, 0, 0, 0.9);padding-top: 320px;} 
.index01-left .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.index01-left .imgbox img{display: block;width: 100%;transition: all .6s;}
.index01-left .imgbox:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.index01-right{width: 50%;box-sizing: border-box;background: rgba(255, 255, 255, 0.96);display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.index01-right .text{width: 100%;box-sizing: border-box;padding: 170px 170px 0;}
.index01-right .text h3{font-size: 56px;line-height: 72px;color: #444444;margin-bottom: 20px;}
.index01-right .text p{font-size: 30px;color: #444444;}
.index01-right .text strong{display: block;width: 30px;height: 4px;background-color: #e41900;margin: 40px 0;}
.index01-right .text h4{font-size: 15px;line-height: 30px;color: #444444;text-align: justify;margin-bottom: 50px;}
.more{display: block;width: 190px;height: 50px;line-height: 50px;text-align: center;font-size: 15px;color: #FFFFFF;background-color: #e41900;position: relative;z-index: 0;border: 1px solid #e41900;}
.more::after{content: '';display: block;width: 0;height: 100%;background-color: #FFFFFF;position: absolute;left: 0;top: 0;transition: all .3s;z-index: -1;}
.more:hover{color: #e41900;}
.more:hover::after{width: 100%;}

.p-top-intro-ticker{width:100%;position:absolute;top:0;left:0}
@-webkit-keyframes loop{0%{transform:translateX(100%)}
to{transform:translateX(-100%)}
}@keyframes loop{0%{transform:translateX(100%)}
to{transform:translateX(-100%)}
}@-webkit-keyframes loop2{0%{transform:translateX(0)}
to{transform:translateX(-200%)}
}@keyframes loop2{0%{transform:translateX(0)}
to{transform:translateX(-200%)}
}.c-ticker{width:100%;display:flex;overflow:hidden;box-sizing:content-box}
.c-ticker__wrap{display:inline-block;white-space:nowrap;box-sizing:content-box;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
._ticker01{-webkit-animation:loop 80s -40s linear infinite;animation:loop 80s -40s linear infinite}
._ticker02{-webkit-animation:loop2 80s linear infinite;animation:loop2 80s linear infinite}
.c-ticker__text{display:inline-flex;font-family:"Poppins",sans-serif;font-size:204px;font-weight:100;color:#222;letter-spacing:0;line-height:320px;text-transform:uppercase}

/* index02wrap */
.index02wrap{width: 100%;position: relative;box-sizing: border-box;margin-bottom: 170px;}
.index02wrap::before{content: '';display: block;width: 100%;height: 28%;position: absolute;left: 0;top: 0;background-color: #f3f3f3;}
.index02{width: 100%;position: relative;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;z-index: 1;}
.index02 .left{width: 50%;box-sizing: border-box;padding: 0 160px;}
.index02 .left p{font-size: 15px;color: #444444;margin-bottom: 20px;}
.index02 .left h3{font-size: 32px;color: #222222;margin-bottom: 40px;}
.index02 .left h4{font-size: 15px;line-height: 30px;color: #444444;margin-bottom: 50px;}
.index02 .right{width: 50%;box-sizing: border-box;overflow: hidden;}
.index02 .right img{display: block;width: 100%;transition: all .6s;}
.index02 .right:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

/* index03wrap */
.index03wrap{width: 100%;box-sizing: border-box;padding: 120px 0;background-color: #323334;}
.index03wrap .text{width: 100%;box-sizing: border-box;padding: 0 160px;margin-bottom: 60px;}
.index03wrap .text p{font-size: 15px;color: #ffffff;margin-bottom: 20px;}
.index03wrap .text h3{font-size: 32px;color: #ffffff;margin-bottom: 50px;}
.index03wrap .text h4{font-size: 15px;line-height: 30px;color: #ffffff;text-align: justify;}

.index03 .swiper-slide{width: 53%;}
.index03 .swiper-slide a{display: block;width: 100%;overflow: hidden;}
.index03 .swiper-slide a img{display: block;width: 100%;transition: all .6s;}
.index03 .swiper-slide a:hover img{transform: scale(1.1);}
.index03 .swiper-container{padding-left: 160px;box-sizing: border-box;}
.index03 .swiper-slide a .font{display: block;width: 400px;height: 96px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;position: absolute;left: 0;bottom: 0;background-color: rgba(255,255,255,0.9);padding: 0 40px;}
.index03 .swiper-slide a .font h3{font-size: 18px;color: #222222;}

.index03 .bot{width: 100%;box-sizing: border-box;padding-left: 160px;margin-top: 20px;}
.index03 .bot .cont{width: 53%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index03 .bot .cont .page{display: flex;display: -webkit-flex;position: relative;}
.index03 .bot .cont .page .swiper-button-next,.index03 .bot .cont .page .swiper-button-prev{position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;color: #888;border: 2px solid #888;border-radius: 50%;font-size: 14px;width: 48px;height: 48px;box-sizing: border-box;margin: 0;padding: 0;background-image: none;outline: none;left: 0;right: 0;top: 0;bottom: 0;}
.index03 .bot .cont .page .swiper-button-next{margin-left: 10px;}
.index03 .bot .cont .more{width: 190px;height: 50px;border: 1px solid #888;line-height: 50px;color: #888;font-size: 15px;background-color: transparent;}
.index03 .bot .cont .more:hover{color: #fff;border-color: #e41900;}
.index03 .bot .cont .more::after{background-color: #e41900;}


/* index04wrap */
.index04wrap{width: 100%;box-sizing: border-box;padding: 120px 160px;}
.index04-top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 50px;} 
.index04-top .tl{width: 50%;}
.index04-top .tl p{font-size: 15px;color: #aaaaaa;text-transform: uppercase;margin-bottom: 20px;}
.index04-top .tl h3{font-size: 36px;color: #222222;}
.index04-top .tab{width: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding-left: 40px;}
.index04-top .tab p{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 14px;color: #444444;width: 36%;white-space: nowrap;}
.index04-top .tab p::after{content: '';display: block;width: 180px;margin-left: 20px;background-color: #aaaaaa;height: 1px;}
.index04-top .tab .link{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;width: 60%;}
.index04-top .tab .link a{display: block;width: 110px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #444444;border: 1px solid #D8D8D8;margin-right: 15px;background-color: transparent;}
.index04-top .tab .link a:last-child{margin-right: 0;}
.index04-top .tab .link a::after{background-color: #E41900;}
.index04-top .tab .link a:hover,.index04-top .tab .link a.active{color: #fff;border-color: #E41900;}
.index04-top .tab .link a.active::after{width: 100%;}

/* index04 */
.index04{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index04 .left{display: block;width: calc(50% - 100px);}
.index04 .left .imgbox{width: 100%;overflow: hidden;}
.index04 .left .imgbox img{display: block;width: 100%;transition: all .6s;}
.index04 .left:hover .imgbox img{transform: scale(1.1);}
.index04 .left .text{width: 100%;box-sizing: border-box;padding-top: 30px;position: relative;padding-right: 130px;}
.index04 .left .text h3{font-size: 18px;color: #000000;font-weight: bold;margin-bottom: 30px;}
.index04 .left .text h4{font-size: 14px;line-height: 26px;color: #666666;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index04 .left .text i{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-size: 14px;color: #aaaaaa;}

.index04 .right{width: 50%;box-sizing: border-box;padding-left: 40px;}
.index04 .right a{display: block;width: 100%;height: calc(100% / 3);border-bottom: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;padding-right: 30px;position: relative;box-sizing: border-box;}
.index04 .right a::after{content: '';display: block;width: 0;height: 1px;background-color: #E41900;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.index04 .right a:hover::after{width: 100%;}
.index04 .right a:first-child{border-top: 1px solid #DDDDDD;}
.index04 .right a .cont {width:100%;}
.index04 .right a .cont .top{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;margin-bottom: 20px;margin-bottom: 20px;}
.index04 .right a .cont .top p{font-size: 12px;color: #aaaaaa;}
.index04 .right a .cont .top span{display: block;font-size: 12px;color: #666666;width: 110px;height: 20px;line-height: 20px;border: 1px solid #DDDDDD;background-color: #e9edef;margin-left: 10px;text-align: center;}
.index04 .right a .cont h3{font-size: 16px;color: #000000;font-weight: bold;margin-bottom: 12px;transition: all .3s;}
.index04 .right a:hover .cont h3{color: #E41900;}
.index04 .right a .cont h4{font-size: 14px;color: #666666;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index04 .right a i{font-size: 14px;color: #AAAAAA;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index04 .right a:hover i{color: #E41900;}
.index04 a:hover .text h3{color: #E41900;}

/* index05wrap */
.index05wrap{width: 100%;box-sizing: border-box;background-color: #f3f4f5;padding: 120px 160px;}
.index05{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index05 a{display: block;width: calc((100% - 100px)/3);margin-right: 50px;overflow: hidden;position: relative;}
.index05 a:last-child{margin-right: 0;}
.index05 a img{display: block;width: 100%;transition: all .6s;}
.index05 a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.index05 a::after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000;z-index: 0;opacity: 0.65;transition: all .6s;}
.index05 a:hover::after{opacity: 0.5;}
.index05 a .text{width: 100%;box-sizing: border-box;position: absolute;left: 0;bottom: 0;padding: 0 20px 20px;z-index: 1;}
.index05 a .text p{font-size: 12px;color: #ffffff;opacity: 0.5;}
.index05 a .text h3{font-size: 36px;color: #ffffff;margin: 20px 0;}
.index05 a .text h4{font-size: 16px;color: #ffffff;}

/* footerwrap */
.footerwrap{width: 100%;box-sizing: border-box;background-color: #353637;padding: 120px 160px 50px;border-top: 10px solid #e41900;position: relative;}
.footer{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding-bottom: 100px;border-bottom: 1px solid rgba(255,255,255,0.3);margin-bottom: 20px;}
.footer .left .f-logo{display: block;margin-bottom: 36px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-top: -14px;}
.footer .left .f-logo img{display: block;width: auto;height: 44px;}
.footer .left .f-logo h3{font-size: 16px;color: #fff;margin-left: 10px;}
/* .footer .left h3{font-size: 20px;color: #fff;margin-bottom: 40px;} */
.footer .left p{font-size: 14px;line-height: 30px;color: #fff;opacity: 0.5;}
.footer .f-nav{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.footer .f-nav li{margin-right: 80px;}
.footer .f-nav li:last-child{margin-right: 0;}
.footer .f-nav li h3{font-size: 15px;color: #FFFFFF;margin-bottom: 50px;}
.footer .f-nav li .min a{display: block;font-size: 14px;line-height: 30px;color: #fff;opacity: 0.5;}
.footer .f-nav li .min a:hover{opacity: 1;text-decoration: underline;}

.copyright{width: 100%;box-sizing: border-box;display: -wap-marquee;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.copyright .bdsharebuttonbox{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.copyright .bdsharebuttonbox a{display: flex;width: 36px;height: 36px;border-radius: 50%;background-color: rgba(255,255,255,0.33);display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;padding: 0;margin: 0;margin-right: 10px;font-size: 15px;color: #2a2b2c;}
.copyright .bdsharebuttonbox a:hover{    color: #333;opacity: 1;background-color: rgba(255,255,255,0.5);}
.copyright .bdsharebuttonbox a:last-child{margin-right: 0;}
.copyright .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-align-items: center;align-items: center;}
.copyright .right h3,.copyright .right a{font-size: 14px;color: #FFFFFF;opacity: 0.5;}
.copyright .right .se{margin-left: 50px;}

/* about */
.innerbanner{width: 100%;position: relative;overflow: hidden;}
.innerbanner img{display: block;width: 100%;}
.innerbanner .text{width: 100%;box-sizing: border-box;padding-left: 160px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.innerbanner .text p{font-size: 20px;color: #ffffff;text-transform: uppercase;margin-bottom: 20px;font-weight: bold;}
.innerbanner .text h3{font-size: 48px;color: #FFFFFF;font-weight: bold;}

/* innerwrap */
.innerwrap{width: 100%;position: relative;overflow: hidden;}
.about01wrap{width: 100%;box-sizing: border-box;padding: 100px 0;position: relative;}
.about01wrap:after{content: '';display: block;width: 30%;height: 100%;position: absolute;right: 0;top: 0;background-color: #e41900;z-index: 0;}
.about01{width: 100%;position: relative;padding: 80px 0;z-index: 1;}
.about01:after{content: '';display: block;width: 95%;height: 100%;position: absolute;top: 0;left: 0;background-color: #f1f2f3;}
.about01min{width: 100%;position: relative;z-index: 2;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.about01min .text{width: 50%;box-sizing: border-box;padding-left: 160px;padding-right: 50px;}
.about01min .text h3{font-size: 36px;color: #cccccc;margin-bottom: 30px;text-transform: uppercase;font-weight: bold;}
.about01min .text p{font-size: 28px;color: #222222;margin-bottom: 30px;font-weight: bold;}
.about01min .text h4{font-size: 15px;line-height: 30px;color: #444444;text-align: justify;}
.about01min .video{width: 50%;box-sizing: border-box;overflow: hidden;position: relative;}
.about01min .video video{display: block;object-fit: cover;width: 100%;}

/* about02wrap */
.about02wrap{width: 100%;padding: 100px 0;background-color: #323334;}
.a-tl{text-align: center;margin-bottom: 50px;}
.a-tl h3{font-size: 28px;color: #FFFFFF;font-weight: bold;margin-bottom: 30px;}
.a-tl h4{font-size: 15px;color: #FFFFFF;line-height: 30px;margin-bottom: 30px;}
.a-tl h4 span{font-weight:bold;}
.a-tl strong{display: block;width: 50px;height: 4px;background-color: #FFFFFF;margin: auto;}
.about02{width: 100%;box-sizing: border-box;padding: 0 160px;}
/* .about02 .swiper-slide{width:84%;margin-right: 200px;} */
.about02 a{display: block;width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding: 40px 0;}
.about02 a .left{width:50%;box-sizing: border-box;position: relative;box-sizing: border-box;padding: 0;position: relative;z-index: 1;}
.about02 a:after{content: '';display: block;width: 60%;height: 100%;background: url(../img/about01.jpg)no-repeat;background-size: cover;position: absolute;top: 0;z-index: 0;left: 20%;}
.about02 a .left .imgbox{width: 100%;overflow: hidden;position: relative;z-index: 1;}
.about02 a .left .imgbox img{display: block;width: 100%;transition: all .6s;}
.about02 a:hover .left .imgbox img{transform: scale(1.1);}
.about02 a .right{width:50%;box-sizing: border-box;position: relative;z-index: 1;margin-left: 0;padding: 90px 50px;background-color: #FFFFFF;position: absolute;right: 0;height: calc(100% - 80px);top: 40px;}
.about02 a .right h3{position: relative;font-size: 24px;color: #e41900;font-weight: bold;margin-bottom: 40px;}
.about02 a .right h3:before{content: '';display: block;width: 4px;height: 24px;position: absolute;left: -50px;top: 0;background-color: #e41900;}
.about02 a .right h4{font-size: 15px;line-height: 30px;color: #444444;text-align: justify;}
.about02 .page{width: 100%;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-top: 40px;}
.about02 .swiper-button-next,.about02 .swiper-button-prev{position: relative;height: auto;width: auto;font-size: 26px;top: 0;margin: 0;padding: 0;left: 0;right: 0;color: #ffffff;background-image: none;outline: none;}
.about02 .swiper-pagination{position: relative;margin: 0 50px;}
.about02 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #FFFFFF;opacity: 1;margin-right: 10px;outline: none;}
.about02 .swiper-pagination-bullet:last-child{margin-right: 0;}
.about02 .swiper-pagination-bullet-active{background-color: #e41900;}

/* 联系 */
.contact01wrap{width: 100%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;}
.contact01wrap .text{width: 50%;box-sizing: border-box;padding: 0 160px;}
.contact01wrap .text h3{font-size: 30px;color: #222222;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #DDDDDD;font-weight:bold;}
.contact01wrap .text p{font-size: 16px;line-height: 36px;}
.contact01wrap .map{position: relative;width: 50%;height: 650px;}

/* contact02wrap */
.contact02wrap{width: 100%;padding: 100px 0;background: url(../img/contact_bg.jpg)no-repeat fixed;background-size: cover;}
.contact02wrap .tl{font-size: 30px;margin-bottom: 50px;color: #222222;text-align: center;}
.contact02wrap .wpcf7-form{width: 1000px;box-sizing: border-box;margin: auto;}

.contact02wrap .wpcf7-form .top .label{width: 100%;box-sizing: border-box;display: -wap-marquee;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 30px;}

.contact02wrap .wpcf7-form .top .label span{position: relative;display: block;width: 49%;border: 1px solid #ddd;box-sizing: border-box;background-color: #fff;border-radius: 4px;outline: none;height: 44px;box-sizing: border-box;padding: 0 20px;font-size: 14px;color: #888;}

.contact02wrap .wpcf7-form .top .label input{display: block; border: 1px solid #ddd;box-sizing: border-box;background-color: #fff;outline: none;height: 42px;box-sizing: border-box;padding: 0 0;font-size: 14px;color: #888; border: 0;width: 100%;}

.contact02wrap .wpcf7-form .bot input{display: block;width: 100%;box-sizing: border-box;border: 1px solid #ddd;box-sizing: border-box;background-color: #f1f2f3;border-radius: 4px;outline: none;height: 44px;box-sizing: border-box;padding:0 20px;font-size: 14px;color: #888;margin-bottom: 30px;} 

.contact02wrap .wpcf7-form .bot textarea{display: block;padding: 20px;font-size: 14px;color: #888;width: 100%;height: 120px;border: 1px solid #ddd;box-sizing: border-box;background-color: #fff;border-radius: 4px;outline: none;resize: none;}
.contact02wrap .wpcf7-form .bot button{border-radius: 4px;margin: auto;margin-top: 30px;width: 140px;height: 40px;line-height: 40px;overflow: hidden;}

/* 
.contact02wrap .wpcf7-form .bot button{display: block;width: 130px;height: 40px;line-height: 40px;text-align: center;background-color: #e41900;border-radius: 4px;margin-top: 30px;border: 1px solid #e41900;}

.contact02wrap .wpcf7-form .bot button::after{border-radius: 4px;} 
*/


.contact02wrap .wpcf7-form .top .label span span{ position: absolute;border: 0;background: none;top: 0;line-height: 44px;right: 0;width: auto;color: #e41900;letter-spacing: 0; font-size: 12px;}

.screen-reader-response,.contact02wrap .wpcf7-form .top .label br,.contact02wrap .wpcf7-form .top br{ display: none; }


.wpcf7-response-output,.wpcf7-mail-sent-ng{display: block;color: #e41900;margin: 20px 0 0 0;font-size: 12px;    text-align: center;    letter-spacing: 0;}






/* 品牌文化 */
.culture01{width: 100%;box-sizing: border-box;padding: 100px 160px;display: flex;display: -webkit-flex;}
.culture01 .left{padding-left: 30px;box-sizing: border-box;position: relative;border-left: 1px solid #e41900;padding-bottom: 50px;padding-top: 2px;margin-right: 140px;}
.culture01 .left:before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #e41900;position: absolute;left: -2px;top: 0;}
.culture01 .left h3{font-size: 24px;color: #e41900;font-weight: bold;font-weight: bold;writing-mode: tb;}
.culture01 .right h3{font-size: 27px;font-weight: bold;color: #222222;line-height: 36px;margin-bottom: 30px;}
.culture01 .right h4{font-size: 18px;line-height: 30px;color: #666666;}

/* culture02 */
.culture02{width: 100%;box-sizing: border-box;position: relative;}
.culture02 li{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-content: center;position: relative;}
.culture02 li:nth-of-type(odd){background-color: #f1f2f3;-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.culture02 li .text{width: 50%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 90px;}
.culture02 li .text .num{font-size: 166px;color: #e2e3e4;position: relative;width: 200px;}
.culture02 li .text .num .dw{position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-sizing: border-box;padding-left: 10px;}
.culture02 li .text .num .dw p{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 10px;}
.culture02 li .text .num .dw font{font-size: 16px;color: #e41900;font-weight: bold;}
.culture02 li .text .info{width: calc(100% - 200px);font-size: 15px;line-height: 30px;color: #444444;}
.culture02 li .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;}
.culture02 li .imgbox img{display: block;width: 100%;transition: all .6s;}
.culture02 li:hover .imgbox img{transform: scale(1.1);}

/* 案例 */
.case01wrap{width: 100%;box-sizing: border-box;position: relative;/* display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between; */}
.case01wrap .c-list{width: 25%;background-color: #f1f2f3;box-sizing: border-box;padding: 100px 80px;}
.case01wrap .c-list .tl{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 40px;font-weight: bold;}
.c-listcont{width: 100%;position: relative;}
.c-listcont li .p{font-size: 18px;color: #666666;font-weight: bold;border-bottom: 1px solid #DDDDDD;line-height: 60px;cursor: pointer;}
.c-listcont li .min{width: 100%;box-sizing: border-box;padding-right: 30%;display: none;}
.c-listcont li:first-child .min{display: block;}
.c-listcont li .min a{display: block;line-height: 50px;font-size: 15px;color: #888888;border-bottom: 1px solid #DDDDDD;position: relative;box-sizing: border-box;padding-left: 14px;}
.c-listcont li .min a:before{content: '';display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 22px;border-radius: 50%;background-color: #888888;}
.c-listcont li .p.open,.c-listcont li .p:hover{color: #e41900;}
.c-listcont li .min a:hover,.c-listcont li .min a.active{color: #e41900;}
.c-listcont li .min a:hover:before,.c-listcont li .min a.active:before{background-color: #e41900;}

/* 重置 */
.c-linkwrap{width: 100%;box-sizing: border-box;padding: 0 160px;border-bottom: 1px solid #f1f2f4;}
.c-link{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;position: relative;z-index: 1;}
.c-link .a{height: 80px;line-height: 80px;position: relative;font-size: 16px;color: #888888;padding: 0 50px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: center;-webkit-align-items: center;}
.c-link .a i{font-size: inherit;color: inherit;margin-left: 5px;}
.c-link .a.active i,.c-link a:hover i{opacity: 1;}
.c-link .a:after{content: '';display: block;width: 0%;height: 2px;background-color: #e41900;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.c-link .a:hover:after,.c-link .a.active:after{width: 100%;}
.c-link .a:hover a,.c-link .a.active a{color: #e41900;}
.c-link strong{display: block;width: 1px;height: 20px;background-color: #888888;}
.c-listwrap{width: 100%;padding: 0 160px;background-color: #f1f2f4;    position: absolute;left: 0;height: 80px;top: 80px;z-index: 0;}
.c-listwrap li{width: 100%;display: none;}
.c-listwrap li:first-child{display: block;}
.c-link .a .itemwrap{display: none;}
.c-link .a:first-child .itemwrap{ }
.c-link .a .item{width: auto;display: flex;display: -webkit-flex;padding: 20px 0;white-space: nowrap;position: absolute;left: 0;top: 80px;}
.c-link .a .item a{display: block;background-color:transparent;border-color: #DDDDDD;color: #666;border-radius: 4px;overflow: hidden;width: auto;box-sizing: border-box;padding: 0 30px;height: 40px;line-height: 38px;margin-right: 20px;}
.c-link .a .item a:last-child{margin-right: 0;}
.c-link .a .item a:after{background-color: #e41900;}
.c-link .a .item a.active:after{width: 100%;}
.c-link .a .item a:hover,.c-link .a .item a.active{color: #FFFFFF;border-color: #e41900;}
/* .c-linkwrap:after{content: '';position: absolute;left: 0;top: 80px;background-color: #f1f2f4;width: 100%;height: 80px;z-index: 0;} */


.c-link .active .itemwrap{ display: block !IMPORTANT; }



.case01{width: 100%;box-sizing: border-box;}  
.case01 .min{width: 100%;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;box-sizing: border-box;padding: 100px 160px 0;border-bottom: 1px solid #DDDDDD;}
.case01 .min a{display: block;width: 32%;margin-right: 2%;position: relative;margin-bottom: 50px;}
.case01 .min a:nth-of-type(3n){margin-right: 0;}
.case01 .min a .imgbox{width: 100%;position: relative;overflow: hidden;}
.case01 .min a .imgbox img{display: block;width: 100%;transition: all .6s;}
.case01 .min a:hover .imgbox img{transform: scale(1.1);}
.case01 .min a .text{width: 100%;box-sizing: border-box;padding-top: 20px;}
.case01 .min a .text h3{font-size: 15px;color: #222222;font-weight: bold;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.case01 .min a .text p{font-size: 12px;color: #888888;position: relative;padding-left: 15px;box-sizing: border-box;}
.case01 .min a .text p i{font-size: inherit;color: inherit;position: absolute;left: 0;top: 0;}
.case01 .min a:hover .text h3{color: #e41900;}

.nav-links,.fy{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;}
.fy a,.nav-links span{display: block;width: auto;min-width: 32px;height: 32px;line-height: 30px;border-radius: 4px;border: 1px solid #DDDDDD;text-align: center;margin-right: 10px;transition: all .3s;font-size: 14px;color: #666;box-sizing: border-box;padding: 0 12px;}
.fy a:last-child{margin-right: 0;}
.fy a:hover,.fy a.active,.nav-links span{background-color: #e41900;border-color: #e41900;color: #FFFFFF;}

.case01 .fy{box-sizing: border-box;padding: 50px 160px 60px;}

.screen-reader-text{ display: none; }





/* 案例详情 */
.caseinfbanner{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding: 200px 160px 100px ;}
.caseinfbanner .imgbox{width: 50%;overflow: hidden;position: relative;display: none;}
.caseinfbanner .imgbox img{display: block;width: 100%;transition: all .6s;}
.caseinfbanner .text{width: 100%;box-sizing: border-box;padding-right: 30%;}
.caseinfbanner .text h3{font-size: 34px;color: #222222;font-weight: bold;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #DDDDDD;}
.caseinfbanner .text strong{display: block;width: 50px;height: 2px;margin: 30px auto;background-color: #e41900;}
.caseinfbanner .text h4{font-size: 15px;color: #444444;line-height: 30px;margin-bottom: 30px;}
.caseinfbanner .text h4:last-child{margin-bottom: 0;}
.caseinfbanner .text p{font-size: 20px;color: #222222;margin-bottom: 20px;font-weight:bold;}

/* caseinfo01wrap */
.caseinfo01wrap{width: calc(100% - 320px);box-sizing: border-box;position: relative;margin: auto;background-color: #f4f4f4;}
/* .caseinfo01wrap .swiper-slide{width: 40%;} */
.caseinfo01wrap a{display: block;width: 100%;overflow: hidden;}
.caseinfo01wrap a img{display: block;width: 100%;transition: all .6s;}
.caseinfo01wrap a:hover img{transform: scale(1.1);}
.caseinfo01wrap .swiper-button-next,.caseinfo01wrap .swiper-button-prev{width: 40px;height: 40px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #e41900;font-size: 20px;color: #FFFFFF;background-image: none;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin: 0;}
.caseinfo01wrap .swiper-button-next{right: 0;}
.caseinfo01wrap .swiper-button-prev{left: 0;}
.caseinfo01wrap .swiper-pagination{width: 100%;position: relative;bottom: 0;margin-top: 30px;}
.caseinfo01wrap .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0;padding: 0;margin-right: 10px;opacity: 1;background-color: #aaaaaa;}
.caseinfo01wrap .swiper-pagination-bullet:last-child{margin-right: 0;}
.caseinfo01wrap .swiper-pagination-bullet-active{background-color: #e41900;}

/* 重置 */
.caseinfo01wrap .gallery-top .swiper-slide{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.caseinfo01wrap .gallery-top .swiper-slide img{display: block;max-width: 100%;max-height: 80vh;width: auto;height: auto;}
.gallery-thumbswrap{width: 100%;box-sizing: border-box;padding: 10px 180px;background-color: rgba(0,0,0,.8);position: absolute;bottom: 0;left: 0;z-index: 2;}
.caseinfo01wrap .gallery-thumbs img{display: block;    width: auto;height: auto;max-width: 100%;max-height: 80px;}
.caseinfo01wrap .gallery-thumbs .swiper-slide{height: 100%;border: 2px solid transparent;    display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.caseinfo01wrap .gallery-thumbs .swiper-slide:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);opacity: 1;position: absolute;top: 0;left: 0;}
.caseinfo01wrap .gallery-thumbs .swiper-slide-thumb-active,.caseinfo01wrap .gallery-thumbs .swiper-slide:hover{opacity: 1;border-color: #ffffff;}
.caseinfo01wrap .gallery-thumbs .swiper-slide-thumb-active:after{opacity: 0;}
.caseinfo01wrap .swiper-pagination{width: 180px;left: 0;margin: 0;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);bottom: initial;font-size: 20px;color: #ffffff;}
.caseinfo01wrap .swiper-pagination span{font-size: 20px;color: #ffffff;}
.caseinfo01wrap .swiper-pagination span:first-child{font-size: 30px;}

/* caseinfo02wrap */
.caseinfo02wrap{width: calc(100% - 320px);margin: 100px auto;box-sizing: border-box;}
.caseinfo02{width: 100%;display:none;}
.caseinfo02 .tl{position: relative;font-size: 34px;color: #222222;font-weight: bold;padding-bottom: 30px;border-bottom: 1px solid #DDDDDD;margin-bottom: 30px;}
.caseinfo02 .tl:before{content: '';display: block;width: 80px;height: 2px;background-color: #e41900;position: absolute;left: 0;bottom: 0;}
.caseinfo02 .min{margin-bottom: 100px;}
.caseinfo02 .min p{font-size: 16px;color: #666666;line-height: 36px;margin-bottom: 30px;}
.caseinfo02 .min p:last-child{margin-bottom: 0;}

.c-fy{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding: 30px 0;border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;}
.c-fy a{font-size: 14px;color: #666666;}
.c-fy a i{font-size: inherit;color: inherit;margin-right: 10px;}
.c-fy a:last-child i{margin-right: 0;margin-left: 10px;}
.c-fy a:hover{color: #e41900;}

/* 合作伙伴 */
.partner01wrap{width: 100%;box-sizing: border-box;position: relative;padding: 100px 160px;}
.partner01wrap .tl{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 50px;}
.partner01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.partner01 li{width: 20%;box-sizing: border-box;height: 260px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;border: 1px solid #DDDDDD;margin-right: -1px;margin-bottom: -1px;}
.partner01 li:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;position: absolute;z-index: 0;background-color: rgba(228,25,0,0.8);opacity: 0;transition: all .3s;}
.partner01 li:hover:after{opacity: 1;}
.partner01 li .imgbox img{display: block;width: auto;max-width: 90%;margin: auto;}
.partner01 li .text{font-size: 18px;color: #ffffff;width: calc(100% - 20px);height: calc(100% - 20px);position: absolute;top: 10px;left: 10px;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;opacity: 0;transition: all .3s;transform: scale(1.3);-webkit-transform: scale(1.1);z-index: 1;border: 1px solid #FFFFFF;}
.partner01 li:hover .text{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}

/* news */
.newstabwrap{width: 100%;box-sizing: border-box;padding: 0 160px;border-bottom: 1px solid #DDDDDD;}
.newstab{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-content: center;}
.newstab a{display: block;height: 80px;line-height: 80px;position: relative;font-size: 16px;color: #888888;padding: 0 50px;}
.newstab a:after{content: '';display: block;width: 0%;height: 2px;background-color: #e41900;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.newstab a:hover:after,.newstab a.active:after{width: 100%;}
.newstab a:hover,.newstab a.active{color: #e41900;}
.newstab i{display: block;width: 1px;height: 20px;background-color: #888888;}

/* news01wrap */
.news01wrap{width: 100%;box-sizing: border-box;}
.news01wrap .li{display: block;width: 100%;box-sizing: border-box;padding: 50px 160px;border-bottom: 1px solid #DDDDDD;transition: all .3s;}
.news01wrap .li:hover{background-color: #f1f2f3;}
.news01wrap .item{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.news01wrap .item .imgbox{width: 30%;box-sizing: border-box;overflow: hidden;}
.news01wrap .item .imgbox img{display: block;width: 100%;transition: all .6s;}
.news01wrap .li:hover .item .imgbox img{transform: scale(1.1);}
.news01wrap .item .text{width: 70%;box-sizing: border-box;padding-left: 70px;}
.news01wrap .item .text p{font-size: 14px;color: #aaaaaa;margin-bottom: 20px;}
.news01wrap .item .text h3{font-size: 20px;color: #222222;margin-bottom: 30px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news01wrap .item .text h4{font-size: 16px;line-height: 30px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news01wrap .li:hover .item .text h3{color: #e41900;}
.n-fywrap{width: 100%;box-sizing: border-box;padding: 0 160px;margin: 50px auto 100px;}

/* 荣誉 */
.honor01wrap{width: 100%;box-sizing: border-box;padding: 100px 160px;background: url(../img/honor_bg.jpg)no-repeat fixed;background-size: cover;}
.honor01wrap .tl{font-size: 36px;text-align: center;margin-bottom: 40px;color:#222;font-weight:bold;}
.honor01{border-bottom: 1px solid #DDDDDD;}
.honor01 a{display: block;width: 100%;}
.honor01 a .imgbox{width: 100%;overflow: hidden;}
.honor01 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.honor01 a:hover .imgbox img{transform: scale(1.1);}
.honor01 a .text{width: 100%;box-sizing: border-box;padding: 30px 0;}
.honor01 a .text h3{font-size: 20px;color: #222222;margin-bottom: 20px;font-weight:bold;}
.honor01 a .text h4{font-size: 15px;color: #444444;line-height: 24px;}
.honor01 a .text h3:hover{color: #e41900;}
.honor01wrap .swiper-pagination{width: 100%;position: relative;bottom: 0;margin-top: 30px;}
.honor01wrap .swiper-pagination-bullet{width: 10px;height: 10px;margin-right: 10px;opacity: 1;background-color: #aaaaaa;}
.honor01wrap .swiper-pagination-bullet-active{background-color: #e41900;}

/* honor02wrap */
.honor02wrap{width: 100%;box-sizing: border-box;padding: 100px 160px;}
.h-tab{width: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;padding-bottom: 20px;border-bottom: 1px solid #DDDDDD;margin-bottom: 20px;}
.h-tab a{background-color: #eeeeee;color: #e41900;width: 260px;height: 54px;line-height: 54px;margin-right: 40px;}
.h-tab a:last-child{margin-right: 0;}
.h-tab a:after{background-color: #e41900;}
.h-tab a.active:after,.h-tab a:hover:after{width: 100%;}
.h-tab a.active,.h-tab a:hover{color: #FFFFFF;}

/* honor02 */
.honor02{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.honor02 a{display: block;width: calc((100% - 60px)/4);margin-right: 20px;margin-bottom: 20px;height: 290px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #f1f2f3;position: relative;}
.honor02 a:nth-of-type(4n){margin-right: 0;}
.honor02 a img{display: block;width: auto;height: auto;max-width: 90%;max-height: 90%;}
.honor02 a .text{font-size: 16px;color: #ffffff;width: calc(100% - 20px);height: calc(100% - 20px);position: absolute;top: 10px;left: 10px;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;opacity: 0;transition: all .3s;transform: scale(1.3);-webkit-transform: scale(1.1);z-index: 1;border: 1px solid #FFFFFF;padding: 0 40px;text-align: center;line-height: 30px;}
.honor02 a:hover .text{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
.honor02 a:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;position: absolute;z-index: 0;background-color: rgba(228,25,0,1);opacity: 0;transition: all .3s;}
.honor02 a:hover:after{opacity: 1;}

.listwrap{width: 100%;position: relative;}
.listwrap .list{width: 100%;display: none;}
.listwrap .list:first-child{display: block;}

/* 招聘 */
.join01wrap{width: 100%;box-sizing: border-box;padding: 0 160px;margin: 100px auto;}
.join{width: 100%;box-sizing: border-box;padding-right: 350px;}
.join .tl{font-size: 24px;color: #222222;margin-bottom: 20px;font-weight: bold;}
.joinmin{width: 100%;box-sizing: border-box;position: relative;}
.joinmin .item{width: 100%;border-bottom: 1px solid #DDDDDD;}
.joinmin .item:first-child{border-top: 1px solid #DDDDDD;}
.joinmin li a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 64px;}
.joinmin li a p{font-size: 18px;color: #222222;font-weight: bold;}
.joinmin li a i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 20px;height: 20px;border: 1px solid #e41900;border-radius: 50%;font-size: 12px;color: #e41900;}
.joinmin .item .info{width: 100%;box-sizing: border-box;position: relative;margin: 0 0 40px;border-top: 1px solid #DDDDDD;padding-top: 30px;display: none;}
.joinmin .item .info::before{content: '';display: block;width: 1px;height: calc(100% - 30px);position: absolute;left: 15%;top: 25px;background-color: #DDDDDD;z-index: 0;}
.joinmin .item .info li{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding-bottom: 40px;position: relative;z-index: 1;}
.joinmin .item .info li p{width: 15%;font-size: 16px;color: #e41900;border-right: 2px solid #e41900;margin-top: 5px;font-weight:bold;}
.joinmin .item .info li h4{width: 85%;font-size: 15px;color: #666666;line-height: 30px;box-sizing: border-box;padding-left: 50px;}
.joinmin .item:first-child .info{display: block;}
.joinmin .item.active a .fa{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

/* 新闻详情 */
.newsinfowrap{width: 100%;box-sizing: border-box;margin-top: 0;}

.newsinfowrap .n-tlwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 160px 0 80px;}
.newsinfowrap .n-tlwrap .n-tl{width: 1200px;margin: auto;}
.newsinfowrap .n-tlwrap .n-tl h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;line-height: 36px;}
.newsinfowrap .n-tlwrap .n-tl p{font-size: 14px;color: #888888;}
.newsinfo01{width: 1200px;margin: auto;box-sizing: border-box;padding-right: 280px;margin-bottom: 100px;}
.newsinfo01 .cont{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;padding: 50px 0;}

.newsinfo01 .cont h4{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;}
.newsinfo01 .cont h4:last-child{margin-bottom: 0;}
.newsinfo01 .cont h4 img{ display: block;width: auto;height: auto;max-width: 100%;margin: 0 auto;}
.newsinfo01 .cont h4 p{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;}
.newsinfo01 .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;}
.newsinfo01 .page a{font-size: 14px;color: #666666;}
.newsinfo01 .page a i{font-size: inherit;color: inherit;margin-right: 10px;}
.newsinfo01 .page a:last-child i{margin-right: 0;margin-left: 10px;}
.newsinfo01 .page a:hover{color: #e41900;}
.newsinfo01 .cont p,.newsinfo01 .cont span,.newsinfo01 .cont font{font-size: 15px;color: #666666;line-height: 32px;}

.newsinfo01 .cont img{ width: auto;height: auto;max-width: 100%; margin: auto;}


/* 组织架构 */
.framework01wrap{width: 100%;box-sizing: border-box;background: url(../img/frame_bg.jpg)no-repeat fixed;background-size: cover;padding: 100px 160px;}
.framework01{margin: auto;width: 100%;box-sizing: border-box;}
.framework01 h3{font-size: 24px;color: #222222;text-align: center;margin-bottom: 50px;}
.framework01 .imgbox{width: 100%;box-sizing: border-box;}
.framework01 .imgbox img{display: block;width: auto;height: auto;max-width: 100%;margin: auto;}
.framework02wrap{background-color: #FFFFFF;}



















@media only screen and (max-width: 1600px){
.header .logo{padding: 24px;width:230px;}
.div2_1 .header .logo{}

.bannerwrap .text h3{font-size: 50px;letter-spacing: 7px;}
.bannerwrap .text p{font-size: 20px;}
.p-top-mv__scroll{width: 100px;height: 100px;}
.bannerbot .bannernews p{height: 100px;}
.index01-left{padding-top: 280px;}
.c-ticker__text{font-size: 190px;line-height: 280px;}
.index01-right .text{padding: 130px 100px 0;}
.index01-right .text h3{font-size: 42px;line-height: 56px;}
.index01-right .text p{font-size: 24px;}
.index01-right .text strong{height: 2px;margin: 30px 0;}
.index01-right .text h4{font-size: 14px;line-height: 28px;}

.index02 .left{padding: 0 100px;}
.index02 .left p{font-size: 14px;}
.index02 .left h3{font-size: 30px;margin-bottom: 30px;}
.index02 .left h4{font-size-adjust: 14px;line-height: 28px;}
.more,.index03 .bot .cont .more{width: 180px;height: 46px;line-height: 46px;}
.index02wrap{margin-bottom: 100px;}

.index03wrap{    padding: 100px 0;}
.index03wrap .text{padding: 0 100px;}
.index03wrap .text h3{font-size: 30px;margin-bottom: 40px;}
.index03wrap .text p{font-size: 14px;}
.index03wrap .text h4{font-size: 14px;left: 28px;}
.index03 .swiper-container{padding-left: 100px;}
.index03 .bot{padding-left: 100px;}
.index03 .swiper-slide a .font{height: 70px;}

.index04wrap{padding: 100px 100px;}
.index04-top .tl h3{font-size: 30px;}
.index04-top .tl p{font-size: 14px;}
.index04 a{width: calc(50% - 50px);}
.index04 a .text{padding-right: 80px;}
.index04 a .text h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index04-top .tab p{white-space: nowrap;}
.index04-top .tab .link a{margin-right: 10px;}

.index05wrap{padding: 100px 100px;}
.index05 a .text h3{font-size: 30px;color: #ffffff;margin: 15px 0;}
.footerwrap{padding: 100px 100px 50px;}

.footer .f-nav li{    margin-right: 66px;}

/* about */
.innerbanner .text{padding-left: 100px;}
.innerbanner .text p{font-size: 16px;}
.innerbanner .text h3{font-size: 36px;}
.about01min .text{padding-left: 100px;}
.about02 a .right{padding: 50px 40px;}
.about02 a .right h3:before{left: -40px;}
.about02 a .right{width: 50%;margin-left: -30%;}
.about02 .swiper-slide{margin-right: 100px;}
.about02 a .right h4{font-size:13px;line-height: 26px;}
.about01min .text h3{font-size: 30px;}


.contact01wrap .text{padding: 0 100px;}
.contact01wrap .map{height: 600px;}
.contact01wrap .text h3{font-size:26px;}
.contact02wrap .tl{font-size:26px;}

.culture01{padding: 100px;}
.culture02 li .text{padding: 0 50px;}
.culture02 li .text .info{font-size: 14px;line-height: 28px;width: calc(100% - 160px);}
.culture02 li .text .num{font-size: 140px;width: 180px;}
.culture02 li .text .num .dw p{font-size: 20px;margin-bottom: 6PX;}
.culture02 li .text .num .dw font{font-size: 14px;}

.case01{padding-top: 50px;}
.case01wrap .c-list{width:22%;padding: 100px 40px;}
.case01 .min{padding: 60px 100px 0;}
.case01 .fy{padding: 50px 100px 60px;}
.c-listwrap{padding:0 100px;}
.c-listcont li .min a{font-size:14px;}
.c-listcont li .p{font-size:16px;}
.c-linkwrap{padding: 0 100px;}
.caseinfbanner{padding: 140px 0 80px;}
.caseinfbanner .text h3{font-size: 30px;}
.caseinfo02 .min p {    font-size: 15px;}
.caseinfbanner .text{    padding: 0 15%x;}
.caseinfo01wrap .swiper-slide{width:60%;}


.newstabwrap{padding: 0 100px;}
.news01wrap .li{padding: 50px 100px;}

.honor01wrap,.honor02wrap{padding: 80px 80px;}
.honor02 a{height: 250px;width: calc((100% - 40px)/3);}
.honor02 a:nth-of-type(4n) {margin-right: 20px;}
.honor02 a:nth-of-type(3n) {margin-right: 0px;}

.join01wrap{padding: 0 100px;}
.join{padding-right: 200px;}

.framework01wrap{padding: 100px 100px;}

.honor01wrap .tl{font-size:32px;}

.h-tab a{width: 220px;height: 44px;line-height: 44px;margin-right: 40px;}

.about02{padding: 0 100px;}

.about02 a{padding:50px 0;}
.about02 a .right{height: calc(100% - 100px);top: 50px;}
.caseinfo01wrap{width:1000px;}
.newsinfowrap .n-tlwrap .n-tl{    width: 1000px;}
.newsinfo01{width:1000px;padding-right: 150px;}

.caseinfbanner .text{width: 1000px;margin: auto;padding-right: 20%;}
.caseinfo02wrap{width:1000px;}

}