@font-face {
	font-family:aven;
	src: url(../font/AvenirLTStd-Medium.otf);
}
@font-face {
	font-family:avenblod;
	src: url(../font/AvenirLTStd-Black.otf);
}

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:"aven"; 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;}
}

/* headerwrap */
.headerwrap{width: 100%;box-sizing: border-box;padding-left: 5%;position: fixed;top: 0;left: 0;z-index: 99;transition: all .3s;border-bottom: 1px solid rgba(255,255,255,0.5);}
.header{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.header .logo{display: block;width: auto;}
.header .logo img{display: block;width: auto;height: 36px;}
.header .logo img.img02{display: none;}
.headerright{display: flex;display: -webkit-flex;box-sizing: border-box;padding-left: 20px;}
.headerright .h-nav{display: flex;display: -webkit-flex;}
.headerright .h-nav li{position: relative;}
.headerright .h-nav li a{display: block;width: auto;line-height: 90px;font-size: 16px;color: #ffffff;padding: 0 25px;}
.headerright .h-nav li a:hover{    text-decoration: underline;}
.headerright .righta{width: 110px;height: 90px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;border-left: 1px solid rgba(255,255,255,0.5);position: relative;}
.headerright .righta i{font-size: 20px;color: #FFFFFF;display: block;text-align: center;}
.headerright .righta p{font-size: 12px;color: #FFFFFF;opacity: 0.5;text-transform: uppercase;margin-top: 10px;}
.headerright .menu{background-color: #0b385f;}
.headerright .menu .closenav{width: 30px;height: 22px;position: relative;display: block;background-color: transparent;border: none;outline: none;margin: auto;}
.closenav span{display: block;width: 100%;height: 1px;background-color: #FFFFFF;position: absolute;left: 0;transition: all .6s;}
.closenav span.hamb-top{top: 0;}
.closenav span.hamb-middle{top: 10px;}
.closenav span.hamb-bottom{top: 20px;}

/* div2_1 */
.div2_1 .headerwrap,.headerwrap:hover,.div3 .headerwrap{background-color: #ffffff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);border-bottom: none;}
.div2_1 .header .logo img.img02,.headerwrap:hover .header .logo img.img02,.div3 .header .logo img.img02{display: block;}
.div2_1 .header .logo img.img01,.div3 .header .logo img.img01,.headerwrap:hover .header .logo img.img01{display: none;}
.div2_1 .headerright .h-nav li a,.div2_1 .headerright .righta i,.div2_1 .headerright .pc-language p,.div3 .headerright .h-nav li a,.div3 .headerright .righta i,.div3 .headerright .pc-language p,.headerwrap:hover .headerright .h-nav li a,.headerwrap:hover .headerright .righta i,.headerwrap:hover .headerright .pc-language p{color: #444444;}
.div2_1 .headerright .pc-language,.div3 .headerright .pc-language,.headerwrap:hover .headerright .pc-language{border-left-color: rgba(68,68,68,0.5);}

/* languagedown */
.languagedown{width: 100%;box-sizing: border-box;top: 100%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);background-color: #ffffff;position: absolute;box-shadow: 0px 5px 5px rgba(51,51,51,0.1);opacity: 0;visibility: hidden;transition: all .3s;}
.languagedown a{display: block;line-height: 30px;box-sizing: border-box;padding: 0 10px;text-align: center;font-size: 14px;color: #333;text-transform: uppercase;border-top: 1px solid #dddddd;}
.languagedown a:hover{color: #0b385f;}
.pc-language:hover .languagedown{opacity: 1;visibility: visible;}

/* navopenwrap */
.navopenwrap{position: fixed;top: 0;left: 0;opacity: 0;visibility: hidden;width: 100%;height: 100%;overflow: hidden;background-color: rgba(255,255,255,0.5);z-index: 10;display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;transition: all .3s;}
.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: 10px!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: 11px;}
.navopen{width: 30%;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #ffffff;box-shadow: 0px 0px 6px rgba(0,0,0,0.3);transform: translateX(100%);transition: all .6s;}
.navopencont{width: 100%;box-sizing: border-box;padding: 30px 100px;}
.navopencont li{border-bottom: 1px solid #dddddd;width: 100%;}
/* .navopencont li:first-child{border-top: 1px solid #dddddd;} */
.navopencont li>a{font-size: 20px;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;line-height: 60px;text-transform: uppercase;font-weight: bold;-webkit-justify-content: space-between;justify-content: space-between;}
.navopencont li>a span{font-size: 12px;color: #aaa;margin-right: 30px;font-weight: normal;font-family: arial;font-weight: bold;}
.navopencont li>a i{font-size: 14px;color: inherit;margin-left: 10px;}
.navopencont li>a:hover,.navopencont li>a.active{color: #0f426d;}
/* .navopencont li>a:hover i, */
.navopencont li>a.active i{transform: rotate(180deg);}
.navopencont li .nav-two{width: 100%;box-sizing: border-box;padding-left: 48px;margin-top: 20px;display: none;padding-bottom: 40px;}
.navopencont li .nav-two a{font-size: 16px;color: #222;margin-bottom: 20px;display: block;line-height: 20px;text-transform: uppercase;}
.navopencont li .nav-two a:last-child{margin-bottom: 0;}

.navopenwrap.navopenwrap02{opacity: 1;visibility: visible;}
.navopenwrap.navopenwrap02 .navopen{transform: none;transition: all .6s;}












/* banner */
.bannerwrap{width: 100%;height: 100%;position: relative;box-sizing: border-box;padding-top: 0;overflow: hidden;}
.banner{width: 100%;box-sizing: border-box;position: relative;height: calc(100% - 60px);}
.banner:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.2);z-index: 0;}
.banner video{width: 100%;height: 100%;object-fit: cover;}
.banner .sjbanner{display: none;}
.banner .bannertext{width: 1400px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;}
.bannertext h3{font-size: 82px;color: #ffffff;line-height: 100px;font-family: avenblod;}
.bannertext strong{width: 130px;height: 1px;display: block;background-color: #FFFFFF;margin-top: 30px;}
.banner .scroll-left{position: absolute;bottom: 40px;left: 2%;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-align-items: center;align-items: center;z-index: 1;}
.banner .scroll-left p{font-size: 12px;color: #ffffff;writing-mode: tb;}
.banner .scroll-left strong{height:100px;display: block;width: 1px;margin-bottom: 10px;background-color: rgba(255,255,255,0.3);position: relative;overflow: hidden;margin-top: 10px;}
.banner .scroll-left strong:after{content: '';display: block;width: 100%;height: 100%;-webkit-animation: scrollline 2s ease-out .5s infinite;animation: scrollline 2s ease-out .5s infinite;position: absolute;left: 0;top: 0;background-color: #FFFFFF;}
@keyframes scrollline{
0%{height: 0%;bottom: initial;top: 0;}
25%{height: 100%;}
50%{height: 100%;}
70%{top: initial;bottom: 0;}
80%{height: 0%;}
100%{height: 0%;}
}
@-webkit-keyframes scrollline{
0%{height: 0%;bottom: initial;top: 0;}
25%{height: 100%;}
50%{height: 100%;}
70%{top: initial;bottom: 0;}
80%{height: 0%;}
100%{height: 0%;}
}



/* indexnavwrap */
.indexnavwrap{width: 100%;box-sizing: border-box;position: relative;background-color: #FFFFFF;}
.indexnav{width: 1400px;margin: auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.indexnav a{display: block;width: auto;line-height: 60px;font-size: 13px;color: #444444;margin-right: 40px;}
.indexnav a i{font-size: inherit;color: inherit;margin-right: 10px;}
.indexnav a:last-child{margin-right: 0;}
.indexnav a:hover{color: #0f426d;}

/* banner-right */
.banner-right{width: 300px;position: absolute;bottom: 0;right: 0;}
.banner-right img{display: block;width: 100%;}
.banner-right .text{width: 100%;text-align: center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.banner-right .text p{font-size: 24px;color: #ffffff;}
.banner-right .text i{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-contentce
: center;width: 20px;height: 20px;font-size: 12px;border: 1px solid #FFFFFF;color: #FFFFFF;border-radius: 50%;margin: auto;margin-top: 20px;}

/* indexwrap */
.indexwrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;margin-bottom: 200px;}

/* index01wrap */
.index01wrap{width: 100%;box-sizing: border-box;position: relative; background: linear-gradient(60deg, #1a458a 50%, #2e62b3 100%);}
.index01{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index01wrap .imgbox{width: 45%;overflow: hidden;}
.index01wrap .imgbox img{display: block;width: 100%;transition: all .6s;}
.index01wrap .textwrap{width: 50%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding-right: calc((100% - 1400px)/2);position: relative;}
.index01wrap .textwrap .text{position: relative;z-index: 1;}
.i-tl01 font{font-size: 13px;color: #FFFFFF;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;text-transform: uppercase;}
.i-tl01 font:after{content: '';display: block;width: 50px;height: 1px;background-color: #FFFFFF;margin-left: 20px;}
.i-tl01 h3{font-size: 34px;color: #FFFFFF;font-family: avenblod;margin-top: 20px;}
.i-tl01 p{font-size: 22px;line-height: 30px;color: #FFFFFF;font-family: avenblod;margin-top: 30px;}
.i-tl01 h4{font-size: 16px;color: #FFFFFF;line-height: 30px;margin-top: 30px;opacity: 0.75;width:67%;}
.more{display: block;width: 150px;height: 46px;border: 1px solid #FFFFFF;text-align: center;position: relative;z-index: 0;font-size: 14px;color: #ffffff;line-height: 46px;overflow: hidden;margin-top: 50px;}
.more:after{content: '';display: block;width: 0;height: 100%;position: absolute;left: 0;top:0;z-index: -1;background-color: #FFFFFF;transition: all .3s;}
.more:hover:after{width: 100%;}
.more:hover{color: #1b458a;}

.index01wrap .textwrap .fontbg{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

/* svg */
.waves {position:relative;width: 100%;height:10vh;min-height:80px;max-height:120px;margin-top: -80px;margin-bottom: -8px;}
.parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;}
.parallax > use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.parallax > use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax > use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
@keyframes move-forever {0% {transform: translate3d(-90px,0,0);}100% { transform: translate3d(85px,0,0);}}

/* i-cont */
.i-cont{width: 1400px;}

/* index02wrap */
.index02wrap{width: 100%;box-sizing: border-box;margin: 100px 0;}
.index02tl{margin: auto;box-sizing: border-box;}
.index02tl font{color: #0f426d;}
.index02tl font:after{background-color: #0f426d;}
.index02tl h3,.index02tl h4{color: #222222;}

.index02{width: 100%;box-sizing: border-box;position: relative;padding-left: calc((100% - 1400px)/2);padding-bottom: 70px;margin-top: 50px;}
.index02:after{content: '';display: block;width: 1500px;height: calc(100% - 70px);position: absolute;right: calc((100% - 1400px)/2);bottom: 0;background-color: #fff9f0;z-index: 0;}
.index02min{width: 100%;position: relative;z-index: 1;}
.index02min .item{width: 100%;position: relative;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: 70px;}
.index02min .item:last-child{margin-bottom: 0;}
.index02min .item .imgbox{width: 80%;box-sizing: border-box;position: relative;z-index: 0;overflow: hidden;}
.index02min .item .imgbox img{display: block;width: 100%;transition: all .6s;-webkit-filter: grayscale(0.9);filter: grayscale(0.9);}
.index02min .item .text{width: 35%;box-sizing: border-box;margin-right: -15%;position: relative;z-index: 1;box-sizing: border-box;padding: 100px 70px 70px;background: url(../img/pattern.png);transition: all .3s;position: relative;}
.index02min .item .text .l-font{position: absolute;left: -30px;top: 0;writing-mode: tb;font-size: 12px;color: #aaaaaa;letter-spacing: 2px;}
.index02min .item .text .tl{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;margin-bottom: 30px;}
.index02min .item .text .tl h3{font-size: 20px;color: #222222;}
.index02min .item .text .tl i{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;background-color: #0f426d;border-radius: 50%;font-size: 14px;color: #FFFFFF;width: 20px;height: 20px;margin-left: 20px;}
.index02min .item .text h4{font-size: 15px;line-height: 26px;color: #222222;opacity: 0.75;min-height:78px;}
.index02min .item:hover .text{background: url(../img/pattern_hover.png);}
.index02min .item:hover .text .tl h3,.index02min .item:hover .text h4{color: #FFFFFF;}
.index02min .item:hover .text .tl i{background-color: #FFFFFF;color: #0f426d;}
.index02min .item:hover .imgbox img{transform: scale(1.1);-webkit-filter: grayscale(1);filter: brightness(1);}

/* index03wrap */
.index03wrap{width: 100%;box-sizing: border-box;margin: 100px auto;}
.index03{width: 100%;box-sizing: border-box;background-color: #212121;padding-right: calc((100% - 1400px)/2);padding-bottom: 80px;position: relative;margin-top: 40px;}
.index03swiper{width: 100%;position: relative;}
.index03swiper a{display: block;width: 100%;}
.index03swiper a .imgbox{width: 100%;overflow: hidden;position: relative;border-right: 1px solid #FFFFFF;}
/* .index03swiper .swiper-slide:nth-of-type(3n) a .imgbox{border-right: none;} */
.index03swiper a .imgbox img{display: block;width: 100%;transition: all .6s;}
.index03swiper a .imgbox:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;background: url(../img/index_04_mask.png)no-repeat;background-size: cover;}
.index03swiper a .botfont{width: 100%;box-sizing: border-box;padding: 0 50px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;position: absolute;left: 0;bottom: 40px;z-index: 1;}
.index03swiper a .botfont h3{font-size: 24px;color: #ffffff;font-family: avenblod;}
.index03swiper a .botfont i{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;background-color: #FFFFFF;border-radius: 50%;font-size: 14px;color: #0f426d;width: 20px;height: 20px;}
.index03swiper a:hover .imgbox img{transform: scale(1.1);}
.index03swiper a .text{width: 100%;box-sizing: border-box;padding: 30px 50px 0;}
.index03swiper a .text h4{font-size: 14px;line-height: 26px;color: #FFFFFF;opacity: 0.75;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 20px;}
.index03swiper a .text p{font-size: 14px;line-height: 26px;color: #FFFFFF;opacity: 0.75;}
.index03swiper .page{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;padding-left: 50px;margin-top: 60px;}
.index03swiper .swiper-button-next,.index03swiper .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;}
.index03swiper .swiper-pagination{position: relative;margin: 0 50px;width: auto;font-size: 13px;color: #FFFFFF;bottom: 0;}
.index03 .f-right{position: absolute;top: 150px;right: calc((100% - 1400px)/4);display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding-top: 40px;}
.index03 .f-right img{display: block;width: auto;height: 20px;margin-bottom: 20px;position: absolute;top: 0;left: 50%;margin-left: -10px;}
.index03 .f-right font{font-size: 13px;color: #ffffff;writing-mode: tb;}

/* index04wrap */
.index04wrap{margin: 100px auto 100px;position: relative;}
.index04tl{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;margin-bottom: 60px;}
.index04link{display: flex;display: -webkit-flex;}
.index04link a{width: 160px;height: 50px;line-height: 50px;background-color: #f5f5f5;color: #999999;font-size: 14px;margin-right: 20px;border: none;}
.index04link a:last-child{margin-right: 0;}
.index04link a:after{background-color: #0f426d;}
.index04link a:hover{color: #ffffff;}
/* index04 */
.index04{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index04 .index04left{width: 49%;background-color: #fafafa;transition: all .3s;}
.index04 .index04left:hover{box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);border-color: #0f426d;background-color: #ffffff;}
.index04 .index04left .imgbox{width: 100%;overflow: hidden;}
.index04 .index04left .imgbox img{width: 100%;transition: all .6s;}
.index04 .index04left:hover .imgbox img{transform: scale(1.1);}
.index04text{width: 100%;box-sizing: border-box;padding: 40px;}
.index04text h3{font-size: 20px;color: #000;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 24px;}
.index04text h4{font-size: 14px;color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index04text font{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 1px solid #000;width: 60px;height: 30px;border-radius: 20px;margin-top: 30px;}
.index04text font i{font-size: 20px;color: #0f426d;}

.index04right{width: 49%;}
.index04right .index04rightitem{display: block;width: auto;height: calc((100% - 40px)/3);margin-bottom: 20px;padding: 30px 40px;border-left: 2px solid transparent;transition: all .3s;background-color: #fafafa;}
.index04right .index04rightitem:last-child{margin-bottom: 0;}
.index04right .index04rightitem:hover{box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);border-color: #0f426d;background-color: #ffffff;}






/* footerwrap */
.footerwrap{width: 100%;box-sizing: border-box;position: relative;margin-top:-200px;}
.footerwrap:after{content: '';display: block;width: 100%;height: calc(100% - 136px);position: absolute;bottom: 0;left: 0;z-index: 0;background-color: #212121;}
.footer{width: 100%;box-sizing: border-box;padding: 0 calc((100% - 1400px)/2);position: relative;z-index: 1;}
.footer:after{content: '';width: calc(1400px + calc((100% - 1400px)/2));height: 100%;position: absolute;top: 0;right: 0;background-color: #141414;z-index: 0;}
.footertop{width: 100%;box-sizing: border-box;padding: 120px 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: relative;z-index: 1;}
.f-nav{display: flex;display: -webkit-flex;box-sizing: border-box;padding-left: 110px;}
.f-nav a{font-size: 16px;line-height: 26px;color: #FFFFFF;margin-right: 40px;}
.f-nav a:last-child{margin-right: 0;}
.f-nav a:hover{text-decoration: underline;}
.footertop .bdsharebuttonbox{display: flex;display: -webkit-flex;}
.footertop .bdsharebuttonbox a{display: flex;display: -webkit-flex;border: 1px solid #FFFFFF;border-radius: 50%;width: 34px;height: 34px;font-size: 14px;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;color: #FFFFFF;padding: 0;margin: 0;margin-right: 10px;background-image: none;}
.footertop .bdsharebuttonbox a:last-child{margin-right: 0;}
.footertop .bdsharebuttonbox a:hover{opacity: 0.8;}
.footertop .bdsharebuttonbox a:hover:before{color: #FFFFFF;}

/* copyright */
.copyright{width: 100%;position: relative;box-sizing: border-box;padding: 60px calc((100% - 1400px)/2);display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;z-index: 1;}
.copyright h3,.copyright a{font-size: 14px;color: #FFFFFF;opacity: 0.5;}

.foot-scrollwrap{position: absolute;left: calc((100% - 1400px)/4);top: 40px;cursor: pointer;width: 50px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;transform: translateX(-50%);}
.foot-scroll{width:1px;height:50px;background:#000000;position: relative;}
.foot-scroll::before{width:7px;height:7px;background:#000000;content:"";position:absolute;bottom: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(-43px);opacity:1}
70%{transform:translateY(-43px);opacity:0}
100%{transform:translateY(-43px);opacity:0}
}@keyframes scroll{0%{transform:translateY(0);opacity:1}
45%{transform:translateY(-43px);opacity:1}
70%{transform:translateY(-43px);opacity:0}
100%{transform:translateY(-43px);opacity:0}
}

/* 关于 */
.innerbanner{width: 100%;position: relative;}
.innerbanner img{display: block;width: 100%;}
.innerbanner .text{width: 1400px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;}
.innerbanner .text h3{font-size: 48px;color: #ffffff;font-weight: bold;text-transform: uppercase;    padding-top: 45px;line-height: 60px;}
.inner-mbx{width: 100%;bottom: 20px;position: absolute;left: 0;box-sizing: border-box;padding: 0 calc((100% - 1400px)/2);z-index: 1;}
.inner-mbx a{font-size: 14px;color: #ffffff;    text-transform: uppercase;}
.inner-mbx a i{font-size: inherit;color: inherit;margin-right: 5px;}
.inner-mbx span{font-size: 14px;margin: 0 10px;color: #ffffff;}

/* innerwrap */
.innerwrap{width: 100%;overflow: hidden;position: relative;margin-bottom:200px;}
.innerwrap02{width: 100%;overflow: hidden;position: relative;margin-bottom:0px;}
/* about01 */
.about01wrap{width: 100%;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;background-color: #f5f6f7;align-items: center;-webkit-align-items: center;}
.about01left .swiper-container{position: relative;z-index: 0;}
.about01left .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;
display: block;width: 100%;}	
.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
.about01left{width: 50%;position: relative;}
.about01left .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
/* 点点 */
.about01circle{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.about01circle a{  text-align: center;position: relative;width: 150px;height: 150px;-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-o-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;}
.about01circle a span{z-index:1;border:1px solid #1a3f7c;position:absolute;top:0;left:0;right:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background-clip:padding-box;background:0 0;background-color:#1a3f7c}
.about01circle .point{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 8px;height: 8px;margin: auto;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    background: transparent;width: 100%;height: 100%;}

.about01circle .point-10 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #1a3f7c;opacity: 0;
    -webkit-animation: ballScale 12s 0s linear infinite;
    -moz-animation: ballScale 12s 0s linear infinite;
    -ms-animation: ballScale 12s 0s linear infinite;
    animation: ballScale 12s 0s linear infinite;}

.about01circle .point-70 strong,.about01circle .point-40 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #1a3f7c;opacity: 0;
    -webkit-animation: ballScale 6s 0s linear infinite;
    -moz-animation: ballScale 6s 0s linear infinite;
    -ms-animation: ballScale 6s 0s linear infinite;
    animation: ballScale 6s 0s linear infinite;}
@keyframes ballScale { 0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0; }}
.about01circle a font{display: inline-block;font-size: 18px;color: #000;white-space: nowrap;}

.about01circle #a1{top: 31%;right: 29%;position: absolute;width: 80px;height: 80px;visibility: visible;opacity: 1;}
.about01circle #a2{top: 43%;right: 36%;position: absolute;width: 80px;height: 80px;visibility: visible;opacity: 1;}
.about01circle #a3{top: 43%;right: 28%;position: absolute;width: 80px;height: 80px;visibility: visible;opacity: 1;}
.about01circle #a4{top: 57%;right: 48%;position: absolute;width: 80px;height: 80px;visibility: visible;opacity: 1;}
.about01circle #a5{top: 60%;right: 44%;position: absolute;width: 80px;height: 80px;visibility: visible;opacity: 1;}
.about01circle #a6{top: 81%;right: 39%;position: absolute;width: 80px;height: 80px;visibility: visible;opacity: 1;}

.about01circle #a1 font{ position: absolute;top: 30px;left: 50px;}
.about01circle #a3 font{ position: absolute;top: 30px;left: 50px;}
.about01circle #a4 font,.about01circle #a5 font,.about01circle #a6 font{ position: absolute;top: 30px;left: 50px;}

/* about01right */
.about01right{width: 50%;box-sizing: border-box;padding: 0 calc((100% - 1400px)/2) 0 120px;}
.about01right .tl{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.about01right .info{font-size: 18px;line-height: 28px;color: #666666;}
.about01list{width: 330px;margin-top: 40px;}
.about01list li{width: 100%;box-sizing: border-box;border-bottom: 1px solid #dddddd;padding: 30px 0;position: relative;padding-left: 70px;}
.about01list li:first-child{border-top: 1px solid #dddddd;}
.about01list li img{position: absolute;left: 0;top: 50%;margin-top:-18px ;display: block;width: auto;height: 36px;}
.about01list li h2{font-size: 34px;color: #1a3f7c;font-weight: bold;}
.about01list li p{font-size: 14px;color: #1a3f7c;margin-top: 10px;}

/* about02 */
.about02{margin: auto;position: relative;box-sizing: border-box;}
.about02item{width: 100%;box-sizing: border-box;position: relative;padding: 100px 80px;margin: 100px auto;}
.about02item:after{content: '';display: block;width: 40%;height: 100%;position: absolute;right: 0;top: 0;background-color: #f5f6f7;}
.about02cont{width: 100%;position: relative;z-index: 1;}
.about02cont h3{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 40px;text-transform: uppercase;}
.about02cont img{display: block;width: 100%;}
.about02cont h4{font-size: 16px;color: #666666;line-height: 30px;box-sizing: border-box;padding-right: 46%;margin-top: 40px;}
.about02item:nth-of-type(2n):after{left: 0;right: initial;}

/* about03wrap */
.about03wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f5f6f7;}
.about03wrap h3{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 40px;text-transform: uppercase;text-align: center;}
.about03{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;background: url(../img/ab_bg_02.png) no-repeat;background-position:center;background-size:100%;}
.about03 img{display: block;width: auto;max-width: 100%;}

/* about04wrap */
.about04wrap{width: 100%;position: relative;background: url(../img/aboutbg.jpg)no-repeat;background-size: cover;padding: 100px 0 0;box-sizing: border-box;}
.about04{margin: auto;} 
.about04 img{display: block;width: auto;margin: auto;max-width: 100%;}

/* 关于02 */
.abouttwo02wrap{margin: 100px auto;}
.ab-tl{width: 100%;text-align: center;}
.ab-tl h3{font-size: 36px;color: #1a3f7c;font-weight: bold;margin-bottom: 20px;text-transform: uppercase;}
.ab-tl strong{display: block;width: 40px;height: 2px;background-color: #1a3f7c;margin: auto;}
.abouttwo02{width: 100%;position: relative;margin-top: 20px;padding: 30px 0;}
.abouttwo02:after{content: '';display: block;width: 60%;height: 100%;background: url(../img/ab-bg01.jpg)no-repeat;background-size: cover;position: absolute;left: 20%;top: 0;z-index: 0;}
.abouttwo02cont{width: 100%;display: flex;display: -webkit-flex;position: relative;z-index: 1;-webkit-align-items: center;align-items: center;background-color: #ffffff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} 
.abouttwo02cont .imgbox{width: 50%;overflow: hidden;}
.abouttwo02cont .imgbox img{display: block;width: 100%;}
.abouttwo02cont .text{width: 50%;box-sizing: border-box;padding: 0 100px;}
.abouttwo02cont .text h3{font-size: 20px;color: #222222;margin-bottom: 30px;line-height:30px;}
.abouttwo02cont .text h4{font-size: 16px;color: #666666;line-height: 38px;}

/* abouttwo03 */
.abouttwo03{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.abouttwo03left{width: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;background: url(../img/ab04.jpg)no-repeat;background-size: cover;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} 
.abouttwo03left .text{text-align: center;box-sizing: border-box;padding: 0 130px;}
.abouttwo03left .text h3{font-size: 36px;color: #ffffff;font-weight: bold;margin-bottom: 30px;}
.abouttwo03left .text h4{font-size: 16px;color: #ffffff;line-height: 30px;}
.abouttwo03right{width: 50%;box-sizing: border-box;padding: 100px;background-color: #f1f2f3;}
.abouttwo03right h3{font-size: 36px;color: #1a3f7c;font-weight: bold;text-transform: uppercase;text-align: center;margin-bottom: 40px;}
.abouttwo03right img{display: block;width: auto;margin: auto;max-width: 100%;}

/* abouttwo04wrap */
.abouttwo04wrap{margin: 100px auto;}
.abouttwo04{width: 100%;background: url(../img/ab07.png)no-repeat;background-size: cover;}
.abouttwo04 img{display: block;width: auto;max-width: 80%;margin: auto;margin-top: 40px;}

/* 战略 */
.strategy01wrap{width: 100%;box-sizing: border-box;padding-left: calc((100% - 1400px)/2);padding-top: 100px;background-color: #ffffff;}
.strategy01{width: 100%;}
.s-tl{width: 70%;margin-bottom: 50px;}
.s-tl h3{border-bottom: 1px solid #dddddd;font-size: 36px;color: #1a3f7c;font-weight: bold;padding-bottom: 50px;position: relative;    text-transform: uppercase;}
.s-tl h3:before{content: '';display: block;width: 30px;height: 2px;background-color: #1a3f7c;position: absolute;left: 0;bottom: -1px;}
.strategy01cont{width: 100%;position: relative;padding-bottom: 80px;background-color: #f1f2f3;}
.strategy01imgbox img{display: block;width: 100%;}
.strategy01text{width: 60%;background-color: #ffffff;padding: 80px 150px 80px 0;margin-top: -80px;font-size: 16px;line-height: 30px;position: absolute;bottom: 0;z-index: 1;}

/* strategy02 */
.strategy02wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0 100px;}
.strategy02{margin: auto;margin-top: 50px;}
.strategy02 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-items: center;}
.strategy02 li .imgbox{width: 50%;position: relative;overflow: hidden;}
.strategy02 li .imgbox img{display: block;width: 100%;transition: all .6s;}
.strategy02 li:hover .imgbox img{transform: scale(1.1);}
.strategy02 li .text{width: 50%;box-sizing: border-box;padding-left: 80px;}
.strategy02 li .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.strategy02 li .text h4{font-size: 16px;line-height: 30px;color: #444444;}
.strategy02 li:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.strategy02 li:nth-of-type(2n) .text{padding-left: 0;padding-right: 80px;}

/* strategy03 */
.strategy03{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;}
.strategy03 .item{display: block;width: 50%;overflow: hidden;position: relative;position: relative;}

.strategy03 .item::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;transition: all .3s;background-color: rgba(11,22,40,0.66);}
/* .strategy03 .item:nth-of-type(1)::after{background-color: rgba(0,0,0,0.4);}
.strategy03 .item:nth-of-type(2)::after{background-color: rgba(54,54,54,0.4);} */
.strategy03 .item img{display: block;width: 100%;transition: all .6s;}
.strategy03 .item .text{width: 100%;display: block;position: absolute;top: 50%;left: 0;z-index: 1;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.strategy03 .item .text h3{font-size: 30px;color: #FFFFFF;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,0.5);position: relative;text-align: center;font-weight:bold;}
.strategy03 .item .text h3::after{content: '';display: block;width: 30px;height: 3px;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);background-color: #ffffff;}
.strategy03 .item .text h4{width: 60%;margin: auto;font-size: 16px;color: rgba(255,255,255,0.8);line-height: 30px;text-align: center;min-height: 90px;}
.strategy03 .item .text .more{margin: auto;border: 1px solid #fff;background-color: transparent;margin-top: 130px;}
/* .strategy03 .item:nth-of-type(1):hover::after{background-color: rgba(0,0,0,0.66);}
.strategy03 .item:nth-of-type(2):hover::after{background-color: rgba(54,54,54,0.6);}
 */
.strategy03 .item:hover::after{background-color: rgba(13,29,54,0.88);opacity: 1;}

/* strategy04 */
.strategy04wrap{margin: 100px auto;}
.ab-tl h4{font-size: 16px;line-height: 30px;color: #666666;margin-top: 30px;}
.strategy04{width: 100%;margin-top: 50px;}
.strategy04 .swiper-slide{background-color: #e5ebf5;box-sizing: border-box;padding: 10px;overflow: hidden;}
.strategy04 .swiper-slide img{display: block;width: 100%;position: relative;transition: all .6s;}
.strategy04 .swiper-slide:hover img{transform: scale(1.1);}
.strategy04 .swiper-pagination{position: relative;margin-top: 40px;}
.strategy04 .swiper-pagination .swiper-pagination-bullet{opacity: 1;background-color: #aaaaaa;}
.strategy04 .swiper-pagination .swiper-pagination-bullet-active{background-color: #1a3f7c;}


/* strategyinfo01 */
.strainfoone01wrap{margin: 100px auto;}
.strainfoone01text{width: 100%;box-sizing: border-box;padding-right: 40%;margin-bottom: 80px;}
.strainfoone01text h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 30px;line-height: 44px;text-transform: uppercase;}
.strainfoone01text h4{box-sizing: border-box;padding-left: 100px;font-size: 16px;color: #222222;line-height: 30px;position: relative;}
.strainfoone01text h4:before{content: '';display: block;width: 80px;height: 1px;background-color: #DDDDDD;position: absolute;left: 0;top: 15px;}
.strainfoone01imgbox{width: 100%;box-sizing: border-box;position: relative;}
.strainfoone01imgbox .bgimg{display: block;width: 100%;}
.strainfoone01imgbox .list{position: absolute;right: 0;top: -230px;}
.strainfoone01imgbox .list li{width: 230px;height: 230px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #114d81;}
.strainfoone01imgbox .list li:last-child{background-color: #0b385f;}
.strainfoone01imgbox .list li img{display: block;margin: auto;margin-bottom: 10px;}

.strainfoone01imgbox .list li p{font-size: 15px;color: #ffffff;text-transform: uppercase;text-align:center;}

/* strainfoone02wrap */
.strainfoone02wrap{width: 90%;margin: 100px auto;padding: 100px 0;background: url(../img/strategy_in_02.jpg)no-repeat;background-size: cover;}
.strainfoone02{text-align: center;width: 740px;margin: auto;border-top: 1px solid rgba(255,255,255,0.5);padding-top: 50px;}
.strainfoone02 p{font-size: 16px;margin-bottom: 10px;color: #ffffff;}
.strainfoone02 h3{font-size: 30px;color: #ffffff;font-weight: bold;text-transform: uppercase;}
.strainfoone02 strong{display: block;width: 40px;height: 2px;background-color: #1a3f7c;margin: 30px auto;}
.strainfoone02 .more{background-color: #ffffff;color: #1a3f7c;margin: auto;border: none;}
.strainfoone02 .more:after{background-color: #1a3f7c;}
.strainfoone02 .more:hover{border-color: #1a3f7c;color: #ffffff;}

/* strainfotwo01 */
.strainfotwo01{margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.strainfotwo01 li{width: calc((100% - 30px)/2);height: 100%;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;}
.strainfotwo01 li:first-child{-webkit-flex-flow: column-reverse;flex-flow: column-reverse;}
.strainfotwo01 li .imgbox{width: 100%;height: 240px;}
.strainfotwo01 li .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;}
.strainfotwo01 li .text{width: 100%;padding: 80px 70px;background-color: #f1f2f3;box-sizing: border-box;}
.strainfotwo01 li .text strong{width: 50px;height: 2px;background-color: #1a3f7c;display: block;margin-bottom: 30px;}
.strainfotwo01 li .text h3{font-size: 30px;color: #1a3f7c;font-weight: bold;margin-bottom: 30px;text-transform: uppercase;}
.strainfotwo01 li .text h4{font-size: 16px;line-height: 30px;color: #444444;min-height: 120px;}
.strainfotwo01 li:first-child .text{margin-bottom: 30px;}
.strainfotwo01 li:last-child .text{margin-top: 30px;}

.strainfotwo02wrap{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;position: relative;margin: 100px auto;}
.strainfotwo02-l{width: 76%;box-sizing: border-box;position: relative;z-index: 1;}
.strainfotwo02-l:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;z-index: 0;}
.strainfotwo02-l img{display: block;width: 100%;}
.strainfotwo02-l .text{width: 60%;box-sizing: border-box;position: absolute;left: 5%;bottom: 80px;padding-left: 40px;border-left: 1px solid rgba(255,255,255,0.3);z-index: 1;}
.strainfotwo02-l .text h3{font-size: 30px;color: #ffffff;font-weight: bold;text-transform: uppercase;margin-bottom: 30px;}
.strainfotwo02-l .text h4{font-size: 16px;line-height: 30px;color: #ffffff;opacity:0.8;}
.strainfotwo02-r{width: 34%;position: relative;z-index: 2;margin-left: -10%;}
.strainfotwo02-r img{display: block;width: 100%;}
.abs-font{font-size: 232px;color: #f1f2f3;position: absolute;right: -30%;top: -22px;text-transform: uppercase;z-index: 0;font-weight: bold;}

.strainfotwo02{width: 740px;margin: 100px auto;border-top: 1px solid #dddddd;padding-top: 50px;text-align: center;}
.strainfotwo02 p{font-size: 16px;color: #222222;margin-bottom: 10px;}
.strainfotwo02 h3{font-size: 30px;color: #1a3f7c;font-weight: bold;text-transform: uppercase;}
.strainfotwo02 strong{display: block;width: 40px;height: 2px;background-color: #dddddd;margin: 30px auto;}
.strainfotwo02 .more{background-color: #1a3f7c;margin: auto;border-color: #1a3f7c;}
.strainfotwo02 .more:after{background-color: #ffffff;}

/* 产品 */
.pro01{margin: 80px auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;}
.pro01text{width: 62%;box-sizing: border-box;}
.pro01text h3{font-size: 30px;color: #1a3f7c;font-weight: bold;text-transform: uppercase;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #dddddd;position: relative;}
.pro01text h3:after{content: '';display: block;width: 60px;height: 2px;background-color: #1a3f7c;left: 0;bottom: 0;position: absolute;}
.pro01text h4{font-size: 18px;line-height: 32px;color: #666666;}
.pro01img{width:32%;}
.pro01img img{display: block;width: 100%;position: relative;}

/* pro02cont */
.pro02wrap{width: 100%;box-sizing: border-box;padding: 80px 0;background-color: #f1f2f3;position: relative;z-index: 0;}
.pro02{margin: auto;}
.protl{width: 100%;box-sizing: border-box;margin-bottom: 40px;text-align: center;}
.protl h3{font-size: 30px;color: #1a3f7c;font-weight: bold;text-transform: uppercase;padding-bottom: 30px;border-bottom: 1px solid #dddddd;position: relative;}
.protl h3:after{content: '';display: block;width: 60px;height: 2px;background-color: #1a3f7c;left: 50%;bottom: 0;position: absolute;margin-left: -30px;}
.pro02cont{width: 100%;position: relative;}
.pro02cont a{width: 100%;display: block;background-color: #ffffff;position: relative;padding: 30px 10px;box-sizing: border-box;text-align: center;cursor: default;}
.pro02cont a:after{content: '';display: block;width: 100%;height: 100%;z-index: 0;position: absolute;background: url(../img/pattern_hover.png);top: 0;left: 0;opacity: 0;transition: all .3s;}
.pro02cont a .imgbox{width: 70px;height: 70px;box-sizing: border-box;background-color: rgba(140,159,189,0.5);position: relative;z-index: 1;border-radius: 50%;padding: 5px;margin: auto;}
.pro02cont a .imgbox img{display: block;width: 100%;}
.pro02cont a h3{font-size: 20px;color: #1a3f7c;margin: 20px 0;position: relative;z-index: 1;}
.pro02cont a p{font-size: 16px;color: #aaaaaa;position: relative;z-index: 1;}
.pro02cont a:hover .imgbox{background-color: rgba(255,255,255,0.5);}
.pro02cont a:hover:after{opacity: 1;}
.pro02cont a:hover p,.pro02cont a:hover h3{color: #ffffff;}
.pro02cont .swiper-button-next,.pro02cont .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #ffffff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);border-radius: 50%;width: 30px;height: 30px;background-image: none;font-size: 16px;color: #1a3f7c;margin-top: -15px;}
.pro02cont .swiper-button-next{right: -60px;}
.pro02cont .swiper-button-prev{left: -60px;}
.propagination{width: 100%;margin-top: 40px;position: relative;width: 100%;}
.propagination .swiper-pagination-bullet{width: 8px;height: 8px;margin-right: 10px;opacity: 1;background-color: #dcdcdd;outline: none;}
.propagination .swiper-pagination-bullet-active{background-color: #1a3f7c;}
.propagination .swiper-pagination-bullet:last-child{margin-right: 0;}

/* pro03wrap */
.pro03wrap{width: 100%;position: relative;padding: 130px 0 100px;}
.pro03wrap:after{content: '';display: block;width: 100%;height:60%;background: url(../img/pro_bg.jpg)no-repeat;background-size: cover;position: absolute;left: 0;z-index: 0;top: 0;}
.pro03{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;z-index: 1;}
.pro03 a{display: block;width: 50%;position: relative;text-align: center;background: url(../img/pro_02.jpg)no-repeat;background-size: cover;padding: 120px 0;}
.pro03 a:nth-child(2){background: url(../img/pro_03.jpg)no-repeat;}
.pro03 a:before{content: '';display: block;width: 1px;height: 110px;background-color: #ffffff;position: absolute;left: 50%;top: -55px;z-index: 1;}
.pro03 a:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,0.5);opacity: 0.6;transition: all .3s;}
.pro03 a>div{position: relative;z-index: 1;}
.pro03 a h3{font-size: 24px;color: #ffffff;font-weight: bold;text-transform: uppercase;}
.pro03 a p{font-size: 18px;color: #ffffff;opacity: 0.75;margin: 30px 0;}
.pro03 a .more{margin: auto;background-color: #ffffff;color: #1a3f7c;border: none;}
.pro03 a .more:after{background-color: #1a3f7c;}
.pro03 a .more:hover{color: #ffffff;}
.pro03 a:hover:after{opacity: 0;}

/* 联系 */
.contact01{margin: 120px auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.contact01text{width: 40%;box-sizing: border-box;margin-right: -10%;position: relative;z-index: 1;background-color: #ffffff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);padding: 100px 60px;} 
.contact01text h3{font-size: 34px;color: #222222;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #dddddd;text-transform: uppercase;font-weight: bold;}
.contact01text h4{font-size: 24px;color: #222222;margin-bottom: 20px;}
.contact01text p{font-size: 16px;color: #444444;padding-left: 20px;position: relative;box-sizing: border-box;margin-bottom: 20px;}
.contact01text p:last-child{margin-bottom: 0;}
.contact01text p i{font-size: inherit;color: #aaaaaa;position: absolute;left: 0;top: 0;}
.contact01map{width: 70%;position: relative;z-index: 0;}
.contact01map iframe{width: 100%;height: 450px;}

/* contact02wrap */
.contact02wrap{width: 100%;box-sizing: border-box;padding: 100px 0 300px;background: url(../img/contactbg.jpg)no-repeat fixed;background-size: cover;}
.contact02{width: 850px;margin: auto;}
.contact02 .tl{text-align: center;font-size: 30px;color: #0f426d;font-weight: bold;margin-bottom: 50px;}

.wpcf7-form{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;width: 100%;}

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

.wpcf7-form textarea{width: 100%;height: 110px;resize: none;outline: none;padding: 20px;border-radius: 4px;box-sizing: border-box;border: 1px solid #ddd;font-size: 14px;color: #888888;}

.wpcf7-form button{margin: auto;margin-top: 30px;width: 140px;height: 40px;line-height: 38px;background-color: #1a3f7c;border-radius: 5px;}
.wpcf7-form .input input:-ms-input-placeholder,.wpcf7-form textarea:-ms-input-placeholder{color: #888888;}
.wpcf7-form button:after{background-color: #f5f5f5;border-radius: 5px;}

.wpcf7-form .input input::-webkit-input-placeholder,.wpcf7-form textarea::-webkit-input-placeholder{color: #888888;}
.wpcf7-form p{display: block;width: 100%;}
.wpcf7-form p span{display: block;overflow: hidden;position: relative;}
.wpcf7-form p span span{position: absolute;width: auto;top: 0;right: 10px;line-height: 46px;letter-spacing: 0;color: #0f426d;}

.screen-reader-response,.wpcf7-form p br{ display: none; }
.wpcf7-response-output,.wpcf7-validation-errors{ display: block;text-align: center;color: #000;margin: 20px 0 0 0;width: 100%;letter-spacing: 0;}

/* 产品展示 */
.probanner video{display: block;width: 100%;object-fit: cover;}
.probanner:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,0.3);z-index: 0;}
.probanner .sjimg{display: none;}
.proshow01wrap{width: 100%;position: relative;background-color: #f1f2f3;padding: 60px 0 260px;z-index:0;}
.proshow01{width: 100%;position: relative;overflow: hidden;margin-bottom: 50px;}
.proshow01:last-child{margin-bottom: 0;}
.proshow01 .swiper-container{position: relative;z-index: 0;}
.proshow01 .swiper-slide{width: 70%;background-color: #ffffff;}
.proshow01 .swiper-slide a{display: block;width: 100%;box-sizing: border-box;padding: 160px 160px 120px;}
.proshow01 .swiper-slide a .imgbox{width: 100%;overflow: hidden;}
.proshow01 .swiper-slide a .imgbox img{display: block;width: 100%;}
.proshow01 .swiper-slide a .text{width: 100%;text-align: center;}
.proshow01 .swiper-slide a .text h3{font-size: 20px;color: #222222;font-weight: bold;margin-top: 30px;}
.proshow01 .tl{position: absolute;width: 100%;box-sizing: border-box;-moz-padding-end: 0 20%;text-align: center;top: 80px;font-size: 34px;color: #1a3f7c;z-index: 1;font-weight: bold;}
.proshow01 .swiper-button-next,.proshow01 .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;background-color: #ffffff;width: 60px;height: 60px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);font-size: 26px;background-image: none;outline: none;}
.proshow01 .swiper-button-next{right: calc(15% - 30px);}
.proshow01 .swiper-button-prev{left: calc(15% - 30px);}
.proshow01 .swiper-pagination{position: absolute;left: 0;width: 100%;bottom: 60px;}
.proshow01 .swiper-pagination-bullet{width: 10px;height: 10px;margin-right: 10px;opacity: 1;background-color: #aaaaaa;outline: none;}
.proshow01 .swiper-pagination-bullet:last-child{margin-right: 0;}
.proshow01 .swiper-pagination-bullet-active{background-color: #1a3f7c;}

/* newstab */
.newstab{margin: auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.newstab i{display: block;width: 1px;height: 18px;background-color: #aaaaaa;}
.newstab a{display: block;font-size: 18px;line-height: 100px;width: 200px;text-align: center;color: #222222;position: relative;}
.newstab a:after{content: '';display: block;width: 0%;height: 1px;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.newstab a:hover,.newstab a.active{color: #1a3f7c;}
.newstab a:hover:after,.newstab a.active:after{width: 100%;}

/* news01wrap */
.news01wrap{width: 100%;box-sizing: border-box;background-color: #eeeeee;padding: 70px 0 270px;}
.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: #1a3f7c;}
.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;background-color: #1a3f7c;border: none;}
.news01 a:hover .text .more{opacity: 1;}

.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: #1a3f7c;color: #FFFFFF;border-color: #1a3f7c;}
.screen-reader-text{display: none;}

/* join */
.join01{margin: 100px auto;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;}
.join01imgbox{width: 50%;overflow: hidden;} 
.join01imgbox img{display: block;width: 100%;transition: all .6s;}
.join01text{width: 50%;box-sizing: border-box;padding-right: 60px;}
.join01text h3{font-size: 30px;color: #1a3f7c;font-weight: bold;padding-bottom: 20px;margin-bottom: 20px;position: relative;border-bottom: 1px solid #dddddd;}
.join01text h3:after{content: '';width: 60px;height: 1px;background-color: #1a3f7c;position: absolute;left: 0;bottom: 0;}
.join01text h4{font-size: 16px;color: #222222;line-height: 30px;}

/* join02wrap */
.join02wrap{width: 100%;padding: 70px 0 270px;background-color: #f1f2f3;}
.join02{margin: auto;}
.join02 .top-title{width: 100%;box-sizing: border-box;padding: 0 90px 0 50px;height: 70px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;margin-bottom: 40px;position: relative;z-index: 2;}
.join02 .top-title h3{font-size: 24px;color: #1a3f7c;line-height: 70px;}
.join02 .top-title h3 i{font-size: 18px;color: #1a3f7c;margin-left: 5px;}
.join02 .top-title .right{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content:flex-end;align-items: center;-webkit-align-items:center;}
.join02 .top-title .right h3{margin-right: 30px;cursor: pointer;position: relative;color: #222222;font-size: 18px;}
.join02 .top-title .right h3:last-child{margin-right: 0;}
.join02 .top-title .right h3 .sort{width: auto;min-width: 130px;height: auto;min-width: 90px;box-sizing: border-box;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);padding: 20px;position: absolute;left: 0;top: 60px;background-color: #fff;opacity: 0;transition: all .3s;visibility: hidden;}
.join02 .top-title .right h3 .sort a{display: block;font-size: 14px;color: #333333;margin-bottom: 10px;white-space: nowrap;}
.join02 .top-title .right h3 .sort a:last-child{margin-bottom: 0;}
.join02 .top-title .right h3 .sort a:hover{clear: #1a3f7c;}
.join02 .top-title .right h3:hover .sort{opacity: 1;visibility: visible;}

.join02 .min{width: 100%;box-sizing: border-box;margin-top: 1px;}
.join02 .min li{width: 100%;box-sizing: border-box;margin-bottom: 1px;}
.join02 .min li .title{width: 100%;box-sizing: border-box;padding: 0 90px 0 50px;height: 70px;display: flex;justify-content: space-between;background-color: #1a3f7c;align-items: center;position: relative;cursor: pointer;}
.join02 .min li .title span{font-size: 20px;color: #FFFFFF;}
.join02 .min li .title p{position: absolute;right: 40px;}
.join02 .min li .info{width: 100%;box-sizing: border-box;padding: 50px 220px;display: none;}
.join02 .min li .info .item{width: 100%;box-sizing: border-box;border-bottom: 1px solid #d6d6d6;padding-bottom: 20px;display: flex;justify-content: space-between;padding-top: 20px;}
.join02 .min li .info .item h3{display: block;width: 30%;font-size: 16px;color: #1a3f7c;}
.join02 .min li .info .item h4{display: block;width: 70%;}
.join02 .min li .info .item h4 p{display: block;width: 100%;font-size: 16px;color: #666666;line-height: 24px;margin-bottom: 20px;box-sizing: border-box;padding-left: 20px;position: relative;}
.join02 .min li .info .item h4 p:before{content: '';display: inline-block;width: 5px;height: 5px;border-radius: 50%;background-color: #666666;margin-right: 10px;position: absolute;top: 10px;left: 0;}
.join02 .min li .title .icon:before{content: '+';display: block;font-size: 30px;color: #FFFFFF;}
.join02 .min .li02 .title .icon:before{content: '-';}
/* .join02 .min .li02 .info{display: block;} */
.join02 .min li:first-child .info{display: block;}

/* 最新产品 */
.newprowrap{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.newprolist{width: 25%;box-sizing: border-box;padding: 80px 60px;}
.newpromin{width: 75%;box-sizing: border-box;padding: 80px calc((100% - 1400px)/2) 80px 80px;background-color: #f1f2f3;}
.newpromin .tl h3{font-size: 30px;color: #1a3f7c;font-weight: bold;margin-bottom: 30px;}
.newpromin .tl p{font-size: 16px;line-height: 30px;color: #444444;}
.newpromin .tl{padding-bottom: 30px;border-bottom: 1px solid #dddddd;margin-bottom: 30px;}
.newpromin .info{width: 100%;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.newpromin .info li{width: 32%;margin-right: 2%;margin-bottom: 2%;}
.newpromin .info li:nth-of-type(3n){margin-right: 0;}
.newpromin .info li img{display: block;width: 100%;}
/* newprolist */
.newprolist li{width: 100%;box-sizing: border-box;margin-bottom: 20px;}
.newprolist li h3{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;font-size: 16px;color: #222222;padding-bottom: 20px;border-bottom: 1px solid #dddddd;cursor: pointer;}
.newprolist li i{font-size: inherit;color: inherit;}
.newprolist li .lidown{width: 100%;box-sizing: border-box;padding-right: 70px;margin: 20px 0;display: none;}
.newprolist li .lidown a{display: block;width: 100%;position: relative;padding-left: 20px;font-size: 14px;height: 40px;border-bottom: 1px solid #dddddd;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;box-sizing: border-box;}
.newprolist li .lidown a:before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;position: absolute;left: 0;top: 17px;background-color: #757575;}
.newprolist li:first-child .lidown{ }
.newprolist li.active1 h3,.newprolist li .lidown a:hover{color: #1a3f7c;}
.newprolist li.active i{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.newprolist li .lidown a.now,.newprolist li .lidown a:hover{color: #1a3f7c;}
.newprolist li .lidown a.now:before,.newprolist li .lidown a:hover:before{background-color: #1a3f7c;}
.newprolist .active1 .lidown{display: block;}




@media only screen and (max-width: 1600px){
.banner .bannertext{width: 1100px;}
.bannertext h3{font-size: 72px;line-height: 80px;}
.indexnav{width: 1100px;}

.index01wrap .textwrap{padding-right: calc((100% - 1100px)/2);}
.index01wrap .textwrap .fontbg{width: auto;height: 180px;}
.i-tl01 h3{font-size: 30px;}
.i-tl01 p{font-size: 20px;line-height: 28px;}
.i-tl01 h4{font-size: 15px;line-height: 26px;}
.more{width: 140px;height: 40px;line-height: 40px;margin-top: 40px;}
.i-cont{width: 1100px;}

.index02{padding-left: calc((100% - 1100px)/2);}
.index02min li .text{padding: 80px 40px 40px;width: 40%;margin-right: -20%;}
.index02min li .text h4{font-size: 14px;}
.index02min li .text .l-font{letter-spacing: 1px;}
.index02min li .text .tl{margin-bottom: 20px;}

.index03{padding-right: calc((100% - 1100px)/2);}
.index03 .f-right{right: calc((100% - 1100px)/4);padding-top: 30px;top: 80px;}
.index03 .f-right img{height: 14px;margin-left: -7px;}

.index04wrap{width:90%;}
.index04wrap .index04tl{width:1100px;    margin: 0 auto 60px;}
.index04wrap .text{padding: 100px 60px 0 0;}
.index04r-logo{height: 300px;right: -920px;}
.index04wrap .text .info{margin-top: 40px;padding-left: 40px;}
.index04wrap .text .info h3{margin-bottom: 30px;}
.index04wrap .text .info h4{font-size: 15px;line-height: 28px;}
.index04-bot{height: 140px;bottom: -70px;}

.footer{padding: 0 calc((100% - 1100px)/2);}
.footer:after{width: calc(1100px + calc((100% - 1100px)/2));}
.footertop{padding: 80px 0;}
.copyright{padding: 40px calc((100% - 1100px)/2);}
/*.foot-scroll{left: calc((100% - 1100px)/4);tab-size: 30px;}*/
.footerwrap:after{height: calc(100% - 96px);}

.index02:after{height: calc(100% - 30px);right: calc((100% - 1100px)/2);}
.headerright .h-nav li a{ line-height: 80px;font-size:14px;}
.headerright .righta{    height: 80px;width:100px;}
.header .logo img{height: 34px;}
.banner-right{width:260px;}
.foot-scrollwrap{left: calc((100% - 1100px)/4);top:20px;}
.index03swiper a .botfont h3{font-size:20px;}
.bannerwrap{  }
.index02min .item .text{padding: 80px 50px 50px;}
.index02min .item .text h4{line-height: 24px;min-height:96px;}

/* about */
.innerbanner .text{width: 1100px;}
.inner-mbx{padding: 0 calc((100% - 1100px)/2);}
.about01right{padding: 0 calc((100% - 1100px)/2) 0 60px;}
.about02cont h4{padding-right: 40%;}
.about01right .info{font-size: 16px;line-height: 26px;}
.about01right .tl{font-size: 30px;margin-bottom: 20px;}
.about01list li{padding: 20px 0;padding-left: 70px;}
.about01list{margin-top: 30px;}
.about02item{margin: 80px auto;padding: 80px 60px;}

.abouttwo03left .text{padding: 0 80px;}
.abouttwo03right{padding: 80px;}

/* strategy */
.strategy01wrap{padding-left: calc((100% - 1100px)/2);}
.strategy03 .item .text h4{width: 80%;}
.strategy03 .item .text .more{margin-top: 60px;}

.strainfoone01text{padding-right: 30%;}
.strainfotwo02-l .text{width: 70%;}
.strainfotwo01 li .text{padding: 60px 40px;}
.strainfotwo01 li .text h4{font-size: 14px;}
.strainfotwo01 li .text h3{font-size: 28px;}

.pro03 a{padding: 100px 0;}

.innerbanner .text h3{font-size:44px;line-height:52px;}

.newprolist{padding: 80px 40px;}
.newpromin{padding: 80px calc((100% - 1200px)/2) 80px 40px;}
.newprolist li .lidown a{padding-left: 12px;}
.newprolist li .lidown{padding-right: 20px;}

}