@font-face{
	font-family:"calibri";
	src:url("../font/SourceHanSansCN-Regular_0.otf") format("opentype");     
}
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.1px;}
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;position: fixed;top: 0;height: auto;z-index: 999;transition: all .3s;}
.header{width: 1300px;margin: auto;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;}
.header .logo img{display: block;width: auto;height: 50px;}
.header .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.header .nav{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.header .nav li a{font-size: 16px;color: #FFFFFF;padding: 0 30px;line-height: 80px;position: relative;display: block;}
.headerwrap .header .nav li>a::after{content: '';display: block;width: 0%;height: 2px;background-color: #031c44;transition: all .3s;position: absolute;left: 0;bottom: 0;}
.header .language{position: relative;margin-left: 30px;}
.header .language .box{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.header .language .box i{font-size: 20px;color: #FFFFFF;line-height: 80px;}
.header .language .box i:last-child{margin-left: 10px;font-size: 16px;}
.header .language .link{display: block;width: 100px;height: auto;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);position: absolute;left: 50%;opacity: 0;visibility: hidden;transition: all .3s;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.header .language .link a{font-size: 14px;color: #333;line-height: 34px;border-bottom: 1px solid #ddd;box-sizing: border-box;padding: 0 14px;display: block;text-transform: uppercase;text-align: center;}
.header .language:hover .link{opacity: 1;visibility: visible;}
.header .language .link a:hover{color: #031c44!important;}

.headerwrap:hover,.div2_1 .headerwrap,.div3 .headerwrap{background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.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: #444444;}
.headerwrap:hover .header .right a,.div2_1 .headerwrap .header .right a,.div3 .headerwrap .header .right a{color: #444444;}
.headerwrap:hover .header .right .language .box i,.div2_1 .headerwrap .header .right .language .box i,.div3 .headerwrap .header .right .language .box i{color: #444444;}
.headerwrap:hover .header .right .eamail,.div2_1 .headerwrap .header .right .eamail,.div3 .headerwrap .header .right .eamail{background-color: #031c44;color: #FFFFFF;}

.headerwrap .header .nav li:hover a::after{width: 100%;}
.headerwrap:hover .header .nav li:hover>a{color: #031c44;}

.headerwrap:hover .header .nav li{position: relative;}
.header .nav li .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;width: auto;min-width: 100%;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: 80px;}
.header .nav li .nav02 a{display: block;width: auto;font-size: 14px;color: #666;line-height: 36px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding: 0 10px;text-align: center;}
.header .nav li .nav02 a:last-child{margin-right: 0;}
.header .nav li .nav02 a:hover{color: #031c44;background-color: #fff;}
.header .nav li .nav02 a i{opacity: 0;transition: all .6s;display: none;}
.header .nav li .nav02{background-color: rgba(255,255,255,0.9);padding: 0;box-shadow: 0px 2px 2px rgba(34,34,34,0.3)}
.header .nav li:hover .nav02{display: block;}



/* bannerwrap */
.bannerwrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;height: 100%;}
.bannerwrap: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;}
.bannerwrap img{display: block;width: 100%;height: auto;min-height: 100%;}
.bannerwrap video{display: block;object-fit: fill;width: 100%;height: auto;}
.bannerwrap .text{width: 1300px;box-sizing: border-box;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;}
.bannerwrap .text p{font-size: 25px;color: #ffffff;letter-spacing: 1px;font-weight: 400;}
.bannerwrap .text h3{font-size: 45px;color: #FFFFFF;font-weight: 400;margin-top: 30px;}
.bannerwrap .text .videoicon{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 60px;height: 60px;background-color: rgba(255,255,255,0.3);border-radius: 50%;margin-top: 50px;}
.bannerwrap .text .videoicon::before{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-left-color: #FFFFFF;margin-right: -10px;}
.bannerwrap .bot{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;position: absolute;width: 100%;left: 0;bottom: 60px;z-index: 1;}
.bannerwrap .bot a{display: block;width: 100px;border-bottom: 1px solid #FFFFFF;position: relative;text-align: center;font-size: 16px;color: #FFFFFF;padding-bottom: 20px;opacity: 0.5;transition: all .3s;}
.bannerwrap .bot a::before,.bannerwrap .bot a:last-child::after{content: '';display: block;width: 2px;height: 5px;background-color: #FFFFFF;position: absolute;bottom: 0;}
.bannerwrap .bot a::before{left: 0;}
.bannerwrap .bot a::after{right: 0;}
.bannerwrap .bot a i{width: 1px;height: 2px;background-color: #FFFFFF;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.bannerwrap .bot a:hover{opacity: 1;}

/* indexwrap */
.indexwrap{background-color: #143264;width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
.contwidth{width: 1300px;}
/* index01wrap */
.index01wrap{width: 100%;box-sizing: border-box;position: relative;background: url(../img/index01bg_03.png)no-repeat;background-size: cover;padding: 110px 0 220px;}
/* .index01wrap{width: 100%;box-sizing: border-box;position: relative;padding: 110px 0 220px;} */
.index01wrap .bg{display: block;width: 100%;}
.index01{margin: auto;box-sizing: border-box;/* position: absolute;top: 30%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); */}
.index01 .mumping_mun{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index01 .mumping_mun li{padding: 20px 0;}
.index01 .mumping_mun li img{display: block;width: auto;margin: auto;}
.index01 .mumping_mun li h2{font-size: 50px;color: #FFFFFF;font-weight: 700;letter-spacing: 1px;position: relative;display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;margin: 20px 0;justify-content: center;-webkit-justify-content: center;}
.index01 .mumping_mun li h2::after{content: '㎡';font-size: 30px;color: #FFFFFF;font-weight: 700;}
.index01 .mumping_mun li:last-child h2::after{content: 'ton';font-size: 30px;}
.index01 .mumping_mun li p{font-size: 18px;color: #FFFFFF;text-align: center;}
.index01 .mumping_mun i{display: block;width: 1px;background-color: rgba(255,255,255,0.2);}

/* index02wrap */
.index02wrap{width: 100%;position: relative;padding-bottom: 60px;background: url(../img/tian2_04.png)no-repeat;background-size: 100% auto;background-position: center;z-index: 1;}
.i-tl{width: 100%;text-align: center;}
.i-tl p{font-size: 20px;color: #FFFFFF;/* text-shadow: 3px 4px 5px rgba(7,0,2,0.75); */margin-bottom: 20px;text-transform: uppercase;}
.i-tl h3{font-size: 30px;font-weight: 400;color: #FFFFFF;/* text-shadow: 3px 4px 5px rgba(7,0,2,0.75); */}
/* index02 */
.index02{margin: auto;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;margin-top: 70px;padding-top: 40px;padding-bottom: 80px;}
.index02::before{content: '';display: block;width: 1px;height: 100%;position: absolute;left: 50%;top: 0;background-color: rgba(255,255,255,0.3);}
.index02 .item{width: 50%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;}
.index02 .fontbg{writing-mode: tb;font-size: 20px;text-transform: uppercase;color: #FFFFFF;opacity: 0.1;position: absolute;right: 0;bottom: 100px;}
.index02 .item:nth-of-type(2n){-webkit-justify-content: flex-start;justify-content: flex-start;padding-left: 60px;margin-bottom: 180px;position: relative;z-index: 0;}
.index02 .item .text{position: relative;margin-left: -60px;margin-bottom: 40px;}
.index02 .item .text::before{content: '';display: block;width: 80px;height: 1px;background-color: #FFFFFF;opacity: 0.15;position: absolute;left: -80px;bottom: 34px;}
.index02 .item .text img{display: block;width: auto;}
.index02 .item .text p{font-size: 24px;color: #FFFFFF;font-weight: bold;position: absolute;left: 0;bottom: 10px;padding-left: 60px;}
.index02 .item .imgbox{position: relative;z-index: 1;overflow: hidden;}
.index02 .item .imgbox img{display: block;width: auto;transition: all .6s;}
.index02 .item .imgbox img.img02{display: none;}
/* .index02 .item:hover .imgbox img.img02{display: block;}
.index02 .item:hover .imgbox img.img01{display: none;} */
.index02 .item .imgbox:hover img{transform: scale(1.1);}
.index02 .item:nth-of-type(odd){margin-top: -390px;position: relative;z-index: 1;}
.index02 .item .imgbox .hoverfont{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;text-align: center;width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;background-color: rgba(50,88,174,0.6);font-size: 16px;color: #FFFFFF;font-weight: bold;text-transform: uppercase;transition: all .3s;z-index: 0;}
.index02 .item .imgbox:hover .hoverfont{opacity: 1;}
.index02 .item .imgbox .link{position: absolute;width: 100%;bottom: 30px;box-sizing: border-box;padding: 0 30px;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;opacity: 0;transition: all .3s;z-index: 1;}
.index02 .item .imgbox:hover .link{opacity: 1;}
.index02 .item .imgbox .link a{display: block;margin-right: 20px;padding-bottom: 2px;font-size: 18px; font-weight: bold; color: #ffa50e;box-sizing: border-box;border-bottom: 1px solid transparent;}
.index02 .item .imgbox .link a:hover{border-color: #ffffff;}
.index02 .item .imgbox .link a:last-child{margin-right: 0;}

.index02wrap .linmin{width: 130px;position: relative;margin: auto;}
.index02wrap .linmin span:nth-of-type(1){display: block;width: 130px;height: 1px;background-color: #FFFFFF;opacity: 0.15;margin: auto;margin-bottom: 20px;}
.index02wrap .linmin span:nth-of-type(2){display: block;width: 90px;height: 1px;background-color: #FFFFFF;opacity: 0.1;margin: auto;margin-bottom: 20px;}
.index02wrap .linmin span:nth-of-type(3){display: block;width: 60px;height: 1px;background-color: #FFFFFF;opacity: 0.05;margin: auto;}

/* index03wrap */
.index03wrap{width: 100%;box-sizing: border-box;position: relative;/* background: url(../img/tian2_07.png)no-repeat;background-size: 100% auto; */padding-bottom: 100px;background-position: bottom;z-index: 1;}
.index03wrap .cont{margin: auto;}
.index03wrap .i-tl{text-align: left;margin-bottom: 140px;}
.index03{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.index03 .item{position: relative;/* width: calc((100% - 420px)/4); */transition: all .3s; cursor: default;}
.index03 .item .min{transition: all .3s;}
/* .index03 .item .min:hover{transform: translateY(-20px);-webkit-transform: translateY(-20px);} */
.index03 .item .imgbox{border-top-left-radius: 40px;border-bottom-right-radius: 40px;overflow: hidden;position: relative;z-index: 0;width: 100%;z-index: 1;}
.index03 .item .imgbox img{display: block;width: 100%;transition: all .6s;}
/* .index03 .item:hover .imgbox img{transform:scale(1.1);-webkit-transform: scale(1.1);} */
.index03 .item .imgbox p{font-size: 20px;color: #FFFFFF;font-weight: bold;bottom: 20px;position: absolute;left: 0;width: 100%;text-align: left;box-sizing: border-box;padding-left: 30px;}
.index03 .item .num{display: block;position: absolute;left: 30px;top: -30px;z-index: 2;}
.index03 .item:nth-of-type(2){margin-top: 70px;}
.index03 .item:nth-of-type(3){margin-top: -70px;}
.index03 i{display: block;width: 240px;height: 1px;background-color: rgba(255,255,255,0.1);position: absolute;left: 50px;z-index: 0;}
.index03 i::after{content: '';display: block;width: 0;height: 1px;background-color: #FFFFFF;position: absolute;left: 0;top: 0;}
.index03 i.line01{transform: rotate(45deg);-webkit-transform: rotate(45deg);left: 180px;bottom: 50px;}
.index03 .item:nth-of-type(2) i.line01{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);left: 180px;top: 50px;}
.index03 .item:nth-of-type(3) i.line01{transform: rotate(45deg);-webkit-transform: rotate(45deg);left: 180px;bottom: 50px;}
.index03 .item:nth-of-type(4) i.line01{display: none;}
/* .index03 i.line01::after{animation: line01 5s infinite;}
.index03 i.line02::after{animation: line01 5s infinite;animation-delay: 5s;}

@-webkit-keyframes line01{
	0%{width: 0%;}
	50%{width: 50%;}
	100%{width: 100%;}
}
@keyframes line01{
	0%{width: 0%;}
	50%{width: 50%;}
	100%{width: 100%;}
} */

.botbg{position: absolute;bottom: 0;display: block;width: 100%;z-index: 0;}



/* footer */
.footerwrap{width: 100%;box-sizing: border-box;background-color: #143264;padding: 100px 0;position: relative;z-index: 1;}
.footer{width: 100%;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,0.1);padding-bottom: 50px;margin-bottom: 50px;}
.footer .cont{margin: auto;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.footer .cont li .f-logo img{display: block;width: auto;height: 50px;}
.footer .cont li .adder{font-size: 14px;color: #FFFFFF;line-height: 36px;letter-spacing: 0;margin-top: 30px;}
.footer .cont li .phon{font-size: 19px;color: #FFFFFF;font-weight: bold;}
.footer .cont li .phon i{font-size: inherit;color: inherit;margin-right: 5px;}
.footer .cont li h3 a{font-size: 16px;color: #FFFFFF;font-weight: bold;}
.footer .cont li h3{margin-bottom: 30px;}
.footer .cont li .min p a{font-size: 14px;color: #FFFFFF;}
.footer .cont li .min p{margin-bottom: 15px;}
.footer .cont li .min p a:hover{text-decoration: underline;}
.footer .cont li .min p:last-child{margin-bottom: 0;}
.footer .cont li .ewm{display: flex;display: -webkit-flex;}
.footer .cont li .ewm .box{margin-right: 20px;}
.footer .cont li .ewm .box:last-child{margin-right: 0;}
.footer .cont li .ewm .box img{display: block;width: auto;box-sizing: border-box;border: 5px solid #FFFFFF;}
.footer .cont li .ewm .box p{font-size: 14px;color: #FFFFFF;margin-top: 20px;}
.copyright{margin: auto;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: 14px;color: #FFFFFF;}
.copyright h3 a{margin-left: 10px;}

/* 新闻 */
.innerbanner{width: 100%;box-sizing: border-box;position: relative;}
.innerbanner img{display: block;width: 100%;}
.innerbanner .text{width: 1300px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.innerbanner .text h3{font-size: 60px;color: #ffffff;font-weight: bold;margin-bottom: 30px;}
.innerbanner .text p{font-size: 20px;color: #FFFFFF;text-transform: uppercase;}
.innerbanner .ab-font{writing-mode: tb;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;position: absolute;right: calc((100% - 1300px)/2);bottom: 60px;font-size: 14px;color: #fff;text-transform: uppercase;cursor: pointer;}
.innerbanner .ab-font::before{content: '';display: block;width: 1px;height: 30px;background-color: #FFFFFF;margin-bottom: 10px;animation:animate_line 3s 0.3s linear both infinite;}
.contwidth{width: 1300px;}
@keyframes animate_line{0%{transform:scale(1,1);transform-origin:50% 100%;opacity:1}
 20%{transform:scale(1,0.01);transform-origin:50% 100%;opacity:1}
 30%{transform:scale(1,0.01);transform-origin:50% 100%;opacity:0}
 31%{transform:scale(1,0.01);transform-origin:50% 0;opacity:0}
 50%{transform:scale(1,1);transform-origin:50% 0;opacity:1}
 100%{transform:scale(1,1);transform-origin:50% 100%;opacity:1}
 }

/* innerwrap */
.innerwrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
.news01wrap{margin: 100px auto;}
.news01wrap .item{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 40px 0;border-bottom: 1px solid #999999;}
.news01wrap .item:first-child{border-top: 1px solid #999;}
.news01wrap .item .imgbox{width: 30%;overflow: hidden;box-sizing: border-box;}
.news01wrap .item .imgbox img{display: block;width: 100%;transition: all .6s;}
.news01wrap .item:hover .imgbox img{transform: scale(1.1);}
.news01wrap .item .text{width: 70%;box-sizing: border-box;padding-left: 40px;}
.news01wrap .item .text p{font-size: 16px;color: #333333;margin-bottom: 12px;box-sizing: border-box;width: 100%;padding-left: 60px;text-transform: uppercase;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;font-weight: bold;}
.news01wrap .item .text p span{font-size: inherit;color: inherit;margin-right: 10px;}
.news01wrap .item .text h3{font-size: 24px;color: #143264;padding-left: 60px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 30px;font-weight: bold;line-height: initial;}
.news01wrap .item .text h3::before{content: '';display: block;width: 50px;height: 1px;background-color: #143264;position: absolute;left: 0;top: 12px;}
.news01wrap .item .text h4{font-size: 18PX;color: #666666;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 100px;}
.news01wrap .item .text .tomore{display: inline-block;padding-bottom: 2px;border-bottom: 1px solid #666666;color: #666666;font-size: 18px;text-transform: uppercase;}
.news01wrap .item .text .tomore i{font-size: inherit;color: inherit;margin-right: 10px;}
.news01wrap .item:hover .text .tomore{color: #ff7800;border-color: #ff7800;}
.fy{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin: 70px 0 100px;}
.fy a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 16px;color: #333333;width: auto;min-width: 46px;height: 46px;border: 1px solid #ddd;margin-right: 20px;transition: all .3s;}
.fy a:last-child{margin-right: 0;}
.fy a i{color: inherit;font-size: inherit;}
.fy a.active,.fy a:hover{background-color: #143264;border-color: #143264;color: #FFFFFF;}

/* 新闻详情 */
.newsinfowrap{width: 100%;box-sizing: border-box;margin-top: 80px;}
.newsinfotl{width: 100%;box-sizing: border-box;background-color: #f1f1f1;padding: 100px 20px;text-align: center;}
.newsinfotl h3{font-size: 40px;color: #143264;margin-bottom: 20px;}
.newsinfotl p{font-size: 16px;color: #143264;opacity: 0.7;text-align: center;margin-bottom: 20px;}
.newsinfotl .down{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;animation: downanime 2s infinite ease-in;flex-flow: column;-webkit-flex-flow: column;align-items: center;-webkit-align-items: center;}
.newsinfotl .down i{display: block;width: 20px;height: 20px;border-bottom: 1px solid #b8b8b8;border-right: 1px solid #b8b8b8;transform: rotate(45deg);}
.newsinfotl .down i:nth-of-type(1){animation: myani 1s infinite;animation-delay: 1s;}
.newsinfotl .down i:nth-of-type(2){animation: myani 1s infinite;animation-delay: 1.2s;margin-top: -10px;}
.newsinfotl .down i:nth-of-type(3){animation: myani 1s infinite;animation-delay: 1.4s;margin-top: -10px;}
@keyframes myani {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes name{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* newsinfo01wrap */
.newsinfo01wrap{width: 100%;box-sizing: border-box;border-bottom: 1px solid #DDDDDD;margin-bottom: 40px;}
.newsinfo01{width: 900px;margin: auto;margin-top: 70px;}
.newsinfo01 h4,.newsinfo01 p,.newsinfo01 span{font-size: 16px;color: #333333;line-height: 26px;margin-bottom: 0;}
.newsinfo01 img{display: block;width: auto;max-width:100%; margin: 0 auto;height: auto;margin: 3% auto;}
.newsinfo01 img:last-child{margin-bottom: 0;}
 .newsinfo01 p{margin-bottom: 1%}
.newsinfowrap .bot{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-bottom: 80px;}
.more{display: block;width: 150px;height: 42px;line-height: 42px;text-align: center;position: relative;z-index: 0;border: 1px solid #143264;background-color: #143264;font-size: 14px;color: #FFFFFF;     font-family: "arial";}
.more::after{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;background-color: #FFFFFF;z-index: -1;}
.more:hover::after{width: 100%;}
.more:hover{color: #143264;}
.newsinfowrap .bot .more{margin-right: 20px;}
.newsinfowrap .bot .more:last-child{margin-right: 0;}

/* 产品详情 */
.proinfo01wrap{margin: 100px auto;}
.pro-tl01{font-size: 40px;color: #143264;font-weight: bold;margin-bottom: 40px;}
.proinfo01 li{width: 100%;position: relative;padding-left: 20px;display: flex;display: -webkit-flex;height: 70px;align-items: center;-webkit-align-items: center;border-bottom: 1px solid #DDDDDD;}
.proinfo01 li:first-child{border-top: 1px solid #DDDDDD;}
.proinfo01 li:before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #ff8212;position: absolute;left: 0;}
.proinfo01 li h3{font-size: 16px;color: #333333;width: 12%;}
.proinfo01 li p{font-size: 16px;color: #333;width: 88%;}

/* proinfo02wrap */
.proinfo02wrap{width: 100%;box-sizing: border-box;margin: 100px auto 60px;}
.proinfo02wrap .top{width: 100%;height: 100px;font-size: 40px;color: #ffffff;text-align: center;font-weight: bold;line-height: 100px;background-color: #143264;margin-bottom: 100px;}
.proinfo02{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.proinfo02 li{padding-left: 20px;font-size: 16px;color: #000000;width: 32%;margin-right: 2%;padding-bottom: 15px;border-bottom: 1px solid #DDDDDD;margin-bottom: 40px;box-sizing: border-box;position: relative;}
.proinfo02 li:before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #000;position: absolute;left: 0;top: 5px;}
.proinfo02 li:nth-of-type(3n){margin-right: 0;}

/* proinfo03wrap */
.proinfo03wrap{width: 100%;padding: 100px 0;background-color: #f5f5f5;}
.proinfo03wrap li{margin: auto;margin-bottom: 60px;}
.proinfo03wrap li:last-child{margin-bottom: 0;}
.proinfo03wrap li img{display: block;width: 96%;margin: auto;}
.proinfo03wrap li img.sjimg{display: none;}
.proinfo03wrap p{width: 1300px;margin: auto;margin-bottom: 60px;}
.proinfo03wrap p:last-child{margin-bottom: 0;}
.proinfo03wrap p img{display: block;width: 96%;margin: auto;height: auto;}
.proinfo03wrap p img.sjimg{display: none;}

/* proinfo04wrap */
.proinfo04wrap{margin: 100px auto;position: relative;}
.proinfo04wrap li{width: 100%;box-sizing: border-box;margin-bottom: 50px;overflow: hidden;}
.proinfo04wrap li:last-child{margin-bottom: 0;}
.pro-tl02{text-align: center;font-size: 22px;color: #333333;margin-bottom: 30px;font-weight: bold;}
.proinfo04wrap li .imgbox{width: 100%;}
.proinfo04wrap li .imgbox img{display: block;width: 100%;}
/* .proinfo04wrap li .tab{overflow-x: scroll;}
.proinfo04wrap li .tab img{width: 1200px;} */
.proinfo04wrap p{width: 100%;box-sizing: border-box;margin-bottom: 50px;overflow: hidden;}
.proinfo04wrap p img{display: block;width: 100%;height: auto;}
.proinfo04wrap p:last-child{margin-bottom: 0;}

/* proinfo05wrap */
.proinfo05wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../img/gk_bj.jpg)no-repeat fixed;background-size: cover;}
.proinfo05wrap .pro-tl01{text-align: center;}
.proinfo05{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.proinfo05 a{display: block;width: 46%;box-sizing: border-box;text-align: center;}
.proinfo05 a .imgbox{width: 100%;overflow: hidden;}
.proinfo05 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.proinfo05 a:hover .imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.proinfo05 a .text{font-size: 20px;color: #333;margin-top: 30px;}

/* proinfo06wrap */
.proinfo06wrap{width: 100%;box-sizing: border-box;position: relative;margin: 100px 0;}
.proinfo06wrap .pro-tl01{text-align: center;}
.proinfo06{margin: auto;position: relative;}
.proinfo06 a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-content: center;position: relative;padding: 50px 5px;}
.proinfo06 a:after{content: '';display: block;width: 70%;height: calc(100% - 20px);position: absolute;right: 10px;top:10px;box-shadow: 0px 0px 4px rgba(0,0,0,0.3);z-index: 0;}
.proinfo06 a .imgbox{width: 50%;position: relative;z-index: 1;overflow: hidden;box-sizing: border-box;border: 1px solid #DDDDDD;}
.proinfo06 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.proinfo06 a:hover .imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.proinfo06 a .text{width: 50%;box-sizing: border-box;padding: 0 100px;z-index: 1;}
.proinfo06 a .text font{display: block;font-size: 14px;color: #ffffff;width: 94px;height: 30px;line-height: 30px;border-radius: 4px;background-color: #ff7800;margin-bottom: 30px;text-align: center; font-family: "arial"}
.proinfo06 a .text h3{font-size: 34px;color: #143264;font-weight: bold;margin-bottom: 30px;}
.proinfo06 a .text ul li{position: relative;padding-left: 20px;font-size: 16px;color: #666666;box-sizing: border-box;margin-bottom: 12px;line-height: 24px;}
.proinfo06 a .text ul li:last-child{margin-bottom: 0;}
.proinfo06 a .text ul li:before{content: '';display: block;width: 5px;height: 5px;background-color: #666666;position: absolute;left: 0;top: 10px;}
.proinfo06 .swiper-button-next,.proinfo06 .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;width: 40px;height: 40px;background-image: none;outline: none;border: 1px solid #DDDDDD;color: #143264;}
.proinfo06 .swiper-button-next{right: -80px;}
.proinfo06 .swiper-button-prev{left: -80px;}

/* proinfo07wrap */
.proinfo07wrap{position: relative;margin: 100px auto 0;padding-bottom: 10px;}
.proinfo07{margin: auto;background: url(../img/cp_xq_20.jpg)no-repeat;background-size: cover;padding: 70px 0;text-align: center;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);position: relative;z-index: 1;}
.proinfo07wrap:after{content: '';display: block;width: 100%;height: 100px;background-color: #143264;position: absolute;left: 0;bottom: 0;z-index: 0;}
.proinfo07 h3{font-size: 30px;color: #143264;margin-bottom: 30px;}
.proinfo07 .more{background-color: #ff7800;width: 256px;height: 50px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-content: center;margin: auto;border-color: #ff7800;justify-content: center;-webkit-justify-content: center;}
.proinfo07 .more i{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;margin-left: 10px;}
.proinfo07 .more i:before{content: '';display: block;width: 14px;height: 1px;background-color: #ffffff;transition: all .3s;}
.proinfo07 .more i:after{content: '';display: block;width: 6px;height: 6px;border-right: 1px solid #fff;border-bottom: 1px solid #ffffff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin-left: -7px;}
.proinfo07 .more:hover i:after{border-color: #ff7800;}
.proinfo07 .more:hover i:before{background-color: #ff7800;width: 26px;}
.proinfo07 .more:hover{color: #ff7800;}

/* aboutbanner */
.aboutbanner{width: 100%;position: relative;height: 100%;background: url(../img/aboutbanner1103.jpg?v=01)no-repeat fixed;background-size: cover;background-position: center;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.aboutbanner:after,.aboutbanner:before{content: '';display: block;width: 5%;height: 1px;background-color: rgba(255,255,255,0.5);}
.aboutbanner .min{width: 90%;position: relative;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin: auto;}
/* .aboutbanner .min .line{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-left: 10px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;z-index: 0;}
.aboutbanner .min .line img{width: auto;display: block;margin-right: 10px;} */
.aboutbanner .min .cont:after{content:'';display: block;width: 100%;height: 1px;background-color: rgba(255,255,255,0.4);position: absolute;top: 50%;left: 0;}
.aboutbanner .min .cont{width: calc(100% - 100px);position: relative;z-index: 2;padding-left: 50px;box-sizing: border-box;}
.aboutbanner .min .cont .swiper-slide{box-sizing: border-box;padding: 36px;width: 25%;margin-top: 197px;height: 260px;}
.aboutbanner .min .cont .swiper-slide .item{width: 100%;box-sizing: border-box;position: relative;border-left: 1px solid #fff;height: 100%;}
.aboutbanner .min .cont .swiper-slide .item h3{font-size: 14px;color: #fff;line-height: 24px;box-sizing: border-box;padding: 30px;margin-top: 15px;padding-right: 0;padding-left: 20px;}
.aboutbanner .min .cont .swiper-slide .item p{font-size: 44px;color: #fff;box-sizing: border-box;padding-left: 20px;position: relative;font-weight: bold;position: absolute;top: -22px;width: 100%;}
.aboutbanner .min .cont .swiper-slide .item p:before{content: '';display: block;width: 30px;height: 1px;background-color: #fff;top: 13px;left: 0;position: absolute;display: none;}
.aboutbanner .min .cont .swiper-slide .item p:after{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #fff;position: absolute;top: 22px;left: -3px;}
.aboutbanner .min .cont .swiper-slide .item .icon{display: block;width: auto;height: 36px;position: absolute;left: -18px;top: -36px;}
/* .aboutbanner .min .cont .swiper-slide .item font{display: block;width: 24px;height: 24px;border-radius: 50%;background-color: #FFFFFF;box-sizing: border-box;border: 4px solid #fff;position: absolute;top: -12px;left: -12px;} */

.aboutbanner .min .cont .swiper-slide:nth-of-type(odd){margin-top: -13px;}
.aboutbanner .min .cont .swiper-slide:nth-of-type(odd) .item p{margin-top: 0;margin-bottom: -20px;}
.aboutbanner .min .cont .swiper-slide:nth-of-type(odd) .item .icon{top: initial;bottom: -36px;}
.aboutbanner .min .cont .swiper-slide:nth-of-type(odd) .item h3{margin-top: 0;margin-bottom: 15px;}
.aboutbanner .min .cont .swiper-slide:nth-of-type(2n) .item p{top: initial;bottom: -22px;}
/* .aboutbanner .min .cont .swiper-slide:nth-of-type(odd) .item{margin-top: -20px;} */
.aboutbanner .swiper-scrollbar{opacity: 1!important;width: 1300px;height: 6px;position: absolute;bottom: 100px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.aboutbanner .swiper-scrollbar-drag{background: #fff;border-radius: 10px;}
.aboutbanner .swiper-button-next,.aboutbanner .swiper-button-prev{background-image: none;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 20px;color: #fff;border: 1px solid #fff;position: relative;padding: 0;margin: 0;top: 0;left: 0;right: 0;width: 50px;height: 50px;outline: none;}
/* .aboutbanner .swiper-container{padding-left: 120px;} */

/* .about01 */
.about01{margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;overflow: hidden;}
.about01 .text{width: 70%;box-sizing: border-box;padding-right: 90px;}
.about01 .text h3{font-size: 40px;color: #143264;margin-bottom: 30px;font-weight: bold;}
.about01 .text h4{font-size: 16px;color: #333333;line-height: 24px;text-align: left;margin-bottom: 20px;}
.about01 .text h4:last-child{margin-bottom: 0;}
.about01 .imgbox{width: 30%;box-sizing: border-box;position: relative;overflow: hidden;}
.about01 .imgbox img{display: block;width: 100%;transition: all .6s;}
.about01 .imgbox:hover img{transform: scale(1.1);}

/* about02wrap */
.about02wrap{width: 100%;box-sizing: border-box;position: relative;height: 80%;overflow: hidden;background: url(../img/about92.jpg)no-repeat fixed;background-size: cover;background-position: center;}
.about02tl{width: 100%;text-align: center;position: absolute;left: 0;top: 10%;font-size: 40px;color: #ffffff;letter-spacing: 2px;z-index: 1;}
.about02wrap .bg{width: 100%;display: block;display: none;}
.about02{height: 100%;position: absolute;top:0;left: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 0;}
.about02 li{width: 25%;box-sizing: border-box;border-left: 1px solid rgba(255,255,255,0.4);display: flex;display: -webkit-flex;-webkit-align-items: center;align-content: center;position: relative;}
.about02 li:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(44,97,185,0.4);opacity: 0;transition: all .3s;z-index: 0;}
.about02 li:last-child{border-right: 1px solid rgba(255,255,255,0.4);}
.about02 li .text{width: 100%;box-sizing: border-box;padding-right: 10%;position: relative;z-index: 1;}
.about02 li .text img{display: block;width: auto;height: auto;}
.about02 li .text h3{font-size: 22px;color: #ffffff;margin: 20px 0;}
.about02 li .text h4{font-size: 16px;line-height: 24px;color: #ffffff;overflow: hidden;transition: all .3s; margin-top: 20px;}
.about02 li .text h5 .hovertext{font-size: 16px;line-height: 24px;color: #ffffff;overflow: hidden;transition: all .3s; margin-top: 0px;}

.about02 li font{position: absolute;font-size: 16px;color: rgba(255,255,255,0.4);position: absolute;left: 0;bottom: 15%;z-index: 1;}
.about02 li .text h5{height: 0px;transition: all .3s;overflow: hidden;}
/* .about02 li:hover .text h5{height: 210px;} */
.about02 li:hover .text h4{height: 0px;}
.about02 li:hover:after{opacity: 1;}

/* about03 */
.about03wrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;margin: 100px auto;}
.about03{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;}
.about03 .swiper-container-l{width: 30%;background-color: #708bb7;box-sizing: border-box;}
.about03 .swiper-container-l .app_txt{padding: 100px 40px 100px;width: 100%;box-sizing: border-box;}
.about03 .swiper-container-l .app_txt .min p{font-size: 24px;color: #ffffff;margin-bottom: 20px;font-weight: bold;}
.about03 .swiper-container-l .app_txt .min h4{font-size: 18px;line-height: 26px;color: #ffffff;margin-bottom: 120px;}
.about03 .swiper-container-l .app_txt .bot{display: block;width: auto;height: auto;min-width: calc(100% - 120px);position: absolute;left: 60px;bottom: 60px;} 
.about03 .swiper-container-l .app_txt .min .top-text{font-size:32px;color: #ffffff;font-weight: bold;margin-bottom: 40px;}

.about03 .swiper-container-v{width: 70%;background: url(../img/about03bg.jpg)no-repeat;background-size: cover;background-position: center;}
.about03 .swiper-container-v .swiper-slide{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.about03 .swiper-container-v .swiper-slide .box img{display: block;width: auto;height: auto;max-width: 90%;max-height: 90%;}

.about03wrap .swiper-button-next,.about03wrap .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;width: 40px;height: 40px;background-color: #ffffff;border-radius: 50%;background-image: none;outline: none;border: 1px solid #DDDDDD;color: #143264;}
.about03wrap .swiper-button-next{right: -80px;}
.about03wrap .swiper-button-prev{left: -80px;}

/* 研发实力 */
/* strength01wrap */
.strength01wrap{width: 100%;position: relative;padding: 120px 0;background: url(../img/strength.jpg)no-repeat;background-size: cover;}
.strength01{margin: auto;box-sizing: border-box;}
.strength01 .top h3,.strength03 .top h3{font-size: 40px;color: #143264;margin-bottom: 30px;text-align: center;font-weight: bold;}
.strength01 .top h4,.strength03 .top h4{font-size: 18px;line-height: 26px;color: #333333;}

.strength01 .min{width: 100%;box-sizing: border-box;overflow: hidden;margin-top: 70px; position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.strength01 .min i{display: block;width: 1px;height: 100px;background-color: #1f3463;opacity: 0.5;margin-bottom: 48px;}
.strength01 .min li{position: relative;width: 24%;}
.strength01 .min li .circleChart{position: relative;}
.strength01 .min li .circleChart .timer01{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);font-size: 40px;color: #1f3463;display: flex;display: -webkit-flex;font-weight: bold; font-family: "arial"}
.strength01 .min li:nth-of-type(1) .circleChart .timer01:after,.strength01 .min li:nth-of-type(2) .circleChart .timer01:after{content: '+';font-size: inherit;color: inherit;}
.strength01 .min li:nth-of-type(3) .circleChart .timer01:after{content: '+';font-size: inherit;color: inherit;}
.strength01 .min li:nth-of-type(4) .circleChart .timer01:after{content: '㎡';font-size: inherit;color: inherit;}
.strength01 .min li .text{width: 100%;box-sizing: border-box;text-align: center;margin-top: 30px;}
.strength01 .min li .text h3{font-size: 16px;color: #333333;line-height: 26px;min-height: 52px;}
.strength01 .min li .text strong{display: block;width: 35px;height: 2px;margin: 20px auto;background-color: #FFFFFF;}
.strength01 .min li .text h4{font-size: 14px;color: #FFFFFF;text-transform: uppercase;}

/* strength02wrap */
.strength02wrap{width: 100%;padding: 180px 10%;background: url(../img/yfsl_bj.jpg)no-repeat fixed;background-size: cover;box-sizing: border-box;}
.strength02wrap h3{font-size: 30px;color: #ffffff;line-height: 50px;text-align: center;font-weight: bold;}

/* strength03wrap */
.strength03wrap{width: 100%;box-sizing: border-box;padding: 120px 0 120px;background: url(../img/strength03.jpg)no-repeat;background-size: cover;background-position: center;}
.strength03{margin: auto;position: relative;}
.strength03 .top{margin-bottom: 40px;}
.strength03 .top h4{text-align: center;}
.strength03 .imglist{position: relative;}
.strength03 .imglist a{display: block;box-sizing: border-box;padding: 5px;width: 100%;}
.strength03 .imglist a img{display: block;width: 100%;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.strength03 .imglist .swiper-button-next,.strength03 .imglist .swiper-button-prev{width: 40px;height: 40px;box-sizing: border-box;border: 2px solid #DDDDDD;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-content: center;border-radius: 50%;background-image: none;background-color: #ffffff;color: #666;font-size: 18px;top: 50%;margin: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);outline: none;}
.strength03 .imglist .swiper-button-next{right: -60px;}
.strength03 .imglist .swiper-button-prev{left: -60px;}

/* 联系 */
.contact_01{display: block;margin: 100px auto;}
.contact_01 h3{font-size: 34px;color: #143264;margin-bottom: 35px;font-weight: bold;}
.contact_01 p{font-size: 16px;line-height: 32px;color: #333333;}

.loca_slide_big{width: 100%;overflow: hidden;}
.loca{width: 100%;padding: 70px 0 70px calc((100% - 1300px)/2);background-color: #f1f2f3;box-sizing: border-box;overflow: hidden;}
.loca .loca_nav{width: 859px;}
.loca .loca_nav>a{font-size: 18px;color: #666666;padding-bottom: 3px;transition: all .3s;border-bottom: 1px solid transparent;float: left; display: block;margin: 0 40px 40px 0;}
.loca .loca_nav>a:hover{color: #143264;border-color:#143264;}
.loca .loca_nav>.loc_act{color: #143264;border-color:#143264;}
.loca .loca_slide{width: 1000%;}
.loca .loca_slide .loca_list{width: 859px;margin-right: 78px;float: left;}
.loca .loca_slide .loca_list>h4{position: relative;margin-bottom: 48px;}
.loca .loca_slide .loca_list>h4>img{width: 100%;}
.loca .loca_slide .loca_list>h4>p{position: absolute;left: 0;bottom:-11px;font-size: 72px;letter-spacing: 0;font-weight: bold;color: #fff;font-family: arial;text-transform: uppercase;}
.loca .loca_slide .loca_list>.loca_txt{transition: all .8s;transform: translateX(100px);-webkit-transform: translateX(100px);opacity: 0;}
.loca .loca_slide .loca_list>.loca_txt>.dz_l{float: left;}
.loca .loca_slide .loca_list>.loca_txt>.dz_l>p{font-size: 16px;color: #666666;margin-bottom: 17px;}
.loca .loca_slide .loca_list>.loca_txt>a{float: right;font-size: 16px;color: #143264;}
.loca .loca_slide .loca_list>.loca_txt>a>i{display: inline-block;margin-right: 5px;color: #143264;}

.loca .loca_slide .loca_list .loca_act{transform: translateX(0px) !important;-webkit-transform: translateX(0px) !important;opacity: 1 !important;transition-delay: .3s;}

.contact02wrap{width: 100%;box-sizing: border-box;background:url(../img/lx_bj_01.jpg)no-repeat fixed;background-size: cover;padding: 100px 0;}
.wpcf7-form{width: 700px;margin: auto;}
.wpcf7-form span{display: block;width: 49%;float: left;margin-right: 2%; overflow: hidden; position: relative;}
.wpcf7-form span:nth-of-type(2n),.wpcf7-form span:last-child{margin-right: 0;}
.wpcf7-form input{border: none;border-radius: 1px;height: 50px;padding: 0 10px;box-sizing: border-box;margin-bottom: 20px;outline: none;font-size: 16px;color: #FFFFFF;background-color: rgba(255,255,255,0.4);
 display: block; width: 100%;}

.wpcf7-form .textarea-415{display: block;width: 100%; margin-right:0; }
.wpcf7-form textarea{border: none;border-radius: 1px;outline: none;height: 100px;box-sizing: border-box;padding: 10px;font-size: 16px;color: #FFFFFF;margin-bottom: 20px;background-color: rgba(255,255,255,0.4);    width: 100%;}
.wpcf7-form button{background-color: #FFFFFF;color: #143264;width: 140px;height: 44px;line-height: 44px;font-size: 16px;margin: auto;border-color: #FFFFFF;border: none;}
.wpcf7-form button:after{background-color: #143264;}
.wpcf7-form button:hover{color: #FFFFFF;border-color: #143264;}
.wpcf7-form input::-webkit-input-placeholder,.wpcf7-form textarea::-webkit-input-placeholder{color: #FFFFFF;}
.wpcf7-form input::-ms-input-placeholder,.wpcf7-form textarea::-ms-input-placeholder{color: #FFFFFF;}
.contact02wrap h3{font-size: 30px;color: #ffffff;font-weight: bold;margin-bottom: 30px;text-align: center;letter-spacing: 0;}
.wpcf7-form .zhu{font-size: 14px;color: #e0e0e0;display: block;margin-bottom: 40px;}

.wpcf7-form p br,.screen-reader-response{ display: none; }
.wpcf7-form span span{position: absolute;top: 0;right: 10px;color: #fff;font-size: 14px;letter-spacing: 0;line-height: 50px;}

.wpcf7-response-output,.wpcf7-validation-errors{    display: block;color: #fff;text-align: center;margin: 30px 0 0;}



/* 事业版图 */
/* about04wrap */
.business01wrap{width: 100%;box-sizing: border-box;padding: 70px 0;}
.business01wrap .tl{margin: auto;text-align: center;}
.c-tl01{font-size: 40px;color: #143264;text-align: center;margin-bottom: 30px;}
.c-tl02{font-size: 16PX;color: #333333; line-height: 26px;}
.business01wrap .business01{margin: auto;box-sizing: border-box;position: relative;}
.business01wrap .business01 img{display: block;width: 100%;}
.business01wrap .business01 img.sjimg{display: none;}
.business01wrap .business01 .cont{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.business01wrap .business01 .cont .item{position: absolute;width: 6px;height: 6px;}
.business01wrap .business01 .cont .item span{position: absolute;width: 6px;height: 6px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 2;background-color: #ff7800;}

.business01wrap .business01 .cont .item i{position: absolute;width: 40px;height: 40px;left: -19px;top: -19px;border: 3px solid #ff7800;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 1;opacity: 0;-webkit-animation: warn 2s ease-out;-moz-animation: warn 2s ease-out;animation: warn 2s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.business01wrap .business01 .cont .item font{position: absolute;width: 40px;height: 40px;left: -19px;top: -19px;border: 3px solid #ff7800;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 1;opacity: 0;-webkit-animation: warn1 2s ease-out;-moz-animation: warn1 2s ease-out;animation: warn1 2s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
/* .business01wrap .business01 .cont .item p{position: absolute;border: 1px solid #DDDDDD;font-size: 14px;color: #666;width: auto;white-space: nowrap;padding: 5px 20px;top: -10px;left: 20px;display: none;} */
.a-font{position: absolute;width: 150px;position: absolute;top: 50%;left: 20px;text-align: right;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.a-font p{width: 100%;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #ff7800;font-size: 14px;color: #143264;text-transform: uppercase;}
.a-font strong{font-size: 14px;color: #143264;}


.business01wrap .business01 .cont .item01{top: 29%;left: 19%;}
.business01wrap .business01 .cont .item02{top: 24%;left: 11%;}
.business01wrap .business01 .cont .item03{top: 34%;left: 23%;}
.business01wrap .business01 .cont .item04{bottom: 66%;left: 48%;}
.business01wrap .business01 .cont .item05{top: 45%;right: 22%;}
.business01wrap .business01 .cont .item06{top: 36%;right: 22%;}
.business01wrap .business01 .cont .item07{top: 77%;right: 22%;}
.business01wrap .business01 .cont .item08{top: 31%;right: 16%;}
.business01wrap .business01 .cont .item09{top: 50%;right: 35%;}
.business01wrap .business01 .cont .item10{top: 56%;right: 52%;}
.business01wrap .business01 .cont .item11{top: 32%;right: 55%;}
.business01wrap .business01 .cont .item12{top: 40%;right: 55%;}
.business01wrap .business01 .cont .item13{top: 43%;right: 48%;}
.business01wrap .business01 .cont .item14{top: 28%;right: 51%;}
.business01wrap .business01 .cont .item15{top: 23%;right: 48%;}
.business01wrap .business01 .cont .item16{top: 30%;right: 45%;}
.business01wrap .business01 .cont .item17{top: 34%;right: 48%;}
.business01wrap .business01 .cont .item18{top: 48%;right: 44%;}
.business01wrap .business01 .cont .item19{top: 30%;right: 30%;}
.business01wrap .business01 .cont .item20{top: 37%;right: 32%;}
.business01wrap .business01 .cont .item21{top: 19%;right: 29%;}
.business01wrap .business01 .cont .item22{top: 28%;right: 41%;}



@keyframes warn {
	0% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0.0;
	}
	25% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0.1;
	}
	50% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		opacity: 0.3;
	}
	75% {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		opacity: 0.5;
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
}
@-webkit-keyframes warn{
			0% {
				transform: scale(0.3);
				-webkit-transform: scale(0.3);
				opacity: 0.0;
			}
			25% {
				transform: scale(0.3);
				-webkit-transform: scale(0.3);
				opacity: 0.1;
			}
			50% {
				transform: scale(0.5);
				-webkit-transform: scale(0.5);
				opacity: 0.3;
			}
			75% {
				transform: scale(0.8);
				-webkit-transform: scale(0.8);
				opacity: 0.5;
			}
			100% {
				transform: scale(1);
				-webkit-transform: scale(1);
				opacity: 0.0;
			}
		}
@keyframes warn1 {
	0% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0.0;
	}
	25% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0.1;
	}
	50% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0.3;
	}
	75% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		opacity: 0.0;
	}
}
@-webkit-keyframes warn1 {
	0% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0.0;
	}
	25% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0.1;
	}
	50% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0.3;
	}
	75% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		opacity: 0.0;
	}
	}

/* business02 */
.business02wrap{width: 100%;box-sizing: border-box;position: relative;}
.business02{width: 100%;box-sizing: border-box;position: relative;}
.business02 .imgbox{width: 100%;position: relative;overflow: hidden;z-index: 0;}
/* .business02 .imgbox::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(12,16,23,0.6);} */
.business02 .imgbox .bg{display:  block;width: 100%;position: relative;opacity: 0;}
.business02 .imgbox .list{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.business02 .imgbox .list img{width: 100%;display: none;position: absolute;top: 0;left: 0;width: 100%;}
.business02 .imgbox .list img:first-child{display: block;}
.business02 .ul{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;z-index: 1;}
.business02 .ul .li{width: calc(100% / 4);box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: relative;border-right: 1px solid rgba(255,255,255,0.3);transition: all .3s;overflow: hidden;}
.business02 .ul .li:last-child{border-right: none;}
.business02 .ul .li .text{width: 100%;box-sizing: border-box;text-align: center;transition: all .3s;transform: translateY(30%);-webkit-transform: translateY(30%);position: absolute;left: 0;bottom: 30px;padding: 0 50px;}
.business02 .ul .li .more{position: absolute;bottom: 50px;left: 50%;margin-left: -101px;opacity: 0;transform: translateY(100%);-webkit-transform: translateY(100%);transition: all .3s;}
.business02 .ul .li .text font{display: block;text-align: center;font-size: 18px;color: #ffffff;margin-bottom: 30px;}
.business02 .ul .li .text p{font-size: 30px;color: #ffffff;margin-bottom: 20px;}
.business02 .ul .li .text h3{font-size: 14px;color: #ffffff;line-height: 28px;}
.business02 .ul .li:hover .text h3{opacity: 1;}
.business02 .ul .li:hover .text p{opacity: 1;}
.business02 .ul .li:hover .more{opacity: 1;transform: none;-webkit-transform: none;}
.business02 .ul .li:hover .more::after{width: 100%;}
.business02 .ul .li:hover .more{color: #0060ab;}
.business02 .ul .li:hover{background-color: rgba(20,50, 100, 0.9);}
.business02 .ul .li .text .min{opacity: 0;transition: all .3s;position: relative;visibility: hidden;}
.business02 .ul .li .text .min strong{display: block;width: 1px;height: 50px;background-color: #ffffff;margin: 30px auto;}
.business02 .ul .li .text .min h4{font-size: 14px;line-height: 26px;color: #FFFFFF;text-align: center;}
.business02 .ul .li:hover .text .min{opacity: 1;transform: none;position: relative;visibility: visible;}
.business02 .ul .li:hover .text{transform: translateY(50%);-webkit-transform: translateY(50%);bottom: 50%;}

.business02 .ul .li .link{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;padding: 0 20px;position: absolute;left: 0;bottom: 0px;z-index: 1;justify-content: center;-webkit-justify-content: center;opacity: 0;transition: all .3s;}
.business02 .ul .li .link a{display: block;font-size: 18px;color: #ffa50e; font-weight: bold; padding-bottom: 2px;border-bottom: 1px solid transparent;margin-right: 15px;}
.business02 .ul .li .link a:last-child{margin-right: 0;}
.business02 .ul .li .link a:hover{border-color: #ffffff;}
.business02 .ul .li:hover .link{bottom: 30px;opacity: 1;}


/* business03wrap */
.business03wrap{width: 100%;box-sizing: border-box;position: relative;margin-top: 100px;}
.business03{margin: auto;position: relative;padding-bottom: 100px;/*background: url(../img/hzhb_bj_02.jpg)no-repeat;background-size: cover;background-position: top center;*/}
.business03 .swiper-slide{border: 1px solid #DDDDDD;height: 170px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;box-sizing: border-box;width: 25%;margin-right: 0;}
/* .business03 .swiper-slide:first-child{border-left: none;}
.business03 .swiper-container{border-left: 1px solid #DDDDDD;box-sizing: border-box;padding-right: 1px;} */
.business03 .swiper-slide p img{display: block;width: auto;max-width: 100%;}
.business03 .swiper-slide p{width: auto;max-width: 90%;}
.business03 .swiper-button-next,.business03 .swiper-button-prev{width: 30px;height: 30px;border: 1px solid #DDDDDD;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);border-radius: 50%;background-image: none;font-size: 20px;color: #DDDDDD;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-content: center;margin: 0;padding: 0;margin-top: -50px;}
.business03 .swiper-button-next{right: -60px;}
.business03 .swiper-button-prev{left: -60px;}

/* service01wrap */
.service01wrap{margin: 100px auto;}
.service01wrap .tl{text-align: center;margin-bottom: 50px;}
.service01{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.service01 li.item01{width: 24%;position: relative;}
.service01 li.item01 img{display: block;width: 100%;}
.service01 li.item01 .text{position: absolute;left: 0;bottom: 20px;width: 100%;box-sizing: border-box;padding-left: 20px;}
.service01 li.item01 .text h3{font-size: 30px;color: #ffffff;font-weight: bold;margin-bottom: 10px;}
.service01 li.item01 .text p{font-size: 20px;color: #ffffff;}
.service01 li .item02{width: 52%;}
.service01 li .item02 img{display: block;width: 100%;}

/* service02wrap */
.service02wrap{width: 100%;box-sizing: border-box;margin: 100px auto;}
.service02{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.service02 a{display: block;width: calc(100% / 4);position: relative;}
.service02 a:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(12,51,112,0.9);opacity: 0;transition: all .3s;}
.service02 a:hover:after{opacity: 1;}
.service02 a img{display: block;width: 100%;}
.service02 a .text{width: 100%;box-sizing: border-box;box-sizing: border-box;padding: 0 20px;position: absolute;left: 0;bottom: 40px;transition: all .3s;z-index: 1;}
.service02 a .text h3{font-size: 24px;color: #ffffff;}
.service02 a .text h4{font-size: 16px;color: #ffffff;margin-top: 20px;opacity: 0;transition: all .3s;line-height: 20px;}
.service02 a:hover .text h4{opacity: 1;}
.service02 a:hover .text{transform: translateY(-70px);}

/* service03wrap */
.service03wrap{width: 100%;box-sizing: border-box;margin: 100px auto;}
.service03{position: relative;margin: auto;}
.service03 a{display: block;width: 100%;box-sizing: border-box;padding: 10px;}
.service03 a img{display: block;width: 100%;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.service03 .swiper-button-next,.service03 .swiper-button-prev{width: 30px;height: 30px;border: 1px solid #DDDDDD;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);border-radius: 50%;background-image: none;font-size: 20px;color: #DDDDDD;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-content: center;margin: 0;padding: 0;outline: none;background-color: #fff;}
.service03 .swiper-button-next{right: -60px;}
.service03 .swiper-button-prev{left: -60px;}

/* production */
.protion-link{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px solid #DDDDDD;}
.protion-link a{display: block;width: calc(100% / 3);background-color: #f5f5f5;position: relative;font-size: 24px;color: #333333;line-height: 90px;text-align: center;box-sizing: border-box;border-right: 1px solid #DDDDDD;}
.protion-link a:last-child{border-right: none;}
.protion-link a:after{content: '';display: block;width: 0%;height: 3px;position: absolute;left: 0;bottom: 0;transition: all .3s;background-color: #143264;}
.protion-link a.active,.protion-link a:hover{color: #143264;} 
.protion-link a.active:after,.protion-link a:hover:after{width: 100%;}

/* production01 */
.production01{margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}

.production01 .imgbox{width: 50%;}
.production01 .imgbox .gallery-top{width: 100%;box-sizing: border-box;}
.production01 .imgbox img{display: block;width: 100%;background-color: #f7f7f7;}
.production01 .imgbox .bigimgbox{width: 100%;overflow: hidden;position: relative;}
.production01 .imgbox .bigimgbox p{position: absolute;width: 100%;box-sizing: border-box;padding: 0 20px;font-size: 24px;color: #ffffff;position: absolute;left: 0;bottom: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.production01 .imgbox .gallery-thumbs{padding-top: 12px;}
.production01 .imgbox .gallery-thumbs .swiper-slide{box-sizing: border-box;position: relative;cursor: pointer;border: 1px solid #ddd;}
.production01 .imgbox .gallery-thumbs .swiper-slide-thumb-active,.protwoinfo01 .imgbox .gallery-thumbs .swiper-slide:hover{border: 2px solid #005aad;}
.production01 .imgbox .gallery-thumbs .swiper-slide::before{content: '';display: block;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #005aad;position: absolute;top: -16px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;}
.production01 .imgbox .gallery-thumbs .swiper-slide-thumb-active::before{opacity: 1;}
.production01 .swiper-button-next,.production01 .swiper-button-prev{width: 40px;height: 60px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: rgba(20,50,100,0.8);background-image: none;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-size: 20px;color: #ffffff;margin: 0;}
.production01 .swiper-button-next{right: 0;}
.production01 .swiper-button-prev{left: 0;}
.production01 .textbox{width: 50%;box-sizing: border-box;padding-left: 90px;}
.production01 .textbox .top h3{font-size: 40px;margin-bottom: 30px;color: #143264;}
.production01 .textbox .top h4{font-size: 16px;color: #333333;line-height: 26px;letter-spacing: 0.8px; text-align: justify;}
.production01 .textbox .top{margin-bottom: 50px;}
.production01 .textbox .bot h3{width: 100%;border-bottom: 1px solid #DDDDDD;padding-bottom: 20px;font-size: 26px;color: #143264;margin-bottom: 20px;}
.production01 .textbox .bot ul li{padding-left: 15px;font-size: 16px;line-height: 26px;margin-bottom: 10px;position: relative;}
.production01 .textbox .bot ul li:before{content: '';display: block;width: 4px;height: 4px;background-color: #333333;position: absolute;left: 0;top: 10px;}

/* production02wrap */
.production02wrap{width: 100%;box-sizing: border-box;padding: 160px 0;position: relative;}
.production0201wrap{background: url(../img/rl_bj_01.jpg)no-repeat fixed;background-size: cover;}
.production0202wrap{background: url(../img/dz_bj_01.jpg)no-repeat fixed;background-size: cover;}
.production0203wrap{background: url(../img/zz_bj_01.jpg)no-repeat fixed;background-size: cover;}
.production02{margin: auto;text-align: center;width: 800px;}
.production02 h3{font-size: 40px;color: #ffffff;margin-bottom: 20px;}
.production02 h4{font-size: 20px;color: #ffffff;line-height: 30px;}
.production02 p{font-size: 16px;color: #ffffff;margin-top: 40px;}
.production02 .more{background-color: #ffffff;color: #143264;margin: auto;margin-top: 30px;border-color: #ffffff;}
.production02 .more:hover{color: #ffffff;}
.production02 .more:after{background-color: #143264;}

/* production03 */
.production03{margin: 100px auto;}
.production03 .imgbox{width: 100%;box-sizing: border-box;}
.production03 .imgbox img{display: block;width: 100%;}

/* production04wrap */
.production04wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f5f5f5;}
.production04{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.production04 a{display: block;width: 31%;box-sizing: border-box;}
.production04 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;max-height: 280px;}
.production04 a .imgbox:after{content: '';display: block;width: 100%;height: 100%;background: url(../img/mengceng_01.png)no-repeat;background-size: cover;position: absolute;top: 0;left: 0;z-index: 0;}
.production04 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.production04 a:hover .imgbox img{transform: scale(1.1);}
.production04 a .data{position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;padding: 0 30px 30px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 16px;color: #ffffff;z-index: 1;}
.production04 a .data i{font-size: inherit;color: inherit;margin-right: 5px;}
.production04 a .text{width: 100%;box-sizing: border-box;margin-top: 30px;}
.production04 a .text h3{font-size: 22px;color: #333333;font-weight: bold;margin-bottom: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 28px; }
.production04 a .text h4{font-size: 14px;color: #333333;line-height: 26px;margin-bottom: 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; display: none;}
.production04 a .text .more{box-sizing: border-box;line-height: 40px;text-transform: uppercase;width: 160px;}

/* production05 */
.production05wrap{margin: 100px auto;box-sizing: border-box;}
.production05{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.production05 li{width: 24%;box-sizing: border-box;position: relative;overflow: hidden;border-radius: 2px;}
.production05 li:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(89,123,177,0.8);opacity: 0;transition: all .3s;}
.production05 li .bg{display: block;width: 100%;}
.production05 .text{width: 100%;box-sizing: border-box;position: absolute;top: 50%;left: 0;padding: 0 30px;text-align: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: all .3s;z-index: 1;}
.production05 .text .imgbox{width: 90px;margin: auto;margin-bottom: 20px;}
.production05 .text .imgbox img{display: block;width: 100%;}
.production05 .text h3{font-size: 20px;color: #1b3360;margin-bottom: 10px;}
.production05 .text h4{font-size: 12px;color: #666666;line-height: 20px;transition: all .3s;}
.production05 .text02{opacity: 0;}
.production05 li .text02 h3,.production05 li .text02 h4{color: #ffffff;}
.production05 li:hover .text02{opacity: 1;}
.production05 li:hover .text01{opacity: 0;}
.production05 li:hover:after{opacity: 1;}
.production05 .text .hover p{font-size:12px;color:#999;}

/* join */
.joinbanner{width: 100%;position: relative;}
.joinbanner img{display: block;width: 100%;}
.joinbanner .text{width: 1300px;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);box-sizing: border-box;padding-right: 30%;}
.joinbanner .text h3{font-size: 60px;margin-bottom: 20px;color: #ffffff;}
.joinbanner .text h4{font-size: 18px;line-height: 26px;color: #ffffff;margin-bottom: 20px;}
.joinbanner .text p{font-size: 20px;line-height: 30px;color: #ffffff;margin-bottom: 30px;}
.joinbanner .text .link{display: flex;display: -webkit-flex;}
.joinbanner .text .link a{background-color: #ffffff;color: #143264;border-color: #ffffff;margin-right: 20px;}
.joinbanner .text .link a:last-child{margin-right: 0;}
.joinbanner .text .link a:after{background-color: #143264;}
.joinbanner .text .link a:hover{color: #ffffff;border-color: #143264;}






/* 团队 */
.team01wrap{padding: 100px 0;position: relative;}
.team01{box-sizing: border-box;margin: auto;position: relative;}
.team01 .swiper-slide{box-sizing: border-box;padding: 5px;}
.team01 .box{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);border-radius: 10px;cursor: default;}
.team01 .box .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.team01 .box .imgbox img{display: block;width: 100%;}
.team01 .box .text{width: 100%;box-sizing: border-box;padding: 30px 10px;background-color: #fff;text-align: center;transition: all .3s;}
.team01 .box .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 10px;}
.team01 .box .text h4{font-size: 15px;color: #222222;line-height: 20px;opacity: 0.6;}
.team01 .swiper-slide:nth-of-type(2n) .box{-webkit-flex-flow: column-reverse;flex-flow: column-reverse;}
/* .team01 .swiper-slide:nth-of-type(2n) .box .text{margin-top: 0;margin-bottom: 10px;} */

.team01wrap .swiper-scrollbar{opacity: 1!important;width: 100%;height: 6px;background:#dddddd;}
.team01wrap .swiper-scrollbar-drag{background: #8090ab;border-radius: 10px;}
.team01wrap .bot{margin: auto;height: auto;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-top: 40px;}
.team01wrap .swiper-button-next,.team01wrap .swiper-button-prev{background-image: none;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 20px;color: #707070;border: 1px solid #a6a6a6;width: 50px;height: 50px;outline: none;background-color: #fff;border-radius: 50%;margin-top: -25px;}
.team01wrap .swiper-button-next{right: -90px;}
.team01wrap .swiper-button-prev{left: -90px;}
/* .team01wrap .swiper-slide .box:hover .text{background-color: #143264;} */
/* .team01wrap .swiper-slide .box:hover .text h3,.team01wrap .swiper-slide .box:hover .text h4{color: #fff;} */
.team01wrap .tl{font-size: 40px;color: #143264;text-align: center;margin-bottom: 40px;}

/* team02wrap */
.team02wrap{width: 100%;box-sizing: border-box;padding: 100px 0 50px;background-color: #f4f4f4;}
.team02wrap .tl{text-align: center;font-size: 40px;color: #143264;margin-bottom: 40px;}
.team02{margin: auto;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.team02 a{display: block;width: calc((100% - 180px)/4);margin-right: 60px;box-sizing: border-box;padding-left: 40px;position: relative;margin-bottom: 50px;cursor: default;}
.team02 a:nth-of-type(4n){margin-right: 0;}
.team02 a .imgbox{width: 100%;box-sizing: border-box;position: relative;z-index: 1;overflow: hidden;}
.team02 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.team02 a .text{width: 100%;box-sizing: border-box;}
.team02 a .text h3{font-size: 24px;color: #143264;margin-bottom: 10px;}
.team02 a .text h4{font-size: 16px;color: #666666;line-height: 20px;}
.team02 a .top{position: relative;margin-bottom: 20px;padding-bottom: 40px;}
.team02 a:hover .top:before {left: -20px;bottom: 20px;    transition: all .5s;}
.team02 a .top:before{content: '';display: block;width: 110px;height: 110px;box-sizing: border-box;border-left: 20px solid #ffffff;border-bottom: 20px solid #ffffff;position: absolute;left: -40px;bottom: 0;}











@media only screen and (max-width:1600px ) {
	.header,.bannerwrap .text,.contwidth{width: 1200px;}
	.contwidth{width: 1200px;}
	.innerbanner .ab-font{right: calc((100% - 1200px)/2);}
	.innerbanner .text{width: 1200px;}
	
	.proinfo06{width: 1100px;}
	.proinfo06 a .text{padding: 0 50px;}
	
	.aboutbanner .min .cont .swiper-slide{width: 33.33%;}
	.aboutbanner .min .cont .swiper-slide:nth-of-type(2n) .item p{bottom: -14px;}
	.about03 .swiper-container-l .app_txt{padding: 100px 40px 100px;}
	.about03 .swiper-container-l .app_txt .min .top-text{font-size: 32px;}
	.about03 .swiper-container-l .app_txt .bot{left: 40px;}
	
	.about01 .text h4{font-size: 16px;line-height: 26px;}
	.about01 .text h3{font-size: 32px;}
	.about02tl{font-size: 32px;}
	.about02wrap{height: 90%;}
	.aboutbanner .min .cont .swiper-slide .item p{font-size: 36px;}
	.aboutbanner .min .cont .swiper-slide .item h3{font-size: 14px;line-height: 24px;}
	.about03wrap .swiper-button-prev,.strength03 .imglist .swiper-button-prev{left: -20px;}
	.about03wrap .swiper-button-next,.strength03 .imglist .swiper-button-next{right: -20px;}
	
	.loca{padding-left: calc((100% - 1200px)/2);}
	.innerbanner .text h3{font-size: 50px;}
	.innerbanner .text p{font-size: 16px;}
	
	.service02 a .text{padding: 0 40px;}
	.service03 .swiper-button-next{right: -5px;}
	.service03 .swiper-button-prev{left: -5px;}
	
	.proinfo03wrap p{width: 1200px;}

	.production02wrap{padding: 120px 0;}
	.joinbanner .text{width: 1200px;}
	
	/* en */
	.service02 a .text h4{min-height: 100px;}
	.service02 a .text{padding: 0 20px;bottom: -80px;}
	.service02 a:hover .text{transform: translateY(-70px);bottom: 0;}
	.business02 .ul .li .text{padding: 0 20px;}
	.business02 .ul .li .text h3{line-height: 20px;min-height: 60px;}
	.business02 .ul .li .text .min strong{height: 40px;margin: 20px auto;}
	.business02 .ul .li .link a{font-size: 14px;}
	.business02 .ul .li:hover .link{bottom: 20px;}
	.business02 .ul .li .text .min h4{line-height: 20px;min-height: 80px;}
	.business02 .ul .li .text p{font-size: 26px;}
	.about02 li .text h4,.about02 li .text h5 .hovertext{font-size: 14px;}
	.about02 li .text h3{font-size: 20px;}
	.about02 li .text h4{min-height: 72px;}
	.about03 .swiper-container-l .app_txt .min .top-text{font-size: 26px;}
	.about03 .swiper-container-l .app_txt .min p{font-size: 20px;}
	.strength01 .min li .circleChart .timer01{font-size: 30px;}
	.proinfo04wrap img {display: block;width: auto; max-width: 100%;}
	
	
	
}

