@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:#ffffff;}
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{ padding:0px; margin:0px; border:0px;}
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;}


/*黑白照片*/
.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; 
}

:root{
	--l:#e87728;
	--l2:#061c45;	
	--l3:rgba(6,28,69,0.85);
}

.w1{ width:calc( 100% * 1800 / 1920); margin:0 auto;}
.w2{ width:90%; margin:0 auto; max-width:1600px;}

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


.center-x{ left:50%; transform:translateX(-50%);}

.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:#333 solid 1px;}
.moDrop .yiji .yijiTitle .yijiTitleText{ display:flex; line-height:3em; text-align:center; font-size:18px; color:#333;}
.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:3em; font-size:14px; color:#333; 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(/static/skin/css/../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(/static/skin/css/../images/icon20.png) no-repeat 50%/60% auto; 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;}

.closeTc{ position:absolute; right:5%; top:45%;}

#main{ width:100vw;}


.top{ position:fixed; top:0px; width:100%; z-index:9999; background:rgba(255,255,255,0.5);}

.top1{ height:70px; border-radius:10px; padding:0 30px; display:flex; justify-content:space-between; align-items:center;}
.top1 .topLeft{ display:flex; align-items:center;}
.top1 .topLeft .topLogo{ margin-right:45px;}
.top1 .topLeft .topLen{ position:relative; cursor:pointer;}
.top1 .topLeft .topLen .topLenIcon{ display:flex; align-items:center; height:70px;}
.top1 .topLeft .topLen .topLenIcon img{ margin-right:5px;}
.top1 .topLeft .topLen .topLenIcon span{ color:#666666;}
.top1 .topLeft .topLen .topLenDown{ position:absolute; top:70px; background:#FFFFFF; display:none;}
.top1 .topLeft .topLen:hover .topLenDown{ display:block;}
.top1 .topLeft .topLen .topLenDown a{ display:inline-block; text-align:center; line-height:3em; min-width:100px;}
.top1 .topLeft .topLen .topLenDown a:hover{ background:var(--l); color:#FFFFFF;}

.top1 .topRight{ display:flex; align-items:center;}
.top1 .topRight .topMenu{ display:flex; align-items:center;}

.topMenuXun{ margin:0 20px; position:relative;}
.topMenuXun .topMenuTitle{ font-size:16px; line-height:70px; position:relative; display:inline-block; white-space:pre;}
.topMenuXun:hover .topMenuTitle{ color:var(--l);}
.topMenuXun.on .topMenuTitle{ color:var(--l);}
.topMenuXun .topMenuTitle:before{ position:absolute; top:68px; width:30px; height:2px; background:var(--l); content:''; display:block; left:50%; transform:translateX(-50%); opacity:0;}
.topMenuXun:hover .topMenuTitle:before{ opacity:1;}
.topMenuXun.on .topMenuTitle:before{ opacity:1;}

.topMenuXun .topMenuDown{ min-width:200px; top:100%; left:50%; transform:translateX(-50%); background:#FFFFFF; display:none; flex-direction:column; border-radius:10px; position:absolute; padding:15px 0; }
.topMenuXun:hover .topMenuDown{ display:flex;}
.topMenuXun .topMenuDown a{ display:block; line-height:3em; text-align:center; white-space:pre; padding:0 15px;}
.topMenuXun .topMenuDown a:hover{ color:var(--l);}

.top1 .topRight .topR{ display:flex; align-items:center;}

.topSearch{ cursor:pointer; margin-left:20px;}

.topSearch{ margin-left:24px; position:relative; cursor:pointer;}
.topSearch .topSearchDown{ position:absolute; border-radius:5px; color:#FFFFFF; position:absolute; right:0; top:100%; display:none; padding-top: 25px;-15px; overflow:hidden;}
.topSearch:hover .topSearchDown{ display:block; }
.topSearch .topSearchDown .topSearchForm{ display:flex; }
.topSearch .topSearchDown input[type="text"]{ width:200px; height:45px; padding:0 15px;}
.topSearch .topSearchDown input[type="submit"]{ width:45px; height:45px; cursor:pointer; background:url(/static/skin/css/../images/top2.png) no-repeat 50%,#fff;}

.topMember{ cursor:pointer; margin-left:20px;}

.footer{ background:#041028; overflow:hidden;}

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

.foMenu{ display:flex; align-items:center;}
.foMenu a{ line-height:94px; display:inline-block; margin:0 0 0 50px; font-size:16px; color:#999999; position:relative;}
.foMenu a.on{ color:#FFFFFF;}
.foMenu a:hover{ color:#FFFFFF;}
.foMenu a:before{ position:absolute; top:92px; width:100%; height:2px; background:#FFFFFF; content:''; display:block; left:0; opacity:0;}
.foMenu a.on:before{ opacity:1;}
.foMenu a:hover:before{ opacity:1;}

.foot2{ width:100%; height:1px; background:#FFFFFF; opacity:0.05;}

.foot3{ padding:45px 0 35px;}
.foot3 .foot31{ display:flex; flex-direction:row-reverse;}
.foot3 .foot31 .foot311{ display:flex; align-items:center;}
.foot3 .foot31 .foot311 .footItem31{ margin-left:20px; position:relative; cursor:pointer;}
.foot3 .foot31 .foot311 .footItem31 .footItemImg31{ width:120px; height:120px; position:absolute; bottom:100%; display:none;}
.foot3 .foot31 .foot311 .footItem31:hover .footItemImg31{ display:block;}
.foot3 .foot31 .foot311 .footItem31 .footItemIcon31{ display:flex; align-items:center; height:40px;}

.foot3 .foot32{ display:flex; align-items:center; justify-content:space-between;}
.foot3 .foot32 .foot321{ font-size:12px; color:rgba(255,255,255,0.2);}
.foot3 .foot32 .foot322{ display:flex; align-items:center;}
.foot3 .foot32 .foot322 a{ font-size:12px; color:rgba(255,255,255,0.2); margin-left:10px;}

{}


.banner1{ position:relative; width:100%; overflow:hidden;}
.banner1 .bannerZhan1{ position:relative;}
.banner1 .bannerZhan1:before{ content:''; display:block; padding-top:calc( 100% * 900 / 1800);}

.bannerText{ position:relative; display:flex; align-items:flex-end; justify-content:flex-end; flex-direction:column; color:#FFFFFF; text-align:right; height:0; z-index:9;}
.bannerText .bannerText1{ font-size:50px; line-height:60px; font-weight:bolder;}
.bannerText .bannerText2{ font-size:16px; line-height:26px;}

.banner_mask{ pointer-events: none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.banner1 .banner_mask .banner_mask1{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(/static/skin/css/../images/banner_bg3.png) no-repeat 50%/cover; z-index:99;}
.banner1 .banner_mask .banner_mask2{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(/static/skin/css/../images/banner_bg4.png) no-repeat 50%/cover; z-index:999;}

.banner1 .bannerText .bannerText2{ margin-bottom:145px;}

.banner2{ position:relative; width:100%; overflow:hidden;}
.banner2 .bannerZhan2{ position:relative;}
.banner2 .bannerZhan2:before{ content:''; display:block; padding-top:calc( 100% * 600 / 1800);}
.banner2 .bannerText .bannerText2{ margin-bottom:95px;}

.banner2 .banner_mask .banner_mask1{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(/static/skin/css/../images/banner_bg1.png) no-repeat 50%/cover; z-index:99; }
.banner2 .banner_mask .banner_mask2{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(/static/skin/css/../images/banner_bg2.png) no-repeat 50%/cover; z-index:999; }
{}


.about1{ margin:100px auto 130px; display:flex; justify-content:space-between; align-items:center; overflow:hidden;}
.about1 .aboutLeft1{ width:50%;}
.a1{ font-size:16px; line-height:2em; color:var(--l2); margin-top:2em;}

.t1{ font-size:16px; line-height:1.5em; color:var(--l); text-transform:uppercase;}
.t2{ font-size:46px; line-height:1.5em; color:var(--l2); text-transform:uppercase;}

.about2{ display:flex;}

.a2{ flex:1; position:relative; overflow:hidden; cursor:pointer;}

.a2 .aBg2{ position:relative; overflow:hidden; z-index:0;}
.a2 .aBg2:before{ content:''; display:block; padding-top:calc( 100% * 850 / 960);}

.a2 .aMask2{ position:absolute; z-index:10; width:100%; height:100%; top:0; left:0; background:rgba(0,45,114,0.4); transition:all ease 0.5s;}
.a2:hover .aMask2{ background:rgba(0,45,114,0.94);}

.a2 .aText2{ position:absolute; z-index:100; width:100%; height:100%; top:0; left:0; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.a2 .aText2 .aTextLogo2{}
.a2 .aText2 .aTextBox2{ width:calc( 100% * 650 / 850); font-size:16px; line-height:2em; color:#FFFFFF; text-align:center; margin-top:2em; height:0; overflow:hidden; transition:all ease 0.5s;}

.about3{ overflow:hidden; background:#f5f5f5; padding:120px 0;}
.about3 .t1{ text-align:center;}
.about3 .t2{ text-align:center;}
.a3{ display:grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 30px; margin-top:35px;}

.culItem{ border-radius:10px; background: url(/static/skin/css/../images/a11.png) no-repeat 50% 100%/100% 2px,#FFFFFF; position:relative; cursor:pointer;}
/*.culItem:before{ content:''; display:block; padding-top:calc( 100% * 520 / 515);}*/
.culItem .culBox{ display:flex; flex-direction:column; align-items:center; /* position:absolute; left:0; top:0; height:100%;*/ width:100%;}
.culItem .culBox .culBoxIcon{ position:absolute; top:25px; right:30px;}
.culItem .culBox .culBoxImg{ width:220px; position:relative; overflow:hidden; border-radius:1000px; margin:120px auto 70px; display:inline-block; height:220px;}
.culItem .culBox .culBoxImg:before{ content:''; display:block; padding-top:100%;}
.culItem .culBox .culBoxText{ display:flex; flex-direction:column; width:100%; padding:0 45px 40px;}
.culItem .culBox .culBoxText .culBoxTitle{ font-size:30px; line-height:2em; color:var(--l2);}
.culItem .culBox .culBoxText .culBoxSmall{ font-size:16px; line-height:2em; color:var(--l2); text-transform:capitalize;}

.culItem .culMask{ display:flex; flex-direction:column; justify-content:space-between; align-items:center; position:absolute; left:0; top:101%; width:100% !important; height:100% !important; background:url(/static/skin/css/../images/a9.png) 50%/cover; border-radius:10px; padding:40px 50px 40px 40px;}
.culItem .culMask .culMaskIcon{ width:100%; display:flex; flex-direction:row-reverse;}
.culItem .culMask .culMaskText{ width:100%; display:flex; flex-direction:column; color:#FFFFFF;}
.culItem .culMask .culMaskText .culMaskTitle{ font-size:30px; line-height:2em;}
.culItem .culMask .culMaskText .culMaskEn{ font-size:16px; line-height:2em; text-transform:capitalize;}
.culItem .culMask .culMaskText .culMaskSmall{ font-size:16px; line-height:2em; margin-top:2em;}

.about4{ overflow:hidden; padding:110px 0 110px; background:url(/static/skin/css/../images/a12.jpg) no-repeat 50%/cover;}

.about4 .t1{ text-align:center;}
.about4 .t2{ text-align:center; color:#FFFFFF;}

.arrow{ width:46px; height:46px; display:flex; align-items:center; justify-content:center; border:rgba(255,255,255,0.2) solid 1px; border-radius:100px; cursor:pointer; font-size:20px; color:#FFFFFF;}
.arrow:hover{ background:var(--l); border:var(--l) solid 1px;}


.histroy{ display:flex; margin-top:45px; margin-bottom:50px;}
.histroy .hisLeft{ width:100px; display:flex; align-items:center; flex-shrink:0;}
.histroy .hisLeft i{ font-size:20px; color:#FFFFFF;}
.histroy .hisRight{ width:100px; display:flex; align-items:center; flex-shrink:0; flex-direction:row-reverse;}
.histroy .hisRight i{ font-size:20px; color:#FFFFFF;}
.histroy .his{ flex:1; display:flex; align-items:center; position:relative; overflow:hidden;}

.hisItem{ display:flex !important; align-items:center; position:relative; height:350px !important;}
.hisItem .hisItemNei{ background:#FFFFFF; border-radius:10px; padding:60px 35px; width:550px; transition:width ease-in-out 1s; cursor:pointer; flex-shrink:0; opacity:0;}
.hisItem .hisItemNei .hisItemBox{ height:160px; overflow:hidden; overflow-y:auto;}
.hisItem .hisItemNei .hisItemBox::-webkit-scrollbar { /*滚动条整体样式*/ width:5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}
.hisItem .hisItemNei .hisItemBox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background:var(--l);}
.hisItem .hisItemNei .hisItemBox::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #fff;}
.hisItem .hisItemNei .hisItemBox .hisItemTitle{ font-size:50px; color:var(--l2); line-height:60px;}
.hisItem .hisItemNei .hisItemBox .hisItemList{ font-size:16px; line-height:2em; color:var(--l2); display:table; opacity:0.85;}
.hisItem .hisItemNei .hisItemBox .hisItemList .hisItems{ display:table-row;}
.hisItem .hisItemNei .hisItemBox .hisItemList .hisItems .hisItemDeta{ display:table-cell; vertical-align:top; padding-right:20px; white-space:pre;}
.hisItem .hisItemNei .hisItemBox .hisItemList .hisItems .hisItemsmall{ display:table-cell; vertical-align:top;}

.hisItem.slick-active .hisItemNei{ opacity:0.05;}

.hisItem.slick-active.slick-center{ justify-content:center;}
.hisItem.slick-active.slick-center .hisItemNei{ position:relative;  z-index:10; opacity:1; width:900px !important;}
.hisItem.slick-active.slick-center .hisItemNei .hisItemBox{ height:230px;}

.hisItem:nth-child(9){ justify-content:flex-start;}
.hisItem:nth-child(11){ justify-content:flex-end;}

.hisBot{ width:100%; position:relative;}
.hisBot .hisBotBg{ top:calc( 50% - 15px); position:absolute; left:0; width:100%; height:1px; background:#FFFFFF; opacity:0.2; z-index:0;}
.hisBot .hisBotDoc{  width:90%; max-width:calc( 100% - 170px); margin:0 auto;}
.hisBot .hisBotDoc li{ display:flex; align-items:center; justify-content:center; position:relative; flex-direction:column;}
.hisBot .hisBotDoc li .DocWai{ width:32px; height:32px; border-radius:32px; border:#FFFFFF00 solid 2px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.hisBot .hisBotDoc li .DocWai div{ width:8px; height:8px; border-radius:8px; background:#FFFFFF; opacity:0.5;}
.hisBot .hisBotDoc li:hover .DocWai{ border:#FFFFFF solid 2px;}
.hisBot .hisBotDoc li.slick-center .DocWai{ border:#FFFFFF solid 2px;}
.hisBot .hisBotDoc li:hover .DocWai div{ opacity:1;}
.hisBot .hisBotDoc li.slick-center .DocWai div{ opacity:1;}
.hisBot .hisBotDoc li .DocYear{ font-size:16px; margin-top:10px; color:#FFFFFF; opacity:0.2;}
.hisBot .hisBotDoc li.slick-center .DocYear{ opacity:1;}

.tkBoxBot{ display:flex; align-items:center;}
.tkBoxLine{ width:100%; background:#e5e5e5; height:3px;}
.tkBoxLine div{ background:var(--l); height:3px; transition:all ease 0.5s; border-radius:10px;}

.tkBoxBot .tukuArrow{ display:flex; align-items:center;}
.tkBoxBot .tukuArrow .arrow{ margin-left:45px; cursor:pointer; transition:all ease 0.5s; white-space:pre; border:#999999 solid 1px; color:#999999;}
.tkBoxBot .tukuArrow .arrow:hover{ border:var(--l) solid 1px; color:#FFFFFF;}

.about5{ background:#f5f5f5; padding:110px 0; overflow:hidden;}
.about5 .t1{ text-align:center; }
.about5 .t2{ text-align:center; }

.honor{ max-width:1620px; padding-top:40px; padding-bottom:20px;}
.honor .honorItem{ margin:0 10px; background:#FFFFFF; position:relative; overflow:hidden; border-radius:10px; display:flex; flex-direction:column; align-items:center; cursor:pointer; height: auto;}
.honor .honorItem .honorItemLine{ width:100%; height:2px; background: url(/static/skin/css/../images/a11.png) no-repeat 50% 0/100% 2px,#FFFFFF; position:absolute; left:-100%; top:0; transition:all ease 0.5s;}
.honor .honorItem:hover .honorItemLine{ left:0;}
.honor .honorItem .honorItemImg{ width:223px; height:298px; padding:10px; margin:50px auto; background:url(/static/skin/css/../images/a16.jpg) no-repeat 50%/100% 100%;}
.honor .honorItem .honorItemImg div{ height:100%; width:100%; overflow:hidden; position:relative;}
.honor .honorItem .honorItemTitle{ padding:20px 10px; line-height:2em; font-size:16px; text-align:center; color:var(--l2); border-top:var(--l2) solid 1px; width:100%; opacity:0.9; }
.honor .honorItem:hover .honorItemTitle{ opacity:1;}

{}

.pro1{ padding:100px 0;}
.pro1 .t1{ text-align:center; }
.pro1 .t2{ text-align:center; }

.shangshi{ max-width:1630px; }

.shItem{ border-radius:10px; overflow:hidden; position:relative; margin:35px 15px;}
.shItem .shImg{ width:100%; overflow:hidden; position:relative; z-index:0;}
.shItem .shImg:before{ content:''; display:block; padding-top:calc( 100% * 580 / 514);}
.shItem .shTitle{ width:100%; height:100%; top:0; left:0; position:absolute; z-index:10; display:flex; align-items:flex-end; padding:30px 45px;}
.shItem .shTitle div{ font-size:24px; color:#FFFFFF;}
.shItem .shMask{ width:100% !important; height:100% !important; top:0; left:0; position:absolute; z-index:100; display:flex; flex-direction:column; justify-content:space-between; padding:45px 40px 60px; background:url(/static/skin/css/../images/int1.jpg) no-repeat 50%/100% 100%; color:#FFFFFF;}
.shItem .shMask .shIcon{ display:flex; flex-direction:row-reverse; width:100%;}
.shItem .shMask .shText{ display:flex; flex-direction:column;}
.shItem .shMask .shText .shTitle1{ font-size:24px; line-height:2em;}
.shItem .shMask .shText .shSmall{ font-size:16px; line-height:2em; margin-bottom:2em;}
.shItem .shMask .shText .shLink{}
.shItem .shMask .shText .shLink .more{ border:rgba(255,255,255,0.2) solid 1px;}
.shItem .shMask .shText .shLink{}

.more{ width:180px; height:52px; border-radius:50px; display:flex; align-items:center; justify-content:center; font-size:16px;}
.more span{ margin-right:10px;}

.projects{ display:flex; margin-top:40px; }

.projects .hisLeft{ width:75px; display:flex; align-items:center; flex-shrink:0;}
.projects .hisLeft i{ font-size:20px; color:#999999;}
.projects .hisRight{ width:75px; display:flex; align-items:center; flex-shrink:0; flex-direction:row-reverse;}
.projects .hisRight i{ font-size:20px; color:#999999;}
.projects .arrow{ border:#999999 solid 1px; color:#999999;}
.projects .arrow:hover{ border:var(--l) solid 1px; color:#FFFFFF;}
.projects .arrow:hover i{ font-size:20px; color:#FFFFFF;}

.projects .research{ flex:1; position:relative; overflow:hidden;}

.researchItem{ display:flex; align-items:center;}
.researchItem.slick-center{ }
.projects .slick-initialized .slick-slide { display: flex;}

.researchItemBox{ border-radius:10000px; overflow:hidden; position:relative; width:calc( 100% * 360 / 415); margin:0 25px; width:360px;}
.researchItemBox .researchImg{ position:relative; z-index:0;}
.researchItemBox .researchImg:before{ content:''; display:block; padding-top:calc( 100% );}
.researchItemBox .researchTitle{ width:100%; height:100%; top:0; left:0; position:absolute; z-index:100; display:flex; align-items:flex-end; background:url(/static/skin/css/../images/pro6.png) no-repeat 50%/100% 100%;}
.researchItemBox .researchTitle div{ width:100%; font-size:20px; color:#FFFFFF; text-align:center; margin-bottom:45px;}
.researchItemBox .researchMask{ width:100%; height:100%; top:0; left:0; position:absolute; z-index:100; display:flex; flex-direction:column; align-items:center; justify-content:center; background:url(/static/skin/css/../images/pro4.png) no-repeat 50%/100% 100%; color:#FFFFFF; opacity:0; transition:all ease 0.5s;}
.researchItemBox .researchMask .researchT{ font-size:24px; line-height:2em;}
.researchItemBox .researchMask .researchS{ font-size:16px; line-height:1.8em; margin-bottom:2em; text-align:center; width:60%;}
.researchItemBox .researchMask .researchM{}
.researchItemBox .researchMask .researchM .more{ border:#FFFFFF solid 1px;}

.researchItem.slick-center .researchItemBox{ width:575px;}
.researchItem.slick-center .researchItemBox .researchMask{ opacity:1;}

.projects .slick-track { display: flex; align-items: center;}

.pro2{ padding:120px 0; overflow:hidden; display:flex; align-items:center; justify-content:space-between;}
.pro2 .proLeft2{ margin-right:55px; flex:1;}
.pro2 .proRight2{ margin-left:55px; flex:1;}

{}


.nav{ display:flex; align-items:center; height:60px;}
.nav a{ font-size:15px; color:#999999; margin-right:10px;}
.nav i{ font-size:15px; color:#999999; margin-right:10px;}
.nav span{ font-size:15px; color:var(--l2);}

.pro3{ display:flex; align-items:center; justify-content:space-between; padding:100px 0; overflow:hidden;}
.pro3 .proLeft3{ width:50%; padding-right:20px;}
.pro3 .proLeft3 img{ width:100%;}
.pro3 .proRight{ padding-left:70px; flex: 1;}
.pro3 .proRight .a1{ margin-bottom:2em; line-height:2em;}

.proMore3{ width:fit-content; height:52px; border-radius:50px; display:flex; align-items:center; justify-content:center; font-size:16px; padding:0 30px; color:#FFFFFF; background:var(--l);}
.proMore3 img{ margin-right:10px;}

.pro6{ background: #f5f5f5; padding: 110px 0; overflow: hidden;}

.introduction{ display:grid; grid-gap:20px; grid-template-columns:repeat(3,1fr); margin-top:35px;}
.introduction .intro{ padding:50px 30px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:10px; background:#FFFFFF; color:var(--l2); cursor:pointer;}
.introduction .intro .introImg{ width:170px; padding:5px; border-radius:200px; border:var(--l) dashed 1px;}
.introduction .intro .introImg div{ position:relative; overflow:hidden; width:100%; border-radius:200px;}
.introduction .intro .introImg div:before{ content:''; display:block; padding-top:100%;}
.introduction .intro .introTitle{ font-size:24px; line-height:2em; text-align:center; font-weight:bolder; margin-top:15px;}
.introduction .intro .introSmall{ font-size:16px; line-height:2em; text-align:center;}

.introduction .intro:hover{ color:#FFFFFF; background:url(/static/skin/css/../images/pro12.jpg) no-repeat 50%/100% 100%;}
.introduction .intro:hover .introImg{ border:#FFFFFF dashed 1px;}

.pro5{ padding: 100px 0; overflow: hidden;}

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

.t3{ font-size:16px; line-height:2em; color:var(--l2);}

.model{ max-width:1620px; margin-top:35px;}
.model .modelItem{ display:inline-block; margin:0 10px;}
.model .modelItem .modelImg{ position:relative; overflow:hidden; width:100%; border-radius:10px;}
.model .modelItem .modelImg:before{ content:''; display:block; padding-top:calc( 100% * 390 / 380);}
.model .modelItem .modelTitle{ text-align:center; color:var(--l2); line-height:2em; font-size:22px; padding:18px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; border-bottom:#e5e5e5 solid 1px;}

{}

.proRight5{ display:flex; align-items:center;}

.more2{ padding:0 25px; line-height:50px; margin-left:20px; border-radius:100px; display:block; color:var(--l2); border:var(--l2) solid 1px; min-width:180px; text-align:center;}
.more2:hover{ background:var(--l); color:#FFFFFF; border:var(--l) solid 1px;}
.more2.on{ background:var(--l); color:#FFFFFF; border:var(--l) solid 1px;}

.oem{ margin-top:35px;}

.oemItem{ position:relative; border-radius:10px; overflow:hidden;}
.oemItem .oemZhan{ width:600px;}
.oemItem .oemZhan:before{ content:''; display:block; padding-top:100%;}
.oemItem .oemMask{ border-radius:10px; overflow:hidden; background: url(/static/skin/css/../images/oem1.jpg) no-repeat 50%/100% 100%; width:600px; height:100%; display:flex; flex-direction:column; justify-content:space-between; position:absolute; left:0; top:0; padding:75px 55px 65px 50px; color:#FFFFFF;}
.oemItem .oemMask .oemIcon{ width:100%; display:flex; flex-direction:row-reverse;}
.oemItem .oemMask .oemBot{}
.oemItem .oemMask .oemBot .oemTitle{ font-size:30px; font-weight:bolder;}
.oemItem .oemMask .oemBot .oemSmall{ font-size:16px; line-height:2em; margin-top:1em;}
.oemItem .oemMask .oemBot .oemTedian{ font-size:15px; line-height:2em; margin-top:1em;}

.type{ max-width:1620px; margin:35px auto;}

.typeItem{ margin:0 10px; display:block; border-radius:10px; overflow:hidden; position:relative;}
.typeItem .typeImg{ width:100%; position:relative; border-radius:10px; overflow:hidden;}
.typeItem .typeImg:before{ content:''; display:block; padding-top:calc( 100% * 360 / 520);}
.typeItem .typeTitle{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(/static/skin/css/../images/oem5.png) repeat-x 50% 100%; display:flex; align-items:flex-end; padding:20px 30px; font-size:26px; line-height:2em; color:#FFFFFF; opacity:1; transition:all ease 0.75s;}
.typeItem:hover .typeTitle{ opacity:0;}
.typeItem .typeText{ width:100%; height:100%; position:absolute; left:0; top:0; display:flex; flex-direction:column; padding:50px 35px; color:#FFFFFF; justify-content:flex-end; background:rgba(6 ,28 ,69 ,.9); opacity:0; transition:all ease 0.75s;}
.typeItem:hover .typeText{ opacity:1;}
.typeItem .typeText .typeT{ font-size:26px; line-height:2em;}
.typeItem .typeText .typeS{font-size: 16px;
    line-height: 26px;
    opacity: 0.8;
    max-height: 78px;
    overflow: hidden;
    overflow-y: auto;}
div::-webkit-scrollbar { width:2px; height: 1px;}
div::-webkit-scrollbar-thumb { border-radius: 4px; background:var(--l);}
div::-webkit-scrollbar-track { border-radius: 10px; background:var(--l2);}
.typeItem .typeText .typeM{ margin-top:30px;}
.typeItem .typeText .typeM .more{ border:rgba(255,255,255,0.90) solid 1px;}

.oem1{ display:flex; justify-content:space-between;}
.oem1 .oemLeft1{ width:414px; border-right:#efefef solid 1px; display:flex; flex-direction:column;}

.oemLeft11{ display:flex; align-items:center; margin-top:30px;}
.oemLeft11 .oemLeftIcon11{ width:75px; margin-right:15px; flex-shrink:0;}
.oemLeft11 .oemLeftText11{}
.oemLeft11 .oemLeftText11 .oemLeftText111{ font-size:18px; line-height:2em; color:var(--l2); opacity:0.8;}
.oemLeft11 .oemLeftText11 .oemLeftText121{ font-size:20px; line-height:2em; color:var(--l2);}

.oemRight1{ width:calc( 100% * 1000 / 1600);}

.oemForm{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.oemForm .inp1{ width:calc( 50% - 8px); margin-bottom:20px; position:relative;}
.oemForm .inp1 input{ padding:0 18px; line-height:50px; border:#e5e5e5 solid 1px; border-radius:5px; width:100%; background:none;}
.oemForm .inp1 input:focus{ border:var(--l2) solid 1px;}
.oemForm .inp1 span{ position:absolute; top:20px; right:15px; color:red;}
.oemForm .inp2{ width:calc( 50% - 8px); margin-bottom:20px; position:relative; padding-right:18px; border:#e5e5e5 solid 1px; border-radius:5px;}
.oemForm .inp2.on{ border:var(--l2) solid 1px;}
.oemForm .inp2 select{ padding:0 18px; line-height:50px; width:100%; background:none;height:50px;}
.oemForm .inp2 select:focus{}
.oemForm .inp3{ width:100%; margin-bottom:40px;}
.oemForm .inp3 textarea{ padding:0 18px; line-height:50px; border:#e5e5e5 solid 1px; border-radius:5px; width:100%; background:none;height:120px;}
.oemForm .inp3 textarea:focus{ border:var(--l2) solid 1px;}
.oemForm .inp4{ width:100%; position:relative; overflow:hidden;}
.oemForm .inp4 input{ position:absolute; left:-100%;}
.oemForm .inp4 .more{ padding:0 25px; line-height:50px; border-radius:100px; display:flex; color:var(--l2); border:var(--l2) solid 1px; min-width:180px; text-align:center; cursor:pointer; align-items:center; justify-content:center;}
.oemForm .inp4 .more:hover{ background:var(--l); border:var(--l); color:#FFFFFF;}
.oemForm .inp6{ width:calc( 25% - 16px); margin-bottom:20px; position:relative; padding-right:18px; border:#e5e5e5 solid 1px; border-radius:5px;}
.oemForm .inp6.on{ border:var(--l2) solid 1px;}
.oemForm .inp6 select{ padding:0 18px; line-height:50px; width:100%; background:none;height:50px;}
.oemForm .inp6 select:focus{}
.oemForm .inp5{ width:100%; margin-bottom:20px; position:relative; padding-right:18px; border:#e5e5e5 solid 1px; border-radius:5px;}
.oemForm .inp5.on{ border:var(--l2) solid 1px;}
.oemForm .inp5 input{ padding:0 18px; line-height:50px; width:100%; background:none;height:50px;}
.oemForm .inp5 input:focus{}
.oemForm .inp5 span{ position:absolute; top:20px; right:15px; color:red;}


{}

.stock{ padding:40px calc( 100% * 100 / 1600); border-radius:10px; background:#FFFFFF; display:flex; justify-content:space-between; margin:100px auto 85px;}
.stock .stockLeft{ width:calc( 100% * 340 / 1400); border-right:#EEEEEE solid 1px; display:flex; flex-direction:column;}
.stock .stockLeft .stockLeft1{ display:flex; align-items:baseline;}
.stock .stockLeft .stockLeft1 .stockLeft11{ font-size:30px; color:var(--l2);}
.stock .stockLeft .stockLeft1 .stockLeft12{ font-size:16px; color:var(--l3); margin-left:10px;}
.stock .stockLeft .stockLeft2{ display:flex; align-items:center; margin:5px 0 10px;}
.stock .stockLeft .stockLeft2 .stockLeft21{ font-size:54px; color:var(--l2); margin-right:10px;}
.stock .stockLeft .stockLeft2 .stockLeft22{ width:0; height:0; border-left:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid var(--l);}
.stock .stockLeft .stockLeft3{ display:flex; align-items:center; color:var(--l); font-size:20px;}
.stock .stockLeft .stockLeft3 i{ margin-right:10px; font-size:18px; font-weight:100;}

.stock .stockRight{ width:calc( 100% * 950 / 1400);}
.stock .stockRight .stockData{ display:flex; justify-content:space-between;}
.stock .stockRight .stockData .stockItem{ }
.stock .stockRight .stockData .stockItem .stockTop{ font-size:18px; line-height:2em; color:var(--l3);}
.stock .stockRight .stockData .stockItem .stockBot{ font-size:40px; line-height:1.2em; color:var(--l2); margin-bottom:20px;}
.stock .stockRight .stockBase{ font-size:16px; line-height:2em; color:var(--l3);}

.investor{ max-width:1620px; margin-bottom:120px !important;}

.investorItem{ position:relative; border-radius:10px; overflow:hidden; margin:0 10px;}
.investorItem .investorImg{ position:relative; z-index:0; width:100%; border-radius:10px; overflow:hidden;}
.investorItem .investorImg:before{ content:''; display:block; padding-top:calc( 100% * 600 / 520);}
.investorItem .investorMask{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(/static/skin/css/../images/int4.png) repeat-x 50% 100%; display:flex; justify-content:flex-end; flex-direction:column; padding:30px 40px; font-size:30px; line-height:2em; color:#FFFFFF; opacity:1; transition:all ease 0.75s;}
.investorItem .investorMask .investorIcon{ margin-bottom:10px;}
.investorItem .investorBox{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(/static/skin/css/../images/int1.jpg) repeat-x 50% 100%; display:flex; justify-content:flex-end; flex-direction:column; padding:30px 40px; opacity:0; transition:all ease 0.75s;}
.investorItem .investorBox .investorIcon2{}
.investorItem .investorBox .investorTitle2{ font-size:30px; line-height:2em; color:#FFFFFF;}
.investorItem .investorBox .investorSmall{ font-size:16px; line-height:28px; color:#FFFFFF; opacity:0.8;}
.investorItem .investorBox .investorMore{ margin-top:30px;}
.investorItem .investorBox .investorMore .more{ border:rgba(255,255,255,0.90) solid 1px; color:#FFFFFF;}

.investorItem:hover .investorMask{ opacity:0;}
.investorItem:hover .investorBox{ opacity:1;}

{}

.gov{ margin:40px auto;}

.govItem{ margin-bottom:15px; font-size:18px; line-height:2em; padding:17px 50px; background:url(/static/skin/css/../images/int8.png) no-repeat 20px 50%, url(/static/skin/css/../images/on3.png) no-repeat calc( 100% - 20px) 50%,#FFFFFF; border-radius:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.govItem:hover{ color:#FFFFFF; background:url(/static/skin/css/../images/int9.png) no-repeat 20px 50%, url(/static/skin/css/../images/on4.png) no-repeat calc( 100% - 20px) 50%,var(--l2);}

{}


.notice{ margin:40px auto; display:table;}

.noticeItem{ display:table-row; padding-bottom:15px;}
.noticeItem:hover{ color:#FFFFFF;}
.noticeItem .noticeDeta{ display:table-cell; vertical-align:middle; padding-bottom:15px; width:125px;}
.noticeItem .noticeDeta .noticeDetaBox{ padding:17px 0px 17px 20px; border-radius:10px 0px 0px 10px; background:#FFFFFF;}
.noticeItem .noticeDeta .noticeDetaBox .noticeDetaNei{ font-size:18px; line-height:2em; border-right:#EEEEEE solid 1px;color:var(--l2); padding-right:15px;}
.noticeItem .noticeTitle{ display:table-cell; vertical-align:middle; padding-bottom:15px;}
.noticeItem .noticeTitle div{ background:url(/static/skin/css/../images/on3.png) no-repeat calc( 100% - 20px) 50%,#FFFFFF; padding:17px 50px 17px 15px; font-size:18px; border-radius: 0px 10px 10px 0px; line-height:2em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; color:var(--l2); width:100%;}

.noticeItem:hover .noticeDeta .noticeDetaBox{ background:#173367;}
.noticeItem:hover .noticeDeta .noticeDetaBox .noticeDetaNei{ color:#FFFFFF; border-right:#FFFFFF solid 1px;}
.noticeItem:hover .noticeTitle div{ color:#FFFFFF; background:url(/static/skin/css/../images/on4.png) no-repeat calc( 100% - 20px) 50%,#173367;}


{}

.pro7{ display:flex; justify-content:center; align-items:center; margin:100px auto 60px;
    overflow: hidden;
    overflow-x: auto;}

.proList{ display:grid; grid-gap:20px; grid-template-columns:repeat(3,1fr);}
.proList .proItem{ background:#FFFFFF; border-radius:10px; padding:20px;}
.proList .proItem .proItemImg{ width:100%; overflow:hidden; border-radius:10px; position:relative;}
.proList .proItem .proItemImg:before{ content:''; display:block; padding-top:calc( 100% * 270 / 480);}
.proList .proItem .proItemText{ padding:20px 0;}
.proList .proItem .proItemText .proItemTitle{ font-size:22px; line-height:2em; color:var(--l2); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; font-weight:bolder; }
.proList .proItem .proItemText .proItemSmall{ font-size:15px; line-height:2em; color:var(--l2); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; height:6em; }
.proList .proItem .proItemText .proItemMore{ margin-top:32px;}
.proList .proItem .proItemText .proItemMore .more2{ width:fit-content; margin-left:0; }
.proList .proItem .proItemText .proItemMore .more2 i{ color:var(--l);}
.proList .proItem:hover .proItemText .proItemMore .more2{ background:var(--l); color:#FFFFFF; border:var(--l) solid 1px;}
.proList .proItem:hover .proItemText .proItemMore .more2 i{ color:#FFFFFF;}

.addPro{ margin:60px auto 100px; display:flex; align-items:center; justify-content:center;}
.addPro .addProduct{ display:flex; align-items:center; justify-content:center; width:fit-content; cursor:pointer;}
.addPro .addProduct img{ margin-right:10px;}
.addPro .addProduct.on img{ animation: yuan2 2s linear  infinite; transform-origin: center}
.addPro .addProduct span{ opacity:0.8; color:var(--l2); font-size:15px;}

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

{}

.online{ margin:40px auto; display:grid; grid-gap:20px; grid-template-columns:repeat(3,1fr);}

.onlineItem{ padding:20px; border-radius:10px; overflow:hidden; position:relative; background:#FFFFFF;}
.onlineItem .onlineImg{ width:100%; position:relative; overflow:hidden; border-radius:10px;}
.onlineItem .onlineImg:before{ content:''; display:block; padding-top:calc( 100% * 400 / 345);}
.onlineItem .onlineTitle{ font-size:18px; line-height:26px; padding-right:40px; background:url(/static/skin/css/../images/on3.png) no-repeat calc( 100% - 10px) 50%; color:var(--l2); margin-top:20px;}
.onlineItem:hover .onlineTitle{ background:url(/static/skin/css/../images/on4.png) no-repeat calc( 100% - 10px) 50%;}
.onlineItem .onlineLine{ width:0; height:3px; background:url(/static/skin/css/../images/on1.png) no-repeat 100% 50%/auto 100%; transition:all ease 0.75s; position:absolute; left:0; bottom:0;}
.onlineItem:hover .onlineLine{ width:100%;}

{}

.reports{ margin:40px auto; display:grid; grid-gap:20px; grid-template-columns:repeat(3,1fr);}

.reportsItem{ padding:20px; border-radius:10px; overflow:hidden; position:relative; background:#FFFFFF;}
.reportsItem .reportsImg{ width:100%; position:relative; overflow:hidden; border-radius:10px;}
.reportsItem .reportsImg:before{ content:''; display:block; padding-top:calc( 100% * 290 / 480);}
.reportsItem .reportsTitle{ font-size:18px; line-height:26px; color:var(--l2); margin-top:20px;}

.reportsForm{ display:flex; align-items:center;}

.repInp{ border:var(--l3) solid 1px; border-radius:50px; margin-left:40px; overflow:hidden; display:flex; align-items:center;}
.repInp select{ padding-left:20px; margin-right:20px; width:200px; line-height:50px; height:50px; background:inherit;}
.repInp .reText{ line-height:50px;}
.repInp .reText input{ width:260px; padding:0 20px; line-height:50px; height:50px; background:inherit;}
.repInp .reSub{ position:relative; overflow:hidden; cursor:pointer; display:flex; align-items:center;}
.repInp .reSub input{ position:absolute; left:-100%;}
.repInp .reSubimt{ padding:0 40px; height:50px; display:flex; align-items:center; font-size:18px; color:#FFFFFF; background:var(--l); overflow:hidden; border-radius:50px;}
.repInp .reSubimt img{ margin-right:10px;}

{}

.agent{ margin:40px auto;}

.agentItem{ display:block; background:#FFFFFF; position:relative; border-radius:10px; overflow:hidden; padding:20px; margin-bottom:20px;}
.agentItem .agentLine{ width:0; height:3px; background:url(/static/skin/css/../images/news3.png) no-repeat 100% 50%/auto 100%; transition:all ease 0.75s; position:absolute; left:0; top:0;}
.agentItem:hover .agentLine{ width:100%;}

.agentBox{ display:flex; align-items:center;}
.agentBox .agentImg{ width:330px; position:relative; overflow:hidden; border-radius:10px; flex-shrink:0;}
.agentBox .agentImg:before{ content:''; display:block; padding-top:calc( 100% * 200 / 330);}
.agentBox .agentText{ padding:0 40px;}
.agentBox .agentText .agentTitle{ font-size:22px; line-height:30px;  border-bottom:#fff solid 1px; width:fit-content; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; margin-bottom:5px; color:var(--l2); }
.agentBox .agentText .agentDeta{ font-size:16px; line-height:28px; color:var(--l);}
.agentBox .agentText .agentSmall{ font-size:16px; line-height:28px; color:var(--l2); opacity:0.85; margin-top:10px;}


.agentItem:hover .agentBox .agentText .agentTitle{ font-weight:bolder;  border-bottom:var(--l2) solid 1px;}
.agentItem:hover .agentBox .agentText .agentSmall{ opacity:1;}

{}

.new2{ margin:40px auto 80px; display:flex;}
.newsLeft{ flex:1;}
.newsRight{ width:380px; margin-left:15px; flex-shrink:0;}

.newsBox{ background:#FFFFFF; border-radius:10px; background:#FFFFFF; padding:35px;}

.title{ font-size:32px; line-height:1.5em; color:var(--l2); font-weight:bolder;}
.detas{ font-size:16px; line-height:2em; color:var(--l);}
.detas span{ margin-right:45px;}
.line{ margin:25px 0; width:100%; height:1px; background:#eeeeee;}
.content{ font-size:15px; line-height:26px; color:var(--l3); padding:1em 0;}
.title2{ font-size:22px; opacity:1; color:var(--l2); font-weight:bolder;}
.title3{ font-size:18px; opacity:1; color:var(--l2); font-weight:bolder;}

.newsBot2{ display:flex; align-items:center; justify-content:space-between;}
.newsBot2 .newsLink2{ display:flex; flex-direction:column; padding-right:40px;}
.newsBot2 .newsLink2 div{ display:flex; align-items:center; font-size:16px; line-height:2em; color:var(--l2); opacity:0.85; }
.newsBot2 .newsLink2 a{ font-size:16px; line-height:2em; color:var(--l2); opacity:0.85;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; }
.newsBot2 .newsLink2:hover{ color:var(--l); opacity:1;}
.newsBot2 .newsLink2 a:hover{ color:var(--l); opacity:1;}

.newsBot2 .more2{ flex-shrink:0; width:fit-content;}

.rightBox{ padding:20px; background:#FFFFFF; border-radius:10px; margin-bottom:20px;}

.newsHot{ width:100%;}

.newsHotItem{ display:flex; flex-direction:column; padding:20px 0; border-bottom:#EEEEEE solid 1px;}
.newsHotItem:nth-last-child(1){ border:none;}
.newsHotItem .newsHotTitle{ font-size:18px; line-height:26px; color:var(--l2);}
.newsHotItem .newsHotDeta{ font-size:16px; line-height:26px; color:var(--l2);}
.newsHotItem:hover .newsHotTitle{ font-weight:bolder; text-decoration:underline;}
.newsHotItem:hover .newsHotDeta{ color:var(--l);}
.newsHotItem .newsHotDeta2{ font-size:15px; line-height:26px; color:var(--l2); margin-top:10px;}


.fyj{ width:100%; background:url(/static/skin/css/../images/join1.png) no-repeat 50% 0/100% 100%; border-radius:10px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; padding:25px; height:240px;}
.fyj .fyj1{}
.fyj .fyj2{ font-size:16px; line-height:2em; color:#FFFFFF; margin-top:10px;}
.fyj .fyj3{ font-size:24px; line-height:32px; color:#FFFFFF; text-decoration:underline;}

{}

.news{ margin:40px auto; overflow:hidden;}

.newsItem1{ display:block; border-radius:10px; overflow:hidden; position:relative; margin-bottom:20px;}
.newsItem1 .newsImg1{ position:relative; border-radius:10px; overflow:hidden;}
.newsItem1 .newsImg1:before{ content:''; display:block; padding-top:calc( 100% * 600 / 1600);}
.newsItem1 .newsIText1{ position:absolute; z-index:10; left:0; top:0; background:url(/static/skin/css/../images/news2.png) no-repeat 50%/100% 100%; display:flex; justify-content:flex-end; flex-direction:column; padding:30px 40px; border-radius:10px; overflow:hidden; color:#FFFFFF; width:100%; height:100%;}
.newsItem1 .newsIText1 .newsTitle1{ font-size:22px; line-height:2em;}
.newsItem1 .newsIText1 .newsSmall1{ font-size:16px; line-height:2em;}

.newsItem2{ display:flex; align-items:center; background:#FFFFFF; border-radius:10px; overflow:hidden; margin-bottom:20px; position:relative; padding:50px 0;}
.newsItem2 .newsLine2{ width:0; height:3px; background:url(/static/skin/css/../images/news3.png) no-repeat 100% 50%/auto 100%; transition:all ease 0.75s; position:absolute; left:0; top:0;}
.newsItem2 .newsDeta2{ display:flex; flex-direction:column; align-items:center; padding:0 40px; flex-shrink:0; color:var(--l2);}
.newsItem2 .newsDeta2 .newsDetaDay2{ font-size:66px; line-height:70px;}
.newsItem2 .newsDeta2 .newsDetaYear2{ font-size:19px; line-height:1.5em;}
.newsItem2 .newsText2{ padding:0 90px 0 50px; display:flex; flex-direction:column;}
.newsItem2 .newsText2 .newsTitle2{ font-size:22px; line-height:30px;  border-bottom:#fff solid 1px; width:fit-content; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; margin-bottom:5px; }
.newsItem2 .newsText2 .newsSmall2{ font-size:16px; line-height:28px; color:var(--l2); opacity:0.85;}

.newsItem2:hover .newsLine2{ width:100%;}
.newsItem2:hover .newsDeta2{ color:var(--l);}
.newsItem2:hover .newsText2 .newsTitle2{ font-weight:bolder;  border-bottom:var(--l2) solid 1px;}

.fenye{ display: flex; justify-content: center; align-items: center;}
.fenye a{ display: flex; justify-content: center; align-items: center; border-radius: 5px; margin:0 5px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #666666; border:#d2d2d2 solid 1px; min-width: 50px;}
.fenye a.on{ border: var(--l) solid 1px; background: var(--l); color: #fff;}
.fenye a:hover{ border: var(--l) solid 1px; background: var(--l); color: #fff;}

.pagination{ display: flex; justify-content: center; align-items: center;}
.pagination span{ display: flex; justify-content: center; align-items: center; border-radius: 5px; margin:0 5px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #666666; border:#d2d2d2 solid 1px; min-width: 50px; cursor:pointer;}
.pagination span:hover{ border: var(--l) solid 1px; background: var(--l); color: #fff;}
.pagination .active span{ background: var(--l); color: #fff; border: var(--l) solid 1px;}

{}


.f2{ position:fixed; bottom:50px; left:50%; transform:translateX(-50%); width:100%; background:none;}
.f2 .foot3{ padding:0;}
.f2 .foot3 .foot32 .foot321{ color:#FFFFFF;}

.loginBox{ width:100%; height:100vh; background:url(/static/skin/css/../images/log1.jpg) no-repeat 50%/cover; display:flex; align-items:center;}

.lBox{ height:0; display:flex; align-items:center;}

.lNei{ width:550px; border-radius:10px; padding:80px 40px; background:#FFFFFF; display:flex; flex-direction:column; align-items:center;}

.lTitle{ font-size:30px; color:var(--l2); font-weight:bolder;}

.loginForm{ display:flex; flex-direction:column; width:100%;}
.loginForm .inp11{ width:100%;}
.loginForm .inp11 input{ width:100%; padding:0 45px; line-height:50px; margin-bottom:15px; border-radius:10px;}
.loginForm .inp11 input[ type="text"]{ background:url(/static/skin/css/../images/log2.png) no-repeat 10px 50%,#f4f4f4;}
.loginForm .inp11 input[ type="password"]{ background:url(/static/skin/css/../images/log3.png) no-repeat 10px 50%,#f4f4f4;}
.loginForm .inp12{ width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:30px; position:relative; overflow: hidden;
	/*去除选中高亮*/
-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;
}
.loginForm .inp12 .jzwBox{ display:flex; align-items:center; position:relative; overflow:hidden; padding-left:25px; cursor:pointer;}
.loginForm .inp12 #checkedres{ position: absolute; left:-110px;}
.loginForm .inp12 .jzwBox img{ position:absolute; left:0; top:50%; transform:translateY(-50%); opacity:0;}
.loginForm .inp12 .jzwBox.on img{ opacity:1;}
.loginForm .inp12 .jzwBox .quan{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; border-radius:20px; border:#eee solid 2px;}
.loginForm .inp12 .jzwBox.on .quan{ opacity:0;}
.loginForm .inp12 .jzwBox .jzw{ font-size:16px; color:var(--l3); transform:translateY(-1px);}
.loginForm .inp13{ width:100%;}
.loginForm .inp13 input{ line-height:70px; width:100%; text-align:center; background:var(--l2); border-radius:10px; font-size:16px; color:#FFFFFF; cursor:pointer;}

{}

.member{ margin:130px auto 65px; display:flex;}

.mLeft{ width:350px; margin-right:15px; flex-shrink:0;}
.memberMess{ background:#FFFFFF; border-radius:10px; overflow:hidden;}

.card{ display:flex; align-items:center; flex-direction:column;}
.card .cardPic{ border-radius:500px; position:relative; overflow:hidden;}
.card .cardPic:before{ content:''; display:block; padding-top:100%;}
.card .cardName{ text-align:center; color:var(--l2); line-height:2em; font-weight:bolder;}
.card .cardsmall{ text-align:center; color:var(--l3); line-height:2em;}
.card .cardPicReg{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(23,51,103,0.5); opacity:0; font-size:16px; color:#FFFFFF; transition:all ease 0.5s; position:absolute; left:0; top:0; z-index:10;}
.card .cardPic:hover .cardPicReg{ opacity:1;}

.mLeft .card{ padding:40px 30px;}
.mLeft .card .cardPic{ width:90px;}
.mLeft .card .cardName{ font-size:20px;}
.mLeft .card .cardsmall{ font-size:15px;}

.memberMenu{ width:100%;}
.memberMenu .mmItem{ width:100%; padding:0 20px;}
.memberMenu .mmItem .mmLink{ width:100%; height:70px; display:flex; align-items:center;}
.memberMenu .mmItem .mmLink .mmIcon{ margin-right:15px;}
.memberMenu .mmItem .mmLink .mmIcon img:nth-child(2){ display:none;}
.memberMenu .mmItem .mmLink .mmTitle{ font-size:18px; color:var(--l3);}

.memberMenu .mmItem.on{ background:#fbfbfb;}
.memberMenu .mmItem.on .mmLink .mmIcon img:nth-child(1){ display:none;}
.memberMenu .mmItem.on .mmLink .mmIcon img:nth-child(2){ display:block;}
.memberMenu .mmItem.on .mmLink .mmTitle{ color:var(--l);}

.memberMenu .mmItem:hover{ background:#fbfbfb;}
.memberMenu .mmItem:hover .mmLink .mmIcon img:nth-child(1){ display:none;}
.memberMenu .mmItem:hover .mmLink .mmIcon img:nth-child(2){ display:block;}
.memberMenu .mmItem:hover .mmLink .mmTitle{ color:var(--l);}

.mRight{ flex:1;}

.memberBox{ padding:30px; background:#FFFFFF; border-radius:10px; overflow:hidden; min-height: 511px;}
.memberBox .card{ padding:20px 0 10px;}
.memberBox .card .cardPic{ width:120px;}
.memberBox .card .cardName{ font-size:22px;}
.memberBox .card .cardsmall{ font-size:16px;}

.meTitle{ width:100%; display:flex; align-items:center; font-size:24px; color:var(--l2); border-bottom:#EEEEEE solid 1px; height:70px;}
.meTitle img{ margin-right:10px;}

.bescMess{ width:100%;}

.messForm{ width:70%; max-width:720px; display:table; margin:60px auto 30px;}
.messForm .inp21{ display:table-row;}
.messForm .inp21 .inpLeft{ width:110px; display:table-cell; vertical-align:middle; padding-bottom:20px; font-size:16px; color:var(--l2); text-align:right;}
.messForm .inp21 .inpLeft .red{ color:red;}
.messForm .inp21 .inpRight{ display:table-cell; vertical-align:middle; padding:0 20px; padding-bottom:20px;}
.messForm .inp21 .inpRight .input1{ width:100%; padding:0 20px; line-height:50px; background:#f4f4f4; border-radius:10px;}
.messForm .inp21 .inpRight .input2{ display:flex; align-items:center; }
.messForm .inp21 .inpRight .input2 .inputBox2{ display:flex; align-items:center; height:50px; margin-right:30px; cursor:pointer;}
.messForm .inp21 .inpRight .input2 .inputBox2 input{ margin-right:5px; cursor:pointer;}
.messForm .inp21 .inpRight .input2 .inputBox2 label{ display:block; cursor:pointer; color:var(--l2); font-size:16px;}
.messForm .inp21 .inpRight .input3{ width:180px; line-height:50px; background:var(--l); font-size:18px; color:#FFFFFF; border-radius:50px; margin:0 auto; display:block; cursor:pointer;}

{}


.account{ width:100%; padding-top:25px;}
.account .accItem{ width:100%; margin-bottom:15px; border:#f7f7f7 solid 1px; border-radius:10px; display:flex; align-items:center; justify-content:space-between; height:150px; padding:25px;}
.account .accItem .accLeft{ display:flex; align-items:center;}
.account .accItem .accLeft .accIcon{ margin-right:20px;}
.account .accItem .accLeft .accText{}
.account .accItem .accLeft .accText .accTitle{ font-size:18px; line-height:2em; color:var(--l2); font-weight:bolder;}
.account .accItem .accLeft .accText .accSmall{ font-size:20px; line-height:2em; color:var(--l2);}
.account .accItem .accMore{ width:180px; line-height:50px; background:var(--l); font-size:18px; color:#FFFFFF; border-radius:50px; text-align:center; cursor:pointer;}

.tc{ display:none; align-items:center; justify-content:center; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:9999; width:100%; height:100vh;}
.tc .closeTc{ position:absolute; top:30px; right:30px; cursor:pointer; width:30px;}


.tcBox{ width:fit-content; background:#FFFFFF; padding:50px 45px; border-radius:10px; transform:translateY(-50px); opacity:0.8; transition:all ease 0.75s;}
.tc.on .tcBox{ transform:translateY(0px); opacity:1;}
.tcTitle{ text-align:center; font-size:30px; line-height:3em; font-weight:bolder; color:var(--l2);}
.tcTitle2{ width:390px; text-align:center;}

.tcForm{ width:480px;}

.inp41{ margin-bottom:15px;}
.inp41 input{ width:100%; padding:0 20px; line-height:60px; background: url(/static/skin/css/../images/log4.png) no-repeat 15px 50%,#f4f4f4; border-radius:10px; padding-left:45px;}
.inp41 input:-webkit-autofill{ box-shadow:rgba(0,0,0,0) 0 0 0 inset;}
.inp42{ margin-bottom:15px; display:flex; align-items:center;}
.inp42 input{ width:100%; padding:0 20px; line-height:60px; background: url(/static/skin/css/../images/log5.png) no-repeat 15px 50%,#f4f4f4; border-radius:10px; padding-left:45px; margin-right:15px;}
.inp42 .fsyzm{ min-width:130px; line-height:60px; background:var(--l); font-size:18px; color:#FFFFFF; border-radius:5px; text-align:center; cursor:pointer;white-space: pre; flex-shrink: 0; padding: 0 10px;}
.inp42 .fsyzm.on{ pointer-events:none;-webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
     -o-filter: grayscale(100%); 
        filter: grayscale(100%); 
        filter: gray; }   
.inp43{ font-size:16px; line-height:2em; color:var(--l3); opacity:0; margin-bottom:15px;}
.inp43 span:nth-child(1){ color:red; margin-right:10px;}
.inp44{}
.inp44 input{ width:100%; padding:0 20px; line-height:60px; background:var(--l2); border-radius:10px; padding-left:45px; margin-right:15px; cursor:pointer; color:#FFFFFF;}
.inp45{ margin-bottom:15px;}
.inp45 input{ width:100%; padding:0 20px; line-height:60px; background: url(/static/skin/css/../images/log3.png) no-repeat 15px 50%,#f4f4f4; border-radius:10px; padding-left:45px;}

{}


.banner{ position:relative; overflow:hidden; width:100vw; height:100vh;}
/*
.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%; max-width: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; text-align:left; justify-content: center;}
.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 .on .bannerBg{ transform:scale(1); transition: all 20s ease 1s;}

.banner .bannerBox .bannerLink .banner_mask{ pointer-events: none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:999;}
.banner .bannerBox .bannerLink .banner_mask .banner_mask1{ width:100%; height:100%; position:absolute; left:50%; top:0; background:url(/static/skin/css/../images/login_bg1.png) no-repeat 100%/cover; z-index:99; opacity:0.5; transition:all ease 0.5s 1.5s;}
.banner .bannerBox .on .bannerLink .banner_mask .banner_mask1{ left:0; opacity:1;}
.banner .bannerBox .bannerLink .banner_mask .banner_mask2{ width:100%; height:100%; position:absolute; left:50%; top:0; background:url(/static/skin/css/../images/login_bg2.png) no-repeat 100%/cover; z-index:999; opacity:0.5; transition:all ease 0.75s 1s;}
.banner .bannerBox .on .bannerLink .banner_mask .banner_mask2{ left:0; opacity:1;}

.banner .bannerBox .bannerLink .bannerText .bannerText1{ width:100%; 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:100%; 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{ width:100%; margin-top:30px; opacity:0.5; transform:translateX(-100%); transition:all 1.5s ease-in 0.1s;}
.banner .bannerBox .bannerLink .bannerText .more{ color:#fff; border:var(--l) solid 1px; background:var(--l);}
.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 .moreBox{ transform:translateX(0); opacity:1;}

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

.banner .bannerBox .bannerLink .bannerText .more:hover{ border:#fff 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;}

.index1{ position:fixed; top:50%; left:50%; transform:translateX(-50%); display:flex; align-items:center; flex-direction:row-reverse; height:0px; z-index:99;}

.indexItem1{ display:flex; align-items:center; margin:20px 0;}
.indexItem1 .indexIcon1{ border:#ffb67f solid 5px; width:120px; position:relative; border-radius:200px; overflow:hidden; background:#b8bcc6;}
.indexItem1:hover .indexIcon1{ background:#254581;}
.indexItem1 .indexIcon1:before{ content:''; display:block; padding-top:100%;}
.indexItem1 .indexText1{ margin:0 20px 0 10px;}
.indexItem1 .indexText1 .indexT1{ font-size:16px; line-height:2em; color:#FFf;}
.indexItem1 .indexText1 .indexTitle1{ font-size:18px; line-height:2em; color:#FFFFFF;}
.indexItem1 .indexText1 .indexM1{ font-size:16px; line-height:2em; color:#FFf; display:flex; align-items:center;}
.indexItem1 .indexText1 .indexM1 span{ margin-right:10px;}

.index2{ height:0; position:fixed; bottom:50px; left:50%; transform:translateX(-50%); z-index:99; display:flex; align-items:flex-end; flex-direction:row-reverse;}
.index2 .indexBox2{ display:flex; flex-direction:column; align-items:center;}
.index2 .index21{ display:flex; align-items:center;}
.index2 .index21 a{ width:78px; display:block; position:relative; border-radius:200px; overflow:hidden; border:#ffb67f solid 3px; margin-right:40px;}
.index2 .index21 a:nth-last-child(1){ margin-right:0;}
.index2 .index21 a:before{ content:''; display:block; padding-top:100%;}
.index2 .index22{ display:flex; align-items:center; margin-top:20px; font-size:16px; color:#FFFFFF;}
.index2 .index22 span{ margin:0 5px;}

.indexBox1{ min-width:360px;}

{}


.con1{ position:relative; margin-top:40px;}

.conItem1{ display:none;}
.conItem1 .conLeft1{ flex:1; position:relative; height:700px;}
.conItem1 .conLeft1 .conZhan1{}
.conItem1 .conLeft1 .mapBox{ position:relative; width:100%; min-height:700px;}

.conItem1 .conRight1{ width:calc( 100% * 840 / 1920); position:relative; height:700px;}
.conItem1 .conRight1:before{ content:''; display:block; padding-top:calc( 100% * 700 / 840);}

.conTextBox1{ position:absolute; left:50%; top:50%; transform:translateX(-50%); height:0; display:flex; align-items:center;}
.conTextBox1 .conText1{ background:#FFFFFF; border-radius:10px; width:530px;}
.conTextBox1 .conText1 .conTitle1{ padding:25px 40px; font-size:34px; font-weight:bolder; color:var(--l2); line-height:40px; border-bottom:#EEEEEE solid 1px;}
.conTextBox1 .conText1 .conList1{ display:flex; flex-direction:column; padding:40px 40px 10px 40px;}

.conLestItem1{ margin-bottom:30px;}
.conLestItem1{ display:flex; align-items:center;}
.conLestItem1 .conIcom1{ width:75px; margin-right:15px; flex-shrink:0;}
.conLestItem1 .conListText1{}
.conLestItem1 .conListText1 .conListTitle1{ font-size:18px; line-height:2em; color:var(--l2); opacity:0.8;}
.conLestItem1 .conListText1 .conListSmall1{ font-size:20px; line-height:2em; color:var(--l2);}

.con2{ margin-top:40px;}

.join{ margin:40px auto; display:table; background:#FFFFFF; border-radius:10px; overflow:hidden;}
.join .joinTop{ display:table-row;}
.join .joinTop div{ padding:0 45px; color:#FFFFFF; font-size:18px; font-weight:bolder; height:70px; vertical-align:middle; background:#173367; display:table-cell;white-space:pre;}
.join .joinItem{ display:table-row;}
.join .joinItem div{ padding:0 45px; color:#FFFFFF; font-size:16px; height:60px; vertical-align:middle; display:table-cell; color:var(--l2); opacity:0.85;}
.join .joinItem:nth-child(odd) div{ background:#fbfbfb;}
.join .joinItem div:nth-child(1){white-space:pre; overflow:hidden; text-overflow: ellipsis;}
.join .joinItem div:nth-child(2){white-space:pre;}
.join .joinItem div:nth-child(3){white-space:pre;}
.join .joinItem div:nth-child(4){white-space:pre;}
.join .joinItem div:nth-child(5){white-space:pre;}
.join .joinItemMore{ width:180px; text-align:center;}
.join .joinItem .joinItemMore div{ display:flex; align-items:center;}
.join .joinItem .joinItemMore div span{ white-space:pre; margin-right:10px;}

{}

.layui-laypage-count{ display:none !important;}
.layui-laypage-disabled{display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin: 0 5px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    border: #d2d2d2 solid 1px;
    min-width: 50px;}
.layui-laypage-curr{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin: 0 5px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    border: #d2d2d2 solid 1px;
    min-width: 50px;
    border: var(--l) solid 1px; background: var(--l); color: #fff;}


.layui-box,.layui-laypage,.layui-laypage-default{ display:flex;}

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


}
@media screen and (max-width:1900px){
	
.w1{ width:90%; margin:0 auto; max-width:1400px;}


}
@media screen and (max-width:1600px){
    
.topMenuXun { margin: 0 8px; position: relative;}
.about1 .aboutRight1 { width: 47%;}
.bannerText .bannerText1 { font-size: 35px; line-height: 45px; font-weight: bolder;}

.conItem1 .conRight1{ max-height:700px;}

.indexItem1 .indexIcon1{ width:80px;}
.indexItem1 .indexText1 .indexTitle1{ line-height:1em;}

.index2 .index21 a{ width:60px;}

.typeItem .typeText .typeS{ max-height:52px;}

.more {
    width: 140px;
    height: 40px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.more2{
    width: 140px;
    height: 40px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 40px;
}
.more2 span{ margin-right:10px;}

.researchItem.slick-center .researchItemBox {
    width: 480px;
}

.shItem .shMask .shIcon img{ max-height:70px;}

.researchItemBox {
    margin: 0 15px;
    width: 290px;
}
.researchItemBox .researchTitle div{ font-size:18px;}
.researchItemBox .researchMask .researchT {
    font-size: 20px;
    line-height: 2em;
}
.shItem .shMask .shText .shTitle1 {
    font-size: 18px;
    line-height: 2em;
}

.shItem .shMask .shText .shSmall {
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 2em;
}
.t1 {
    font-size: 14px;}
.t2 {
    font-size: 36px;}
    
.shItem .shTitle div {
    font-size: 18px;
    color: #FFFFFF;
}   
.model .modelItem .modelTitle   {
    font-size: 18px;
    color: #FFFFFF;
}   

.typeItem .typeTitle{ font-size:20px;}
.typeItem .typeText .typeT {
    font-size: 20px;
    line-height: 2em;
}

.typeItem .typeText .typeS {
    font-size: 14px;
    line-height: 22px;}

.proList .proItem .proItemText .proItemTitle{ font-size:18px;}

.newsItem2 .newsText2 .newsTitle2 {
    font-size: 18px;}
.newsItem2 .newsDeta2 .newsDetaDay2 {
    font-size: 50px;
    line-height: 60px;
}
.newsItem2 .newsDeta2 .newsDetaYear2 {
    font-size: 15px;
    line-height: 1.5em;
}

.newsItem2{padding: 25px 0;}

.newsItem2 .newsDeta2{ padding:0 25px;}
.newsItem2 .newsText2 {
    padding: 0 50px 0 30px;}
    
.title {
    font-size: 24px;}
.content {
    font-size: 13px;}    
.newsHotItem .newsHotTitle {
    font-size: 16px;}    

.conTextBox1 .conText1 .conTitle1{padding: 15px 40px;
    font-size: 28px;} 
.conLestItem1 .conIcom1 {
    width: 55px;}
.conLestItem1 .conListText1 .conListTitle1 {
    font-size: 18px;
    line-height: 1.2em;}    
.conLestItem1 {
    margin-bottom: 15px;
}    
.investorItem .investorMask{ font-size:24px;}
    
}
@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;
}

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

.foMenu{ display:none;}
.foot3 .foot31{ display:none;}
.foot3 .foot32 .foot322{ display:none;}

.histroy .hisLeft{ width:30px;}
.histroy .hisRight{ width:30px;}



.hisItem .hisItemNei .hisItemBox .hisItemList .hisItems {
    display: flex;
    flex-direction: column;
}

.hisItem .hisItemNei .hisItemBox .hisItemList .hisItems .hisItemDeta{white-space: normal; font-weight:bolder;}
.hisItem .hisItemNei .hisItemBox .hisItemList{ display:block;}

.hisItem.slick-active.slick-center .hisItemNei .hisItemBox {
    height: 300px;
}
.hisItem .hisItemNei{ width:250px;}
.hisItem.slick-active.slick-center .hisItemNei {
    width: 600px !important;
    padding: 10% 5%;
}
}
@media screen and (max-width:770px){

.hisItem.slick-active.slick-center .hisItemNei{ width:500px !important; padding:10% 5%;}


.foot1{ margin-top:5%;}
.index1{ display:none;}
.index2{ display:none;}

.banner .bannerBox .bannerLink .banner_mask{ display:none;}

.about1 .aboutLeft1{ width:100%;}
.about1 .aboutRight1{ display:none;}

.bannerText .bannerText1 {
    font-size: 24px;
    line-height: 35px;}
.banner1 .bannerText .bannerText2 {
    margin-bottom: 5%;
}
.banner2 .bannerText .bannerText2 {
    margin-bottom: 5%;
}
.banner2 .bannerZhan2 {
    position: relative;
    height: 300px;
}


.bannerText .bannerText2 {
    font-size: 12px;
    line-height: 20px;
}

.about2{ flex-direction:column;}


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

/*.hisItem.slick-active.slick-center .hisItemNei {*/
/*    width: 100% !important;*/
/*}*/


.banner1 .bannerZhan1{ height:330px;}

.a2 .aText2 .aTextLogo2 img{ height:50px;}

.pro2{flex-direction:column;}
.pro2 .proLeft2{ width:100%; margin-right:0; margin-bottom:5%;}
.pro2 .proRight2{ width:100%; margin-left:0;}


.nav{ display:none;}

.pro3{ flex-direction:column;}
.pro3 .proLeft3{ width:100%; margin-bottom:5%;}
.pro3 .proRight{ width:100%; padding:5% 0 0;}

.t2 {
    font-size: 20px;
}

.introduction{    grid-template-columns: repeat(2,1fr);}

.introduction .intro {
    padding: 5%;    justify-content: flex-start;}
.introduction .intro .introImg {
    width: 80%;}
.introduction .intro .introTitle {
    font-size: 20px;}
.introduction .intro .introSmall {
    font-size: 14px;}    

.proTop5{ flex-direction:column; align-items: flex-start;}
.proMore3 {
    width: fit-content;
    height: 40px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    padding: 0 30px;
    color: #FFFFFF;
    background: var(--l);
    margin-top:30px;
}

.oemItem .oemZhan {
   display: none;
}
.oemItem .oemMask{ position:relative; width:100%; padding:10% 5%;}

.oem1{ flex-direction:column;}
.oem1 .oemLeft1{ width:100%; margin-bottom:30px; border:none;}

.oemRight1{ width:100%;}
.oemForm .inp1{ width:100%;}
.oemForm .inp2{ width:100%;}

.pro7 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 100px auto 60px;
    padding-bottom: 10px;
}


.proList{grid-template-columns:1fr;}

.newsItem2 .newsDeta2 {
    padding: 0 25px;
    flex-direction: row-reverse;
}

.newsItem2{ flex-direction:column;align-items: flex-start;}
.newsItem2 .newsDeta2 .newsDetaDay2{ font-size:15px; margin-left:5px;}
.newsItem1 .newsImg1{ height:300px;}
.newsItem1 .newsIText1 .newsTitle1 {
    font-size: 18px;
    line-height: 1.2em;
}

.proRight5 {
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    padding: 30px 0 10px;
}

.more2:nth-child(1){ margin-left:0;}

.new2{ flex-direction:column;}

.newsLeft{ width:100%;}
.newsRight{ width:100%; margin-top:45px; margin-left:0;}


.newsBot2{ flex-direction:column;}
.newsBot2 .newsLink2 div span:nth-child(1){     white-space: pre;}
.newsBot2 .newsLink2{ padding-right:0; padding-bottom:30px;}

.conItem1 .conLeft1 .mapBox{ display:none;}
.conItem1 .conRight1{ width:100%;}

.conItem1{ flex-direction:column; padding:0 5%;}

.conTextBox1 {
        width: 100%;
    position: relative;
    left: 0;
    top: 0;
    transform: translateX(-0%);
    height: fit-content;
    display: flex;
    align-items: center;
}

.conTextBox1 .conText1{ width:100%;}
.conTextBox1 .conText1 .conList1{ padding:40px 0;}

.conLestItem1{ flex-direction:column; align-items:flex-start;}
.conLestItem1 .conIcom1{ margin-bottom:20px;}

.conTextBox1 .conText1 .conTitle1{ padding:20px 0;}

.join .joinTop div:nth-child(2){ display:none;}
.join .joinTop div:nth-child(3){ display:none;}
.join .joinTop div:nth-child(4){ display:none;}
.join .joinTop div:nth-child(5){ display:none;}
.join .joinTop div:nth-child(6){ display:none;}


.join .joinItem div:nth-child(2){ display:none;}
.join .joinItem div:nth-child(3){ display:none;}
.join .joinItem div:nth-child(4){ display:none;}
.join .joinItem div:nth-child(5){ display:none;}
.join .joinItem div:nth-child(6){ display:none;}

.detas{ display:flex; flex-direction:column;}

.repInp .reSubimt span{ white-space: pre;}

.noticeItem{ display:flex; flex-direction:column; border-radius:10px; background:#FFFFFF;overflow: hidden; padding-bottom:0;}
.noticeItem .noticeDeta {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0;
    width: 100%;
}

.noticeItem .noticeDeta .noticeDetaBox {
    padding: 10px 0px 0px 20px;}
.noticeItem .noticeDeta .noticeDetaBox .noticeDetaNei{ border-right:none;}
.noticeItem .noticeTitle div{ padding:10px 50px 0px 15px;}

.repInp{ margin-bottom:20px; margin-left:0; width:100%;}
.reportsForm{ flex-direction:column; width:100%;}
.repInp select{ width:100%;}

.repInp .reText input{ width:100%;}

.reports{grid-template-columns:1fr;}


.stock{ flex-direction:column;}

.stock .stockLeft{ width:100%;border-right:none; margin-bottom:35px;}
.stock .stockRight{ width:100%;}
.stock .stockRight .stockData{ flex-wrap:wrap;}
.stock .stockRight .stockData .stockItem .stockBot{ font-size:30px;}
.stock .stockRight .stockData .stockItem{ width:50%;}

.more2{ min-width:100px;white-space: pre;}


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


.hisItem.slick-active.slick-center .hisItemNei{ width:400px !important; padding:10% 5%;}



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




}