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;border-bottom: 1px solid #ddd;box-sizing: border-box;padding: 0 5%;position: fixed;top: 0;left: 0;z-index: 20;transition: all .3s;}
.headerwrap .header{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.headerwrap .header .right{display: flex;display: -webkit-flex;}
.headerwrap .header .logo{display: block;}
.headerwrap .header .logo img{display: block;width: auto;height: 50px;}
.headerwrap .header .logo .logo02{display: none;}
.headerwrap .header .nav{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.headerwrap .header .nav li{position: relative;}
.headerwrap .header .nav li>a{display: block;height: 90px;line-height: 90px;font-size: 16px;color: #FFFFFF;position: relative;box-sizing: border-box;padding: 0 25px;}
.headerwrap .header .nav li>a::after{content: '';display: block;width: 0%;height: 2px;background-color: #ff000c;transition: all .3s;position: absolute;left: 0;bottom: 0;}
/* .headerwrap .header .pclanguage{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.headerwrap .header .pclanguage i{font-size: 16px;color: #FFFFFF;margin-right: 20px;}
.headerwrap .header .pclanguage span{display: block;width: 1px;height: 14px;background-color: #FFFFFF;margin: 0 15px;}
.headerwrap .header .pclanguage a{font-size: 14px;color: #FFFFFF;} */
/*.pclanguage{width: 110px;height: 90px;box-sizing: border-box;padding: 30px 0;background-color: #ff000c;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-left: 25px;position: relative;}
.pclanguage .box i{font-size: 16px;color: #FFFFFF;}
.pclanguage .box i:last-child{margin-left: 10px;}
.pclanguage .link{width: auto;box-sizing: border-box;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);position: absolute;min-width: 100%;left: 0;top: 90px;opacity: 0;visibility: hidden;transition: all .3s;}
.pclanguage .link a{display: block;line-height: 30px;font-size: 14px;color: #333333;padding: 0 30px;border-bottom: 1px solid #DDDDDD;text-align: center;text-transform: uppercase;}
.pclanguage .link a:hover{color: #ff000c;}
.pclanguage:hover .link{opacity: 1;visibility: visible;}*/


.header .nav li .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;width: 610px;left: 0;margin-left: 0px;text-align: center;top: 51.5px;display: none;justify-content: center;flex-flow: row;white-space: nowrap;transition: all .3s;top: 90px;flex-wrap: nowrap;-webkit-flex-wrap: nowrap;}

.header .nav li .nav02 a{display: inline-block;width: auto;font-size: 14px;color: #666;line-height: 40px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding-left: 30px;padding-right: 30px;}
.header .nav li .nav02 a:last-child{margin-right: 0;}
.header .nav li .nav02 a:hover{color: #ff000c;background-color: #fff;}
.header .nav li .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #ff000c;position: absolute;top: 14px;left: 5px;opacity: 0;}
.header .nav li .nav02 a:hover:before{opacity: 1}
.header .nav li .nav02 a i{opacity: 0;transition: all .6s;margin-left: 10px;}
.header .nav li .nav02 a:hover i{opacity: 1;}
.header .nav li .nav02{background-color: rgba(255,255,255,0.9);padding: 0;width: auto;box-shadow: 0px 2px 2px rgba(34,34,34,0.3)}
.header .nav li .nav02 a{display: block;display: flex;justify-content: space-between;align-items: center;}

.header .nav li:hover .nav02{display: block;}

.header .nav li .nav0201{width: auto;display: flex;display: -webkit-flex;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;padding: 30px;}
.header .nav li .nav0201 .item{margin-right: 50px;}
.header .nav li .nav0201 .item:last-child{margin-right: 0;}
.header .nav li .nav0201 .a01{display: block;width: auto;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 2px solid #ff000c;font-size: 16px;color: #333333;text-align: left;font-weight:bold;}
.header .nav li .nav0201 a{padding-left: 0;}
.header .nav li .nav0201 a:before{display: none;}
.header .nav li .nav02 .nav0201 a:hover{background-color: transparent;}


.headerwrap:hover,.div2_1 .headerwrap,.div3 .headerwrap{background-color: #FFFFFF;}
.headerwrap:hover .header .logo .logo01,.div2_1 .headerwrap .header .logo .logo01,.div3 .headerwrap .header .logo .logo01{display: none;}
.headerwrap:hover .header .logo .logo02,.div2_1 .headerwrap .header .logo .logo02,.div3 .headerwrap .header .logo .logo02{display: block;}
.headerwrap:hover .header .nav li>a,.div2_1 .headerwrap .header .nav li a,.div3 .headerwrap .header .nav li>a{color: #333333;}
.headerwrap:hover .header .pclanguage i,.div2_1 .headerwrap .header .pclanguage i,.headerwrap:hover .header .pclanguage,.div2_1 .headerwrap .header .pclanguage,.div3 .headerwrap .header .pclanguage i,.div3 .headerwrap .header .pclanguage{color: #FFFFFF;}
/* .headerwrap:hover .header .pclanguage a,.div2_1 .headerwrap .header .pclanguage a,.div3 .headerwrap .header .pclanguage a{color: #333;} */
.headerwrap:hover .header .pclanguage span,.div2_1 .headerwrap .header .pclanguage span,.div3 .headerwrap .header .pclanguage span{background-color: #FFFFFF;}

.headerwrap .header .nav li:hover a::after{width: 100%;}
.headerwrap:hover .header .nav li:hover>a{color: #ff000c;}

.headerwrap .header .pclanguage{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.headerwrap .header .pclanguage i{font-size: 16px;color: #FFFFFF;margin-right: 20px;}
.div2_1 .headerwrap .header .pclanguage i,.headerwrap:hover .header .pclanguage i,.div3 .headerwrap .header .pclanguage i{color:#333;}

.headerwrap .header .pclanguage span{display: block;width: 1px;height: 14px;background-color: #FFFFFF;margin: 0 15px;}
.headerwrap .header .pclanguage a{font-size: 14px;color: #FFFFFF;}
.div2_1 .headerwrap .header .pclanguage a,.headerwrap:hover .header .pclanguage a,.div3 .headerwrap .header .pclanguage a{color:#333;}
.div2_1 .headerwrap .header .pclanguage span,.headerwrap:hover .header .pclanguage span,.div3 .headerwrap .header .pclanguage span{background-color: #ccc;}


/* banner */
.bannerwrap,.banner{width: 100%;height: 100%;position: relative;overflow: hidden;}
.bannerwrap .swiper-container{height: 100%;}
.banner .item{display: block;position: relative;height: 100%;overflow: hidden;}
.banner .item:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../img/bannermask.png)no-repeat;background-size: cover;z-index: 0;}
.banner .item img{display: block;width: auto;height: 100%;min-width: 100%;}
.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
.banner .swiper-slide img{animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;
}

.banner .item .text{position: absolute;top: 50%;left: 50%;width: 1400px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;padding-top: 70px;}
.banner .item .text h3{font-size: 42px;color: #ffffff;font-weight: bold;margin-bottom:30px;}
.banner .item .text strong{display: none;width: 60px;height: 2px;margin: 30px 0;background-color: #FFFFFF;}
.banner .item .text h4{font-size: 18px;color: #FFFFFF;line-height: 32px;margin-bottom: 40px;}
.banner .item .text .more{border:none;}
.more{display: block;width: 190px;height: 50px;box-sizing: border-box;border: 1px solid #ff000c;position: relative;text-align: center;line-height: 48px;background-color: #ff000c;font-size: 16px;color: #FFFFFF;z-index: 0;overflow: hidden;border-radius: 4px;}
.more:after{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;background-color: #FFFFFF;transition: all .3s;z-index: -1;border-radius: 4px;}
.more:hover:after{width: 100%;}
.more:hover{color: #ff000c;}
.banner .swiper-pagination{bottom: 50px;left: 0;width: 100%;box-sizing: border-box;}
.banner .swiper-pagination-bullet{width: 60px;height: 4px;background-color: #FFFFFF;margin: 0;margin-right: 15px;opacity: 1;border-radius: 0;}
.banner .swiper-pagination-bullet:last-child{margin-right: 0;}
.banner .swiper-pagination-bullet-active{background-color: #ff000c;}
.banner .swiper-button-next,.banner .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 40px;width: auto;height: auto;background-image: none;outline: none;margin-top: -15px;color: #ffffff;width: 40px;height: 40px;}
.banner .swiper-button-next{right: 5%;}
.banner .swiper-button-prev{left: 5%;}






/* indexwrap */
.indexwrap{width: 100%;box-sizing: border-box;overflow: hidden;}
.index01wrap{padding: 100px 10px 0;position: relative;box-sizing: border-box;}
.i-tl01{text-align: center;margin-bottom: 30px;}
.i-tl01 h3{font-size: 34px;color: #222222;margin-bottom: 20px;font-weight:bold;}
.i-tl01 strong{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.i-tl01 strong:before,.i-tl01 strong:after{content: '';display: block;width: 70px;height: 2px;background-color: #666;}
.i-tl01 strong i{display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #666;margin: 0 20px;}

.index01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-inline-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index01 li{width: calc((100% - 30px)/4);position: relative;overflow: hidden;border: 1px solid rgba(221,221,221,0.8);box-sizing: border-box;}
.index01 li:before{content: '';display: block;width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);background-size: cover;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;transition: all .3s;}
.index01 li img{display: block;width: 100%;transition: all .6s;position: relative;z-index: 0;}
.index01 li:hover img{transform: scale(1.1);}
.index01 li .textwrap{width: 100%;height: 46%;position: absolute;left: 0;bottom: 0;box-sizing: border-box;padding: 30px 60px 30px 30px;z-index: 2;}
.index01 li .textwrap:after{content: '';position: absolute;left: 0;top: 0;background-color: #FFFFFF;width: 100%;height: 100%;z-index: 0;transition: all .6s;opacity: 1;}
.index01 li .text{width: 100%;position: relative;z-index: 1;}
.index01 li .text h3{padding-bottom: 20px;font-size: 24px;color: #222222;margin-bottom: 20px;border-bottom: 1px solid #DDDDDD;}

.index01 li .text a{display: block;box-sizing: border-box;padding-left: 20px;font-size: 14px;color: #444444;margin-bottom: 15px;position: relative;opacity:0.8;}
.index01 li .text a:hover{opacity:1;}
.index01 li .text a:last-child{margin-bottom: 0;}
.index01 li .text a i{    position: absolute;left: 0;top: 5px;width: 4px;height: 4px;background-color: #444;border-radius: 50%;}
.index01 li:hover .textwrap:after{opacity: 0;transform: translateY(100%);-webkit-transform: translateY(100%);}
.index01 li:after{content: '';display: block;width: 100%;height: 10px;background-color: rgba(255,0,12,0.8);position: absolute;left: 0;bottom: 0;z-index: 2;}
.index01 li:hover .text a{color: #FFFFFF;}
.index01 li:hover .text h3{color: #FFFFFF;border-color: #FFFFFF;}
.index01 li:hover:before{opacity: 1;}
.index01 li:hover .text a i{background-color: #fff;}
/* index02wrap */
.index02wrap{width: 100%;box-sizing: border-box;padding: 180px 0 100px;position: relative;overflow: hidden;}
.index02wrap .bg01{width: auto;height: auto;position: absolute;left: 0;top: 0;z-index: 0;}
.index02wrap .bg02{width: auto;height: auto;position: absolute;right: 0;top: 100px;z-index: 0;max-width: 50%;}
.contwidth01{width: 1400px;}
.index02{margin: auto;position: relative;z-index: 1;}
.index02tl{width: 50%;box-sizing: border-box;padding-right: 140px;}
.index02tl h3{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 34px;color: #222222;margin-bottom: 40px;font-weight:bold;}
.index02tl h3:after{content: '';display: block;width: 80px;height: 2px;background-color: #666;margin-left: 20px;}
.index02tl h4{font-size: 15px;line-height: 26px;color: #444444;text-align: justify;}
.index02img{width: 100%;display: flex;display: -webkit-flex;margin-top: 90px;-webkit-justify-content: space-between;justify-content: space-between;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.index02img a{display: block;overflow: hidden;width: calc((100% - 2px)/3);position: relative;border-right: 1px solid #ddd;}
.index02img a:last-child{border-right: none;}
.index02img a img{display: block;width: 100%;transition: all .6s;}
/* .index02img a:hover img{transform: scale(1.1);} */
/* .index02img a .text{width: 100%;line-height: 56px;background-color: rgba(0,0,0,0.66);position: absolute;left: 0;bottom: 0;transition: all .3s;font-size: 20px;color: #ffffff;text-align: center;}
.index02img a:hover .text{background-color: rgba(255,0,12,0.8);} */
.index02img a .text{width: 100%;height: 100%;background-color:rgba(255, 255, 255, 0); ;position: absolute;top: 0;left: 0;transition: all .3s;box-sizing: border-box;padding: 70px;}
.index02img a .text h3{font-size: 28px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.index02img a .text p{font-size: 18px;color: #444;text-transform: capitalize;}
.index02img a .text .more{position: absolute;bottom: 70px;left: 70px;width: 140px;height: 40px;line-height: 40px;opacity: 0;transition: all .3s;transform: translateY(60px);-webkit-transform: translateY(60px);border:none;font-size:13px;}
.index02img a.active .text{background-color: rgba(0,0,0, 0.2);}
.index02img a.active .text h3,.index02img a.active .text p{color: #FFFFFF;}
.index02img a.active .text .more{transform: none;-webkit-transform: none;opacity: 1;}


/* index03wrap */
.index03wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;}
.index03{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index03 a{display: block;width: calc((100% - 60px)/4);background-color: #FFFFFF;}
.index03 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.index03 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.index03 a .text{width: 100%;box-sizing: border-box;padding: 30px;}
.index03 a .text p{font-size: 13px;color: #aaaaaa;margin-bottom: 20px;}
.index03 a .text h3{font-size: 15px;color: #222222;line-height: 26px;margin-bottom: 30px;transition: all .3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: bold;}
.index03 a .text .more{background-color: transparent;width: 120px;height: 36px;line-height: 34px;font-size: 14px;color: #ff000c;}
.index03 a .text .more:after{background-color: #ff000c;}
.index03 a:hover .text .more{color: #FFFFFF;}
.index03 a:hover .imgbox img{transform: scale(1.1);}
.index03 a:hover .text h3{color: #ff000c;}
.index03 a:hover .text .more:after{width: 100%;}
.index03wrap .newsmore{    margin: auto;margin-top: 50px;width: 170px;height: 44px;line-height: 42px;font-size: 14px;}

/* index04wrap */
.index04wrap{width: 100%;box-sizing: border-box;background: url(../img/index_bg.jpg)no-repeat fixed;background-size: cover;padding: 100px 0;}
.index04wrap .i-tl01{margin-bottom: 50px;}
.index04wrap .i-tl01 h3{color: #ffffff;}
/* .i-tl01 strong:before, .i-tl01 strong:after,.i-tl01 strong i{background-color: #ffffff;} */
.index04{margin: auto;position: relative;}
.index04 .swiper-wrapper{height: auto;}
.index04 .swiper-wrapper .swiper-slide{height: auto;}
.index04 .swiper-container{width: 1000px;margin: auto;}
.index04 .swiper-container a{display: block;width: 100%;display: flex;flex-flow: column;align-items: center;display: -webkit-flex;-webkit-flex-flow: column;-webkit-align-items: center;}
.index04 .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
.index04 .swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.index04 .swiper-container a .imgbox{width: 100%;overflow: hidden;border: 2px solid #fff;border-radius: 2px;}
.index04 .swiper-container a .imgbox img{display: block;width: 100%;}
.index04 .swiper-container a .text{text-align: center;padding-top: 30px;width: 700px;opacity: 0;transition: all .6s;}
.index04 .swiper-container a .text h3{font-size: 22px;color: #FFFFFF;font-weight: bold;}
.index04 .swiper-container a .text strong{display: block;width: 40px;height: 1px;margin: 20px auto;background-color: #FFFFFF;}
.index04 .swiper-container a .text h4{font-size: 14px;color: #FFFFFF;opacity: 0.7;line-height: 24px;}
.index04 .swiper-slide-active a .text{opacity: 1;}
.index04 .swiper-button-next,.index04 .swiper-button-prev{background-image: none;width: auto;height: auto;font-size: 30px;color: #FFFFFF;outline: none;}
.index04 .swiper-pagination{width: 100%;margin-top: 30px;position: relative;}
.index04 .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50%;background-color: #ffffff;margin-right: 10px;opacity: 1;}
.index04 .swiper-pagination-bullet:last-child{margin-right: 0;}
.index04 .swiper-pagination-bullet-active{background-color: #ff000c;}
.index04wrap .more{margin: auto;margin-top: 50px;width:170px;height:44px;line-height:42px;font-size:14px;}

/* footerwrap */
.footerwrap{width: 100%;box-sizing: border-box;padding: 50px 0 0;background-color: #262a30;border-top: 4px solid #ff000c;}
.footer{margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.footer h3{font-size: 18px;color: #FFFFFF;margin-bottom: 20px;}
.footer .left p{font-size: 14px;line-height: 30px;color: #FFFFFF;opacity: 0.7;}
.footer .left .item{margin-bottom: 40px;}
.footer .left .item:last-child{margin-bottom: 0;}
.f-nav{display: flex;display: -webkit-flex;}
.f-nav li{margin-right: 130px;}
.f-nav li:last-child{margin-right: 0;}
.f-nav li a{display: block;font-size: 14px;color: #FFFFFF;opacity: 0.7;line-height: 32px;}
/* .f-nav li a:last-child{margin-bottom: 0;} */
.f-nav li a:hover{opacity: 1;text-decoration: underline;}
.footer .left .bdsharebuttonbox{display: flex;display: -webkit-flex;}
.footer .left .bdsharebuttonbox a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 36px;height: 36px;border: 1px solid #FFFFFF;color: #FFFFFF;font-size: 14px;margin: 0;margin-right: 10px;border-radius: 50%;padding: 0;background-image: none;}
.footer .left .bdsharebuttonbox a:last-child{margin-right: 0;}

/* copyright */
.copyright{margin: auto;height: 76px;border-top: 1px solid rgba(255,255,255,0.5);display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.copyright h3,.copyright a{font-size: 12px;color: #ffffff;opacity: 0.5;}
.copyright a:last-child{margin-left: 20px;}
.copyright a:hover{opacity: 1;}

/* 侧边栏 */
.ass{position: fixed;top: 37%;right: 0;z-index: 11;display: none;}

.ass ul li{display: block;box-sizing: border-box;margin-bottom: 1px;position: relative;}
.ass ul li a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;width: 100%;height: 100%;}

.ass ul li a .imgbox{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #cd2830;width: 50px;height: 50px;box-sizing: border-box;position: relative;}
.ass ul li a .imgbox i{font-size: 20px;color: #FFFFFF;}
.ass ul li a font{font-size: 14px;color: #a26138;margin-top: 10px;}
.ass ul li img{width: 25px;margin: 0 auto;position: relative;z-index: 1;}

.ass ul li .mobile{position: absolute;text-align: center;display: none;width: auto;box-sizing: border-box;padding: 10px 30px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 102%;background-color: #cd2830;font-size: 14px;color: #FFF;border-radius: 2rem;}
/* .ass ul li .adss-1{top: 10%;} */
.ass ul li .adss-2{top: 50%;height: auto;}
.ass ul li .adss-2 p{font-size: 20px;color: #FFF;margin: 10px 0;}
.ass ul li .mobile span{font-size: 70px;color: #FFF;margin: 20px 0 10px;display: inline-block;}
.ass ul li .adss-1{padding: 10px;     border-radius: 0.8rem;}
.ass ul li .adss-1 p{font-size: 12px;color: #FFF;margin-bottom: 6px;}
.ass ul li .adss-0 p{font-size:16px;color: #FFF;}
.ass ul li .mobile img{width: 80px;height: 80px;margin: auto;}
.ass ul li .adss-2 h4{font-size: 16px;color: #FFF;display: block;}

/* 服务 */
.innerbanner{width: 100%;box-sizing: border-box;position: relative;margin-top: 90px;overflow: hidden;}
.innerbanner img{display: block;width: 100%;}
.bannertext{width: 1400px;box-sizing: border-box;position: absolute;left: 50%;bottom: 100px;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.bannertext p{font-size: 16px;color: #FFFFFF;border-left: 2px solid #ff000c;margin-bottom: 30px;box-sizing: border-box;padding-left: 10px;}
.bannertext h3{font-size: 38px;color: #ffffff;font-weight: bold;}

/* mbxwrap */
.mbxwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;border-bottom: 1px solid #DDDDDD;}
.mbx{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 60px;}
.mbx .left{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.mbx i{font-size: 16px;color: #888888;}
.mbx strong{display: block;width: 1px;height: 14px;background-color: #888888;margin: 0 20px;}
.mbx a,.mbx .right font{font-size: 14px;color: #888888;}
.mbx .left span{font-size: 14px;color: #888888;margin: 0 10px;}
.mbx .right{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.mbx .right a{background-image: none;width: auto;height: auto;margin: 0;padding: 0;margin-right:20px;}
.mbx .right a:last-child{margin-right: 0;}
.mbx .right font i{margin-right: 10px;}

/* innerwrap */
.innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}

/* service01wrap */
.service01wrap{margin: 70px auto 100px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;}
.service01wrap .list{width: 22%;box-sizing: border-box;padding-right: 0;padding-left: 0;}
.service01wrap .list .top .tl,.service01wrap .list .bot h3{width: 100%;box-sizing: border-box;background-color: #ff000c;font-size: 16px;color: #ffffff;padding: 0 20px;line-height: 60px;text-transform: uppercase;font-weight: bold;}

.service01wrap .list .top .cont{width: 100%;box-sizing: border-box;border: 1px solid #ddd;background-color: #FFFFFF;border-bottom: none;padding-left:0;}

.service01wrap .list .top .cont li{width: 100%;box-sizing: border-box;}
.service01wrap .list .top .cont li p{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;box-sizing: border-box;padding: 0 20px;font-size: 14px;height: 60px;border-bottom: 1px solid #ddd;color: #222;}
.service01wrap .list .top .cont li p i{font-size: 14px;color: #222;}
.service01wrap .list .top .cont li p.open i{transform: rotate(180deg);-webkit-transform: rotate(180deg);color: #ff000c;}
.service01wrap .list .top .cont li p.open{color: #ff000c;}
.service01wrap .list .top .cont li .min{width: 100%;box-sizing: border-box;background-color: #f1f2f3;display: none;}

.service01wrap .list .top .cont li:first-child .min{ }

.service01wrap .list .top .cont li .min a{display: block;font-size: 14px;line-height: 18px;color: #666666;border-bottom: 1px solid #ddd;width: 100%;
display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;height: 50px;box-sizing: border-box;padding: 0 20px;}
/* .service01wrap .list .top .cont li .min a:last-child{border-bottom: none;} */

.service01wrap .list .top .cont li .min a:hover,.service01wrap .list .top .cont li .min a.active{color: #ff000c;}
.service01wrap .list .bot{width: 100%;box-sizing: border-box;position: relative;margin-top: 40px;}

.service01wrap .list .bot .min{width: 100%;box-sizing: border-box;border: 1px solid #ddd;background-color: #FFFFFF;}

.service01wrap .list .bot .min a{display: block;width: 100%;padding: 20px ;border-bottom: 1px solid #ddd;box-sizing: border-box;}

.service01wrap .list .bot .min a p{font-size: 14px;color: #444;margin-bottom: 10px;}

.service01wrap .list .bot .min a font{display: block;font-size: 14px;color: #444444;}

.service01wrap .list .bot .min a:last-child{border-bottom: none;}
.service01wrap .list .bot .min a p i{font-size: 18px;color: #ff000c;margin-right: 0px;}

.service01wrap .list .bothref{width: 100%;height: 340px;position: relative;display: block;margin-top: 60px;overflow: hidden;}
.service01wrap .list .bothref img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .6s;}
.service01wrap .list .bothref:hover img{transform: scale(1.1);}
.service01wrap .list .bothref:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,0.5);z-index: 0;}
.service01wrap .list .bothref .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-sizing: border-box;padding: 40px 30px;z-index: 1;}
.service01wrap .list .bothref .text h3{font-size: 18px;color: #FFFFFF;margin-bottom: 30px;}
.service01wrap .list .bothref .text font{font-size: 12px;color: #ffffff;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;transition: all .3s;}
.service01wrap .list .bothref .text font i{font-size: inherit;color: inherit;margin-left: 10px;transition: all .3s;}
.service01wrap .list .bothref:hover .text font i{transform: translateX(50px);}
.service01wrap .list .bothref:hover .text font{color: #ff000c;}

.service01wrap .list .top .cont .go .min{display: block;}
.service01wrap .list .top .cont li .min .av2,.service01wrap .list .top .cont li .min a:hover{color: #ff000c;}





/* service01 */
.service01{width: 70%;box-sizing: border-box;}
.service01 .top{width: 100%;box-sizing: border-box;}
.service01 .top .tl{font-size: 24px;color: #ff000c;font-weight: bold;margin-bottom: 30px;}
.service01 .top p{font-size: 14px;line-height: 26px;color: #444444;margin-bottom: 30px;}
.service01 .top p img{display: block;width: 100%;}
.service01 .bot{width: 100%;box-sizing: border-box;}
.service01 .bot{width: 100%;padding-bottom: 30px;/* border-bottom: 1px solid #DDDDDD; *//* display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between; */padding-top: 30px;}
/* .service01 .bot:first-child{border-top: 1px solid #DDDDDD;} */
.service01 .bot strong{font-size: 18px;line-height: 24px;color: #222222;font-weight: bold;display: block;margin-bottom: 20px;}
/* .service01 .bot li .info{width: 75%;box-sizing: border-box;} */
.service01 .bot p{font-size: 14px;line-height: 26px;margin-bottom: 20px;}
.service01 .bot  p:last-child{margin-bottom: 0;}
/* .service01 .bot:last-child{border-bottom: none;} */

/* 关于 */
.about01wrap{width: 100%;box-sizing: border-box;padding: 100px 0;position: relative;}
.about01wrap:after{content: '';background-color: #f4f9ff;width: 70%;height: 100%;position: absolute;right: 0;top: 0;z-index: 0;}
.about01{width: 100%;position: relative;z-index: 1;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.about01 .imgbox{width: 50%;overflow: hidden;}
.about01 .imgbox img{display: block;width: 100%;}
.about01 .text{width: 50%;box-sizing: border-box;padding: 0 calc((100% - 1400px)/2) 0 100px;}
.about01 .text h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.about01 .text p{font-size: 18px;color: #222222;margin-bottom: 40px;font-weight: bold;}
.about01 .text h4{font-size: 16px;line-height: 28px;color: #666666;text-align: justify;}

/* about02wrap */
.about02wrap{width: 100%;box-sizing: border-box;position: relative;padding-top: 100px;}
.about02wrap:after{content: '';background: url(../img/about_bg.jpg)no-repeat fixed;background-size: cover;width: 100%;height: 60%;position: absolute;left: 0;top: 0;z-index: 0;}
.about02{width: 100%;position: relative;z-index: 1;}
.about02 .tl{text-align: center;margin-bottom: 50px;}
.about02 .tl h3{font-size: 30px;color: #ffffff;font-weight: bold;margin-bottom: 30px;}
.about02 .tl p{font-size: 16px;color: #ffffff;}
.about02info{width: 1120px;background-color: #ffffff;border-radius: 4px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);box-sizing: border-box;padding: 80px 180px;margin: auto;text-align: center;}
.about02info h4{font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 20px;}
.about02info h4:last-child{margin-bottom: 0;}

/* about03 */
.about03{width: 100%;margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: row-reverse;flex-flow: row-reverse;-webkit-align-items: center;align-items: center;}
.about03 .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;}
.about03 .imgbox img{display: block;width: 100%;}
.about03 .text{width: 50%;box-sizing: border-box;padding: 0 100px 0 calc((100% - 1400px)/2);}
.about03 .text h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.about03 .text h4{font-size: 16px;color: #222222;line-height: 30px;text-align: justify;margin-bottom: 20px;}
.about03 .text h4:last-child{margin-bottom: 0;}

/* 企业文化 */
.culture01wrap{box-sizing: border-box;margin: 100px auto;}
.culture01wrap .tl{border-bottom: 1px solid #DDDDDD;padding-bottom: 30px;font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 50px;text-align: center;}
.culture01{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.culture01 a{width: 32%;box-sizing: border-box;}
.culture01 a .imgbox{width: 100%;overflow: hidden;}
.culture01 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.culture01 a:hover .imgbox img{transform: scale(1.1);}
.culture01 a .text{width: 100%;box-sizing: border-box;text-align: center;margin-top: 30px;}
.culture01 a .text font{display: block;font-size: 12px;color: #aaaaaa;margin-bottom: 10px;}
.culture01 a .text h3{font-size: 14px;color: #ff000c;font-weight:bold;}
.culture01 a .text strong{display: block;width: 1px;height: 14px;background-color: #aaa;margin: 15px auto;}
.culture01 a .text p{font-size: 18px;color: #444444;}

.culture02wrap{width: 100%;box-sizing: border-box;padding: 50px 0;background-color: #f1f2f3;}
.culture02 a{display: block;width: 100%;box-sizing: border-box;background-color: #FFFFFF;padding: 150px 140px 120px;position: relative;}
.culture02 a h3{font-size: 32px;color: rgba(8,8,8,0.15);font-family: arial;font-weight: bold;text-transform: uppercase;text-align: center;margin-bottom: 20px;}
.culture02 a .box{position: relative;width: 100%;box-sizing: border-box;padding-bottom: 140px;}
.culture02 a .imgbox{display: block;width: 100%;overflow: hidden;position: relative;}
.culture02 a .imgbox img{display: block;width: 100%;transition: all .6s;}

.culture02 a .box .text{display: block;width: 60%;height: auto;box-sizing: border-box;padding: 80px 110px;text-align: center;background-color: #FFFFFF;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);bottom: 0;font-weight:bold;border-radius: 10px;}
.culture02 a .box .text h3{font-size: 28px;color: #222222;margin-bottom: 30px;font-weight: bold;}
.culture02 a .box .text h4{font-size: 15px;line-height: 30px;color: #666666;}
.culture02 .swiper-wrapper .swiper-slide{width: 86%!important;}
.culture02 .swiper-pagination{bottom: 50px;}
.culture02 .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #eeeeee;opacity: 1;}
.culture02 .swiper-pagination-bullet-active{background-color: #ff000c;}
.culture02 .swiper-button-next,.culture02 .swiper-button-prev{background-image: none;height: auto;width: auto;font-size: 32px;width: 40px;height: 40px;background-color: #ff000c;font-size: 20px;color: #ffffff;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;outline: none;}
.culture02 .swiper-button-next{right: calc(7% - 20px);}
.culture02 .swiper-button-prev{left: calc(7% - 20px);}
.culture02{position: relative;}
.culture02 .tl{font-size: 30px;color: #222222;font-weight: bold;text-align: center;width: 100%;position: absolute;left: 0;z-index: 2;top: 80px;}

/* 服务案例 */
.case01{width: 100%;overflow: hidden;}
.case01 .content{  display: block;width: 100%; padding: 50px 0; background-color: transparent;transition: all .3s;border-bottom: 1px solid #ddd;}
.case01 .content:hover{background-color: #f1f2f3;}
.case01 .content .main{position: relative;position: relative;margin: 0 auto;}
.case01 .content .main .imgbox{width: 25%;overflow: hidden;}
.case01 .content .main .imgbox img{display: block;width: 100%;transition: all .6s;}
.case01 .content:hover .main .imgbox img{transform: scale(1.1);}
.case01 .content .main .textbox{position: absolute;top: 50%;right: 0%;transform: translateY(-50%);width: 75%;-webkit-transform: translateY(-50%);box-sizing: border-box;padding: 0 200px 0 60px;}
.case01 .content .main .textbox p{font-size: 16px;color: #666;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.case01 .content .main .textbox h3{font-size: 20px;color:#222;font-weight: bold;margin: 26px 0;}
.case01 .content .main .textbox span{font-size: 14px;color:#aaaaaa;line-height: 100%;}
.case01 .content .main .textbox i{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;background-color: #ff000c;width: 36px;height: 36px;font-size: 14px;color: #ffffff;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);border-radius: 50%;opacity: 0;transition: all .3s;}
.case01 .content:hover .main .textbox i{opacity: 1;}

.casefy{width: 1400px;}
.fy{box-sizing: border-box;padding: 40px 0 60px;justify-content: flex-start;-webkit-justify-content: flex-start;display: flex;margin: auto;display: -webkit-flex;}
.fy a{display: block;width: auto;min-width: 32px;height: 34px;line-height: 34px;font-size: 14px;color: #b8b8b8;border: 1px solid #b8b8b8;border-radius: 5px;background-color: #FFFFFF;transition: all .3s;margin: 0 7px;text-align: center;box-sizing: border-box;padding: 0 10px;}
.fy a:hover{background-color: #ff000c;border-color: #ff000c;color: #FFFFFF;}
.fy .active{background-color: #ff000c;border-color: #ff000c;color: #FFFFFF;}
.fy a:nth-of-type(1){margin-left: 0;}

/* 人才招聘 */
.join01{margin: 100px auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.join01imgbox{width: 50%;overflow: hidden;}
.join01imgbox img{display: block;width: 100%;transition: all .6s;}
.join01text{width: 50%;box-sizing: border-box;padding-left: 70px;}
.join01text h3{font-size: 28px;color: #222222;margin-bottom: 30px;font-weight:bold;}
.join01text h4{font-size: 16px;line-height: 32px;color: #666666;text-align: justify;}

/* join02 */
.join02{width: 100%;background-color: #f1f2f3;box-sizing: border-box;padding: 100px 0;}
.join02 .cont{width: 1200px;margin: auto;box-sizing: border-box;}

.join02 .cont .toh3{font-size: 28px;color: #222222;margin-bottom: 30px;text-align: center;font-weight:bold;}

.join02 .cont .min{width: 100%;box-sizing: border-box;position: relative;}
.join02 .cont .min .item{width: 100%;border-bottom: 1px solid #DDDDDD;}
.join02 .cont .min .item:first-child{border-top: 1px solid #DDDDDD;}
.join02 .cont .min 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;}
.join02 .cont .min li a p{font-size: 18px;color: #222222;}
.join02 .cont .min 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 #cccccc;border-radius: 50%;font-size: 12px;color: #fff;background-color: #cccccc;}
.join02 .cont .min .item .info{width: 100%;box-sizing: border-box;position: relative;margin: 0 0 40px;border-top: 1px solid #DDDDDD;padding-top: 30px;display: none;}
.join02 .cont .min .item .info::before{content: '';display: block;width: 1px;height: calc(100% - 30px);position: absolute;left: 15%;top: 25px;background-color: #DDDDDD;z-index: 0;}
.join02 .cont .min .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;}
.join02 .cont .min .item .info li p{width: 15%;font-size: 16px;color: #222222;border-right: 2px solid #cd2830;margin-top: 5px;}
.join02 .cont .min .item .info li h4{width: 85%;font-size: 15px;color: #666666;line-height: 30px;box-sizing: border-box;padding-left: 50px;}
.join02 .cont .min .item:first-child .info{display: block;}
.join02 .cont .min .item.active a .fa{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

/* join03wrap */
.join03wrap{width: 1200px;margin:100px auto;}
.join03wrap .top{width: 100%;box-sizing: border-box;margin-bottom: 100px;}
.join03wrap .top h4{font-size: 16px;color: #222222;line-height: 30px;margin-bottom: 30px;}
.join03wrap .top h3{font-size: 16px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.join03wrap .top h5{font-size: 16px;color: #222;line-height: 30px;}
.join03wrap .top h5 font{font-size: 16px;color: #222;line-height: 30px;font-weight: bold;}

/* 新闻动态 */
.news01wrap{width: 100%;box-sizing: border-box;padding: 100px 0 0;}
.news01{box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: auto;}
.news01 a{display: block;width: calc((100% - 160px)/3);box-sizing: border-box;margin-right: 80px;margin-bottom: 70px;}
.news01 a:nth-of-type(3n){margin-right: 0;}
.news01 a .imgbox{width: 100%;box-sizing: border-box;background-color: #cb000a;}
.news01 a .imgbox h3{display: block;width: 100%;overflow: hidden;transition: all .3s;}
.news01 a:hover .imgbox h3{transform: translate(10px,-10px);-webkit-transform: translate(10px,-10px);}
.news01 a .imgbox h3 img{display: block;width: 100%;transition: all .6s;}
.news01 a:hover .imgbox h3 img{transform: scale(1.1);}
.news01 a .text{width: 100%;box-sizing: border-box;padding-top: 30px;}
.news01 a .text h3{font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news01 a .text p{font-size: 13px;color: #666666;margin-bottom: 20px;}
.news01 a .text h4{font-size: 15px;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #666666;margin-bottom: 20px;}
.news01 a .text .more{margin: 0;width: 160px;height: 40px;line-height: 40px;border-radius: 0;opacity: 0;transition: all .3s;font-size:13px;}
.news01 a:hover .text .more{opacity: 1;}
.news01 a .text .more:after{border-radius: 0;}

.fywrap{width: 100%;box-sizing: border-box;border-top: 1px solid #DDDDDD;padding-top: 40px;}
.fy,.nav-links{box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin: auto;}
.nav-links{width: 100%;}
.fy a,.nav-links a,.nav-links span{display: block;width: auto;min-width: 38px;height: 38px;border-radius: 2px;background-color: #FFFFFF;border: 1px solid #b8b8b8;text-align: center;line-height: 38px;transition: all .3s;padding: 0 12px;box-sizing: border-box;margin-right: 10px;color: #b8b8b8;font-size:13px;}
.fy a:last-child,.nav-links a:last-child{margin-right: 0;}
.fy a.active,.fy a:hover,.nav-links a:hover,.nav-links span{background-color: #ff000c;color: #FFFFFF;border-color: #ff000c;}
.screen-reader-text{display: none;}

/* 常见问题 */
.eserwrapwrap{width: 100%;box-sizing: border-box;margin: 100px 0;}
.eser01{box-sizing: border-box;border-top: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin: auto;border-bottom: 1px solid #DDDDDD;}
.eser01 .l-listwrap{width: 25%;box-sizing: border-box;padding-right: 70px;border-right: 1px solid #ddd;}
.eser01 .l-list{width: 100%;}
.eser01 .l-list a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;font-size: 14px;color: #444444;height: 60px;border-bottom: 1px solid #ddd;font-weight: bold;}
.eser01 .l-list a i{font-size: inherit;color: inherit;opacity: 0;transition: all .3s;}
.eser01 .l-list a:hover i,.eser01 .l-list a.active i{opacity: 1;}
.eser01 .l-list a:hover,.eser01 .l-list a.active{color: #ff000c;}
.eser01 .r-min{width: 75%;box-sizing: border-box;box-sizing: border-box;}
.eser01 .r-min li{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.eser01 .r-min li:last-child{border-bottom: none;}
.eser01 .r-min li a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 140px;box-sizing: border-box;padding:0 100px;}
.eser01 .r-min li a h3{font-size: 20px;color: #222222;font-weight: bold;margin-right: 80px;line-height: 24px;}
.eser01 .r-min li a .cha{transform: none;-webkit-transform: none;display: block;width: 30px;}
.eser01 .r-min li .info{width: 100%;box-sizing: border-box;padding: 40px 100px;background-color: #f1f2f3;display: none;}
.eser01 .r-min li .info h4{font-size: 15px;color: #666666;line-height: 26px;}
.eser01 .r-min li:first-child .info{display: block;}
.eser01 .r-min li.open a .cha{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.eser01 .r-min li .info .li{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin-bottom: 30px;}
.eser01 .r-min li .info .li:last-child{margin-bottom: 0;}
.eser01 .r-min li .info .li p{font-size: 15px;color: #222222;font-weight: bold;line-height: 26px;width: 20%;}
.eser01 .r-min li .info h4{width: 100%;}

.eser01 .l-listwrap .bothref{width: 100%;height: 340px;position: relative;display: block;margin-top: 60px;overflow: hidden;}
.eser01 .l-listwrap .bothref img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .6s;}
.eser01 .l-listwrap .bothref:hover img{transform: scale(1.1);}
.eser01 .l-listwrap .bothref:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,0.5);z-index: 0;}
.eser01 .l-listwrap .bothref .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-sizing: border-box;padding: 40px 30px;z-index: 1;}
.eser01 .l-listwrap .bothref .text h3{font-size: 16px;color: #FFFFFF;margin-bottom: 30px;}
.eser01 .l-listwrap .bothref .text font{font-size: 12px;color: #ffffff;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;transition: all .3s;}
.eser01 .l-listwrap .bothref .text font i{font-size: inherit;color: inherit;margin-left: 10px;transition: all .3s;}
.eser01 .l-listwrap .bothref:hover .text font i{transform: translateX(50px);}
.eser01 .l-listwrap .bothref:hover .text font{color: #ff000c;}

/* 联系 */
.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 100px 0 calc((100% - 1400px)/2);}
.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: 66%;height: 650px;}
.contact01wrap .map .BMap_bubble_title{font-size: 16px;color: #222222;margin-bottom: 10px;font-weight: bold;}
.contact01wrap .map .BMap_bubble_content{font-size: 14px;line-height: 24px;color: #666666;}

/* 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;}


/* 最新法规 */
.statutelink{width: 100%;box-sizing: border-box;padding: 70px 0 50px;border-bottom: 1px solid #DDDDDD;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-bottom: 50px;}
.statutelink a{display: block;width: 134px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #222222;margin-right: 20px;background-color: #eeeeee;border-radius: 2px;}
.statutelink a:last-child{margin-right: 0;}
.statutelink a:hover,.statutelink a.active{background-color: #ff000c;color: #ffffff;}
/* statute01wrap */
.statute01wrap{width: 1100px;margin: auto;box-sizing: border-box;}
.statute01wrap li{width: 100%;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;border-bottom: 1px solid #cccccc;padding: 0 40px;}
.statute01wrap li:first-child{border-top: 1px solid #cccccc;}
.statute01wrap li p{font-size: 15px;line-height: 80px;color: #222222;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.statute01wrap li p:before{content: '';display: block;width: 2px;height: 15px;background-color: #cccccc;margin-right: 10px;}
.statute01wrap li .statute01info{width: 100%;box-sizing: border-box;padding: 40px 80px;display: none;border-bottom: 1px solid #cccccc;}
.statute01wrap li .statute01info p{font-size: 14px;line-height: 24px;color: #444444;margin-bottom: 20px;}
.statute01wrap li .statute01info p:last-child{margin-bottom: 0;}
.statute01wrap li:nth-of-type(1) .statute01info{display: block;}
.statute01wrap li .more i{font-size: inherit;color: inherit;margin-right: 10px;}
.statute01wrap li .more{width: 140px;height: 40px;line-height: 40px;background-color: #eee;border: none;color: #222222;font-size:12px;}
.statute01wrap li .more:after{background-color: #ff000c;}

/* statute01fy */
.statute01fy{-webkit-justify-content: center;justify-content: center;}
.statute01wrap li:hover{background-color: #f1f2f3;}
.statute01wrap li:hover p:before{background-color: #ff000c;}
.statute01wrap li:hover .more:after{width: 100%;}
.statute01wrap li:hover .more{color: #FFF;}

/* 新闻详情 */
.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;padding-right: 280px;box-sizing: border-box;}

.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;}

/* n-tlwrap02 */
.newsinfowrap .n-tlwrap02{background: url(../img/banner_inff.jpg)no-repeat;background-size: cover;}
.newsinfowrap .n-tlwrap02 .n-tl h3,.newsinfowrap .n-tlwrap02 .n-tl p{color: #ffffff;}

.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;}

.newsinfo01 .cont p strong{font-size: 18px;line-height: 24px;color: #222222;font-weight: bold;display: block;}
.caseinfo01 .cont img{    margin: inherit;}

/* 全价值链服务 */
.serviceone01{margin: 100px auto;width: 900px;text-align: center;}
.serviceone01 h3{font-size: 30px;font-weight: bold;color: #222222;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #DDDDDD;}
.serviceone01 h4{font-size: 16px;line-height: 30px;color: #666666;}



.serviceone02{width: 100%;box-sizing: border-box;}
.serviceone02 .gallerywrap{width: 100%;box-sizing: border-box;padding: 110px 0 150px;background: url(../img/serviceone01.jpg)no-repeat;background-size: cover;}
.serviceone02 .gallerywrap .gallery-top{width: 1400px;box-sizing: border-box;margin: auto;}
.serviceone02 .gallerywrap .gallery-top .box{width: 50%;box-sizing: border-box;background-color: rgba(255,255,255,0.95);padding: 60px;}
.serviceone02 .gallerywrap .gallery-top .box h3{font-size: 24px;color: #145c40;position: relative;font-weight: bold;margin-bottom: 20px;padding-bottom: 20px;line-height: 40px;border-bottom: 1px solid #DDDDDD;}
/* .serviceone02 .gallerywrap .gallery-top .box h3::before{content: '';display: block;width: 2px;height: 100%;background-color: #145c40;position: absolute;left: -60px;top: 0;} */
.serviceone02 .gallerywrap .gallery-top .box h4{font-size: 15px;line-height: 26px;min-height: 182px;}

.serviceone02 .thumbswrap{width: 1400px;margin: auto;box-sizing: border-box;margin-top: -70px;}
.serviceone02 .thumbswrap .gallery-thumbs{width: 100%;box-sizing: border-box;padding: 10px;}
.serviceone02 .thumbswrap .text{width: 100%;box-sizing: border-box;height: 140px;background-color: #fff;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;text-align: center;padding: 0 30px;font-size: 16px;color: #222222;line-height: 24px;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);transition: all .3s;letter-spacing:0;}
.serviceone02 .thumbswrap .swiper-slide-thumb-active .text{background-color: #0a7b4f;color: #FFFFFF;background-color: #ff000c;z-index: 0;}

.serviceone02 .page{width: 1400px;margin: auto;position: relative;padding-bottom: 40px;border-bottom: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 120px;margin-top: 40px;}
.serviceone02 .swiper-button-next,.serviceone02 .swiper-button-prev{background-image: none;font-size: 28px;color: #ff000c;position: relative;top: 0;left: 0;right: 0;margin: 0;width: auto;height: auto;outline: none;}
.serviceone02 .swiper-pagination{position: relative;outline: none;}
.serviceone02 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #bbbbbb;opacity: 1;margin-right: 20px;}
.serviceone02 .swiper-pagination-bullet:last-child{margin-right: 0;}
.serviceone02 .swiper-pagination-bullet-active{background-color: #ff000c;}
















@media only screen and (max-width: 1600px){
.headerwrap{}
.headerwrap .header .nav li>a{height: 70px;line-height: 70px;font-size:15px;padding: 0 20px;}
.headerwrap .header .logo img{height:42px;}
.pclanguage{height:70px;}
.header .nav li .nav02{top:70px;}
.banner .item .text{width: 1000px;}
.banner .item .text h3{font-size: 38px;}
.banner .item .text h4{font-size:16px;}
.more{width: 180px;height: 46px;line-height: 44px;}
.index01 li .textwrap{height: auto;min-height: 60%;padding: 20px 40px 30px 30px;}
.index01 li .text h3{font-size: 20px;padding-bottom: 15px;margin-bottom: 15px;}
.index01 li .text a{margin-bottom: 12px;}
.banner .swiper-button-prev{left: 3%;}
.banner .swiper-button-next{right: 3%;}

.contwidth01{width: 1200px;}
.index02tl{padding-right: 80px;}
.index02wrap{padding: 100px 0;}
.index02tl h3{font-size: 28px;margin-bottom: 30px;}
.index02img{margin-top: 60px;}
.i-tl01 h3{font-size: 28px;}

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

.index02tl h4{font-size:14px;}
.index02img a .text{padding:60px;}
.index02img a .text .more{bottom: 60px;left: 60px;}

.innerbanner{margin-top: 70px;}
.bannertext{width: 1200px;}

.about01 .text{padding: 0 calc((100% - 1200px)/2) 0 60px;}
.about01 .text p{font-size: 16px;margin-bottom: 30px;}
.about01 .text h4,.about03 .text h4,.about02info h4{font-size: 14px;line-height: 26px;}
.about03 .text{padding: 0 60px 0 calc((100% - 1200px)/2);}

.culture02 a .box .text{width: 80%;padding: 60px 80px;}

.service01wrap .list{width: 24%;}

.casefy{width: 1200px;}

.contact01wrap .text{padding: 0 80px 0 calc((100% - 1200px)/2);}

.serviceone02 .gallerywrap .gallery-top,.serviceone02 .thumbswrap,.serviceone02 .page{width: 1200px;}

.contact01wrap .map{height:590px;}

}