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

/* 公司简�? */
.innerbanner{width: 100%;overflow: hidden;position: relative;height: 380px;;overflow: hidden;box-sizing: border-box;position: relative;z-index: 10; background-size:100%}
.innerbanner img{display: block;width: 100%;position: fixed;top: 0;left: 0;height: 60vh;object-fit: cover;}
.innerbannerbot{width: 1400px;position: relative;margin: auto;margin-top: -50px;margin-bottom: -50px;z-index: 12;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;background-color: #ffffff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);box-sizing: border-box;}
.i-bannernav{display: flex;display: -webkit-flex;}
.i-bannernav a{line-height: 100px;font-size: 16px;color: #333333;position: relative;display: block;padding: 0 30px; }
.i-bannernav a:after{content: '';display: block;width: 0%;height: 2px;background-color: #edd5b6;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.i-bannernav a:hover:after,.i-bannernav a.active:after{width: 100%;}
.i-bannernav a:hover,.i-bannernav a.active{color: #edd5b6; background-color:#333;transition: all .3s;}
.i-bannernav a:last-child{margin-right: 0;}
.i-bannermbx{display: flex;display: -webkit-flex;margin-right: 50px;}
.i-bannermbx a{font-size: 14px;color: #333333;}
.i-bannermbx i{font-size: 14px;color: #333333;margin: 0 10px;}

/* innerwrap */
.innerwrap{width: 100%;overflow: hidden;position: relative;background-color: #ffffff;z-index: 10;padding-top: 0px;}

.case01wrap{width: 100%;box-sizing: border-box;padding: 0px 0 100px;}
.case01{margin: auto;}
.case01 li{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;-webkit-flex-flow: row-reverse;flex-flow: row-reverse;margin-bottom: 50px;}
.case01textwrap{width: 46%;box-sizing: border-box;padding-left: 90px;position: relative;position: relative;z-index: 1;margin-right: -10%;}
.case01textwrap span{font-size: 16px;color: #333;opacity: 0.2;font-weight: bold;text-transform: uppercase;writing-mode: tb;position: absolute;left: 0;top: 0;}
.case01text{width: 100%;box-sizing: border-box;background-color: #333;padding: 70px;}
.case01text h3{font-size: 26px;color: #edd5b6;font-weight: bold;margin-bottom: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case01text h4{font-size: 16px;color: #edd5b6;line-height: 30px;margin-bottom: 30px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.case01text a{font-size: 16px;color: #edd5b6;font-weight: bold;text-transform: uppercase;}
.case01text a i{font-size: inherit;color: inherit;margin-left: 20px;}

.case01img{width: 60%;overflow: hidden;position: relative;z-index: 0;}
.case01img img{display: block;width: 100%;transition: all .6s;}
.case01 li:hover .case01img img{transform: scale(1.1);}
.case01 li:hover .case01text h3,.case01 li:hover .case01text a{color: #edd5b6;}
.case01img::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);z-index: 1;}
.case01img:hover::before {
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}

/* casefy */
.casefy{margin: auto;}
.casefy .fy{-webkit-justify-content: flex-end;justify-content: flex-end;}


.pro01top{width: 100%;position: relative;height: auto;max-height: 80vh;overflow: hidden;}
.pro01top .gallery-top .swiper-wrapper{height: auto;}
.pro01top .gallery-top .swiper-slide{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;height: auto;}
.pro01top .gallery-top .swiper-slide img{display: block;width: 100%;height: auto;}
.gallery-thumbswrap{width: 100%;box-sizing: border-box;padding: 10px 140px 10px 10px;background-color: rgba(0,0,0,.7);position: absolute;bottom: 0;left: 0;z-index: 2;}
.pro01top .gallery-thumbs img{display: block;    width: auto;height: auto;max-width: 100%;max-height: 80px;}
.pro01top .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;}
.pro01top .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;}
.pro01top .gallery-thumbs .swiper-slide-thumb-active,.caseinfo01wrap .gallery-thumbs .swiper-slide:hover{opacity: 1;border-color: #ffffff;}
.pro01top .gallery-thumbs .swiper-slide-thumb-active:after{opacity: 0;}
.pro01top .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;}
.pro01top .swiper-pagination span{font-size: 20px;color: #ffffff;}
.pro01top .swiper-pagination span:first-child{font-size: 30px;} 
.pro01toppage{width: 140px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;right: 0;top: 0;height: 100%;}
.pro01toppage .swiper-button-prev,.pro01toppage .swiper-button-next{width: 34px;height: 34px;border: 2px solid #ffffff;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 16px;color: #ffffff;position: relative;background-image: none;outline: none;margin: 0;border-radius: 50%;top: 0;left: 0;right: 0;}
.pro01toppage .swiper-button-prev{margin-right: 10px;}





/* about04wrap */
.about04wrap{width: 100%;box-sizing: border-box;position: relative;}
.about04{position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin: auto;-webkit-align-items: center;align-items: center;z-index: 1;}
.about04imgbox{width: 50%;box-sizing: border-box;padding-bottom: 120px;position: relative;}
.about04imgbox .box{width: 100%;position: relative;z-index: 1;}
.about04imgbox .box img{display: block;width: 100%;}
.about04wrap .bg{position: absolute;left: 0;bottom: 0;display: block;width: auto;z-index: 0; max-width: 40%;}
.about04text{width: 50%;box-sizing: border-box;padding-left: 100px; margin-top:-80px;}
.about04text h3{font-size: 34px;color: #333;font-weight: bold;margin-bottom: 20px;}
.about04text h4{font-size: 16px;line-height: 32px;color: #333333;}


.partner01wrap{width: 100%;box-sizing: border-box;margin-top: 150px;}
.partneritem{width: 100%;box-sizing: border-box;padding: 0 calc((100% - 1400px)/2);position: relative;display: flex;display: -webkit-flex;margin-bottom: 100px;-webkit-align-items: center;align-items: center;}
.partneritem .bg{position: absolute;right: 0;width: auto;height: auto;max-width: 30%;}
.partnercont{width: 70%;box-sizing: border-box;overflow: hidden;position: relative;}
.partnercont img{display: block;width: 100%;transition: all .6s; }
.partnercont .text{width: 50%;box-sizing: border-box;background-color: #ffffff;position: absolute;right: 0;top: 0;padding: 0 40px 40px;z-index: 1;}
.partnercont .text h3{font-size: 26px;color: #333333;font-weight: bold;}
.partnercont .text strong{display: block;width: 70px;height: 1px;background-color: #DDDDDD;position: relative;margin-top: 10px;}
.partnercont .text strong:before{content: '';display: block;width: 30px;height: 2px;position: absolute;left: 0;bottom: 0;background-color: #313131;}
.partnercont .tomore{width:160px;height: 60px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: rgba(54,105,65,0.9);opacity: 0;transition: all .3s;position: absolute;right: 0;bottom: 0;z-index: 1;font-size: 16px;color: #ffffff;}
.partnercont .tomore i{font-size: 16px;color: #ffffff;margin-left: 10px;}
.partnercont:hover .tomore{opacity: 1;}
.partneritem:nth-of-type(2n) .bg{right: initial;left: 0;transform: rotateY(180deg);}
.partneritem:nth-of-type(2n){-webkit-justify-content: flex-end;justify-content: flex-end;}
.partneritem:nth-of-type(2n) .partnercont .text{right: initial;left: 0;padding-left: 0;}
.partnercont:hover .text h3{color: #313131;}
.qa01itemmin:hover a h3{color:#313131; }
.qa01item:hover .qa01itemmin a h3 img { filter: grayscale(0);}
.qa01item:hover .qa01itemmin a:after { color:#313131;}
.partnercont::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);z-index: 1;}
.partnercont:hover::before {
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}

/* parinfowrap */
.parinfowrap{width: 100%;height: 100%;overflow: hidden;box-sizing: border-box;background-color: #edf2fa;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.parinfo{box-sizing: border-box;padding: 0 90px;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;height: 100%;}
.parinfo:before{content: '';display: block;width: calc(100% - 120px);height: 70%;position: absolute;left: 0;bottom: 0;background-color: #ffffff;z-index: 0;display: none;}
.parinfomin{width: 100%;position: relative;z-index: 1;}
.parinfomin .parinfomintl{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 40px;}
.parinfomin .parinfomintl h3{font-size: 26px;color: #313131;font-weight: bold;}
.parinfomin .parinfomintl .more{border: 1px solid #313131;background-color: transparent;color: #333;width: 160px;height: 38px;line-height: 38px;margin: 0;}
.parinfomin .parinfomintl .more:after{background-color: #313131;}
.parinfomin .parinfomintl .more:hover{color: #ffffff;}

.parinfoimgmin{width: 100%;position: relative;height: 677px;overflow: hidden;}
.parinfoimgmin .gallery-top .swiper-wrapper{height: auto;}
.parinfoimgmin .gallery-top .swiper-slide{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;height: auto;}
.parinfoimgmin .gallery-top .swiper-slide img{display: block;width: 100%;height: auto;}
.gallery-thumbswrap{width: 100%;box-sizing: border-box;padding: 10px 140px 10px 10px;background-color: rgba(0,0,0,.7);position: absolute;bottom: 0;left: 0;z-index: 2;}
.parinfoimgmin .gallery-thumbs img{display: block;    width: auto;height: auto;max-width: 100%;max-height: 80px;}
.parinfoimgmin .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;}
.parinfoimgmin .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;}
.parinfoimgmin .gallery-thumbs .swiper-slide-thumb-active,.caseinfo01wrap .gallery-thumbs .swiper-slide:hover{opacity: 1;border-color: #ffffff;}
.parinfoimgmin .gallery-thumbs .swiper-slide-thumb-active:after{opacity: 0;}
.parinfoimgmin .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;}
.parinfoimgmin .swiper-pagination span{font-size: 20px;color: #ffffff;}
.parinfoimgmin .swiper-pagination span:first-child{font-size: 30px;}
.parinfoimgminpage{width: 140px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;right: 0;top: 0;height: 100%;}
.parinfoimgminpage .swiper-button-prev,.parinfoimgminpage .swiper-button-next{width: 34px;height: 34px;border: 1px solid #ffffff;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 16px;color: #ffffff;position: relative;background-image: none;outline: none;margin: 0;border-radius: 50%;top: 0;left: 0;right: 0;}
.parinfoimgminpage .swiper-button-prev{margin-right: 10px;}


/* parinfopagewrap */
.parinfopagewrap{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-top: 30px;box-sizing: border-box;}
.parinfopagewrap .page{display: flex;display: -webkit-flex;}
.parinfopagewrap .page .swiper-button-next,.parinfopagewrap .page .swiper-button-prev{background-image: none;width: auto;height: auto;position: relative;top: 0;left: 0;margin: 0;font-size: 26px;color: #313131;outline: none;}
.parinfopagewrap .page .swiper-button-next{margin-left: 20px;}
.parinfopagewrap .right{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.parinfopagewrap .right h3{font-size: 16px;color: #313131;font-weight: bold;margin-right: 10px;}
.parinfopagewrap .right .share{width: auto;margin: auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.parinfopagewrap .right .share a{width: 32px;height: 32px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;border-radius: 4px;background-image: none;font-size: 18px;color: #FFFFFF;box-shadow: 4px 4px 0 0 rgba(54,105,65,0.3);margin-right: 30px;background-color: #313131;margin: 0;padding: 0;margin-right: 20px;}
.parinfopagewrap .right .share a:last-child{margin-right: 0;}
.parinfopagewrap .right .share a:hover{box-shadow: none;transform: translate(4px,4px);-webkit-transform: translate(4px,4px);color: #FFFFFF;}
.parinfopagewrap .more{width: 170px;height: 42px;line-height: 42px;background-color: #313131;color: #ffffff;margin: 0;}
.parinfopagewrap .more:after{background-color: #333;}
.parinfopagewrap .link{display: flex;display: -webkit-flex;}
.parinfopagewrap .link a{margin-right: 10px;}
.parinfopagewrap .link a:last-child{margin-right: 0;}

.tit-size42 {
    font-size: 42px;
}

.tit-size40 {
    font-size: 40px;
}

.h3-size38 {
    font-size: 38px;
}

.h3-size36 {
    font-size: 36px;
}

.h3-size34 {
    font-size: 34px;
}

.h3-size32 {
    font-size: 32px;
}

.h3-size30 {
    font-size: 30px;
}

.h3-size28 {
    font-size: 28px;
}

.h3-size26 {
    font-size: 26px;
}

.h3-size24 {
    font-size: 24px;
}

.h3-size22 {
    font-size: 22px;
}

.h3-size20 {
    font-size: 20px;
}

.p-size18 {
    font-size: 18px;
}

.p-size16 {
    font-size: 16px;
}

.p-size14 {
    font-size: 14px;
}


.ttcp02wrap{width: 100%;box-sizing: border-box;position: relative;padding-top: 200px;margin-bottom: 100px;}
.ttcp02wrap::after{content: '';background: url(/style/images/parter01wrapbg.jpg)no-repeat fixed;background-size: cover;width: 100%;box-sizing: border-box;position: absolute;height: 60%;top: 0;left: 0;z-index: 0;}
.ttcp02{margin: auto;box-sizing: border-box;position: relative;z-index: 1;}
.ttcp02 .parter-tl{border-color: #FFFFFF;}
.ttcp02 .parter-tl .text{background-color: #ee2e22;}
.ttcp02 .parter-tl .text h3,.ttcp02 .parter-tl .text h4,.ttcp02 .parter-tl .text h4 font{color: #333333}
.ttcp02 .cont{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 100px;}
.ttcp02 .cont li{width: 45%;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;margin-bottom: 50px;}
.ttcp02 .cont li .left{width: 80px;height: 80px;background-color: #333333;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 5px;background-color: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.ttcp02 .cont li .lefta{width: 54px;height: 54px;border-radius: 50%;font-size: 32px;color: #fff;border: 1px solid #fff;text-align: center;line-height: 54px;font-weight: bold; background-color:#e3a93d; margin:2px auto}
.ttcp02 .cont li .left font{width: 60px;height: 60px;border-radius: 50%;font-size: 16px;color: #fff;border: 1px solid #fff;text-align: center;font-weight: bold; background-color:#e3a93d;}
.ttcp02 .cont li .right{width: calc(100% - 100px);box-sizing: border-box; text-align:left;}
.ttcp02 .cont li .right h1{font-size: 24px;color: #333333;margin-bottom: 10px; font-weight:bold;}
.ttcp02 .cont li .right p{font-size: 14px;color: #333333; line-height:21px;}