@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; border:0px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#333; font-size:14px; width:100%; background:#f5f5f5;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#333; font-size:14px;}
a:hover{ text-decoration:none;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important; line-height:0 !important; position:relative !important; }
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{ max-width:100% !important; vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label,textarea{ padding:0px; margin:0px; border:0px;}

input,textarea{ background:inherit;}

input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#4d4d4d; font-size:12px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#4d4d4d; font-size:12px;}
.fl{ float:left;}
.fr{ float:right;}

@media (min-width: 768px) {
 .navbar .collapse .nav > li {
    width: 7%;
}
.nav > li > a.pc-dropdown {
 display: block;
 padding: 15px 7px;
}
.navbar .collapse .nav {
    margin-left: 26.666667%;
    width: 88%;
}

.navbar .collapse .nav > li.nav-code a{ padding-left:0;}
}

/*黑白照片*/
.gray { 
-webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
     -o-filter: grayscale(100%); 
        filter: grayscale(100%); 
        filter: gray; 
}

.gray:hover { 
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; 
}
/*圆角5px*/
.radius5{ 
-webkit-border-radius:5px; 
   -moz-border-radius:5px; 
    -ms-border-radius:5px; 
     -o-border-radius:5px; 
        border-radius:5px; 
}
/*圆角10px*/
.radius10{ 
-webkit-border-radius:10px; 
   -moz-border-radius:10px; 
    -ms-border-radius:10px; 
     -o-border-radius:10px; 
        border-radius:10px; 
}
/*图片变大*/
.tra .imgs{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
.tra:hover .imgs{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
/*透明度50%*/
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}

.shadow5{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
}

.shadow10{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
}


.mTop{ width: 100%; height:60px; background: #FFFFFF; position: fixed; top: 0; left: 0; z-index: 9999; display: none; justify-content: space-between; align-items: center; padding:0 5%; box-shadow: var(--s);}
.mTopLogo img{ height:30px;}

.mMenu{ position: fixed; top: 0; left: 0; background: #FFFFFF; z-index: 9998; display: none; padding: 0 5%; padding-top:80px; width: 100%; height: 100vh;}
.mMenu .mMenuBox{}
.mMenu .mMenuBox .mMenuTop{ display: flex; justify-content: space-between; align-items: center; border-bottom: var(--l) solid 1px; width: 100%; font-weight: bolder;}
.mMenu .mMenuBox .mMenuTop a{ padding: 10px 0; line-height: 2em; font-size: 16px; color: var(--l);}
.mMenu .mMenuBox .mMenuTop .mNenuIcon{transform: scale(.7);}
.mMenu .mMenuBox .mMenuDown{ padding: 0 5%; display: none; flex-wrap: wrap;}
.mMenu .mMenuBox .mMenuDown a{ padding: 10px 0; line-height: 2em; font-size: 14px; color: var(--l); border-bottom: var(--l) solid 1px; display: block; width: 100%;}
.mMenu .mMenuBox .mMenuDown2{ display: flex; flex-wrap: wrap;width: 100%;}
.mMenu .mMenuBox .mMenuDown2 a{ width: 25%;}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{ height:2px !important; background: var(--h) !important; }


.moTop{ width:100%; padding:0 30px; height:60px; display:flex; align-items:center; justify-content:space-between; background:#FFFFFF; position:fixed; left:0; top:0; z-index: 999; box-shadow:rgba(0,0,0,0.5) 0 0 10px;}
.moTop .moLogo{height: 45%;}
.moTop .moMenuOpen{ height: 40%;}

.moMenuBox{ width:100%; display:none; background:rgba(209, 13, 34,0.1); height:100vh; position: fixed; z-index: 999999999; top: 0;}
.moMenu{ width:60%; background:#ffffff; padding:0 20px; display:flex; flex-direction:column; align-items:center; height:100vh; position:fixed; z-index:999999; top:0; left:-60%;}

.moDropLogo{ display:inline-block; margin:30px 0;}
.moDropLogo img{ height:30px;}

#closeMoMenu{ height:20px;}

.moDrop{ width:100%; display:flex; flex-direction:column;}
.moDrop .yiji{ width:100%;}
.moDrop .yiji .yijiTitle{ width:100%; display:flex; justify-content:center; position:relative; border-bottom:#fd902e solid 1px;}
.moDrop .yiji .yijiTitle .yijiTitleText{ display:flex; line-height:3em; text-align:center; font-size:18px; color:#fd902e;}
.moDrop .yiji .yijiTitle .yijiTitleIcon{ position:absolute; right:0px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img{ cursor:pointer; height:10px;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img:nth-child(2){ display:none;}
.moDrop .yiji.on{}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(1){ display:none;}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(2){ display:block;}

/*.moDrop .yiji.on .erjiDrop{ display:block;} */
.erjiDrop{ width:100%; display:none;}
.moDrop .yiji.on .erjiDrop{ border-bottom:rgba(255,255,255,0.50) solid 1px;}
.erjiDrop .erji{ width:100%;}
.erjiDrop .erji .erjiTitle{ width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.erjiDrop .erji .erjiTitle .erjiTitleText{ line-height:2em; font-size:14px; color:#fd902e; display:block;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon{ position:absolute; right:25px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img{ cursor:pointer;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img:nth-child(2){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon{}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(1){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(2){ display:block;}

/*.erji.on .sanjiDrop{ display:block;}*/
.sanjiDrop{ width:100%; display:none; border-bottom:rgba(256,256,256,0.5) solid 1px;}
.sanjiDrop a{ display:inline-block; font-size:14px; width:100%; line-height:4em; text-align:center; width:100%; background:url(../images/icon28.png) no-repeat calc(100% - 45px) 50%; color:#FFFFFF;}

/*#closeMoMenu{ position:absolute; width:30px; right:-40px; top:30px;}*/

.moMenuBottom{ width:100%; display:flex; justify-content:center; align-items:center;}
.moMenuBottom img{ margin:25px 10px;}

.otherBox{ width: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 21474836475; display:none; justify-content: center; align-items: center; height: 100%;}

.other{ width:80%; display:none;}

.moSearch{ align-items:center; justify-content:space-between; padding:20px 0; margin:230px auto 0 auto; background:#FFFFFF;}
.moSearch input[type='text']{ height:60px; width:100%; padding:0 15px; background:none; border-bottom:#FFFFFF solid 1px;}
.moSearch input[type='submit']{ background:url(../images/icon20.png) no-repeat 50%/60% 60%; height:60px; width:60px; flex-shrink:0;}

.moLeng{ justify-content:center; align-items:center; flex-direction: column; margin: 0 auto;}
.moLeng a{ font-size:18px; color:#FFFFFF; margin:25px 15px;}
.moLeng a.on{ color:#eb7404;}

#main{ width:100vw;}

.w1{ width:90%; margin:0 auto; max-width:1500px;}

.imgs{ width:100%; height:100%; position: absolute; left:0; top:0; object-fit:cover;}

{}

:root{
	--b:rgba(255,255,255,0.15);
	--h:#ea5410;
	--s:rgba(0,0,0,0.1) 0 0 10px;
	--hs:rgba(204,204,204,0.35) 0 0 15px;
	--tr:all ease 0.75s;
}
	
.top{ position: absolute; left: 0; top: 0; z-index: 9999; width: 100%;}

.topNei{ height: 120px; display: flex; align-items: center; justify-content: space-between; border-bottom: var(--b) solid 1px;}
.topNei .topLogo{}
.topNei .topLogo img:nth-child(2){ display: none;}
.topNei .topRight{ display: flex; align-items: center;}
.topNei .topRight .topMenu{ display: flex;}
.topNei .topRight .topMenu .topMenuBox{ padding: 0 18px; position: relative;}

.top .topNei .topRight .topMenu .topMenuBox:before{ content:''; display:block; bottom:0; left:0; width:100%; height:3px; background:var(--h); position:absolute; opacity:0; transition:var(--tr);}
.top .topNei .topRight .topMenu .topMenuBox:hover:before{ opacity:1;}
.top .topNei .topRight .topMenu .topMenuBox.on:before{ opacity:1;}
.topNei .topRight .topMenu .topMenuBox .topMenuTitle{ font-size: 16px; line-height: 120px; color: #fff;}
.topNei .topRight .topMenu .topMenuBox.on .topMenuTitle{ color: var(--h);}
.topNei .topRight .topMenu .topMenuBox .topMenuDown{ padding: 20px 15px; background: #fff; position: absolute; left: 0; top: 120px; display: none; border-radius: 10px;}
.topNei .topRight .topMenu .topMenuBox:hover .topMenuDown{ display: flex;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downTitleBox{ display: flex; flex-direction: column;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downTitleBox .downBoxTitle{ display: flex; align-items: center; justify-content: space-between; height: 50px; padding: 0 20px; border-radius: 10px; min-width: 210px;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downTitleBox .downBoxTitle.on{ background: #fdeee7;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downTitleBox .downBoxTitle:hover{ background: #fdeee7;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downTitleBox .downBoxTitle span{ font-size: 17px; color: #000;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downTitleBox .downBoxTitle.on span{ color: var(--h);}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downTitleBox .downBoxTitle:hover span{ color: var(--h);}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downTitleBox .downBoxTitle i{ font-size: 17px; color: var(--h); opacity: 0;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downTitleBox .downBoxTitle.on i{ opacity: 1;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downTitleBox .downBoxTitle:hover i{ opacity: 1;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downMenuRight{ display: flex; flex-direction: column;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downMenuRight li{ padding:0 25px; display: none;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downMenuRight li a{ font-size: 17px; color: #000; line-height: 50px; margin-bottom: 12px; min-width: 140px; display:block; white-space: pre;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downMenuRight li a:hover{ color: var(--h);}

.topNei .topRight .topTel{ display: flex; align-items: center; margin-left: 10px;}
.topNei .topRight .topTel div img:nth-child(2){ display: none;}
.topNei .topRight .topTel span:nth-child(3){ color: #fff; font-size: 16px; margin-left: 10px;}
.topNei .topRight .topTel span:nth-child(4){ color: var(--h); font-size: 19px; font-weight: bolder;}

.top.on{ position:fixed; top:0; left:0; background:#FFFFFF; box-shadow: rgba(0,0,0,.15) 0 0 10px;}
.top.on .topNei .topLogo img:nth-child(1){ display: none;}
.top.on .topNei .topLogo img:nth-child(2){ display: block;}
.top.on .topNei .topRight .topMenu .topMenuBox .topMenuTitle{ color:#000000;}
.top.on .topNei .topRight .topMenu .topMenuBox.on .topMenuTitle{ color: var(--h);}
.top.on .topNei .topRight .topMenu .topMenuBox{ position:relative;}
.top.on .topNei .topRight .topMenu .topMenuBox:before{ content:''; display:block; bottom:0; left:0; width:100%; height:3px; background:var(--h); position:absolute; opacity:0; transition:var(--tr);}
.top.on .topNei .topRight .topMenu .topMenuBox:hover:before{ opacity:1;}
.top.on .topNei .topRight .topMenu .topMenuBox.on:before{ opacity:1;}

.top.on .topNei .topRight .topTel span:nth-child(3){ color:#000000;}
.top.on .topNei .topRight .topTel div img:nth-child(1){ display: none;}
.top.on .topNei .topRight .topTel div img:nth-child(2){ display: block;}


.scroll-to-top{ width:45px; height:45px; display:none; position:fixed; right:30px; bottom:20px; z-index:999; justify-content:center; align-items:center; color:#FFFFFF; border-radius:50px; font-size:25px; cursor:pointer;}
.scroll-to-top i{ position:absolute; z-index:0; top:50%; left:50%; z-index:9; transform:translate(-50%,-50%);  width:45px; height:45px; background:var(--h); color:#FFFFFF; border-radius:50px; font-size:25px; z-index:9; position:relative; text-align:center; line-height:40px;}
.scroll-to-top div:nth-child(1){ position:absolute; z-index:0; top:50%; left:50%; z-index:0; transform:translate(-50%,-50%); animation:pulse-border-7 infinite linear 2s; width:60px; height:60px; background:rgba(234,84,16,0.2); border-radius:50px;}
@-webkit-keyframes pulse-border-7{
	0%{ opacity:0; transform:translate(-50%,-50%);}
	20%{ opacity:1; transform:translate(-50%,-50%) scale(1);}
	100%{ opacity:0; transform:translate(-50%,-50%) scale(2);}
}
.scroll-to-top div:nth-child(2){ position:absolute; z-index:0; top:50%; left:50%; z-index:0; transform:translate(-50%,-50%); animation:pulse-border-7 infinite linear 2s; animation-delay:1.5s; width:60px; height:60px; background:rgba(234,84,16,0.2); border-radius:50px;}
@-webkit-keyframes pulse-border-7{
	0%{ opacity:0; transform:translate(-50%,-50%);}
	20%{ opacity:1; transform:translate(-50%,-50%) scale(1);}
	100%{ opacity:0; transform:translate(-50%,-50%) scale(2);}
}
.scroll-to-top:hover i{ background:#FFFFFF; color:var(--h); }


.footer{ overflow: hidden; background: url(../images/f6.jpg) no-repeat 50%/cover;}
.footerNei{}

.fo1{ display: flex; align-items: center; justify-content: space-between; height: 140px; border-bottom: var(--b) solid 1px;}
.fo1 .foLogo1{}
.fo1 .foMenu{ display: flex; align-items: center; padding-right: 30px;}
.fo1 .foMenu a{ margin-right: 30px; font-size: 16px; color: #fff;}

.fo2{ padding: 10px 0; display: flex; justify-content: space-between; border-bottom: var(--b) solid 1px;}

.foBox2{ display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 27px;}
.foBox2 .foXun2{ display: flex; flex-direction: column; align-items: center;}
.foBox2 .foXun2 .foXun21{ border:var(--b) solid 13px; width: 135px; height: 135px;}
.foBox2 .foXun2 .foXun21 .foXun211{ background: #fff; display: flex; align-items: center; justify-content: center; height: 100%; }
.foBox2 .foXun2 .foXun21 a{ position: relative; display: block;}
.foBox2 .foXun2 .foXun22{ color: #ccc; margin-top: 10px;}

.foRight2{ display: flex; margin-left: 65px;}
.foRight2 .foRightXun2{ display: flex; flex-direction: column; margin-left: 110px;}
.foRight2 .foRightXun2 .foRightXun21{}
.foRight2 .foRightXun2 .foRightXun22{ font-size: 15px; color: #999999; margin: 20px 0 10px;}
.foRight2 .foRightXun2 .foRightXun23{ font-size: 17px; color: #fff; line-height: 22px;}

.fo3{ height: 76px; display: flex; align-items: center; justify-content: space-between;}
.fo3 a{ color: #ccc; display: flex; align-items: center;}
.fo3 .foLeft3{ display: flex; align-items: center;}
.fo3 .foLeft3 a{ margin-right: 20px;}
.fo3 .foLeft3 a img{ margin-right: 10px;}

{}

.neiBanner{ width: 100%; position: relative; overflow: hidden;}
.neiBanner .banerNeiZhan{min-height: 100vh;}
.neiBanner .banerNeiZhan:before{ content: ''; display: block; padding-top: calc( 100% * 700 / 1500);}
.neiBanner .bannerNei{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.neiBanner .bannerNei .bannerText1{ font-size: 50px; font-weight: bolder; color: #fff;}
.neiBanner .bannerNei .bannerText2{ width: 50px; height: 5px; background: var(--h); margin: 20px 0;}
.neiBanner .bannerNei .bannerText3{ font-size: 25px; color: #fff;}

{}

.nav{ display: flex; align-items: center; height: 70px;}
.nav a{ font-size: 16px; color: #666666; margin-right: 10px; display: flex; align-items: center;}
.nav a span{ color: #666666; margin-left: 10px;}
.nav i{ font-size: 16px; color: #666666; margin-right: 10px;}
.nav span{ color: var(--h);}

.newsDetail{ background: #fff; padding:60px 75px;}
.ntitle{ font-size: 24px; color:#000000; line-height: 40px;}
.ndeta{ font-size: 17px; line-height:#666666; line-height: 3em;}
.nline{ width: 100%; height: 1px; background: #e5e5e5; margin:20px auto;}
.ncontent{ font-size: 16px; color: #666666; line-height: 2em;}

.nBottom{ margin: 40px auto 140px; display: flex; align-items: center; justify-content: space-between;}
.nBottom .nBottomLeft{ display: flex; flex-direction: column; max-width: 80%;}
.nBottom .nBottomLeft a{ font-size: 16px; color: #666666; line-height: 2em;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; }
.nBottom .nBottomLeft a:hover{ color: var(--h);}
.nBottom .nBottomRight{ flex-shrink: 0; margin-right: 15px;}

.more{ width: 160px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 100px; border: var(--h) solid 1px; color: var(--h); font-size: 20px; position: relative; overflow: hidden;}
.more::before{ content: ''; display: block; width: 0px; height: 100%; position: absolute; left: 0; top: 0; transition: var(--tr); background: var(--h); z-index:0;}
.more div{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); white-space: pre;}
.more i{ margin-left: 10px;}
.more span{ position:relative; z-index:1;}

.more:hover{}
.more:hover::before{ width: 100%;}
.more:hover div{ color: #fff;}
.more:hover span{ color: #fff;}
.more:hover i{ color: #fff;}


.more.on{}
.more.on::before{ width: 100%;}
.more.on div{ color: #fff;}
.more.on span{ color: #fff;}
.more.on i{ color: #fff;}
{}

.caseTop{ display: flex; align-items: center; justify-content: space-between;}

.caseTopTitle{ font-size: 40px; color: #000;}

.arrow{ display: flex; align-items: center; height: 0px; cursor: pointer;}
.arrow div{ margin-left: 20px; box-shadow: var(--s); border-radius: 50px; overflow: hidden; }
.arrow div img{}
.arrow div img:nth-child(2){ display: none; }

.arrow div:hover{ box-shadow: none;}
.arrow div:hover img:nth-child(1){ display: none;}
.arrow div:hover img:nth-child(2){ display: block;}

.caseHot{ width: 100%; overflow: hidden;}

.caseHotBox{ margin: 60px auto 150px;}

.caseHotNei{ width:calc( ( 425px + 47px) * 4) ;}
.caseHotNei .caseHotItem{ margin-right: 47px; background: #fff; display: block; transition:var(--tr);}
.caseHotNei .caseHotItem .caseHotImg{ position: relative; overflow: hidden; width: 100%;}
.caseHotNei .caseHotItem .caseHotImg::before{ content: ''; display: block; padding-top: calc( 100% * 284 / 425);} 
.caseHotNei .caseHotItem .caseTitle{ font-size: 25px; line-height: 3em; text-align: center; color: #000; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}

.caseHotNei .caseHotItem:hover{ box-shadow:var(--s);}
.caseHotNei .caseHotItem:hover .caseTitle{ color: var(--h);}

{}

.soul{ margin: 125px auto 265px; overflow: hidden;}
.soul .soulItem{ width: 100%; display: flex; background: #fff;}
.soul .soulItem:nth-child(even){ flex-direction: row-reverse;}
.soul .soulItem .soulLeft{ width: 50%; display: flex; flex-direction: column; justify-content: center;}
.soul .soulItem .soulLeft .soulTitle{ max-width: 585px; font-size: 40px; color: #000;}
.soul .soulItem:hover .soulLeft .soulTitle{ color:var(--h);}
.soul .soulItem .soulLeft .soulSmall{ max-width: 585px; font-size: 17px; color:#666666; line-height: 2em; margin: 1em auto;}
.soul .soulItem .soulLeft .soulMore{ max-width: 585px;}
.soul .soulItem .soulRight{ width: 50%; position: relative; overflow: hidden;}
.soul .soulItem .soulRight:before{ content: ''; display: block; padding-top: calc( 100% * 500 / 750);}

{}

.jjfaHot{ width: 90%; max-width: 1576px; margin:55px auto 210px !important;}
.jjfaHot .jjfaHotItem{ display: block; position: relative; margin: 0 38px; transition: box-shadow ease 0.75s;}
.jjfaHot .jjfaHotItem::before{ content: ''; display: block; height: 1px; width: 0; position: absolute; left: 0; bottom: 0; transition: all ease 0.5s; background: var(--h);}
.jjfaHot .jjfaHotItem:hover{ background: #fff; box-shadow: var(--s);}
.jjfaHot .jjfaHotItem:hover::before{ width: 100%;}
.jjfaHot .jjfaHotItem .jjfaHotImg{ position: relative; overflow: hidden;}
.jjfaHot .jjfaHotItem .jjfaHotImg:before{ content: ''; display: block; padding-top: calc( 100% * 300 / 450);}
.jjfaHot .jjfaHotItem .jjfaHotText{ padding: 30px; border-bottom: #e5e5e5 solid 1px;}
.jjfaHot .jjfaHotItem .jjfaHotText .jjfaHotTitle{ font-size: 25px; line-height: 40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.jjfaHot .jjfaHotItem .jjfaHotText .jjfaHotMore{ display: flex; align-items: center; font-size: 17px; color:#666666; margin-top: 35px;}
.jjfaHot .jjfaHotItem .jjfaHotText .jjfaHotMore span{ margin-right: 10px;}

{}

.globalTitle{ display:flex; align-items:center; justify-content:space-between; margin:80PX auto 70px; flex-wrap:wrap;}
.globalTitle .globalTitle1{ position:relative;}
.globalTitle .globalTitle1 img{ width:50px; position:absolute; left:-25px; top:-25px; z-index:0;}
.globalTitle .globalTitle1 span{ font-size:40px; color:#000; line-height:40px; position:relative; }
.globalTitle .globalTitleRight{ display:flex; align-items:center;}
.globalTitle .globalTitleRight a{ margin-left:25px; border:#e7e7e7 solid 1px;color: #000;}

.newHot{ display:flex; background:#f8f8f8; margin-bottom:95px;}
.newHot .newHotLeft{ width:50%; position:relative;}
.newHot .newHotLeft .newHotImg{ position:relative; overflow:hidden; z-index:0;}
.newHot .newHotLeft .newHotImg:before{ content:''; display:flex; padding-top:calc( 100% * 450 / 750);}
.newHot .newHotLeft .newHotBot{ position:absolute; left:0; bottom:0; z-index:1; padding:0 60px 40px;}
.newHot .newHotLeft .newHotBot .newHotTitle1{ font-size:25px; color:#FFFFFF;}
.newHot .newHotLeft .newHotBot .newHotMore1{ font-size:17px; color:#FFFFFF; display:flex; align-items:center; margin-top:10px;}
.newHot .newHotLeft .newHotBot .newHotMore1 span{ margin-right:10px;}

.newHot .newHotRight{ width:50%; display:flex; flex-direction:column; justify-content:center; padding:0 70px;}
.newHot .newHotRight .newHotDate{ font-size:17px; color:#666666; line-height:2em; margin-bottom:20px;}
.newHot .newHotRight .newHotTitle2{ font-size:30px; line-height:1.5em; color:#000000; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:25px;}
.newHot .newHotRight .newHotSmall{ font-size:17px; line-height:30px; color:#666666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:35px;}
.newHot .newHotRight .newHotMore2{ font-size:17px; display:flex; align-items:center; color:var(--h);}
.newHot .newHotRight .newHotMore2 span{ margin-right:10px;}

.newHot:hover .newHotRight .newHotTitle2{ color:var(--h);}
.newHot:hover .newHotLeft .newHotBot .newHotTitle1{ color:var(--h);}
.newHot:hover .newHotLeft .newHotBot .newHotMore1{ color:var(--h);}

.news{ display:grid; grid-gap:80px;grid-template-columns: repeat(3,1fr); margin-bottom:80px;}

.newsItem{ display:block;}
.newsItem .newsImg{ position:relative; overflow:hidden;}
.newsItem .newsImg:before{ content:''; display:block; padding-top:calc( 100% * 320 / 450);}
.newsItem .newsTitle{ font-size:22px; line-height:39px; color:#000000; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:80px; margin-top:40px;}
.newsItem .newsSmall{ font-size:17px; line-height:30px; color:#666666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; height:90px; margin-top:20px;}
.newsItem .newsBot{ display:flex; border-bottom:#dcdcdc solid 1px; border-top:#dcdcdc solid 1px; align-items:center; justify-content:space-between; height:70px; position:relative; margin-top:30px;}
.newsItem .newsBot:before{ content:''; display:block; height:1px; width:0; position:absolute; left:0; top:-1px; transition:var(--tr); background:var(--h);}
.newsItem .newsBot:after{ content:''; display:block; height:1px; width:0; position:absolute; right:0; bottom:-1px; transition:var(--tr); background:var(--h);}
.newsItem .newsBot .newsData{ font-size:17px; color:#666666;}
.newsItem .newsBot .newsMore{ font-size:17px; color:#666666;}
.newsItem .newsBot .newsMore span{ margin-right:10px;}

.newsItem:hover .newsBot:before{ width:100%;}
.newsItem:hover .newsBot:after{ width:100%;}


.fenye{ display:flex; align-items:center; justify-content:center; margin-bottom:120px;}
.fenye li{ margin:0 8px;}
.fenye li a{ display:block; width:46px; line-height:46px; font-size:17px; box-shadow:var(--s); border-radius:70px; text-align:center;}
.fenye li:hover a{ color:#fff; background:var(--h); }
.fenye li.on a{ color:#fff); background:var(--h); }

.pagination{ display:flex; align-items:center; justify-content:center; margin-bottom:120px;}
.pagination li{ margin:0 8px;}
.pagination li a{ display:block; width:46px; line-height:46px; font-size:17px; box-shadow:var(--s); border-radius:70px; text-align:center;}
.pagination li:hover a{ color:#fff; background:var(--h); }
.pagination li.active a{ color:#fff; background:var(--h); }
.pagination li span{ display:block; width:46px; line-height:46px; font-size:17px; box-shadow:var(--s); border-radius:70px; text-align:center; cursor: pointer;}
.pagination li:hover span{ color:#fff; background:var(--h); }
.pagination li.active span{ color:#fff; background:var(--h); }

{}


.case{ margin:90px auto 80px; display:grid; grid-gap:80px;grid-template-columns: repeat(3,1fr);}

.caseItem{ display:block; transition:var(--tr);}
.caseItem:hover{ background:#FFFFFF; box-shadow:rgba(0,0,0,0.1) 0 0 10px;}
.caseItem .caseImg{ width:100%; position:relative; overflow:hidden;}
.caseItem .caseImg:before{ content:''; display:block; padding-top:calc( 100% * 300 / 450);}
.caseItem .caseText{ padding:35px 30px; border-bottom:#e5e5e5 solid 1px; position:relative;}
.caseItem .caseText:before{ content:''; display:block; height:1px; width:0; position:absolute; left:0; bottom:-1px; transition:var(--tr); background:var(--h);}
.caseItem:hover .caseText:before{ width:100%;}
.caseItem .caseText .caseTitle{ font-size:25px; line-height:40px; color:#000000; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:35px;}
.caseItem .caseText .caseMore{ font-size:17px; display:flex; align-items:center;}
.caseItem .caseText .caseMore span{ margin-right:10px;}

{}


.globalTitleSmall{ font-size:19px; color:#666666; width:100%; line-height:50px;}

.con1{ display:grid; grid-gap:25px;grid-template-columns: repeat(4,1fr); margin-bottom:125px; overflow:hidden;}
.con1 .conItem{ padding:55px 0 36px; background:#FFFFFF; display:flex; flex-direction:column; align-items:center;}
.con1 .conItem .conIcon1{}
.con1 .conItem .conTitle1{ font-size:25px; line-height:45px; text-align:center; margin:30px 0 10px;}
.con1 .conItem .conMess1{ font-size:19px; line-height:45px; text-align:center;}

.con2{ min-height:555px; background:url(../images/c5.jpg) no-repeat 50%/cover; display:flex; align-items:center; overflow:hidden;}
.con2 .con21{}
.con2 .con21 .con211{ font-size:50px; line-height:70px; color:#FFFFFF; margin-bottom:35px;}
.con2 .con21 .con212{ font-size:19px; line-height:30px; color:#FFFFFF;}

.con3{ display:flex; align-items:flex-end; margin-bottom:160px;}
.con3 .conLeft3{ width:50%; display:flex; align-items:center; padding:55px 0 45px; border-bottom:#dcdcdc solid 1px;}
.con3 .conLeft3 .conLeft31{ flex-shrink:0;}
.con3 .conLeft3 .conLeft32{ padding:0 60px 0 80px; font-size:19px; line-height:39px;}
.con3 .conRight3{ width:50%; position:relative;}
.con3 .conRight3 .conFormBox{ width:100%; position:absolute; bottom:0; padding-left:110px; overflow:hidden;}

.conForm{ width:100%; background:#FFFFFF; padding:50px 60px; display:flex; flex-direction:column; width:100%;}
.conForm .inp1{ width:100%; margin-bottom:14px; padding:0 30px; background:#f5f5f5;}
.conForm .inp1 input{ width:100%; line-height:80px;}
.conForm .inp2{ width:100%; margin-bottom:35px; padding:10px 30px; background:#f5f5f5;}
.conForm .inp2 textarea{ width:100%; line-height:40px; height:140px;}
.conForm .inp3{ width:100%;}
.conForm .inp3 input{ width:100%; background:var(--h); line-height:80px; text-align:center; font-size:32px; color:#FFFFFF; cursor:pointer;}

{}

.support1{ margin:0px auto 110px; display:grid; grid-gap:40px; grid-template-columns: repeat(2,1fr);}
.support1 .supportItem1{ background:#fff; box-shadow:var(--hs); position:relative; padding:30px 38px; display:flex; align-items:center; overflow:hidden;}
.support1 .supportItem1 .supportIcon1{ flex-shrink:0; margin-right:40px;}
.support1 .supportItem1 .supportTitle1{ font-size:25px; line-height:40px; color:#000000;}
.support1 .supportItem1 .supportNum1{ font-size:60px; font-weight:bolder; opacity:0.07; position:absolute; right:30px; bottom:0; line-height:35px;}

.support2{ min-height:400px; background:url(../images/su5.jpg) no-repeat 50%/cover; overflow:hidden; display:flex; align-items:center;}

.sup2{ display:flex; justify-content:space-between; align-items:center;}
.sup2 .supLeft2{ font-size:40px; line-height:1.5em; color:#FFFFFF; width:50%;}
.sup2 .supRight2{ width:50%; display:flex; align-items:center; justify-content:flex-end;}
.sup2 .supRight2 .supItem2{ color:#FFFFFF; width:50%; display:flex; flex-direction:column;}
.sup2 .supRight2 .supItem2 .supIcon2{ margin-bottom:25px;}
.sup2 .supRight2 .supItem2 .supTitle2{ font-size:35px; line-height:45px;}
.sup2 .supRight2 .supItem2 .supMess2{ font-size:22px; line-height:45px;}

.support3{ width:90%; max-width:1536px; margin:125px auto; display:flex; flex-wrap:wrap; justify-content:center; overflow:hidden;}
.support3 .supItem3{ margin:0 18px 60px; background:#FFFFFF; padding:45px 40px; width:calc( 100% / 3 - 36px); transition:var(--tr);}
.support3 .supItem3:hover{ box-shadow:var(--hs);}
.support3 .supItem3 .supIcon3{}
.support3 .supItem3 .supTitle3{ font-size:25px; line-height:60px; color:#000000; margin:10px 0;}
.support3 .supItem3 .supSmall3{ font-size:16px; line-height:25px; color:#666666;}

{}

.about1{ display:flex;}
.about1 .aboutLeft1{ font-size:16px; line-height:30px; color:#666666; width:50%;}
.about1 .aboutRight1{ padding-left:120px; position:relative;}
.about1 .aboutRight1 .aboutRight11{ position:absolute; right:-77px; top:-72px; z-index:0;}
.about1 .aboutRight1 .aboutRight12{ width:100%; position:relative; z-index:1;}

.about2{ display:flex; justify-content:space-between; margin:60px auto 65px;}
.about2 .aboutItem2{ width:calc( 25% - ( 40px * 3 / 4)); background:#FFFFFF; padding:20px 40px 20px 45px; display:flex; align-items:center; justify-content:space-between; transition:var(--tr); cursor:pointer;}
.about2 .aboutItem2 .aboutItemLeft2{}
.about2 .aboutItem2 .aboutItemLeft2 .aboutItemTop2{ font-size:40px; color:var(--h); font-weight:bolder;}
.about2 .aboutItem2 .aboutItemLeft2 .aboutItemBot2{ font-size:17px; color:#666666; line-height:2em; margin-top:10px;}
.about2 .aboutItem2 .aboutItemIcon2{}
.about2 .aboutItem2 .aboutItemIcon2 img:nth-child(2){ display:none;}

.about2 .aboutItem2：hover{ box-shadow:var(--hs);}
.about2 .aboutItem2:hover .aboutItemIcon2 img:nth-child(1){ display:none;}
.about2 .aboutItem2:hover .aboutItemIcon2 img:nth-child(2){ display:block;}

.about3{ background:url(../images/a9.jpg) no-repeat 50%/cover; overflow:hidden;}

.history{ position:relative; display:flex; align-items:center; padding:240px 0; margin-top:-190px;}
.history .hisArrow{ position:absolute; height:140px; top:50%; display:flex; flex-direction:column; cursor:pointer; width:0px; justify-content:space-between; z-index:9; transform:translateY(-70px);}
.history .hisArrow .hisArrowUp{ width:46px;}
.history .hisArrow .hisArrowDown{ width:46px;}
.history .hisArrow div{ box-shadow:var(--hs); border-radius:50px;}
.history .hisArrow div img:nth-child(2){ display:none;}
.history .hisArrow div:hover img:nth-child(1){ display:none;}
.history .hisArrow div:hover img:nth-child(2){ display:block;}


.history .hisYear{ position:relative; height:95px; width:calc( 100% * 455 / 1500); flex-shrink:0;}
.history .hisYear:before{ width:2000px; height:1px; background:#dcdcdc; position:absolute; top:0; right:0; content:''; display:block;}
.history .hisYear:after{ width:2000px; height:1px; background:#dcdcdc; position:absolute; bottom:0; right:0; content:''; display:block;}

.history .hisYear li{ height:0px; display:flex; justify-content:flex-end; align-items:baseline; font-size:32px; line-height:40px; color:#999999; position:absolute; right:0; font-weight:bolder; padding-right:75px; cursor:pointer; transition:top ease 0.75s,font-size ease 0.75s,color ease 0.75s;}
.history .hisYear li span{ font-size:19px; font-weight:normal;}

.history .hisYear li.on0{ top:-400px; opacity:0;}
.history .hisYear li.on1{ top:-300px;}
.history .hisYear li.on2{ top:-200px;}
.history .hisYear li.on3{ top:-100px;}

.history .hisYear li.on4{ top:27px; font-size:40px; color:var(--h);}
.history .hisYear li.on4 span{ font-size:22px;}

.history .hisYear li.on5{ top:165px;}
.history .hisYear li.on6{ top:265px;}
.history .hisYear li.on7{ top:365px;}
.history .hisYear li.on8{ top:465px; opacity:0;}


.hisLine{ width:0; height:auto; position:relative; flex-shrink:0;}
.hisLine:before{ height:10000px; width:1px; background:#dcdcdc; position:absolute; left:0; top:-5000px; content:''; display:block;}

.history .hisMess{ padding:0 35px 0 70px;}
.history .hisMess li{ display:none; font-size:17px; line-height:50px; color:#000000;}

.history .hisImg{ width:calc( 100% * 470 / 1500); flex-shrink:0; display:flex; align-items:center;}
.history .hisImg li{ width:100%; position:relative; overflow:hidden; border-radius:2000px; display:none;}
.history .hisImg li:before{ content:''; display:block; padding-top:100%;}

.hisTitle{ width:0; height:0; flex-shrink:0;}
.hisTitle li{ position:absolute; transform:rotate(90deg) translate(-25%,-50%); font-size:183px; font-weight:bolder; color:var(--h); opacity:0.25; top:50%; right:0; display:none; pointer-events: none;}

/*.history .hisMess li.on{ display:block;}
.history .hisImg li.on{ display:block;}
.hisTitle li.on{ display:block;}*/

.about4{ position:relative; overflow:hidden;}
.about4 .arrow{ display: none; align-items: center; justify-content:space-between; height: 0px; cursor: pointer; width:90%; position:absolute; top:50%; left:5%; z-index:9;}
.about4 .arrow div{ margin-left: 0px;}

.arrow div:hover{ box-shadow: none;}
.arrow div:hover img:nth-child(1){ display: none;}
.arrow div:hover img:nth-child(2){ display: block;}

.abBox4{ margin:0 !important;}
.abBox4 .abBoxItem{ position:relative; cursor:pointer;}
.abBox4 .abBoxItem .abBoxItemImg{ position:relative; z-index:1; overflow:hidden;}
.abBox4 .abBoxItem .abBoxItemImg:before{ content:''; display:block; padding-top:calc( 100% * 950 / 640);}
.abBox4 .abBoxItem .abBoxItemText{ position:absolute; left:0; top:0; z-index:2; background:url(../images/a16.png) no-repeat 50%/cover; width:100%; height:100%; display:flex; align-items:center; flex-direction:column; justify-content:flex-end; color:#FFFFFF; text-align:center; padding-bottom:80px; transition:var(--tr);}
.abBox4 .abBoxItem .abBoxItemText .abBoxItemTitle{ font-size:35px; line-height:30px;}
.abBox4 .abBoxItem .abBoxItemText .abBoxItemLine{ font-size:35px; line-height:30px; margin:35px auto 30px;}
.abBox4 .abBoxItem .abBoxItemText .abBoxItemSmall{ width:calc( 100% * 460 / 640); font-size:17px; line-height:30px; min-height:120px;}
.abBox4 .abBoxItem:hover .abBoxItemText{ padding-bottom:180px;}

.about5{ position:relative; overflow:hidden; background:url(../images/a17.jpg) no-repeat 50%/cover; width:100%;}

.abBox5{ display:flex; align-items:center; justify-content:space-between; margin-top:-130px;}
.abBox5 .abLeft5{ width:calc( 100% * 430 / 1500);}
.abBox5 .abLeft5 .abBoxItem5{ display:flex; align-items:center; justify-content:space-between; border-bottom:#bfbfbf solid 1px; height:112px;}
.abBox5 .abLeft5 .abBoxItem5 .abBoxTitle5{ font-size:16px; color:#000000;}
.abBox5 .abLeft5 .abBoxItem5 .abBoxSmall5{ display:flex; align-items:center;}
.abBox5 .abLeft5 .abBoxItem5 .abBoxSmall5 .abBoxSmall51{ font-size:50px; color:var(--h); font-weight:bolder;}
.abBox5 .abLeft5 .abBoxItem5 .abBoxSmall5 .abBoxSmall52{ font-size:17px; color:#999999; margin-left:10px; transform:translateY(-10px);}
.abBox5 .abRight5{ width:calc( 100% * 935 / 1500);}

{}


.join1{ overflow:hidden; background:url(../images/j0.jpg) no-repeat 50%/cover; overflow:hidden;}

.shouhuo{ margin:0px auto 120px; display:grid; grid-gap:50px; grid-template-columns: repeat(3,1fr); padding-bottom:75px;}
.shouhuo .shItem{}
.shouhuo .shItem .shItemImg{ overflow:hidden; position:relative;}
.shouhuo .shItem .shItemImg:before{ content:''; display:block; padding-top:calc( 100% * 300 / 466);}
.shouhuo .shItem .shItemText{ height:350px; background:#FFf; width:calc( 100% - 70px); margin:-75px; margin-left:35px; padding:35px 50px; position:relative; box-shadow:var(--hs);}
.shouhuo .shItem .shItemText .shItemTitle{ font-size:35px; font-weight:bolder; margin-bottom:30px;}
.shouhuo .shItem .shItemText .shItemSmall{ font-size:19px; color:#666666; line-height:40px;}
.shouhuo .shItem .shItemText .shItemBot{ width:0; height:6px; background:var(--h); transition:var(--tr); position:absolute; bottom:0; left:0;}
.shouhuo .shItem:hover .shItemText .shItemBot{ width:100%;}

.join2{ background:url(../images/j4.jpg) no-repeat 50%/cover; overflow: hidden; padding:60px 0; position:relative;}
.join2 .join21{ position:absolute; left:50%; top:50%; transform:translate(-50%,calc( -50% + 10px)); z-index:0;}
.join2 .join22{ position:relative; z-index:1; text-align:center;}

.join2 .join21{ animation:souTopCenterBg8 2s linear infinite; }
@-webkit-keyframes souTopCenterBg8{
	0%{ opacity:0; transform:translate(-50%,calc( -50% + 10px));}
	20%{ opacity:1; transform:translate(-50%,calc( -50% + 10px)) scale(1);}
	100%{ opacity:0; transform:translate(-50%,calc( -50% + 10px)) scale(1.15);}
}

.join3{ margin:0px auto 120px; display:grid; grid-gap:60px; grid-template-columns: repeat(3,1fr);}
.join3 .czItem{ background:#FFFFFF; border:#FFFFFF solid 1px; padding:85px 75px; cursor:pointer; transition: var(--tr);}
.join3 .czItem:hover{ border:var(--h) solid 1px; box-shadow:var(--hs);}
.join3 .czItem .czItemIcon{}
.join3 .czItem .czItemTitle{ font-size:35px; color:#000000; margin:50px 0 30px; font-weight:bolder;}
.join3 .czItem .czItemSmall{ font-size:19px; line-height:40px; color:#666666;}

.join4{ overflow:hidden; background:#FFFFFF;}

.job{ margin-bottom:70px;}
.job .jobItem{ margin-bottom:15px; background:#f5f5f5; cursor:pointer; transition:var(--tr);}
.job .jobItem .jobTop{ display:flex; align-items:center; height:70px; padding:0 50px 0 30px; background:#f5f5f5; transition:var(--tr);}
.job .jobItem .jobTop .jobTopTitle{ flex-shrink:0; width:calc( 100% * 650 / 1520); padding:0 16px; position:relative; font-size:19px; color:#000000; white-space:pre; overflow:hidden; text-overflow:ellipsis;}
.job .jobItem .jobTop .jobTopTitle:before{ content:''; display:block; width:4px; height:20px; background:var(--h); position:absolute; left:0; top:50%; transform:translateY(-50%);}
.job .jobItem .jobTop .jobTopStyle{ flex-shrink:0; font-size:15px; color:#000000; width: calc( 100% * 500 / 1520); padding:0 25px; white-space:pre;}
.job .jobItem .jobTop .jobTopDeta{ flex-shrink:0; font-size:15px; color:#000000;width: calc( 100% * 350 / 1520); padding:0 25px; white-space:pre; }
.job .jobItem .jobTop .jobTopIcon{ flex-shrink:0; cursor:pointer; width:36px;}
.job .jobItem .jobTop .jobTopIcon img:nth-child(2){ display:none;}
.job .jobItem .jobBot{ display:none;}
.job .jobItem .jobBot .jobBotBox{ padding:50px 70px; font-size:15px; line-height:30px; color:#000000;}
.job .jobItem .jobBot .jobBotBox .jobBotTitle{ font-size:19px;}
.job .jobItem .jobBot .jobBotBox .jobBotSmall{ margin-bottom:30px;}

.job .jobItem.on{ box-shadow:rgba(0,0,0,0.35) 0 0 15px;}
.job .jobItem.on .jobTop{ background:var(--h);}
.job .jobItem.on .jobTop .jobTopTitle{ color:#FFFFFF;}
.job .jobItem.on .jobTop .jobTopTitle:before{ background:#FFFFFF;}
.job .jobItem.on .jobTop .jobTopStyle{ color:#FFFFFF;}
.job .jobItem.on .jobTop .jobTopDeta{ color:#FFFFFF;}
.job .jobItem.on .jobTop .jobTopIcon img:nth-child(1){ display:none;}
.job .jobItem.on .jobTop .jobTopIcon img:nth-child(2){ display:block;}

.job .jobItem:hover .jobTop{ background:var(--h);}
.job .jobItem:hover .jobTop .jobTopTitle{ color:#FFFFFF;}
.job .jobItem:hover .jobTop .jobTopTitle:before{ background:#FFFFFF;}
.job .jobItem:hover .jobTop .jobTopStyle{ color:#FFFFFF;}
.job .jobItem:hover .jobTop .jobTopDeta{ color:#FFFFFF;}
.job .jobItem:hover .jobTop .jobTopIcon img:nth-child(1){ display:none;}
.job .jobItem:hover .jobTop .jobTopIcon img:nth-child(2){ display:block;}

{}


.oem1{ justify-content:space-between; align-items:center;}
.oem1 .oem11{ width:1px; background:#d7d7d7; height:100px; flex-shrink:0;}
.oem1 .oem12{ font-size:22px; line-height:45px; width:50%;}

.oem2{ margin:70px auto; display:grid; grid-gap:70px; grid-template-columns: repeat(2,1fr); overflow:hidden;}
.oem2 .oemItem2{ background:#FFFFFF; display:flex; align-items:center; flex-direction:column; padding:95px 5% 90px;}
.oem2 .oemItem2 .oemIcon2{}
.oem2 .oemItem2 .oemTitle2{ font-size:30px; color:#000000; font-weight:bolder; margin:35px auto 20px;}
.oem2 .oemItem2 .oemSmall2{ font-size:22px; line-height:40px; color:#666666; text-align:center;}

.oem3{ margin-bottom:240px;}

{}

.product{ overflow:hidden;}

.productItem{ background:#FFFFFF;}
.productItem .proBox{ display:flex; align-items:center; flex-direction:row-reverse;}
.productItem .proBox .proImg{ width:50%; display:flex; align-items:center; justify-content:center; position:relative;}
.productItem .proBox .proImg .proImgBg{ width:2000px; height:290px; position:absolute; z-index:0; background:#f5f5f5;}
.productItem .proBox .proImg .proImgBg:before{ width:0; height:5px; position:absolute; bottom:0; transition:var(--tr); background:var(--h); content:''; display:block;}
.productItem:hover .proBox .proImg .proImgBg:before{ width:100%;}
.productItem .proBox .proImg .proImgPic{ width:calc( 100% * 470 / 800); position:relative; z-index:1;}

.productItem .proBox .proText{ width:50%; display:flex; justify-content:center; flex-direction:column; padding:150px 95px 150px 0;}
.productItem .proBox .proText .proTextTitle{ font-size:30px; line-height:70px; color:#000000; font-weight:bolder;}
.productItem .proBox .proText .proTextSmall{ font-size:15px; line-height:2em; color:#666666; margin:10px 0 40px;}
.productItem .proBox .proText .proTextMore{}
.productItem .proBox .proText .proTextMore{}
.productItem:hover .proBox .proText .proTextTitle{ color:var(--h);}
.productItem:hover .proBox .proText .proTextMore .more{}
.productItem:hover .proBox .proText .proTextMore .more::before{ width: 100%;}
.productItem:hover .proBox .proText .proTextMore .more div{ color: #fff;}
.productItem:hover .proBox .proText .proTextMore .more i{ color: #fff;}

.productItem:nth-child(odd) .proBox .proImg .proImgBg{ left:320px;}
.productItem:nth-child(odd) .proBox .proImg .proImgBg:before{ left:0;}

.productItem:nth-child(even){ background:#f5f5f5;}
.productItem:nth-child(even) .proBox{ flex-direction:row;}
.productItem:nth-child(even) .proBox .proImg .proImgBg{ background:#fff; right:320px;}
.productItem:nth-child(even) .proBox .proImg .proImgBg:before{ right:0;}

.productItem:nth-child(even) .proBox .proText{ padding: 150px 0 150px 95px;}

{}

.proTop{ overflow:hidden; padding:10px 0 0; background:#FFFFFF;}

.proTop .arrow div{ margin-left:0;}

.productTop{ display:flex; justify-content:space-between; border-top:#e5e5e5 solid 1px; padding:25px 0 85px;}
.productTop .proTopLeft{ width:calc( 100% * 660 / 1500);}
.productTop .proTopLeft .productTopBox{ width:100%; position:relative;}
.productTop .proTopLeft .productTopBox .arrow{ width:100%; height:0; display:flex; justify-content:space-between; align-items:center; cursor:pointer; position:absolute; top:50%; left:0; z-index:99;}

.bigImg{ width:100%; height:400px; margin-bottom:30px;}
.bigImg li{ height:480px; display:flex !important; justify-content:center; align-items:center;}

.samllImg{ width:calc( 100% + 14px); margin-left:-7px;}
.samllImg li{ display:flex !important; justify-content:center; align-items:center; border:#e5e5e5 solid 2px; margin:0 7px; height:110px; border-radius:5px; padding:5px; cursor:pointer;}
.samllImg li.slick-center{ border:var(--h) solid 2px;}

.productTop .proTopRight{ width:calc( 100% * 640 / 1500);}
.productTop .proTopRight .productTopTitle{ font-size:24px; line-height:40px; color:#000000; margin-top:75px;}
.productTop .proTopRight .productTopLine{ border-bottom:#d2d2d2 solid 1px; margin:40px 0 50px;}
.productTop .proTopRight .productTopSmall{ font-size:16px; line-height:35px; color:#666666;}

.proDetail{ margin:35px 0 100px; overflow:hidden; background:#FFFFFF;}

.proDetailMess{ font-size:16px; line-height:2em; color:#666666; padding:60px 0; border-bottom:#e5e5e5 solid 1px;}

.proDetailBot{ display:flex; justify-content:center; padding:40px 0;}

.khxy{ margin-bottom:145px;}

{}

.pro{ width:100%; overflow:hidden; background:url(../images/p1.jpg) no-repeat 50%/cover;}

.pro .globalTitle{ justify-content:space-between;}
.pro .globalTitle .globalTitleZhan{ width:132px;}

.proList{ max-width:1545px; margin:0 auto 180px; width:90%;}
.proItem{ position:relative; margin:0 22px; border-radius:15px; overflow:hidden; display:block;}
.proItem .proItemImg{ position:relative; overflow:hidden; z-index:0;}
.proItem .proItemImg:before{ content:''; display:block; padding-top:calc( 100% * 552 / 471);}
.proItem .proItemBg{ width:0; height:0; border-radius:55px; position:absolute; z-index:2; right:70px; bottom:70px; display:flex; align-items:center; justify-content:center;}
.proItem .proItemBg div{ width:0; height:0; border-radius:500px; background:var(--h); opacity:0.85; flex-shrink: 0; transition:all ease 1s;}
.proItem:hover .proItemBg div{ width:2000px; height:2000px;}
.proItem .proItemText{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; color:#FFFFFF; padding:80px 50px; opacity:0; transition:var(--tr) 0.25s;}
.proItem:hover .proItemText{ opacity:1;}
.proItem .proItemText .proItemTitle{ font-size:35px;}
.proItem .proItemText .proItemSmall{ font-size:17px; line-height:30px; margin-top:10px;}
.proItem .proItemIcon{ position:absolute; z-index:4; right:45px; bottom:45px; opacity:0; transition:var(--tr);}
.proItem:hover .proItemIcon{ opacity:1;}

.hxys{ overflow:hidden; background:url(../images/p6.jpg) no-repeat 50%/cover; position:relative;}
.hxys .hxysZhan{ position:relative; z-index:0;}
.hxys .hxysZhan:before{ content:''; display:block; padding-top:calc( 100% * 900 / 1500);}
.hxys .hxysBg{ width:100%; height:100%; background:url(../images/p7.png) no-repeat 50%/cover; position:absolute; left:0; top:0; z-index:2;}

.hxys .hxysBox{ height:100%; position:absolute; left:0; top:0; z-index:3; display:flex; align-items:center; flex-direction:column; left:50%; top:50%; transform:translate(-50%,-50%);}
.hxys .hxysBox .hxysBoxItem{ display:flex; align-items:center; position:absolute; cursor:pointer;}
.hxys .hxysBox .hxysBoxItem .jdt{ width:10px; height:10px; border-radius:7px; background:#fff; margin:0 25px 0 0; cursor:pointer; position:relative;}
.hxys .hxysBox .hxysBoxItem svg{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0;}
.hxys .hxysBox .hxysBoxItem svg .jdt2{ transform: rotate(-90deg); transform-origin:26px; }
.hxys .hxysBox .hxysBoxItem .hxysBoxText{ color:#FFFFFF; margin-left:10px;}
.hxys .hxysBox .hxysBoxItem .hxysBoxText .hxysBoxNum{ font-size:22px; line-height:20px;}
.hxys .hxysBox .hxysBoxItem .hxysBoxText .hxysBoxTitle{ font-size:18px; line-height:32px;}

.hxys .hxysBox .hxysBoxItem:nth-child(1){ left:calc( 100% * 542 / 1500); top:calc( 100% * 120 / 900);}
.hxys .hxysBox .hxysBoxItem:nth-child(2){ left:calc( 100% * 567 / 1500); top:calc( 100% * 240 / 900);}
.hxys .hxysBox .hxysBoxItem:nth-child(3){ left:calc( 100% * 572 / 1500); top:calc( 100% * 360 / 900);}
.hxys .hxysBox .hxysBoxItem:nth-child(4){ left:calc( 100% * 560 / 1500); top:calc( 100% * 480 / 900);}
.hxys .hxysBox .hxysBoxItem:nth-child(5){ left:calc( 100% * 530 / 1500); top:calc( 100% * 600 / 900);}
.hxys .hxysBox .hxysBoxItem:nth-child(6){ left:calc( 100% * 482 / 1500); top:calc( 100% * 720 / 900);}

.hxys .hxysBox .hxysBoxItem.on svg{ opacity:1; transition:ease all 0.75s;}
.hxys .hxysBox .hxysBoxItem.on svg .jdt2{ animation: jtd2 infinite 6s linear; }
.hxys .hxysBox .hxysBoxItem:hover svg .jdt2{ animation-play-state:paused;}
.hxys.on .hxysBox .hxysBoxItem svg .jdt2{ animation-play-state:paused;}

.hxys .hxysList{ height:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center; flex-direction:row-reverse; z-index:4;}
.hxys .hxysList .hxysItem{ width:calc( 100% * 500 / 1500); display:flex; flex-direction:column; /*transform:translateY(50px); transition:var(--tr);*/}
.hxys .hxysList .hxysItem .hxysTitle{ font-size:35px; line-height:35px; color:#ea5410;}
.hxys .hxysList .hxysItem .hxysSmall{ font-size:16px; line-height:29px; color:#FFFFFF; margin:10px 0;}
.hxys .hxysList .hxysItem .hxysImg{ width:100%; overflow:hidden; border-radius:10px; position:relative; margin:25px 0 75px; background:#FFFFFF; border-radius:15px;}
.hxys .hxysList .hxysItem .hxysImg:before{ content:''; display:block; padding-top:calc( 100% * 360 / 500);}
.hxys .hxysList .hxysItem .hxysMore .more{ border:#FFFFFF solid 1px; color:#FFFFFF;}
.hxys .hxysList .hxysItem .hxysMore .more:hover{ border:var(--h) solid 1px;}
.hxys .hxysList .hxysItem.on{ transform:translateY(0);}
@keyframes jtd2{
    0%{ stroke-dasharray:0 190; stroke-dashoffset: 0;}
    100%{ stroke-dasharray:190 0; stroke-dashoffset: 0;}
}

{}


.banner{ position:relative; overflow:hidden;}
.banner .bannerZhan{ width:100%; max-width:1600px; position:relative;}
.banner .bannerZhan:before{ display:block; content:''; padding-top:100vh;}
.banner .bannerBox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banner .bannerBox .swiper{ width:100%; height:100%;}
.banner .bannerBox .bannerLink{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; overflow: hidden; position: relative;}
.banner .bannerBox .bannerLink .bannerText{ display:flex; flex-direction:column; color:#FFFFFF; position:relative; z-index:1;}
.banner .bannerBox .bannerLink .bannerBg{ width:100%; height:100%; transition:ease all 20s; position:absolute; z-index:0; left:0; top:0; transform:scale(1.2);}
.banner .bannerBox .swiper-slide-active .bannerBg{ transform:scale(1); transition: all 20s ease 1s;}

.banner .bannerBox .bannerLink .bannerText .bannerText1{ font-size:50px; line-height: 70px; opacity:0.5; transform:translateX(-100%); transition:all 1.5s ease-in 0.1s;}
.banner .bannerBox .bannerLink .bannerText .bannerText2{ font-size:25px; line-height: 35px; opacity:0.5; transform:translateX(-100%); transition:all 1.5s ease-in 0.5s; margin:0 0 75px 0;}
.banner .bannerBox .bannerLink .bannerText .bannerText3{ width:60px; height:5px; background:var(--h); margin:30px 0; transform:translateX(-100%); transition:all 1.5s ease-in 0.75s;}
.banner .bannerBox .bannerLink .bannerText .moreBox{ height:60px; overflow:hidden;}
.banner .bannerBox .bannerLink .bannerText .more{ color:#fff; border:#FFFFFF solid 1px;}
.banner .bannerBox .bannerLink .bannerText .more:before{}
.banner .bannerBox .bannerLink .bannerText .more span{ position:relative;}
.banner .bannerBox .bannerLink .bannerText .more i{ position:relative;}

.banner .bannerBox .bannerLink .bannerText .bannerText5{ font-size:40px; opacity:0.5; transform:translateX(-100%); transition:all 1.5s ease-in 0.1s; margin-bottom: 45px; font-weight: bolder;}
.banner .bannerBox .bannerLink .bannerText .bannerText6{ font-size:50px; opacity:0.5; transform:translateX(-100%); transition:all 1.5s ease-in 0.5s; line-height:1.2em;}

.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText1{ transform:translateX(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText2{ transform:translateX(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText3{ transform:translateX(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText5{ transform:translateX(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText6{ transform:translateX(0); opacity:1;}

.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .more{ transform:translateY(0px);}

.banner .bannerBox .bannerLink .bannerText .more:hover{ border:var(--h) solid 1px; color:#FFFFFF;}
.banner .bannerBox .bannerLink .bannerText .more:hover:before{ width:100%;}
.banner .bannerBox .bannerLink .bannerText .more:hover span{ color:#FFFFFF;}
.banner .bannerBox .bannerLink .bannerText .more:hover i{ color:#FFFFFF;}

.banner .bannerIcon{ display:flex; align-items:center; position:absolute; left:50%; bottom:155px; transform:translateX(-50%); z-index:9999; cursor:pointer; height:0;}
.banner .bannerIcon img{ margin-right:32px;}
.banner .bannerBox .swiper-pagination{ height:0px; align-items:center; text-align:left;}
.banner .bannerBox .swiper-pagination .swiper-pagination-bullet{ border-radius:0; width:10px; height:10px; margin-left:10px; background:#FFFFFF; transition:var(--tr2);}
.banner .bannerBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; background:#1296db;}

.bannerBot{ height:0px; position:absolute; left:50%; bottom:72px; z-index:9; display:flex; align-items:center; justify-content:center; transform:translateX(-50%);}
.bannerBot .bannerBotArrow{ font-size:20px; color:#FFFFFF; cursor:pointer; opacity:0.5;}
.bannerBot .bannerBotArrow:hover{ opacity:1;}
.bannerBot .bannerBot1{ font-size:19px; color:#FFFFFF; margin:15px;}
.bannerBot .bannerBot2{ font-size:19px; color:#FFFFFF; margin:15px;}

.dian{ height:2px; display:flex; align-items:center; width:120px; background:rgba(255,255,255,0.5);}
.dian div{ width:0; height:100%; background:#FFFFFF; transition:var(--tr);}

@keyframes jtd2{
    0%{ stroke-dasharray:0 190; stroke-dashoffset: 0;}
    100%{ stroke-dasharray:190 0; stroke-dashoffset: 0;}
}

.index1{ background:url(../images/i2.jpg) no-repeat 50%/cover; overflow:hidden;}

.usPro{ display:flex; margin:-190px auto 0; padding:165px 0 165px; align-items:center;}
.usPro .usProLeft{ width:calc( 100% * 880 / 1500);}
.usPro .usProLeft .usProLeftTop{ width:100%;}

.usProItem{ width:100%; display:none;}
.usProItem .usProIcon{}
.usProItem .usProTitle{ font-size:27px; line-height:30px; margin:-30px 0 0;}
.usProItem .usProLine{ width:35px; height:5px; background:var(--h); margin:20px 0;}
.usProItem .usProText{ display:flex;}
.usProItem .usProText .usProSmall{ font-size:16px; line-height:25px; color:#666666; width:calc( 100% * 415 / 880); min-height: 100px;}
.usProItem .usProText .usProLink1{ margin-left:100px;}
.usProItem .usProText .usProLink1 img:nth-child(2){ display:none;}
.usProItem .usProText .usProLink1:hover img:nth-child(1){ display:none;}
.usProItem .usProText .usProLink1:hover img:nth-child(2){ display:block;}


.usPro .usProLeft .usProLeftBot{ width:100%; display:grid; grid-template-columns: repeat(5,1fr); margin:90px 0;}

.usProNum{ cursor:pointer;}
.usProNum .usProNumTop{ font-size:40px; color:#FFFFFF; text-shadow:var(--h) 0 0 1px; font-weight:bolder;}
.usProNum.on .usProNumTop{ color:var(--h);}
.usProNum:hover .usProNumTop{ color:var(--h);}
.usProNum .usProNumBot{ font-size:17px; line-height:50px; color:#000000; position:relative; width:fit-content;}
.usProNum .usProNumBot span{ display:block; white-space:pre; position:relative; z-index:9;}
.usProNum .usProNumBot img{ position:absolute; top:8px; right:-17px; z-index:0;}

.usPro .usProLeft .usProLeftLink{ width:100%;}

.usPro .usProRight{ width:calc( 100% * 620 / 1500); position:relative; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.usPro .usProRight:before{ padding-top:100%; display:block; content:'';}
.usPro .usProRight .usProBg1{ animation: usProBg1 20s linear  infinite; transform-origin: center; width: 100%; position:absolute; left:0; top:0; pointer-events: none;}
.usPro .usProRight .usProBg2{ animation: usProBg2 50s linear  infinite; transform-origin: center; width: 100%; position:absolute; left:0; top:0; pointer-events: none;}
.usPro .usProRight .usProImg{ width:calc( 100% * 400 / 620); left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; }
.usPro .usProRight .usProImg:before{ padding-top:100%; display:block; content:'';}
.usPro .usProRight .usProImg li{ width:100%; height:100%; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:10000px; background:#FFFFFF; overflow:hidden; box-shadow:var(--hs); position:absolute; display:flex; justify-content:center; align-items:center; display:none;}

@keyframes usProBg1
{
0 { transform: rotate(0);}
100% { transform: rotate(-360deg);}
}
@keyframes usProBg2
{
0 { transform: rotate(0);}
100% { transform: rotate(360deg);}
}

.usProLink2{ display:none;}
.usProLink2 .more{ border:#dcdcdc solid 1px; color:#666666;}

.index2{ overflow:hidden; width:100%; position:relative;}
.index2 .globalTitle{ position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:99;}
.index2 .globalTitle span{ color:#FFFFFF;}

.jjfaIndex{ position:relative;}

.soultionZhan{ position:relative; z-index:0;}
.soultionZhan:before{ padding-top:calc( 100% * 950 / 1500); display:block; content:'';}

.soultion{ width:100%; height:100%; position:absolute !important; z-index:1; left:0; top:0;}
.soultion li{}
.soultion li div:before{ padding-top:calc( 100% * 950 / 1500); display:block; content:'';}

.jjfaIndex{ width:100%; height:100%; position:absolute; z-index:1; left:0; top:0;}

.jjfaIndexText{ width:100%; height:100%; position:absolute; z-index:5; left:0; top:0;}


.soulItem2 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
	opacity:0;
	transition:var(--tr);
	z-index:1;
}
.soulItem2.on{ opacity:1; z-index:9;}
.soulItem2 .soulItemTitle{ color:#FFFFFF; font-size:60px; line-height:100px; font-weight:bolder; transform:translateY(-50px); opacity:0.5; transition:var(--tr); transition-delay:0.5s; transition-duration:1.5s;}
.soulItem2.on .soulItemTitle{ transform:translateY(0); opacity:1;}
.soulItem2 .soulItemSmall{ color:#FFFFFF; font-size:22px; line-height:2em; transform:translateY(-50px); opacity:0.5; transition:var(--tr); transition-delay:0.5s; transition-duration:1.5s;}
.soulItem2.on .soulItemSmall{ transform:translateY(0); opacity:1;}
.soulItem2 .soulItemMore{ color:#FFFFFF; font-size:22px; display:flex; align-items:center; margin-top:100px;}
.soulItem2 .soulItemMore span{ margin-right:10px;}
.soulItem2 .more{ color:#FFFFFF; border:#FFFFFF solid 1px; margin-top:100px; transform:translateY(50px); opacity:0.5; transition-delay:0.5s; transition-duration:1.5s;}
.soulItem2.on .more{ transform:translateY(0); opacity:1;}
.soulItem2 .more::before{ background:#FFFFFF;}
.soulItem2 .more:hover{ color:var(--h);}
.soulItem2 .more:hover i{ color:var(--h);}
.soulItem2 .more span{ position:relative; z-index:1;}
.soulItem2 .more i{ position:relative; z-index:1;}

.jjfaIndexBg{ width:100%; height:100%; position:absolute; z-index:2; left:0; top:0;}
.jjfaIndexBg img{ height:100%;}

.jjfaIndexButton{ position:absolute; left:50%; bottom:110px; transform:translateX(-50%); z-index:9; height:0; display:flex; align-items:center;}
.jjfaIndexButton li{ font-size:19px; line-height:80px; text-align:center; width:100%; background:#FFf; cursor:pointer;}
.jjfaIndexButton li.on{ background:#0d50be; color:#FFFFFF;}
.jjfaIndexButton li:hover{ background:#0d50be; color:#FFFFFF;}

.soulItemMore2{}
.soulItemMore2 .more{ display:none;}
.soulItemMore2 .more{ color:#fff; border:#FFFFFF solid 1px;}
.soulItemMore2 .more:before{}
.soulItemMore2 .more span{ position:relative;}
.soulItemMore2 .more i{ position:relative;}

.soulItemMore2 .more:hover{ border:var(--h) solid 1px; color:#FFFFFF;}
.soulItemMore2 .more:hover:before{ width:100%;}
.soulItemMore2 .more:hover span{ color:#FFFFFF;}
.soulItemMore2 .more:hover i{ color:#FFFFFF;}

.index3{ overflow:hidden; background:#f5f5f5;}

.aboutIndex{ display:flex; justify-content:space-between; margin-top:-30px; margin-bottom:70px;}
.aboutIndex .indAbLeft{ position:relative;}
.aboutIndex .indAbLeft .indAbLeft1{ position:absolute; top:-75px;}
.aboutIndex .indAbLeft .indAbLeft2{ font-size:16px; line-height:29px; color:#666666; width:1000px; max-width:90%;}
.aboutIndex .indAbRight .more{ color:#666666; border:#e6e6e6 solid 1px;}
.aboutIndex .indAbRight .more span{ position:relative;}
.aboutIndex .indAbRight .more i{ position:relative;}
.aboutIndex .indAbRight .more:hover{ border:var(--h) solid 1px; color:#FFFFFF;}
.aboutIndex .indAbRight .more:hover:before{ width:100%;}
.aboutIndex .indAbRight .more:hover span{ color:#FFFFFF;}
.aboutIndex .indAbRight .more:hover i{ color:#FFFFFF;}

.aboutVideo{ position:relative;}
.aboutVideo .aboutVideoPic{ position:relative; overflow:hidden; z-index:0;}
.aboutVideo .aboutVideoPic:before{ padding-top:calc( 100% * 667 / 1500); display:block; content:'';}
.aboutVideo .aboutVideoIcon{ width:100%; height:100%; position:absolute; z-index:2; left:0; top:0; display:flex; align-items:center; justify-content:center;}
.aboutVideo .aboutVideoIcon img{ cursor:pointer;}

#closeTc{
position: absolute;
right: 30px;
top: 50px;
cursor: pointer;
}
.tc{
	display:none;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.8);
	width:100%;
	height:100vh;
}
.tcBox{
	position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
	max-width:90%;
	max-height:90%;
	opacity:0.2;
	transition: all ease 0.5s;
	transform: translateX(30px);
}
.tc .tcBox{ transform: translateX(0px); opacity:1;}
#video1{ max-width:100%; max-height:100%;}

.shuju{ padding:0 94px; height:0; margin-bottom:315px; position:relative; z-index:999;}
.shuju .shujuBox{ padding:35px; background:#FFFFFF; box-shadow:var(--hs); transform:translateY(-150px); display:flex; width:100%; cursor:pointer;}
.shuju .shujuBox .shujuItem{ padding:0 35px; display:flex; flex-direction:column; align-items:center; width:25%;}
.shuju .shujuBox .shujuItem .shujuItemTop{ width:100%; position:relative;overflow: hidden;}
.shuju .shujuBox .shujuItem .shujuItemTop:before{ padding-top:100%; display:block; content:'';}
.shuju .shujuBox .shujuItem .shujuItemTop .sitBg{ width:100%; height:100%; position:absolute; border-radius:500px; overflow:hidden; top:0; left:0; z-index:1;}
.shuju .shujuBox .shujuItem .shujuItemTop .sitBg .sitBgYuan{ width:100%; height:100%; border-radius:500px; overflow:hidden; display:flex; flex-direction:column; transition:all ease 1.5s;}
.shuju .shujuBox .shujuItem .shujuItemTop .sitBg .sitBgYuan .sitBgYuanHui{ width:100%; height:50%; background:#e5e5e5;}
.shuju .shujuBox .shujuItem .shujuItemTop .sitBg .sitBgYuan .sitBgYuanHuang{ width:100%; height:50%; background:var(--h);}
.shuju .shujuBox .shujuItem .shujuItemTop .sitBgMask{ width:200%; height:50%; background:#FFFFFF; top:50%; position:absolute; z-index:5;}
.shuju .shujuBox .shujuItem .shujuItemTop .sitBgCen{ background:#f8f8f8; border-radius:5000px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:calc( 100% - 70px); z-index:10;}
.shuju .shujuBox .shujuItem .shujuItemTop .sitBgCen:before{ padding-top:100%; display:block; content:'';}
.shuju .shujuBox .shujuItem .shujuItemTop .sitNum{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:var(--h); font-size:50px; font-weight:bolder; white-space:pre; z-index:15;}
.shuju .shujuBox .shujuItem .shujuItemTop .sitIcon{ height:0; display:flex; align-items:flex-end; justify-content:center; position:relative; z-index:20;}
.shuju .shujuBox .shujuItem .shujuItemTop .sitIcon div{ width:56px; height:56px; display:flex; align-items:center; justify-content:center; background:#FFFFFF; box-shadow:var(--hs); border-radius:200px;}
.shuju .shujuBox .shujuItem .shujuItemTop .sitIcon div img{ height:30px;}
.shuju .shujuBox .shujuItem .shujuItemTop .sitIcon div img:nth-child(2){ display:none;}

.shuju .shujuBox .shujuItem .shujuItemBot{ text-align:center; font-size:19px; margin-top:30px;}

.shuju .shujuBox .shujuItem:hover .shujuItemTop .sitBg .sitBgYuan{ transform:rotate(180deg);}
.shuju .shujuBox .shujuItem:hover .shujuItemTop .sitIcon div img:nth-child(1){ display:none;}
.shuju .shujuBox .shujuItem:hover .shujuItemTop .sitIcon div img:nth-child(2){ display:block;}

.index4{ overflow:hidden; background:url(../images/i12.jpg) no-repeat 50%/cover; position: relative; padding-bottom:145px;}

.indexNei4{ display:flex;}
.indexNei4 .indexLeft4{ width:calc( 100% * 375 / 1500); flex-shrink:0; display:flex; flex-direction:column; justify-content:space-between;}
.indexNei4 .indexLeft4 .globalTitle{ width:100%;}
.indexNei4 .indexLeft4 .indexNewsSelect{ font-size:25px; color:#999999; display:flex; flex-direction:column;}
.indexNei4 .indexLeft4 .indexNewsSelect li{ margin:35px 0; cursor:pointer; position:relative;}
.indexNei4 .indexLeft4 .indexNewsSelect li:hover{ color:#000000;}
.indexNei4 .indexLeft4 .indexNewsSelect li.on{ color:#000000;}
.indexNei4 .indexLeft4 .indexNewsSelect li.on:before{ content:''; display:block; width:20px; height:3px; background:var(--h); position:absolute; top:45px;}
.indexNei4 .indexLeft4 .indexNewsMore{}



.indexNei4 .indexRight4{}
.indexNei4 .indexRight4 .indexNewsBox{ width:1500px; position:absolute; opacity:0; pointer-events: none; z-index:-1;}
.indexNei4 .indexRight4 .indexNewsBox.on{ position:relative; opacity:1; pointer-events: all; z-index:99; }
.indexNei4 .indexRight4 .indexNewsBox .arrow{ display:flex; justify-content:flex-end; width:calc( 100% * 1125 / 1500); height:150px;}
.indexNei4 .indexRight4 .indexNewsBox .arrow div{ margin-left:15px;}
.indexNei4 .indexRight4 .indexNewsBox .arrow div img:nth-child(2){ display:none;}
.indexNei4 .indexRight4 .indexNewsBox .arrow div:hover img:nth-child(1){ display:none;}
.indexNei4 .indexRight4 .indexNewsBox .arrow div:hover img:nth-child(2){ display:block;}

.inb{ width:100%;}

.inb .newsItem{ display:block; margin-right:55px;}
.newsItem .newsImg{ position:relative; overflow:hidden;}
.newsItem .newsImg:before{ content:''; display:block; padding-top:calc( 100% * 450 / 750);}
.newsItem .newsTitle{ font-size:22px; line-height:39px; color:#000000; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:80px; margin-top:40px;}
.newsItem .newsSmall{ font-size:17px; line-height:30px; color:#666666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; height:90px; margin-top:20px;}
.newsItem .newsBot{ display:flex; border-bottom:#dcdcdc solid 1px; border-top:#dcdcdc solid 1px; align-items:center; justify-content:space-between; height:70px; position:relative; margin-top:30px;}
.newsItem .newsBot:before{ content:''; display:block; height:1px; width:0; position:absolute; left:0; top:-1px; transition:var(--tr); background:var(--h);}
.newsItem .newsBot:after{ content:''; display:block; height:1px; width:0; position:absolute; right:0; bottom:-1px; transition:var(--tr); background:var(--h);}
.newsItem .newsBot .newsData{ font-size:17px; color:#666666;}
.newsItem .newsBot .newsMore{ font-size:17px; color:#666666;}
.newsItem .newsBot .newsMore span{ margin-right:10px;}

.newsItem:hover .newsTitle{ color:var(--h);}
.newsItem:hover .newsBot:before{ width:100%;}
.newsItem:hover .newsBot:after{ width:100%;}

.index5{ background:url(../images/i16.jpg) no-repeat 50%/cover; overflow:hidden; min-height:950px; display:block;}
.index5 .globalTitle{ margin:195px auto 25px;}
.index5 .globalTitle span{ color:#FFFFFF; font-size:50px; line-height:70px;}

.index51{ font-size:32px; line-height:50px; color:#FFFFFF;}

{}

@media screen and (min-width:1200px){
	
.moTop{ display:none !important;}
.moMenuBox{ display:none !important;}


}
@media screen and (max-width:1500px){
	
.w1{ max-width: 1200px;}
	
.topNei { height: 90px;}
.top .topNei .topLogo img{ height:35px;}
.topNei .topRight .topMenu .topMenuBox {
    padding: 0 10px;}
.topNei .topRight .topMenu .topMenuBox .topMenuTitle{ line-height:90px;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown{ top:90px;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downTitleBox .downBoxTitle{ height:40px;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downTitleBox .downBoxTitle span{ font-size:15px;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown .downMenuRight li a { line-height:40px;  font-size: 16px;}

.neiBanner .bannerNei .bannerText1 {
    font-size: 40px;
}
.neiBanner .bannerNei .bannerText2 {
    width: 50px;
    height: 2px;
    background: var(--h);
    margin: 10px 0;
}
.neiBanner .bannerNei .bannerText3 {
    font-size: 18px;
    color: #fff;
}

.fo1 {
    height: 100px;
}
.fo1 .foLogo1 img{ height:35px;}

.foRight2 .foRightXun2 .foRightXun21 img{ height:35px;}
.foRight2 .foRightXun2 .foRightXun22 {
    font-size: 12px;
    color: #999999;
    margin: 10px 0 10px;
}
.foRight2 .foRightXun2 .foRightXun23 {
    font-size: 15px;
    color: #fff;
    line-height: 22px;
}

}
@media screen and (max-width:1200px){
.pc{ display:block;}
.mo{ display:none;}
.disable_text_highlighting,body {
	/*去除选中高亮*/
-webkit-touch-callout: none;
-webkit-user-select: none;    /* Webkit */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;        /* IE 10  */
        /* Opera 目前不支持在Opera，但将很快 */
-o-user-select: none;
user-select: none;
}

.pcTop{ display:none;}
.moTop{ display:flex;}

}
@media screen and (max-width:1500px){

.banner .bannerBox .bannerLink .bannerText .bannerText1 {
    font-size: 40px;
    line-height: 60px;}
.banner .bannerBox .bannerLink .bannerText .bannerText2 {
    font-size: 18px;}	
.more {
    width: 140px;
    height: 45px;
    font-size: 14px;
}	
.globalTitle .globalTitle1 span {
    font-size: 32px;
    line-height: 40px;
    position: relative;
}
.soulItem2 .soulItemTitle {
    color: #FFFFFF;
    font-size: 40px;
    line-height: 80px;
    font-weight: bolder;
}

.soulItem2 .soulItemSmall{ font-size:18px; width:80%;}

.usProItem .usProText .usProSmall{ min-height:100px;}
.shuju .shujuBox .shujuItem .shujuItemTop .sitNum {
    font-size: 30px;
}
.indexNei4 .indexLeft4 .indexNewsSelect {
    font-size: 20px;
    font-weight: bolder;
}
.index51 {
    font-size: 26px;
    line-height: 50px;
    color: #FFFFFF;
}
.foRight2 .foRightXun2 {
    margin-left: 40px;
}

.about1 .aboutLeft1 {
    font-size: 14px;
    line-height: 25px;
    color: #666666;
    width: 50%;
}
.about2 .aboutItem2 .aboutItemLeft2 .aboutItemTop2 {
    font-size: 32px;
    color: var(--h);
    font-weight: bolder;
}
.abBox4 .abBoxItem .abBoxItemText .abBoxItemTitle {
    font-size: 28px;
    line-height: 30px;
    font-weight: bolder;
}

.abBox4 .abBoxItem .abBoxItemText .abBoxItemSmall {
    width: calc( 100% * 460 / 640);
    font-size: 15px;
}

.abBox5 .abLeft5 .abBoxItem5 .abBoxSmall5 .abBoxSmall51 {
    font-size: 40px;
    color: var(--h);
    font-weight: bolder;
}
.proItem .proItemText .proItemTitle {
    font-size: 28px;
}
.proItem .proItemText .proItemSmall {
    font-size: 15px;
    line-height: 30px;
    margin-top: 10px;
}
.hxys .hxysList .hxysItem .hxysTitle {
    font-size: 28px;
    line-height: 35px;
    color: #ea5410;
    font-weight: bolder;
}
.soul .soulItem .soulLeft .soulTitle {
    max-width: 585px;
    font-size: 24px;
    font-weight: bolder;
}
.soul .soulItem .soulLeft .soulSmall {
    font-size: 14px;
}
.ntitle {
    font-size: 20px;
    font-weight: bolder;
}
.caseTopTitle {
    font-size: 32px;
    color: #000;
    font-weight: bolder;
}

.jjfaHot .jjfaHotItem .jjfaHotText .jjfaHotTitle {
    font-weight: bolder;
    font-size: 19px;}
	
	
.caseItem .caseText {
    padding: 20px}
.caseItem .caseText .caseTitle {
    font-weight: bolder;
    font-size: 20px;
    line-height: 30px;}
.caseHotNei .caseHotItem .caseTitle {
    font-size: 20px;
    font-weight: bolder;
}

.con1 .conItem .conTitle1 {
    font-size: 20px;
    font-weight: bolder;
}

.con1 .conItem .conMess1 {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}

.con2 .con21 .con211 {
    font-size: 40px;
    line-height: 54px;
    color: #FFFFFF;
    font-weight: bolder;
    margin-bottom: 35px;
}
.conForm .inp1 input {
    width: 100%;
    line-height: 60px;
}

.conForm .inp2 textarea {
    width: 100%;
    line-height: 40px;
    height: 100px;
}

.conForm .inp3 input {
    line-height: 60px;
    font-size: 24px;
}


.indexNei4 .indexLeft4 {
    width: calc( 100% * 260 / 1200);}

.indexNei4 .indexRight4 .indexNewsBox{ width:1200px;}
.indexNei4 .indexRight4 .indexNewsBox .arrow {
    width: calc( 100% * 755 / 1200);
}	

.newsItem .newsTitle {
    font-size: 20px;
    line-height: 35px;
    height: 70px;
    margin-top: 20px;
}

.newsItem .newsSmall {
    font-size: 14px;
    line-height: 30px;
    height: 90px;
    margin-top: 10px;
}
.newsItem .newsBot .newsMore {
    font-size: 14px;
    color: #666666;
}
.newsItem .newsBot .newsData {
    font-size: 14px;
    color: #666666;
}
.newsItem .newsBot{
    height: 50px;    margin-top: 20px;
}

.productTop .proTopRight .productTopTitle {
    font-size: 20px;
    line-height: 36px;
    color: #000000;
    margin-top: 35px;
}
.productTop .proTopRight .productTopLine {
    margin: 20px 0 30px;
}
.newHot .newHotRight .newHotTitle2 {
    font-size: 20px; font-weight:bolder;}
.newHot .newHotRight .newHotSmall {
    font-size: 15px;}
.newHot .newHotRight .newHotMore2 {
    font-size: 14px;
}
.newHot .newHotLeft .newHotBot .newHotTitle1 {
    font-size: 20px; font-weight:bolder;
}
.newHot .newHotLeft .newHotBot .newHotMore1 {
    font-size: 14px;}

.support1 .supportItem1 .supportTitle1 {
    font-size: 18px;
    line-height: 30px;
    color: #000000;
}
.support1 .supportItem1 .supportIcon1 {
    flex-shrink: 0;
    margin-right: 25px;
    width: 80px;
}

.sup2 .supLeft2 {
    font-size: 26px;
    line-height: 1.5em;
    color: #FFFFFF;
    width: 50%;
}
.sup2 .supRight2 .supItem2 .supTitle2 {
    font-size: 24px;
    line-height: 45px;
}
.sup2 .supRight2 .supItem2 .supMess2 {
    font-size: 18px;
    line-height: 45px;
}

.support3 .supItem3 .supTitle3 {
	 font-weight:bolder;
    font-size: 18px;
    line-height: 40px;
    color: #000000;
    margin: 10px 0;
}
.support3 .supItem3 .supSmall3 {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
}

.oem1 .oem12 {
    font-size: 18px;
    line-height: 36px;
    width: 50%;
}
.oem2 .oemItem2 .oemTitle2 {
    font-size: 24px;
    color: #000000;
    font-weight: bolder;
    margin: 25px auto 10px;
}
.oem2 .oemItem2 .oemSmall2 {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    text-align: center;
}

.history .hisMess li {
    font-size: 17px;
}

.history .hisImg {
    width: calc( 100% * 320 / 1200);
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
.history .hisYear {
    width: calc( 100% * 300 / 1200);
}

.usPro .usProRight {
    width: calc( 100% * 400 / 1200);}
.usPro .usProLeft {
    width: calc( 100% * 780 / 1200);
    flex: 1;
}
.usProNum .usProNumBot {
    font-size: 14px;}
.usPro .usProLeft .usProLeftBot {
    margin: 50px 0;
}

.shouhuo .shItem .shItemText .shItemTitle {
    font-size: 24px;
    font-weight: bolder;
    margin-bottom: 20px;
}

.shouhuo .shItem .shItemText .shItemSmall {
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}

.shouhuo .shItem .shItemText {
    height: 280px;}
	
.join3 .czItem{padding: 50px 45px;}	
.join3 .czItem .czItemTitle {
    font-size: 22px;
    color: #000000;
    margin: 25px 0 20px;
    font-weight: bolder;
}

.join3 .czItem .czItemSmall {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}
}
@media screen and (max-width:1200px){

.nav{ display: none !important;}
.neiBanner{ margin-bottom: 0 !important;}
.top{ display: none;}
.mTop{ display: flex;}
.usPro .usProLeft{ width: 100%;}
.usPro .usProRight{ display: none;}

.usProItem .usProText .usProSmall{ width: 100%; min-height: 125px;}
.usProNum .usProNumTop {
    font-size: 24px;}
.usProNum .usProNumBot{ display: none;}
.usPro .usProLeft .usProLeftBot { margin: 20px 0;}

.soultionZhan{ min-height: 70vh;}
.soultion li { height: 70vh;}

.aboutIndex .indAbLeft {
    width: 100%;
}
.aboutIndex .indAbLeft .indAbLeft2{ max-width: 100%;}

.shuju{ display: none;}

.more {
    width: 120px;
    height: 40px;
    font-size: 12px;
}

.globalTitle .globalTitle1 span {
    font-size: 28px; font-weight: bolder;}
.usProItem .usProTitle {
    font-size: 24px;
}
.usPro {
    display: flex;
    margin:-150px auto 0;
    padding: 120px 0 80px;
    align-items: center;
}
.indexNei4 .indexLeft4 {
    margin-right: 45px;
}
.inb .newsItem {
    padding-right: 45px;
}

.globalTitle{ margin: 45PX auto 60px;}

.fo1 .foMenu{ display: none;}

.fo2{ flex-direction: column;}

.banner .bannerBox .bannerLink .bannerText .bannerText1 {
    font-size: 30px;
    line-height: 45px;
}

.usProItem .usProText .usProLink1 {
    margin-left:20px;
}

.shouhuo .shItem .shItemText{ height: auto;}

.case{grid-template-columns: repeat(2,1fr); grid-gap:40px;}

.hxys .hxysBox .hxysBoxItem .hxysBoxText .hxysBoxTitle{ display: none;}
.hxys .hxysList .hxysItem {
    width: 45%;}
.hxys .hxysZhan{ height: 650px;}

.productTop{ flex-direction: column;}
.productTop .proTopLeft{ width: 100%;}
.productTop .proTopRight{ width: 100%; margin-top: 45px;}

.about1{ flex-direction: column;}
.about1 .aboutLeft1{ width: 100%;}
.about1 .aboutRight1{ padding-left: 0; margin-top: 45px;}
.about1 .aboutRight1 .aboutRight11{ display: none;}
.about1 .aboutRight1 .aboutRight12{ width: 100%;}
.about1 .aboutRight1 .aboutRight12 img{ width: 100%;}

.abBox5 .abLeft5 {
    width: 70%;
    margin: 75px 50px 75px 0;
}

.news{grid-template-columns: repeat(2,1fr); grid-gap:40px;}

}
@media screen and (max-width:770px){

.proItem .proItemText{ opacity:1;padding: 5%; }
.proItem .proItemIcon{ display:none !important; }
.proItem .proItemBg {
    width: 100%;
    height: 100%;}
.proItem .proItemBg div{ width:2000px; height:2000px;}

.mMenu .mMenuBox .mMenuDown2 a{ width: 50%;}
	
.jjfaIndexButton li {
 white-space: pre;    font-size: 12px;
    line-height: 45px;} 
.soulItem2 .soulItemSmall {
    font-size: 16px;
    width: 100%;
}
.soulItem2 .soulItemTitle {
 color: #FFFFFF;
 font-size: 30px;
 line-height: 50px;
 font-weight: bolder;
}
.soultionZhan {
    min-height: 100vh;
}
.soultion li {
    height: 100vh;
}
.soulItem2 .more{ margin-top: 40px;}

.aboutIndex .indAbLeft .indAbLeft2{ font-size: 14px;}
.aboutVideo .aboutVideoIcon img{ width: 50px;}

.indexNei4 {
    display: flex;
    flex-direction: column;
}
.indexNei4 .indexLeft4 {
    margin-right: 0;
    width: 100%;
}
.indexNei4 .indexLeft4 .indexNewsSelect{ flex-direction: row; justify-content: center;}
.indexNei4 .indexLeft4 .indexNewsSelect li {
    margin: 5px 20px;}

.indexNei4 .indexLeft4 .indexNewsMore{ display: none;}
.indexNei4 .indexRight4 .indexNewsBox .arrow{position: absolute; z-index: 99; width: 100%; height: 0px; top: 20%; justify-content: space-between;}
.indexNei4 .indexRight4 .indexNewsBox .arrow div{ margin: 0;width: 25px;}

.indexNei4 .indexRight4 .indexNewsBox {
	margin-top: 25px;
    width: 100%;
}
.inb .newsItem {
    padding-right: 0;
	margin-right: 0;
}
.indexNei4 .indexLeft4 .indexNewsSelect li.on:before{ display: none;}

.index4{ padding-bottom: 60px;}

.aboutIndex{ margin-bottom: 30px;}

.foRight2{ margin-left: 0; margin-top: 45px;}
.foRight2{ flex-direction: column;}
.foRight2 .foRightXun2{ margin-bottom:15px; margin-left: 0;}
.foRight2 .foRightXun2 .foRightXun21{ display: none;}

.fo3 {
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    padding: 5% 0;
}
.fo3 .foLeft3 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.fo3 .foLeft3 a {
    margin-right: 20px;
    line-height: 2em;
    margin-bottom: 10px;
}

.index5{ min-height: 650px;}

.neiBanner .bannerNei .bannerText1 {
    font-size: 28px;
}
.neiBanner .bannerNei .bannerText3 {
    font-size: 14px;
    color: #fff;
}
.about1{ flex-direction: column;}
.about1 .aboutLeft1{ width: 100%;}
.about1 .aboutRight1{ padding: 0; width: 100%;}

.globalTitle {
    margin: 45PX auto 35px;
}

.usPro {    margin: -110px auto 0;}

.index51 {
    font-size: 20px;
    line-height: 40px;
    color: #FFFFFF;
}
.about1 .aboutRight1 {
    margin-top: 30px;
}
.about1 .aboutRight1 .aboutRight11{ display: none;}

.about2{ flex-wrap: wrap;}
.about2 .aboutItem2 {
    width: 100%;}
.history .hisYear li{opacity: 0 !important;
    pointer-events: none;
}
.history .hisImg{ display: none;}
.history .hisMess {
    padding: 0 20px 0 20px;
}
.history .hisMess li{ line-height: 2em;}

.hisTitle li{ font-size: 100px;}
.history {
    padding: 110px 0;
    margin-top: -50px;
}

.abBox5{ flex-direction: column;}
.abBox5 .abLeft5 {
    width: 100%;
    margin: 100px auto 45px;
}
.abBox5 .abRight5 {
    width: 100%;
}
.abBox5 .abLeft5 .abBoxItem5{ height: 80px;}

.newHot{ flex-direction: column;}
.newHot .newHotLeft{ width: 100%;}
.newHot .newHotRight{ width: 100%; padding: 5%;}
.newHot .newHotRight .newHotDate{ margin-bottom: 0px;}
.newHot .newHotRight .newHotTitle2{ margin-bottom: 10px;}
.newHot .newHotRight .newHotSmall{ margin-bottom: 10px;}

.globalTitle .globalTitleRight a{ margin: 15px 15px 0 0;}
.news {
    grid-gap: 40px;
    grid-template-columns: 1fr;
}
.newsDetail{ padding: 5%;}

.fenye{ margin-bottom:0 ;}

.shouhuo{grid-template-columns: 1fr;}
.shouhuo .shItem {
    margin-bottom: 60px;
}
.shouhuo{ margin-bottom:0 ;}

.join3{grid-template-columns: 1fr;grid-gap: 20px;}

.job .jobItem .jobBot .jobBotBox{ padding: 5%;}

.job .jobItem .jobTop{ justify-content: space-between; flex-wrap: wrap; height: auto; padding: 5%; position: relative;}
.job .jobItem .jobTop .jobTopTitle{ width: 100%;}
.job .jobItem .jobTop .jobTopStyle{ width: 50%; padding: 10px 0;}
.job .jobItem .jobTop .jobTopDeta{ width: 50%; padding: 10px 0;}
.job .jobItem .jobTop .jobTopIcon {
    width: 30px;
    position: absolute;
    right: 5%;
}

.support1{grid-template-columns: 1fr;}
.support1 .supportItem1{ padding:5%;}
.support1 .supportItem1 .supportIcon1 {
    flex-shrink: 0;
    margin-right: 15px;
    width: 60px;
}
.support1 .supportItem1 .supportTitle1 {
    font-size: 15px;
    line-height: 24px;
    color: #000000;
}

.sup2{ flex-direction: column;}
.sup2 .supLeft2 {
    font-size: 20px;
    line-height: 1.5em;
    color: #FFFFFF;
    width: 100%;
    margin-bottom: 35px;
    text-align: center;
}
.sup2 .supRight2{ flex-direction: column; width: 100%;}

.support2{ padding: 100px 0;}

.sup2 .supRight2 .supItem2{ align-items: center; margin-bottom: 15px;}
.sup2 .supRight2 .supItem2 .supTitle2{ white-space: pre;}

.support3 .supItem3{ width: 100% !important;}
.support3{ margin: 50px auto;}
.support3 .supItem3{ margin-bottom: 20px;}

.pro .globalTitle .globalTitleZhan{ display: none;}

.hxys .hxysBox{ left: 20%;}
.hxys .hxysBox .hxysBoxItem .hxysBoxText{ display: none;}
.hxys .hxysList .hxysItem{ width: 70%;}
.hxys .hxysZhan{ height: 550px;}
.hxys .hxysList .hxysItem .hxysTitle{ font-size: 20px; line-height: 1.5em;}

.productItem .proBox{ flex-direction: column !important;}
.productItem .proBox .proImg{ width: 100%;}
.productItem .proBox .proText{ width: 100%; padding: 5% !important;}
.productItem .proBox .proText .proTextTitle {
    font-size: 20px;
    line-height: 40px;
}
.productItem .proBox .proImg .proImgBg{ display: none;}
.productItem .proBox .proImg .proImgPic{ width: 100%; margin-top: 45px;}

.nav{ display: none;}

.productTop{ flex-direction: column;}
.productTop .proTopLeft{ width: 100%;}
.productTop .proTopRight{ width: 100%; margin-top: 45px;}

.oem1 .oem11{ display: none;}
.oem1 .oem12{ width: 100%;}

.oem2{grid-template-columns: 1fr;grid-gap:30px;}
.oem2 .oemItem2{padding: 35px 5% 30px;}

.oem3 {
    margin-bottom: 40px;
}

.soul .soulItem{ flex-direction: column-reverse !important; margin-bottom: 30px;}
.soul .soulItem .soulLeft{ width: 100%; padding: 5% 0;}
.soul .soulItem .soulRight{ width: 100%;}

.case{grid-template-columns: 1fr;grid-gap:30px;}

.con1{grid-template-columns: 1fr;grid-gap:30px;}

.con3{ flex-direction: column; margin-bottom:60px; }
.con3 .conLeft3{ flex-direction: column; width: 100%;}
.con3 .conRight3{ width: 100%;}
.con3 .conRight3 .conFormBox{ padding-left: 0;position: relative;}
.conForm{ padding: 5%;}

.con3 .conLeft3 .conLeft32 {padding: 5% 0;}

.con2 .con21 .con211{ font-size: 24px; line-height: 35px;}
.con2 .con21 .con212{ font-size: 16px;}



}
@media screen and (max-width:640px){




}
@media screen and (max-width:420px){




}