@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:inherit; font-size:inherit;}
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;}
textarea{ font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#333; font-size:14px;}
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; 
}


.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: 9999999999; 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; position:relative; border-bottom:var(--c2) solid 1px;}
.moDrop .yiji .yijiTitle .yijiTitleText{ display:flex; line-height:2em; padding: 10px 0; font-size:15px; color:var(--c2);}
.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:var(--c2); 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:var(--w1);}

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

:root{
--c1:#4ed0a9;
--c2:#014099;
--w1:var(--f1400);
}


/********************************************************************************************************************************************************************************/

.top{ width: 100%; position: absolute; z-index: 99999999; left: 0; top: 0; padding: 0 ; display: flex; align-items: center; justify-content: space-between; min-height: var(--f145); padding: var(--f25) var(--f95) var(--f25);}

.noBanner{}/*没有banner的头部*/
.noBanner .top{ background: var(--c2);}

.topLeft{ display: block; flex-shrink: 0;}
.topLeft img{ width: var(--f213);}

.topRight{ display: flex; flex-direction: column; align-items: flex-end; width: calc(100% - var(--f300));}

.topTop{ display: flex; align-items: center; justify-content: flex-end;}

.topTopLeft{ display: flex; align-items: center;}
.topTopLeft a{ margin-left: var(--f45); font-size: var(--f18); color: #fff;}
.topTopLeft a:hover{ color: var(--c1);}
.topTopLeft a.on{ color: var(--c1);}

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

.topTopFromBox{ position: relative; margin-left: var(--f50);}

.topFromBox{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: none;}

.topFrom{ width: 300px; background: #fff; border-radius: var(--f10); display: flex; align-items: center; height: var(--f45); box-shadow: rgba(0,0,0,0.50) 0 0 10px; opacity: 0.5; transition: all ease 0.5s;}
.topFrom input[type="text"]{ width: 100%; padding: 0 var(--f15);}
.topFrom input[type="submit"]{ width: var(--f45); background: url(../images/icon20.png) no-repeat 50%/60% auto; cursor: pointer; height: 100%;}

.topTopFromBox:hover .topFromBox{ display: block;}
.topTopFromBox:hover .topFrom{ opacity: 1;}

.topFromIcon{}
.topFromIcon img{ width: var(--f24);}

.topTopLine{ font-size: 20px; color: #fff; margin: 0 var(--f25);}

.topTopLang{}
.topTopLang img{ width: var(--f25);}

.topBot{ display: flex; align-items: center; margin-top: var(--f5); width: 100%; justify-content: space-between;}
.topBot .topBotMenu{ margin-left: var(--f45); position: relative; padding-bottom: var(--f20); margin-bottom: calc(0px - var(--f20));}

.topBot .topBotTitle{ font-size: var(--f18); color: #fff; display: block; line-height: 3em; white-space: pre;}
.topBot .topBotTitle::before{ content: ''; display: block; width: 0%; height: var(--f3); background: var(--c1); position: absolute; left: 0; top: calc( 100% - var(--f10)); transition: all ease 0.5s;}

.topBot .topBotMenu .topBotTitle:hover{ color: var(--c1);}
.topBot .topBotMenu .topBotTitle:hover::before{ width: 100%;}

.topBot .topBotMenu.on .topBotTitle{ color: var(--c1);}
.topBot .topBotMenu.on .topBotTitle::before{ width: 100%;}

.topBot .topBotMenu .topBotDown{ position: absolute; left: 50%; transform: translateX(-50%); top:  calc( 100% - var(--f10)); min-width: 200px; display: none; flex-direction: column; border-radius:0 0 var(--f10) var(--f10); overflow: hidden; box-shadow:rgba(0,0,0,0.1) 0 0 10px;}
.topBot .topBotMenu:hover .topBotDown{ display: flex;}
.topBot .topBotMenu .topBotDown a{ display: block; text-align: center; font-size: var(--f14); color: var(--c2); background:#fff; line-height: 3em; white-space: pre; width: 100%; align-items: center; padding: 0 var(--f20);}
.topBot .topBotMenu .topBotDown a:hover{ background: var(--c1); color: #ffffff;}


.foot{ background: #e5e7eb;}

.footTop{ padding:var(--f90) 0 var(--f60); display: flex; justify-content: space-between;}

.footTopLeft{ width: calc( 100% * 360 / 1400);}
.footLogo{}
.footLogo img{ height: var(--f48);}
.footMess{ font-size:var(--f14); line-height:var(--f24); color: #666666; margin: var(--f25) 0;}
.footShare{ display: flex; align-items: center;}

.footShareItem{ width: var(--f42); position: relative; margin-right: var(--f17);}
.footShareItem .footShareWindow{ width: var(--f110); position: absolute; left: 0; bottom: 100%; padding-bottom: var(--f10); pointer-events: none; opacity: 0; transform: translateY(var(--f10)); transition: all 0.75s ease;}
.footShareItem .footShareWindow div{ box-shadow: rgba(0,0,0,0.50) 0 0 var(--f10);}
.footShareItem img{ width: 100%;}
.footShareItem:hover .footShareWindow{ opacity: 1; transform: translateY(0);}


.footTopLine{ width: var(--f1); background: #cecfd3; height: var(--f200); flex-shrink: 0;}

.footTopCenter{ display: flex; flex-direction: column;}
.footTopCenter a{ font-size: var(--f20); margin-bottom: var(--f20);}

.footTopRight{ width: calc( 100% * 900 / 1400); display: grid; grid-gap: var(--f30); grid-template-columns: repeat(4,1fr);}
.footTopRight .footTopRight1{ display: flex; flex-direction: column;}
.footTopRight .footTopRight1 a:nth-child(1){ font-size: var(--f20); line-height: 1.2em; height: 2.4em;}
.footTopRight .footTopRight1 a:nth-child(n+2){ font-size: var(--f14); line-height: 1.5em; margin-bottom: var(--f15); color: #666666;}
.footTopRight .footTopRight1 a.b{ font-weight:bolder; font-size: var(--f16);}

.footBot{ padding: var(--f15) 0; display: flex; justify-content: space-between; align-items: center; border-top: #cecfd3 solid var(--f1);}

.footTop2{ padding:var(--f60) 0; display:flex; align-items:center; justify-content:space-between; position:relative;}
.footTop2 .footTopLeft2{}
.footTop2 .footTopLeft2 img{ width:var(--f250);}
.footTop2 .footTopCenter2{ margin:0 var(--f45); min-height:var(--f160); display:flex; justify-content:space-between; flex-direction:column;}
.footTop2 .footTopCenter2 .footTopCenter21{ display:flex; justify-content:space-between;}
.footTop2 .footTopCenter2 .footTopCenter21 .footTopCenter211{ margin:0 var(--f20);}
.footTop2 .footTopCenter2 .footTopCenter21 .footTopCenter211 p:nth-child(1){ font-size: var(--f20); line-height: 1.2em; margin-bottom:var(--f25);}
.footTop2 .footTopCenter2 .footTopCenter21 .footTopCenter211 p:nth-child(n+2){ line-height: 1.75em; margin-bottom: var(--f15); font-size:var(--f16);}
.footTop2 .footTopCenter2 .footTopCenter22{ margin:0 var(--f20); line-height: 1.5em; display:flex; align-items:center;}
.footTop2 .footTopCenter2 .footTopCenter22 div{ margin-right:var(--f45); font-size:var(--f16);}
.footTop2 .footTopRight2{}
.footTop2 .footTopRight2 img{ width:var(--f160);}

.neiBanner{ width: 100%; overflow: hidden; position: relative; z-index: 0;}

.neiBannerZhan{ position: relative;}
.neiBannerZhan::before{ content: ''; display: block; padding-top: calc( 100% * 790 / 1400);}

.neiBannerText{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding-top: var(--f120);}
.neiBannerText .neiBannerText1{ font-size: var(--f50); line-height: 1.5em; color: #fff; margin-bottom: var(--f15);}
.neiBannerText .neiBannerText2{ font-size: var(--f22); line-height: 1.5em; color: #fff; }
.neiBannerText .neiBannerText4{ font-size: var(--f16); line-height: 1.5em; color: #fff; margin-top:var(--f15); }
.neiBannerText .neiBannerText5{ font-size: var(--f40); line-height: 1.5em; color: #fff; margin-bottom: var(--f15);}

/********************************************************************************************************************************************************************************/

.zh{ position:relative;}
.zh .t1{ height:0; position:absolute; top:8%; left:50%; transform:translateX(-50%); z-index:999999; color:#fff;}

.cell1{ padding-top: var(--f60); padding-bottom: var(--f30); display: flex; align-items: center; justify-content: space-between;}

.t1{ font-size: var(--f34); color: var(--c1);}

.arrow{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: var(--f20);}
.arrow div{ cursor: pointer;}
.arrow div img{ width: var(--f45);}
.arrow div img:nth-child(2){ display: none;}
.arrow div:hover img:nth-child(1){ display: none;}
.arrow div:hover img:nth-child(2){ display: block;}

.cell2{ overflow: hidden; display:flex; justify-content: center; padding-bottom: var(--f120);}

.cellNei2{ width: calc( 100% + var(--f40)); flex-shrink: 0;}

.cellItem2{ position: relative; overflow: hidden; margin: 0 var(--f20);}
.cellItem2 .cellBg2{ width: 100%; position: relative; overflow: hidden; z-index: 1;}
.cellItem2 .cellBg2::before{ content: ''; display: block; padding-top: calc( 100% * 340 / 320);}
.cellItem2 .cellText2{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; display: flex; align-items:flex-end; padding: var(--f35) var(--f25); color: #fff;}
.cellItem2 .cellText2 .cellTextNei2{ display: flex; align-items: center;}
.cellItem2 .cellText2 .cellIcon2{ flex-shrink: 0; width: var(--f42); margin-right: var(--f10);}
.cellItem2 .cellText2 .cellIcon2 img{ width: 100%;}
.cellItem2 .cellText2 .cellTitle2{ font-size: var(--f21); line-height: 1.1em; font-weight: bolder;}

.cell3{ display:flex; justify-content: center; margin-bottom: var(--f30); position: relative;}

.cell3 .arrow{ width: calc( 100% + var(--f45)); height: 0; display: flex; align-items: center; justify-content: space-between; position: absolute; left: 50%; top: 50%; z-index: 100; transform: translate(-50%);}
.cell3 .arrow div{ border-radius: 100%; box-shadow: rgba(0,0,0,0.1) 0 0 var(--f10); overflow: hidden;}

.cellNei3{ width: 100%;}

.cellItem3{ position: relative;}
.cellItem3 .cellText3 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    /* align-items: flex-end; */
    padding: var(--f30) var(--f50);
    font-size: var(--f22);
    line-height: 2em;
    color: #fff;
    flex-direction: column;
    justify-content: flex-end;
}
.cellItem3 .more1 img{ width:var(--f40);}
.cellItem3 .cellImg3{ width: 100%; position: relative; overflow: hidden;}
.cellItem3 .cellImg3::before{ content: ''; display: block; padding-top: calc( 100% * 535 / 1400);}

.cell4{ display:flex; justify-content: center; padding-bottom: var(--f120); }
.cell4 .cellNei4{ width: calc( 100% + var(--f30)); flex-shrink: 0;}

.cellItem4{ margin: 0 var(--f15); padding: var(--f35) var(--f20); border-radius: var(--f10); background: #f7f7f7; box-shadow: rgba(0,0,0,0.1) 0 0 var(--f10); overflow: hidden; font-size: var(--f26); color: #666; min-height: var(--f150) !important; cursor: pointer; display:flex !important; align-items:center; justify-content: center;}
.cellItem4.on{ background: url(../images/img14.png) no-repeat 50%/cover; color: #fff;}

.t2{ font-size: var(--f48); line-height: 1.2em; color: #fff;}

.cell5{ width: 100%; margin-bottom: var(--f200); padding-top: var(--f240);}

.cellBox5{ margin-bottom:calc( 0px - var(--f200));}

.cellNei5{ width: 100%; margin-top: var(--f45);}

.cellNeiBox5{ width: 100%;}

.cellNeiBox5 .slick-track{ display: flex !important; align-items: stretch;}

.cellItem5{ padding: var(--f60) var(--f35) var(--f50); background: rgba(255,255,255,0.90); height: auto !important; cursor: pointer;}
.cellItem5:nth-child(even){ background: #ebeef2;}
.cellItem5 .cellNum5{ padding-left: var(--f65); position: relative; font-size: var(--f42); color: var(--c1);}
.cellItem5 .cellNum5:before{ width: var(--f60); height: var(--f3); background: var(--c1); position: absolute; left: 0; bottom: 0; content: ''; display: block;}
.cellItem5 .cellTag5{ padding: 0 var(--f50); border-radius: var(--f120); line-height: 2em; width: fit-content; color: #fff; background: var(--c1); font-size: var(--f24); margin: var(--f40) 0 var(--f40);}
.cellItem5 .cellSmall5{ font-size: var(--f18); line-height: 1.5em; min-height: 2em;}
.cellItem5 .cellText5{ font-size: var(--f14); line-height: 2em; color: #666; margin-top: var(--f20);}
.cellItem5 .cellText5 p{ padding-left: var(--f24); background:url(../images/img33.png) no-repeat var(--f7) var(--f10)/var(--f9) auto;}

.cell6{ overflow: hidden; padding: var(--f160) 0 var(--f150); background: #f7f7f7;}
.cell6 .cell1{ padding: 0 0 var(--f35);}

.cell7{ display:flex; justify-content: center;}

.cellNei7{ width: calc( 100% + var(--f40)); flex-shrink: 0; padding: var(--f10) 0;}

.cellNei7 .slick-track{ display: flex !important; align-items: stretch;}

.cellItem7{ margin: 0 var(--f20); padding: var(--f70) var(--f55); background: #fff; box-shadow: rgba(0,0,0,0.1) 0 0 var(--f10); cursor: pointer; transition: all ease 0.75s; height: auto !important;}
.cellItem7 .cellTop7{ display: flex; align-items: center;}
.cellItem7 .cellTop7 .cellIcon7{ width: var(--f56); flex-shrink: 0; margin-right: var(--f20);}
.cellItem7 .cellTop7 .cellIcon7 img{ width: 100%;}
.cellItem7 .cellTop7 .cellIcon7 img:nth-child(2){ display: none;}
.cellItem7 .cellTop7 .cellTitle7{ font-size: var(--f32); color: var(--c1);}
.cellItem7 .cellLine7{ width: 100%; background: #dbdbdb; height: var(--f1); margin: var(--f40) 0;}
.cellItem7 .cellSmall7{ font-size: var(--f18); line-height: 1.5em; color: #666;}

.cellItem7:hover{ background: var(--c2);}
.cellItem7:hover .cellTop7 .cellIcon7 img:nth-child(1){ display: none;}
.cellItem7:hover .cellTop7 .cellIcon7 img:nth-child(2){ display: block;}
.cellItem7:hover .cellTop7 .cellTitle7{ color: #fff;}
.cellItem7:hover .cellLine7{ background: #fff;}
.cellItem7:hover .cellSmall7{ color: #fff;}

.cell8{ padding: var(--f240) 0 var(--f120); overflow: hidden;}

.cellBox8{}

.t3{ font-size: var(--f18); color: #fff; margin: var(--f10) 0 var(--f70);}

.t4{ font-size: var(--f18); margin: var(--f20) 0 var(--f20); line-height:1.5em;}

.iconBox{ display: flex; align-items: center;}
.iconBox a{ padding: 0 var(--f30); line-height: 2.5em; border-radius: var(--f100); position: relative; overflow: hidden; border: #fff solid var(--f2); color: #fff; font-size: var(--f18); margin-right: var(--f20);}
.iconBox a::before{ content: ''; display: block; width: 0; height: 100%; background: var(--c2); position: absolute; left: 0; top: 0; transition: all ease 0.75s; z-index: 1;}
.iconBox a span{ position: relative; z-index: 10;}

/*.iconBox a:hover{ border: var(--c1) solid var(--f2); color: var(--c1);}*/
/*.iconBox a:hover::before{ width: 100%;}*/

/********************************************************************************************************************************************************************************/

.gene1{ height: var(--f250);}

.gene2{ display: flex; justify-content: space-between; margin-bottom: var(--f120);}

.geneLeft2{ width: calc( 100% * 650 / 1400);}
.geneLeft2 .geneLeft21{ font-size: var(--f30); color: var(--c1);}
.geneLeft2 .geneLeft22{ font-size: var(--f15); line-height: 2em; margin: var(--f35) 0 var(--f70);}
.geneLeft2 .geneLeft23{}
.geneLeft2 .geneLeft23 a{ padding: 0 var(--f30); line-height: 2.5em; border-radius: var(--f100); position: relative; overflow: hidden; border: var(--c1) solid var(--f2); color: var(--c1); font-size: var(--f18); margin-right: var(--f20); display: block; overflow: hidden; width: var(--f150); text-align: center;} 
.geneLeft2 .geneLeft23 a::before{ content: ''; display: block; width: 0; height: 100%; background: var(--c1); position: absolute; left: 0; top: 0; transition: all ease 0.75s; z-index: 1;}
.geneLeft2 .geneLeft23 a span{ position: relative; z-index: 10;}
.geneLeft2 .geneLeft23 a:hover{ color: #fff;}
.geneLeft2 .geneLeft23 a:hover::before{ width: 100%;}

.geneRight2{ width: calc( 100% * 650 / 1400);}

.geneRightBox2{ width: 100%; position: relative; display: grid; grid-gap: var(--f15);}

.geneRightItem2{ width: 100%; background: #f7f7f7;}

.geneRightTop2{ width: 100%; height: var(--f70); display: flex; justify-content: space-between; align-items: center; padding: 0 var(--f40); position: relative; cursor: pointer;}
.geneRightTop2::before{ content: ''; display: block; width: 0; height: var(--f3); background: var(--c1); position: absolute; left: 0; top: 0; transition: all ease 0.75s; z-index: 1;}
.geneRightItem2.on .geneRightTop2::before{ width: 100%;}
.geneRightTop2 .geneRightTitle2{ font-size: var(--f24); color: var(--c1);}
.geneRightTop2 .geneRightIcon2{ width: var(--f20);}
.geneRightTop2 .geneRightIcon2 img{ width: 100%;}
.geneRightTop2 .geneRightIcon2 img:nth-child(2){ display: none;}
.geneRightItem2.on .geneRightTop2 .geneRightIcon2 img:nth-child(1){ display: none;}
.geneRightItem2.on .geneRightTop2 .geneRightIcon2 img:nth-child(2){ display: block;}

.geneRightBot2{ width: 100%; display: none;}
.geneRightBot2 .geneRightNei2{ width: 100%; padding: var(--f10) var(--f40) var(--f20); border-top: #dedede solid var(--f1);}
.geneRightBot2 .geneRightNei2 .geneRightTable2{ width: 100%; font-size: var(--f16); }
.geneRightBot2 .geneRightNei2 .geneRightTable2 td{ vertical-align: top;}
.geneRightBot2 .geneRightNei2 .geneRightTable2 td:nth-child(1){color: #999999; width: var(--f210); line-height: var(--f50);}
.geneRightBot2 .geneRightNei2 .geneRightTable2 td:nth-child(2){ padding: var(--f10) 0 var(--f10) 0; line-height: 1.3em;}

.geneRightBot2 .geneRightNei2 .geneRightText2{ width: 100%; font-size: var(--f16); padding-top: var(--f20); padding-bottom: var(--f20);}

.gene3{ overflow: hidden; padding: var(--f110) 0; background: #f1f1f1;}

.gene31{ display: flex; justify-content: space-between;}

.geneLeft31{ margin-bottom: var(--f20);}
.geneLeft31 .geneLeft311{ font-size: var(--f30); color: var(--c1); margin-bottom: var(--f10);}
.geneLeft31 .geneLeft312{ font-size: var(--f20);}

.gene4{ display:flex; justify-content: center;}
.geneNei4{ width: calc( 100% + var(--f40)); flex-shrink: 0; padding: var(--f10) 0;}

.geneItem4{ margin: 0 var(--f20); position: relative;}
.geneItem4 .geneBg4{ width: 100%; position: relative; overflow: hidden; z-index: 1;}
.geneItem4 .geneBg4::before{ content: ''; display: block; padding-top: calc( 100% * 340 / 440);}
.geneItem4 .geneTitle4{ width: 100%; height: 100%;font-size: var(--f16);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    justify-content: flex-end;
    padding: var(--f30);
    color: #fff;
    flex-direction: column;}
.geneItem4 .geneTitle4 .geneTitle41{ font-size: var(--f20); margin-bottom:var(--f10);}
.geneItem4 .geneTitle4 .geneTitle42{}



/********************************************************************************************************************************************************************************/

.iit1{ padding: var(--f110) 0; display: flex; justify-content: space-between; overflow: hidden;}

.iitLeft1{ width:50%; padding-right: var(--f70);}
.iitLeft1 .iitLeftTop1{ width: 100%; padding: var(--f75) 0;}
.iitLeft1 .iitLeftTop1 .iitLeftTopItem1{ width: 100%; display: none;}
.iitLeft1 .iitLeftTop1 .iitLeftTopItem1 p{ position: relative; padding-left: var(--f25); font-size: var(--f18); line-height: 1.3em;}
.iitLeft1 .iitLeftTop1 .iitLeftTopItem1 p::before{ content: ''; display: block; width: var(--f8); height: var(--f8); border-radius: var(--f10); background: var(--c1); position: absolute; left: 0; top: var(--f7);}
.iitLeft1 .iitLeftBot1{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: var(--f15);}
.iitLeft1 .iitLeftBot1 .iitLeftBotItem1{}
.iitLeft1 .iitLeftBot1 .iitLeftBotItem1 div{ position: relative; border-radius: var(--f10); overflow: hidden; padding: var(--f25) var(--f18); background: #f1f1f1; font-size: var(--f18); color: #666666; line-height: 1.2em; cursor: pointer; height: 100%;}
.iitLeft1 .iitLeftBot1 .iitLeftBotItem1.on div{ background: url(../images/img14.png) no-repeat 50%/cover; color: #fff;}


.iitRight1{ width: 50%;}
.iitRight1 img{ width: 100%;}

.iitWai2{ padding-bottom: var(--f60);}
.iitWai2 .iit2:nth-child(even){ flex-direction: row-reverse;}
.iit2{ padding: var(--f120) 0 0; display: flex; align-items: center;}

.iitWai2 .iit2{ padding: var(--f60) 0 0;}

.iitLeft2{ width: 50%; position:relative;}
.iit3 .iitLeft2:before{ content:''; display:block; padding-top:calc( 100% * 250 / 485);}
.iitLeft2 img{ width: 100%;}

.iitRight2{ width: 50%;}
.iitRight2 .iitRight21{ font-size: var(--f24); line-height: 2em; color: var(--c1);}
.iitRight2 .iitRight22{ font-size: var(--f15); line-height: 2em; margin-top: var(--f20);}

.iitWai2 .iit2:nth-child(odd) .iitRight2{ padding-left: var(--f80);}
.iitWai2 .iit2:nth-child(even) .iitRight2{ padding-right: var(--f80);}

.leader2 .leaderItem{ margin-bottom:var(--f15); align-items: flex-start; padding:var(--f30);}
.leader2 .leaderItem:hover{ opacity:0.5;}

/********************************************************************************************************************************************************************************/

/* 响应式banner */
.img_gallery{position:relative;}

.icons{ position: absolute; left: 50%; bottom: var(--f60); transform: translateX(-50%); z-index: 999;}

.main_img{ overflow:hidden;position:relative; height:100%;}
.main_img .zhanwei{ }
.main_img .zhanwei:before{ padding-top:calc(100% * ( 1030 / 1400)); content:''; display:block;}

.main_img ul{width:9999px; overflow:hidden; height:100%;position:absolute;top:0;left:0}
.main_img li{float:left;width:100%; height:100%; }
.img_font{position:absolute; bottom:30px; left:30%; color:#f00; width:100%; padding:10px;}
.img_font span{display:none; }
div.point{ position:absolute;bottom:var(--f150);left:50%;z-index:999; height:0px; transform: translateX(-50%);}
div.point .point_box{ margin:0 auto; display:inline-block;}
div.point a{ display: block; width:var(--f10); height:var(--f10); font-size:0; background:#FFFFFF; float: left; cursor: pointer; margin:0 var(--f15) 0 0; border-radius: 100px; }
div.point a.on{ background: var(--c1);}

#btn_prev{ display: none;}
#btn_next{ display: none;}

.bannerText{}
.bannerText a{ display:flex; color:#FFFFFF; justify-content:center; flex-direction:column;  height:100%; margin:0 auto; position: relative; z-index: 999;}

.img_gallery .p1{ font-size:var(--f60); font-weight:bolder; opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s;}
.img_gallery .bannerText.on .p1{ transform:translateY(0); opacity:1;}

.img_gallery .p2{ font-size:var(--f22); opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s; margin-top:var(--f25); line-height:1.5em;}
.img_gallery .bannerText.on .p2{ transform:translateY(0); opacity:1;}

.img_gallery .p3{ font-size:var(--f18); opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s; margin-top:var(--f65);}
.img_gallery .bannerText.on .p3{ transform:translateY(0); opacity:1;}

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

.ljgdRight{ margin-left: var(--f65); position: relative; height: 0; width: 0; display: flex; align-items: center; justify-content: center;}
.ljgdRight::before{ width: var(--f45); height: var(--f1); background: #FFFFFF; content: ''; display: block; flex-shrink: 0; position: absolute; right: 0; top: 0;}
.ljgdRight img{ width: var(--f50); flex-shrink: 0; max-width: none !important; animation: zhuan 5s infinite linear;}

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

.qiehuan{ position: absolute; right: 0; bottom: var(--f95); z-index: 999; display: flex; align-items: center;}
.qiehuan .qiehuanLeft{ display: flex; flex-direction: column; align-items: center; font-size: var(--f20); color: #fff; position: relative; z-index: 10;}
.qiehuan .qiehuanLeft img{ width: 100%;}
.qiehuan .qiehuanRight{position: relative; width: var(--f200); cursor: pointer;}
.qiehuan .qiehuanRight::before{ position: absolute; right: 100%; height: 100%; background: var(--c2); width: var(--f35); content: ''; display: block;}
.qiehuan .qiehuanRight::after{ padding-top:calc(100% * ( 1030 / 1400)); content:''; display:block;}

.bannerMask{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/bannermask.png) no-repeat 50%/cover; z-index: 99;}

.index1{ width: 100%; min-height: var(--f900); padding: var(--f250) 0 var(--f320);}

.indexNei1{ display: flex; align-items: center; justify-content: space-between;}
.indexNei1 .indexLeft1{ width: calc( 100% * 900 / 1400);}
.indexNei1 .indexLeft1 .indexLeft11{ font-size: var(--f34); color: var(--c1);}
.indexNei1 .indexLeft1 .indexLeft12{ font-size: var(--f48); color: #fff; margin: var(--f20) 0 var(--f25);}
.indexNei1 .indexLeft1 .indexLeft13{ font-size: var(--f18); color: #fff; line-height: 1.5em;}
.indexNei1 .indexLeft1 .indexLeft14{ margin-top: var(--f45);}
.indexNei1 .indexRight1{ width: calc( 100% * 480 / 1400);}

.more1{ display: flex; align-items: center; font-size: var(--f18); color: #fff;}
.more1 span{ display: block; white-space: pre;}
.more1 div{ margin-left: var(--f65); position: relative; height: 0; width: 0; display: flex; align-items: center; justify-content: center;}
.more1 div::before{ width: var(--f45); height: var(--f1); background: #FFFFFF; content: ''; display: block; flex-shrink: 0; position: absolute; right: 0; top: 0;}
.more1 img{ width: var(--f50); flex-shrink: 0; max-width: none !important; animation: zhuan 5s infinite linear;}

/* 响应式banner */

.index2{ height: var(--f420); margin-top: calc( 0px - var(--f210)); margin-bottom: calc( 0px - var(--f70)); overflow: hidden; display: flex; align-items: center;}

.indexBox2{ height: 0; display: flex; align-items: center; position: relative;}

.indexWai2{ width:var(--f1900); padding-left: var(--f50); flex-shrink:0; overflow: hidden;}

.indexNei2{ padding: var(--f30) 0; width:100%;}
.indexWai2 .slick-track{ display: flex !important; align-items: stretch;}
.index2 .slick-list{ overflow: inherit;}

.indexItem2{ position: relative; cursor: pointer; z-index: 0; height: auto !important;}

.indexText2{padding: var(--f50) var(--f70) var(--f65);background: #fff;display: flex;flex-direction: column;align-items: center; height: 100%;}
.indexText2 .indexTextIcon2{ text-align: center;}
.indexText2 .indexTextIcon2 img{ width: var(--f68);}
.indexText2 .indexTextTitle2{ font-size: var(--f20); margin: var(--f20) auto; text-align: center;}
.indexText2 .indexTextSmall2{ font-size: var(--f14); line-height: 1.5em; text-align: center; color: #666666;}

.indexMask2{ width: calc( 100% + var(--f100)); height: calc( 100% + var(--f30)); box-shadow: rgba(0,0,0,0.1) 0 0 var(--f10); background: url(../images/i9.jpg) no-repeat 50%/cover; position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; justify-content: flex-end; padding: var(--f30); color: #fff; opacity: 0; transition: all ease 0.75s;}
.indexMask2 .indexMaskTitle2{ font-size: var(--f26); line-height: 1.5em; position: relative;}
.indexMask2 .indexMaskSmall2{ font-size: var(--f15); line-height: 1.5em; position: relative;}
.indexMask2:before{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; content:''; display:block; background:url(../images/i10.png) no-repeat 50%/cover;}

.indexItem2.on{ z-index: 9;}
.indexItem2.on .indexMask2{ opacity: 1;}

.index2{ position: relative;}
.index2 .arrow{ width: calc(100% + var(--f45)); height: 0; display: flex; align-items: center; justify-content: space-between; position: absolute; left: 50%; top: 50%; z-index: 100; transform: translate(-50%);}

.index3{ background: url(../images/i14.jpg) no-repeat 50%/cover; padding: var(--f270) 0 var(--f230);}

.indexNei3{}
.indexNei3 .index31{ font-size: var(--f34); line-height: 2em; color: var(--c1);}
.indexNei3 .index32{ font-size: var(--f48); line-height: 1.2em;}
.indexNei3 .index33{ font-size: var(--f22); line-height: 1.2em;}
.indexNei3 .index34{ margin-top: var(--f45);}
.indexNei3 .index34 .more1 span{ color: #333;}
.indexNei3 .index34 .more1 div::before{ background: var(--c1);}

.indexBox4{ display: flex; align-items: center; justify-content: space-between; height: 0;}
.index4{}

.indexItem4{}
.indexItem4 .indexTop4{ font-size: var(--f70); color: var(--c2); height: var(--f105);}
.indexItem4 .indexTop4 span{ font-size: var(--f50);}
.indexItem4 .indexIcon4{ width: var(--f15); height: var(--f15); background: var(--c1); border-radius: var(--f30);}
.indexItem4 .indexBot4{ font-size: var(--f28); color: #fff; height: var(--f105); padding-top: var(--f40);}

.index5{ height: var(--f310); background: var(--c2); padding: var(--f60) 0; display: flex; justify-content: flex-end; align-items: flex-end;}

.indexNei5{ display: flex; justify-content: flex-end; align-items: flex-end;}

.index6{ padding: var(--f90) 0 var(--f110); overflow: hidden;}

.indexNei6{ display: flex; justify-content: space-between;}

.indexTitle6{ font-size: var(--f34); color: var(--c1); margin-bottom: var(--f40);}

.indexLeft6{ width: calc( 100% * 810 / 1400); width: 100%;}

.indexNews{}
.indexNewsItem{ display: flex; border-bottom: #85898f solid var(--f1); padding: var(--f25) 0;}
.indexNewsItem:nth-child(1){ padding-top: 0;}
.indexNewsItem:nth-child(3){ padding-bottom: 0; border: none;}
.indexNewsItem .indexNewsImg{ width: calc( 100% * 320 / 810); position: relative; overflow: hidden; margin-right: var(--f35); flex-shrink: 0; width: calc(100%* 200 / 810);}
.indexNewsItem .indexNewsImg::before{ content: ''; display: block; padding-top: calc( 100% * 200 / 320);}
.indexNewsItem .indexNewsImg img{ object-fit: contain;}
.indexNewsItem .indexNewsText{}
.indexNewsItem .indexNewsText .indexNewsDeta{ font-size: var(--f22); color: var(--c1); margin: var(--f15) 0;}
.indexNewsItem .indexNewsText .indexNewsTitle{ font-size: var(--f18); color: #666666; line-height: 1.2em; height: var(--f105);}
.indexNewsItem .indexNewsText .indexNewsMore{}
.indexNewsItem .indexNewsText .indexNewsMore{}
.indexNewsItem .indexNewsText .indexNewsMore .more1{ font-size: var(--f14); color: #666666;}
.indexNewsItem .indexNewsText .indexNewsMore .more1 div{ margin-left: var(--f35);}
.indexNewsItem .indexNewsText .indexNewsMore .more1 div::before{ width: var(--f25); background: var(--c1);}
.indexNewsItem .indexNewsText .indexNewsMore .more1 img{ width: var(--f28); }

.indexRight6{ width: calc( 100% * 510 / 1400); display: none;}

.indexVideo{ width: 100%; display: grid; grid-gap: var(--f65);}

.indexVideoItem{ position: relative;}
.indexVideoItem .indexVideoImg{ width: 100%; position: relative; overflow: hidden;}
.indexVideoItem .indexVideoImg::before{ content: ''; display: block; padding-top: calc( 100% * 320 / 510);}
.indexVideoItem .indexVideoIcon{ width: 100%; height: 100%; display:flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; cursor: pointer;}
.indexVideoItem .indexVideoIcon img{ width: var(--f63);}

.index7{ padding: var(--f120) 0 var(--f120);}

.indexNei7{}

.index7 .more1{ border: none; padding: 0; overflow: initial;}

.cebian{ width: var(--f60); position: fixed; top: 45%; right: var(--f30); z-index: 99999; display: none; flex-direction: column; cursor: pointer;}
.cebian .cebian1{ padding: var(--f10); display: grid; grid-gap: var(--f20); border-radius: var(--f100); background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 var(--f10);}
.cebian .cebian1 .cebianItem1{ width: var(--f40); height: var(--f40); position: relative;}
.cebian .cebian1 .cebianItem1 .cebianIcon1{ width: var(--f40); height: var(--f40); border-radius: var(--f40); background: #fff;}
.cebian .cebian1 .cebianItem1 .cebianWindow1{ position: absolute; width: var(--f130); right: 0; opacity: 0; transition: all ease 0.75s; pointer-events: none; padding-right: var(--f20);}
.cebian .cebian1 .cebianItem1 .cebianWindow1 div{ width: 100%;}
.cebian .cebian1 .cebianItem1 .cebianWindow1 div img{ width: 100%;}
.cebian .cebian1 .cebianItem1:hover .cebianIcon1{ background: #d9e6f8;}
.cebian .cebian1 .cebianItem1:hover .cebianWindow1{ right: 100%; opacity: 1;}

.cebian .cebian2{ margin-top: var(--f10); box-shadow: rgba(0, 0, 0, 0.1) 0 0 var(--f10);
    border-radius: var(--f100);
    overflow: hidden;}
.cebian .cebian2 img{ width: 100%;}

/********************************************************************************************************************************************************************************/


.cellTable{ display: table; border: #dadada solid var(--f1); cursor: pointer;}
.cellTableRow{ display: table-row;}
.cellTableLeft{ display: table-cell; padding: var(--f25); vertical-align: middle; min-height: var(--f120); border-bottom: #dadada solid var(--f1); border-right: #dadada solid var(--f1); width: var(--f310);}
.cellTableLeft1{ display: flex; align-items: center;}
.cellTableLeft1 .cellTableLeft11{ width: var(--f37); margin-right: var(--f15); flex-shrink: 0;}
.cellTableLeft1 .cellTableLeft11 img{ width: 100%;}
.cellTableLeft1 .cellTableLeft11 img:nth-child(1){ display: none;}
.cellTableLeft1 .cellTableLeft12{ font-size: var(--f20); color: var(--c1);}
.cellTableRight{ display: table-cell; padding: var(--f25) var(--f55); vertical-align: middle; min-height: var(--f120); border-bottom: #dadada solid var(--f1);}
.cellTableRight .cellTableRight1{ font-size: var(--f18); color: #666666;}

.cellTableRow:nth-last-child(1){}
.cellTableRow:nth-last-child(1) .cellTableLeft{ border-bottom: none;}
.cellTableRow:nth-last-child(1) .cellTableRight{ border: none;}

.cellTableRow:hover{ background: var(--c2); transition: all ease 0.75s;}
.cellTableRow:hover .cellTableLeft1 .cellTableLeft12{ color:#fff;}
.cellTableRow:hover .cellTableRight .cellTableRight1{ color:#fff;}
.cellTableRow:hover .cellTableLeft1 .cellTableLeft11 img:nth-child(1){ display: block;}
.cellTableRow:hover .cellTableLeft1 .cellTableLeft11 img:nth-child(2){ display: none;}

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

.cellTable{ display: block;}
.cellTableRow{ display: flex; flex-direction: column;}
.cellTableLeft{ padding: 5%; width: 100%; border-right: none; border-bottom: #dadada solid var(--f1) !important; min-height: auto;}
.cellTableRight{ padding: 5%;}
}


/********************************************************************************************************************************************************************************/


.zhanTop{ height: var(--f140);}

.issa1{ display: flex; align-items: center; position:relative;}
.issa1 .issaLeft1{ width: 50%; padding-right: var(--f45);}
.issa1 .issaLeft1 .issaLeftBox1{ width: 100%;}
.issa1 .issaLeft1 .issaLeftBox1 .issaLeft11{ width: 100%; font-size: var(--f30); color: var(--c1);}
.issa1 .issaLeft1 .issaLeftBox1 .issaLeft12{ width: 100%; font-size: var(--f15); line-height: 2em; margin: var(--f35) 0 var(--f70);}
.issa1 .issaLeft1 .issaLeftBox1 .issaLeft13{ width: 100%;}


.sb1{ width:100%; display:flex; align-items:center;}
.sb1 .sbLeft1{ width:50%; display:flex; flex-shrink:0;}
.sb1 .sbLeft1 .sbLeftBox1{ width:100%; max-width:calc( var(--w1) / 2 - var(--f45));}
.sb1 .sbLeft1 .sbLeftBox1 .sbLeft11{ width: 100%; font-size: var(--f30); color: var(--c1);}
.sb1 .sbLeft1 .sbLeftBox1 .sbLeft12{ width: 100%; font-size: var(--f15); line-height: 2em; margin: var(--f35) 0 0;}
.sb1 .sbRight1{ width:50%; flex-shrink:0;}
.sb1 .sbRight1 img{ width:100%;}

.sb1:nth-child(even){ flex-direction:row-reverse;}
.sb1:nth-child(even) .sbLeft1{ padding-left:var(--f45);}

.sb1:nth-child(odd) .sbLeft1{ flex-direction:row-reverse; padding-right:var(--f45);}


.Back{ padding: 0 var(--f30); line-height: 2.5em; border-radius: var(--f100); position: relative; overflow: hidden; border: var(--c1) solid var(--f2); color: var(--c1); font-size: var(--f18); margin-right: var(--f20); display: inline-block; overflow: hidden; min-width: var(--f150); text-align: center; white-space: pre;}
.Back::before{ content: ''; display: block; width: 0; height: 100%; background: var(--c1); position: absolute; left: 0; top: 0; transition: all ease 0.75s; z-index: 1;}
.Back span{ position: relative; z-index: 10;}
.Back:hover{ color: #fff;}
.Back:hover::before{ width: 100%;}
.Back.on{ color: #fff;}
.Back.on::before{ width: 100%;}

.issa1 .issaRight1{ width: 50%;}
.issa1 .issaRight1 div{ width: 50vw;}
.issa1 .issaRight1 div img{ width: 100%;}

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

.issa2 .issaLeft2{ width: 50%; display: flex; justify-content: flex-end;}
.issa2 .issaLeft2 div{ width: 50vw; flex-shrink: 0;}
.issa2 .issaLeft2 div img{ width: 100%;}

.issaRight2{ width: 50%;}
.issaRight2 .issaRightBox2{ padding-left: var(--f75);}
.issaRight2 .issaRightBox2 .issaRight21{ width: 100%; font-size: var(--f30); color: var(--c1);}
.issaRight2 .issaRightBox2 .issaRight22{ width: 100%; font-size: var(--f15); line-height: 2em; margin: var(--f30) 0 0;}

.issa3{ width: 100%; position: relative; margin: var(--f10) 0;}

.issaArrow3{ width: 100%; height: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 var(--f100); position: absolute; top: 50%; left: 0; z-index: 200;}
.issaArrow3 div{ width: var(--f50);}
.issaArrow3 div img{ width: 100%; cursor: pointer;}
.issaArrow3 div img:nth-child(2){ display: none;}
.issaArrow3 div:hover img:nth-child(1){ display: none;}
.issaArrow3 div:hover img:nth-child(2){ display: block;}

.issaBg4{ position:absolute; z-index:0; width:100%; height:100%;}
.issaBg4 li{ width:100%; height:100%;}

.issa4{ width: 100%; position:relative; z-index:100;}

.issaItem4{ position: relative; height: var(--f600) !important; cursor: pointer;}
.issaItem4 .issaBot4{ padding: var(--f50) 5%; position: absolute; bottom: 0; left: 0; width: 100%; font-size: var(--f30); color: #fff; text-align: center; transition: all ease 0.75s;}
.issaItem4 .issaMask4{ width: 100%; height: 100%; position: absolute; background: rgba(1,64,153,0.5); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; opacity: 0; transition: all ease 0.75s; padding:0 5%;}
.issaItem4 .issaMask4 .issaTitle4{ font-size: var(--f30);}
.issaItem4 .issaMask4 .issaLine4{ width: var(--f65); height: var(--f3); background: #fff; margin: var(--f35) auto;}
.issaItem4 .issaMask4 .issaSmall4{ font-size: var(--f18); line-height: 1.5em; padding: 0 var(--f45);max-height: 18em;
    margin-bottom: 2em;
    overflow: auto;}
.issaItem4 .issaMask4 .issaSmall4::-webkit-scrollbar { width:5px; border-radius: 4px; background: rgba(255,255,255,0.5); }
.issaItem4 .issaMask4 .issaSmall4::-webkit-scrollbar-thumb { width:5px; border-radius: 4px; background: rgba(255,255,255,0.5);}
.issaItem4 .issaMask4 .issaSmall4::-webkit-scrollbar-track { width:5px; border-radius: 10px; background: rgba(255,255,255,0);}
    

.issaItem4:hover .issaBot4{ opacity: 0;}
.issaItem4:hover .issaMask4{ opacity: 1;}


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

.tcBox{ width:90%; background:#f1f1f1; padding:var(--f30);  max-width:var(--f800); position:relative;}

.closeTc{ position:absolute; right:var(--f30); top:var(--f30); cursor:pointer; width:var(--f15);}

.teamTop{ display:flex; align-items:center;}
.teamTop .teamImg{ width:var(--f100); height:var(--f100); overflow:hidden; border-radius:var(--f200); margin-right:var(--f30); background:#fff;}

.teamTop .teamText{}
.teamTop .teamText .teamTitle{ font-size:var(--f20); color:var(--c2); margin-bottom:var(--f10);}
.teamTop .teamText .teamZhiwei{ font-size:var(--f16);}

.teamSmall{ padding-top:var(--f30); margin-top:var(--f30); margin-bottom:var(--f30); border-top:#cecfd3 solid var(--f1);}

.teamTop2{ display:flex;}
.teamImg2{ width:25%; flex-shrink: 0;}
.teamText2{ margin-left: 5%;}

/*.title{ font-size:28px; line-height:2em;}*/

/*.info{ display:flex; align-items:center; font-size:14px; color:var(--c1); margin:15px 0;}*/
/*.info .dd_li{ margin-right:15px;}*/

/*.neirong{ font-size:16px; line-height:2em; max-height:60vh; overflow-y:auto;}*/
/*.neirong::-webkit-scrollbar { width:4px; height: 1px;}*/
/*.neirong::-webkit-scrollbar-thumb { border-radius: 4px; background: var(--c1);}*/
/*.neirong::-webkit-scrollbar-track { border-radius: 10px; background: none;}*/


/********************************************************************************************************************************************************************************/


.geq1{ padding: var(--f95) 0 var(--f65); display: flex; justify-content: space-between; overflow: hidden;}
.geq1 .geqLeft1{ font-size: var(--f30); color: var(--c1);}
.geq1 .geqRight1{ width: calc( 100% * 960 / 1400);}
.geq1 .geqRight1 .geqRight11{ font-size: var(--f16); line-height: 1.8em; color: #666; margin-bottom: var(--f35);}
.geq1 .geqRight1{}

.geq2{ margin-bottom:var(--f125); background: url(../images/img65.jpg) no-repeat 50%/cover;}

.geqTop2{ width: 100%;}

.geqTopItem2{ padding:var(--f50) var(--f70) var(--f25) var(--f70); color: #fff;}
.geqTopItem2 .geqTopTitle2{ font-size: var(--f28);}
.geqTopItem2 .geqTopTitle2 br{ display:none;}
.geqTopItem2 .geqTopSmall2{ font-size: var(--f16); line-height: 1.9em; margin: var(--f20) 0;}
.geqTopItem2 .geqTopTag2{ display: flex; flex-wrap: wrap; font-size: var(--f16); line-height: 1.9em; }
.geqTopItem2 .geqTopTag2 div{ margin-bottom: var(--f10); margin-right: var(--f40);}

.geqBot2{ width: 100%; border-top: rgba(255,255,255,0.30) solid var(--f2);}

.geqBotItem2{ padding: var(--f20); display: flex !important; align-items: center; justify-content: center; text-align: center; font-size: var(--f24); line-height: 1.2em; border-left: rgba(255,255,255,0.30) solid var(--f2); height: var(--f170) !important; color: #fff; cursor: pointer;}

.geqBotItem2.on{ background: rgba(255,255,255,0.10);}

/********************************************************************************************************************************************************************************/


.about1{ display: flex; justify-content: space-between; padding: var(--f90) 0 var(--f30);}

.aboutLeft1{ width: calc( 100% * 390 / 1400);}
.aboutLeft1 .aboutLeft11{ font-size: var(--f34); color: var(--c1); margin-bottom: var(--f10);}
.aboutLeft1 .aboutLeft12{ font-size: var(--f38); line-height: 1.2em;}

.aboutRight1{ width: calc( 100% * 960 / 1400); font-size: var(--f16); color: #666; line-height: 1.8em;}

.about2{ width: 100%; position: relative;}
.historyLine{ width: 100vw; position: absolute; left: 0; top:var(--f130); z-index: 0; border-bottom: #e5e5e5 solid var(--f1);}
.aboutBox2{ padding: var(--f60) 0 0; background: url(../images/img81.png) no-repeat 50% 0/100% auto; position: relative;}
.historyBox{ position: relative;}

.historyArrow{ width: 100%; display: flex; align-items: center; justify-content: space-between; height: 0; top:var(--f130); position: absolute; left: 50%; transform: translateX(-50%); width: calc( 100% + var(--f42)); cursor: pointer; z-index: 100;}
.historyArrow div{ width: var(--f42);}
.historyArrow div img{ width: 100%;}

.hisBox{ position: relative; z-index: 10;}

.hisItem{ padding: 0 var(--f25) var(--f75); display: flex !important; align-items: center; flex-direction: column;}
.hisItem .hisTop{ height: var(--f70); font-size: var(--f48); color: var(--c1); text-align: center;}
.hisItem .hisCneter{ width: var(--f2); background: var(--c1); position: relative; margin-bottom: var(--f15); height: var(--f90); transition: all ease 0.75s;}
.hisItem .hisCneter img{ width: 100%;}
.hisItem .hisCneter .hisCneter1{ width: var(--f23); position: absolute; top:calc( 0px - var(--f10)); left:calc( 0px - var(--f10));}
.hisItem .hisCneter .hisCneter2{ width: var(--f14); position: absolute; bottom:calc( 0px - var(--f6)); left:calc( 0px - var(--f6));}
.hisItem.on1 .hisCneter{ height: var(--f90);}
.hisItem.on2 .hisCneter{ height: var(--f65);}
.hisItem.on3 .hisCneter{ height: var(--f40);}
.hisItem.on4 .hisCneter{ height: var(--f90);}
.hisItem .hisBot{ padding: var(--f20); border-radius: var(--f10); background: #fff; box-shadow: rgba(66,66,66,0.08) 0 0 var(--f10); min-height: var(--f175);}
.hisItem .hisBot .hisText{ font-size: var(--f14); line-height: var(--f24); color: #666666;}
.hisItem .hisBot .hisText p{ position: relative; margin-bottom: var(--f10); padding-left: var(--f15);}
.hisItem .hisBot .hisText p::before{ width: var(--f9); height: var(--f9); border-radius: var(--f9); border: #85898f solid var(--f3); content: ''; display: block; position: absolute; left: 0; top: var(--f6);}
.hisItem .hisBot .hisLogo{ display: flex; flex-wrap: wrap;}
.hisItem .hisBot .hisLogo div{ height: var(--f60); margin-right: var(--f15);}
.hisItem .hisBot .hisLogo div img{ height: 100%;}

.leader{ padding-bottom: var(--f90);}

.leaderBox{ width: calc( 100% + var(--f40)); margin-left: calc( 0px - var(--f20));}
.leaderBox .slick-track{ display: flex !important; align-items: stretch;}

.leaderItem{ margin: 0 var(--f20); background: #f1f1f1; padding: var(--f45) var(--f20) var(--f35); display: flex !important; flex-direction: column; align-items: center; text-align: center; height: auto !important;}
.leaderItem .leaderImg{ width: var(--f200); height: var(--f200); border-radius: var(--f200); position: relative; overflow: hidden;}
.leaderItem .leaderTitle{ font-size: var(--f24); margin-bottom: var(--f10);}
.leaderItem .leaderSmall{ font-size: var(--f16); line-height: var(--f22); color: #666666;}

.team2{
    font-size: var(--f14);
    line-height: 1.5em;
}

/********************************************************************************************************************************************************************************/


.neiBannerText3{ display: flex; align-items: center; margin-top: var(--f30); color:#fff;}
.neiBannerText3 a{ padding: 0 var(--f30); line-height: 2.5em; border-radius: var(--f100); position: relative; overflow: hidden; border: #fff solid var(--f2); color: #fff; font-size: var(--f18); margin-right: var(--f20);}
.neiBannerText3 a::before{ content: ''; display: block; width: 0; height: 100%; background: var(--c2); position: absolute; left: 0; top: 0; transition: all ease 0.75s; z-index: 1;}
.neiBannerText3 a span{ position: relative; z-index: 10;}

.neiBannerText3 a:hover{ border: var(--c1) solid var(--f2); color: var(--c1);}

.cellNei2s .cellItem2 .cellBg2::before { padding-top: calc(100%* 340 / 440);}

.ecc{ padding: var(--f110) 0 var(--f140); min-height: var(--f690);}

.eccBox{}

.eccList{ margin-top: var(--f45); }

.eccItem{ margin-bottom: var(--f30);}

.eccTop{ display: flex; align-items: center; min-width: var(--f510); width: fit-content; padding: 0 var(--f35); height: var(--f70); border-radius: var(--f100); background: rgba(255,255,255,0.30); color: #fff; font-size: var(--f32); justify-content: space-between; cursor: pointer;}
.eccTop .eccTopTitle{ padding-right: var(--f20);}
.eccTop .eccTopArrow{ width: var(--f20);}
.eccTop .eccTopArrow img{ width: 100%; transition: all ease 0.75s;}
.eccItem.on .eccTop .eccTopArrow img{ transform:rotate(180deg); transform-origin: 50%; }

.eccBot{ max-width: var(--f810); color: #fff; display: none;}
.eccBot .eccBotTitle{ font-size: var(--f26); line-height: 2em; margin-top: var(--f15);}
.eccBot .eccBotSmall{ font-size: var(--f20); line-height: 1.6em;}


/********************************************************************************************************************************************************************************/

.bda{ display: flex; align-items: center; justify-content: space-between; padding: var(--f110) 0;}
.bda .bdaLeft{ width: 50%; padding-right: var(--f75);}
.bda .bdaLeft .bda1{ width: 100%; font-size: var(--f30); color: var(--c1);}
.bda .bdaLeft .bda2{ width: 100%; font-size: var(--f15); line-height: 2em; margin: var(--f35) 0 var(--f70);}
.bda .bdaLeft .bda3{ width: 100%;}

.bda .bdaRight{ width: 50%;}
.bda .bdaRight img{ width: 100%;}

/********************************************************************************************************************************************************************************/

.cpt{ padding: var(--f110) 0 var(--f80); display: grid; grid-gap: var(--f30); grid-template-columns: repeat(2,1fr);}

.cptItem{ position: relative; overflow: hidden;}
.cptItem .cptZhan{ position: relative; overflow: hidden; width: 100%; z-index: 1;}
.cptItem .cptZhan::before{ content: ''; display: block; padding-top: calc( 100% * 450 / 485); transition: all ease 0.75s;}
.cptItem .cptBot{ font-size: var(--f30); padding: var(--f30) var(--f60); color: #fff; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 10;}
.cptItem .cptMask{ width: 100%; height: 100%; padding: var(--f40); position: absolute; left: 0; top: 0; z-index: 100; background: url(/../images/img60.png) no-repeat 50%/cover; opacity: 0; transition: all ease 0.75s;}
.cptItem .cptMask .cptTitle{ font-size: var(--f30); color: var(--c1);}
.cptItem .cptMask .cptSmall{ font-size: var(--f15); line-height: 1.9em; margin: var(--f25) 0 var(--f75); color: #fff;}
.cptItem .cptMask .cptMore{}

.cptItem:hover .cptBot{ opacity: 0;}
.cptItem:hover .cptMask{ opacity: 1;}

/********************************************************************************************************************************************************************************/

.formPage{ padding: var(--f85) 0 var(--f200); display: block;}

input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999; font-size:var(--f15);}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999; font-size:var(--f15);}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999; font-size:var(--f15);}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size:var(--f15);}

.formTab{ display: grid; grid-gap: var(--f30); margin: var(--f25) auto var(--f50);}

.col2{ grid-template-columns: repeat(2,1fr);}
.col3{ grid-template-columns: repeat(3,1fr);}
.col4{ grid-template-columns: repeat(4,1fr);}
.col5{ grid-template-columns: repeat(5,1fr);}

.formLabel{ height: var(--f60); padding: 0 var(--f20); border: #d2d2d2 solid var(--f1); background: #fafafa; display: flex; align-items: center; position: relative; overflow: hidden; cursor: pointer;}
.formLabel input[type="text"]{ line-height: var(--f60); width: 100%; background: none; color:#999; font-size:var(--f15);}
.formLabel input[type="email"]{ line-height: var(--f60); width: 100%; background: none; color:#999; font-size:var(--f15);}

.formLabel input[type="radio"]{ position: absolute; left: -100%;}
.formLabel input[type="checkbox"]{ position: absolute; left: -100%;}

.formTitle{ font-size: var(--f22);}
.formTitle2{ line-height:2em;}

.formIcon .formTitle2{ color:#999; font-size:var(--f15);}

.formLabel2{ padding-left: var(--f55); background: url(../images/img97.png) no-repeat var(--f20) 50%/var(--f25) var(--f25),#fafafa;}
.formLabel2.on{ background: url(../images/img96.png) no-repeat var(--f20) 50%/var(--f25) var(--f25),#fafafa;}

.formTab input[type="submit"]{ width: var(--f200); line-height: var(--f60); text-align: center; background: var(--c1); color: #fff; font-size: var(--f22); cursor: pointer;}

.formTab textarea{ width:100%; line-height: 1.6em; cursor: pointer; padding: var(--f20); border: #d2d2d2 solid var(--f1); background: #fafafa; height:11em; color: #999; font-size: var(--f15);}

/********************************************************************************************************************************************************************************/


.con1{ padding: var(--f85) 0 var(--f105);}

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

.con111{ display: flex; align-items: center;}
.con111 .Back{margin: 0 0 0 var(--f20); border: #666666 solid var(--f1); color: #666666; cursor: pointer;}
.con111 .Back:hover{ color: #fff; border: var(--c1) solid var(--f1);}
.con111 .Back:hover::before{ width: 100%;}
.con111 .Back.on{ color: #fff; border: var(--c1) solid var(--f1);}
.con111 .Back.on::before{ width: 100%;}

.con2{ margin-top: var(--f40);}

.conItem2{ display: flex; box-shadow: rgba(0,0,0,0.1) 0 0 10px;}

.conLeft2{ width: 100%; padding: var(--f40) var(--f60);}
.conLeft2 .conLeft21{ font-size: var(--f26); color: var(--c1);}

.conMess2{}
.conMess2 .conMessItem2{ display: flex; align-items: center; padding: var(--f30) 0; border-top:#efefef solid var(--f1) ;}
.conMess2 .conMessItem2:nth-child(1){ border: none;}
.conMess2 .conMessItem2 .conMessIcon2{ width: var(--f62); margin-right: var(--f10); flex-shrink: 0;}
.conMess2 .conMessItem2 .conMessIcon2 img{ width: 100%;}
.conMess2 .conMessItem2 .conMessMess2{ font-size: var(--f18); line-height: 1.4em; color: #666666;}
.conMess2 .conMessItem2 .conMessMess2 span{ color: #999;}


.conRight2{ width: 100%; position: relative;}
.conRight2 .conRightBg2{ width: 100%; position: relative; z-index: 1;}
.conRight2 .conRightBg2 img{ width: 100%;}

.conRightMask2{ position: absolute; background: var(--c2); display: flex; align-items: center; padding: var(--f10); width: 55%; z-index: 10;}
.conRightMask2::before{ content: ''; display: block; position: absolute; width: var(--f10); right: 100%; top: 0; background: url(../images/img100.png) no-repeat 50%; height: 100%;}
.conRightMask2 .conRightMaskLogo2{ width: var(--f115); padding: var(--f10); min-height: var(--f90); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: var(--f15);}
.conRightMask2 .conRightMaskTitle2{ font-size: var(--f20); color: #fff;}

.con3{ background: #fafafa; padding: var(--f95) 0 var(--f110); overflow: hidden;}

.conNei3{}

.conBox3{ margin-top: var(--f50); display: grid; grid-template-columns: repeat(3,1fr); grid-gap: var(--f30);}

.conItem3{ box-shadow: rgba(0,0,0,0.1) 0 0 10px; padding: var(--f40) var(--f35); display: flex; flex-direction: column;}
.conItem3 .conLogo3{ height: var(--f46);}
.conItem3 .conLogo3 img{ height: 100%;}
.conItem3 .conLine{ margin: var(--f30) auto; width: 100%; height: var(--f1); background: #ececec;}
.conItem3 .conBot3{ display: flex; align-items: center;}
.conItem3 .conBot3 .conBotLeft3{ width: var(--f150); margin-right: var(--f20); flex-shrink: 0;}
.conItem3 .conBot3 .conBotLeft3 img{ width: 100%;}
.conItem3 .conBot3 .conBotRight3{ font-size:var(--f20); color:#666666;}


/********************************************************************************************************************************************************************************/


.nav{ height: var(--f70); display: flex; align-items: center; color: #999999;}
.nav a{ display: block;}
.nav a img{ width: var(--f10); margin-right: var(--f10); display: block;}
.nav i{ margin:0 var(--f10);}

.neipages{ display: flex; margin: var(--f60) auto var(--f120);}

.pagesLeft{ width: calc( 100% * 1000 / 1400); padding-right: var(--f60); border-right: #dfdfdf solid var(--f1);}
.biaoti{ font-size: var(--f36); }
.riqi{ font-size: #999; margin: var(--f15) 0;}
.neirong{ font-size: var(--f16); line-height: 2em; color: #666;}

.neirong table{ background:var(--c2);}
.neirong table tr{}
.neirong table tr td{ padding:15px; background:#fff;}
.neirong table tr:nth-child(1) td{ background:var(--c2); color:#fff;}
.neirong table tr td:nth-child(1){ white-space:pre; text-align:center;}
.neirong table tr td:nth-last-child(1){ white-space:pre; text-align:center;}
.neirong table tr td:nth-last-child(2){ white-space:pre; text-align:center;}

.neirong table tr td div:nth-child(2){ font-size:14px;}

.tiaozhuan{ display: flex; align-items: center; justify-content: space-between; margin-top: var(--f50);}
.tiaozhuan a{ padding: 0 var(--f20); line-height: var(--f50); border: #dfdfdf solid var(--f1); border-radius: var(--f50); position: relative;}
.tiaozhuan a:hover{ background: var(--c1); color: #fff;}


.pagesRight{ width: calc( 100% * 390 / 1400); flex-shrink: 0; padding-left: var(--f60);}
.pagesRight .pagesRight1{ font-size: var(--f18); color: var(--c1);}
.pagesRight .pagesRight2{ font-size: var(--f22); margin: var(--f15) 0 var(--f25);}
.pagesRight .pagesRight3{ font-size: var(--f18); color: #666666; margin-bottom: var(--f45);}
.pagesRight .pagesRight4{ padding: 0 var(--f20); line-height: var(--f50); border: #dfdfdf solid var(--f1); border-radius: var(--f50); position: relative; display: block; width: fit-content; min-width: var(--f120); margin-top: var(--f90);}
.pagesRight .pagesRight4:hover{ background: var(--c1); color: #fff;}
.pagesRight .pagesRight4 i{ margin-right: var(--f10);}



.qua{ background:#fff;}
.qua .quaBox{ display: flex; align-items: center;}
.qua .quaBox a{ line-height:var(--f90); margin-right: var(--f90); font-size: var(--f22); position: relative; display: block;}
.qua .quaBox a::before{ content: ''; display: block; width: 0; height: var(--f2); background: var(--c1); position: absolute; left:0; bottom: 0; transition: all ease 0.75s;}
.qua .quaBox a.on{ color:var(--c1);}
.qua .quaBox a.on::before{ width: 100%;}
.qua .quaBox a:hover{ color:var(--c1);}
.qua .quaBox a:hover::before{ width: 100%;}


.resources{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: var(--f50) auto var(--f45); }

.resourcesItem{ width: calc( 50% - var(--f15)); margin-bottom: var(--f15); background: #fff; box-shadow: rgba(0,0,0,0.1) 0 0 10px; display: flex;}

.resourcesLeft{ width: 100%; position: relative;}
.resourcesLeft::before{ content: ''; display: block; padding-top: calc( 100% * 360 / 700);}
.resourcesRight{ width: 100%; min-height: var(--f240); padding: var(--f40); display: flex; flex-direction: column; justify-content: space-between;}
.resourcesRight .resourcesTop{}
.resourcesRight .resourcesTop .resourcesData{ font-size: var(--f18); color: var(--c1);}
.resourcesItem .resourcesRight .resourcesTop .resourcesTitle{ font-size: var(--f26); line-height: 1.2em;}
.resourcesRight:hover .resourcesTop .resourcesTitle{ color: var(--c2);}
.resourcesRight .resourcesMore{ font-size: var(--f16); color: #666;}

.resourcesItem:first-child{ width: 100%;}
.resourcesItem:first-child .resourcesLeft{ width: 50%; flex-shrink: 0;}
.resourcesItem:first-child .resourcesLeft img{ object-fit: contain;}
.resourcesItem:first-child .resourcesRight{ padding: var(--f80) var(--f60) var(--f60);}


.fenye{ padding: var(--f50) 0 var(--f120);}

.pages{ display: flex; align-items: center; justify-content: center;}
.pages li{ margin: 0 var(--f10);}
.pages li a{ display: block; width: var(--f50); line-height: var(--f50); text-align: center;}
.pages li.num{ color: var(--c1); border: var(--c1) solid var(--f1);}
.pages li a img{ width: var(--f50);}
.pages li a img:nth-child(2){ display: none;}
.pages li span{ display: block; text-align: center; line-height: var(--f50); color: var(--c1); margin: 0 var(--f10);}

.pages li.on a{ color: #fff; background: var(--c1);}

.pages li:hover a{ color: #fff; background: var(--c1);}
.pages li:hover a img:nth-child(1){ display: none;}
.pages li:hover a img:nth-child(2){ display: block;}

.layui-box{ display: flex; align-items: center; justify-content: center;}
.layui-box a{ margin: 0 var(--f10); display: block; width: var(--f50); line-height: var(--f50); text-align: center; border: #bfbfbf solid var(--f1);}
.layui-box span{ margin: 0 var(--f10); display: block; width: var(--f50); line-height: var(--f50); text-align: center; border: #bfbfbf solid var(--f1);}
.pages span:hover{ color: #fff; background: var(--c1);}
.pages span.layui-laypage-curr{ color: #fff; background: var(--c1); border:var(--c1) solid var(--f1);}
.pages a:hover{ color: #fff; background: var(--c1); border:var(--c1) solid var(--f1);}

.layui-laypage-count{ display: none !important;}

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

}
@media screen and (max-width:1600px){
.topBot .topBotMenu.on .topBotTitle{font-size: var(--f18);
        margin-left:0;}
.geneItem4 .geneTitle4 {
    font-size: var(--f18);
}
/* .topLeft {
    position: absolute;
    top: var(--f20);
}

.topLeft img {
    width: var(--f140);
}

.topRight {
    width: 100%;
}

.topBot {
    margin-top: var(--f40);
    justify-content: space-between;
    width: 100%;
} */

.indexItem4 .indexTop4 {
    font-size: var(--f60);}

:root{
--w1:var(--f1200);
}


.indexItem4 .indexBot4 {
    font-size: var(--f24);}

.formTab{ grid-template-columns: repeat(3,1fr) !important;}
    
.indexItem4 .indexTop4 span{ font-size: var(--f45);}
}
@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;}

.top{ display: none;}
.ljgdRight img {
    width: 30px;}
.topBot a {
    margin-left: 15px;}


.gene1{ height: 100px;}

.gene2{ flex-direction: column;}
.geneLeft2{ width: 100%;}
.geneRight2{ width: 100%; margin-top: 30px;}
.cell8 {
    padding: 90px 0;
    overflow: hidden;
}
.t1 {
    font-size: 22px;}
.t2 {
    font-size: 28px;
    line-height: 1.2em;
    color: #fff;
}
.cellItem5 .cellTag5 {
    padding: 0 20px;
    border-radius: var(--f120);
    line-height: 2em;
    width: fit-content;
    color: #fff;
    background: var(--c1);
    font-size: 18px;
    margin: 40px 0;
}

.formTab{ grid-template-columns: repeat(2,1fr) !important;}
.zhanTop {
    height: 60px;
}

input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999; font-size:14px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999; font-size:14px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999; font-size:14px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size:14px;}

.formLabel{ font-size: 14px;}

.formPage {
    padding: 45px 0 100px;
    display: block;
}

.formPage .t1{ font-size: 28px;}

.conItem2{ flex-direction: column;}

.conItem3 .conBot3{ flex-direction: column;}
.conItem3 .conBot3 .conBotLeft3{ width: 100%; margin-bottom: 40px; margin-right: 0;}

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

.footTop2 .footTopCenter2 {
    position: absolute;
    left: 0;
    top: 260px;
    width: 100%;
    margin: 0;
}
.footTop2{ padding-bottom:250px;}
.footTop2 .footTopCenter2 .footTopCenter22{ flex-direction:column; align-items:flex-start;}
    .conBox3{ grid-template-columns: repeat(1,1fr);}

    .conMess2 .conMessItem2{ flex-direction: column; align-items: flex-start;}
    .conMess2 .conMessItem2 .conMessIcon2{ margin-bottom: 20px;}

    .conRightMask2 .conRightMaskTitle2 {
    font-size: 12px;}
    .conRightMask2 .conRightMaskLogo2 {
    width: 80px;
    padding: 10px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 10px;
}

.conLeft2 {
    width: 100%;
    padding: 5%;
}

.conMess2 .conMessItem2 .conMessMess2 {
    font-size: 16px;}
    
.formTab{ grid-template-columns: repeat(1,1fr) !important;}

   .neiBanner{ margin-top: 60px;}
.neiBannerText .neiBannerText1 {
    font-size: 24px;}

.neiBannerText {
    padding-top: 0;
}
.neiBannerText .neiBannerText2 {
    font-size: 14px;
    line-height: 1.1em;
    color: #fff;
}

.iit1{ flex-direction: column; padding-top: 0;}
.iitLeft1 {
    width: 100%;
    padding-right: 0;
}

.iitRight1{ width: 100%; margin-top: 30px;}
.iitLeft1 .iitLeftTop1 {
    width: 100%;
    padding: 45px 0;
}
.iitWai2{ padding-bottom: 45px;}
.iit2 {
        flex-direction: column !important;
        padding: 45px 0 0;
    }
.iitLeft2{ width: 100%; margin-bottom: 20px;}
.iitRight2{ width: 100%; padding: 0 !important;}

.iitRight2 .iitRight21 {
    font-size: 20px;
    line-height: 2em;
    color: var(--c1);
}

.iitLeft1 .iitLeftBot1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--f15);
}
.neiBannerZhan {
    position: relative;
    height: 350px;
}
.cellItem5 .cellTag5 {
    padding: 0 20px;
    border-radius: var(--f120);
    line-height: 2em;
    width: fit-content;
    color: #fff;
    background: var(--c1);
    font-size: 18px;
    margin: 40px 0;
}

.cellItem3 .cellImg3 {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 300px;
}

.cellItem4 {
    margin: 0 var(--f15);
    padding: var(--f35) var(--f20);
    border-radius: var(--f10);
    background: #f7f7f7;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 var(--f10);
    overflow: hidden;
    font-size: 18px;
    color: #666;
    min-height: 100px !important;
    cursor: pointer;
}

.qiehuan{ display: none;}

.indexNei1 .indexRight1{ display: none;}
.indexNei1 .indexLeft1 {
    width: 100%;
}
.geneLeft31 .geneLeft311 {
    font-size: 22px;
    color: var(--c1);
}

.geneLeft31 .geneLeft312 {
    font-size: 16px;
}
.gene2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}


.gene3 {
    overflow: hidden;
    padding: 60px 0;
    background: #f1f1f1;
}
.img_gallery .p1 {
    font-size: 45px;}
.img_gallery .p2 {
    font-size: 16px;}
.main_img .zhanwei:before{ padding-top: 650px;}

.index1 {
    width: 100%;
    min-height: auto;
    padding: 120px 0 300px;
}

.indexMask2 {
    width: 100%;
    height: 100%;}

.indexNei1 .indexLeft1 .indexLeft11 {
    font-size: 24px;
}
.indexNei1 .indexLeft1 .indexLeft12 {
    font-size: 36px;}
.indexWai2 {
    width: 100%; padding: 0;
}

.indexMask2 .indexMaskTitle2 {
    font-size: 20px;
    line-height: 1.5em;
}
.indexMask2 .indexMaskSmall2 {
    font-size: 14px;
    line-height: 1.5em;
}

.index3{ padding: 150px 0;}

.indexNei3 .index31 {
    font-size: 16px;}
.indexNei3 .index32 {
    font-size: 24px;
    line-height: 1.2em;
}
.more1 img {
    width: 30px;}

.indexItem4 .indexTop4 {
    font-size: 45px;
    color: var(--c2);
    height: 60px;
}
.indexItem4 .indexBot4 {
    font-size: 20px;
    color: #fff;
    height: 60px;
    padding-top: 20px;
}

.t1 {
    font-size: 28px;
    color: var(--c1);
}
.t2 {
    font-size: 24px;
    line-height: 1.2em;
    margin-top: 20px;
}

.cell5{ padding-top: 150px;}

.cellItem5 .cellNum5 {
    padding-left: 35px;
    position: relative;
    font-size: 20px;
    color: var(--c1);
}
.cellItem5 .cellNum5:before {
    width: 20px;}

.cellItem5 .cellTag5 {
    padding: 0 30px;
    border-radius: var(--f120);
    line-height: 2em;
    width: fit-content;
    color: #fff;
    background: var(--c1);
    font-size: 16px;
    margin: 35px 0;
}

.cellItem5 .cellSmall5 {
    font-size: 16px;
    line-height: 1.5em;
    min-height: 2em;
}


.indexNei6{ flex-direction: column;}

.indexNewsItem{ flex-direction: column;}
.indexNewsItem .indexNewsImg{ width: 100%; margin-bottom: 20px;}



.indexLeft6 {
    width: 100%;
}
.indexRight6 {
        margin-top: 45px;
    width: 100%;
}
.footTopLeft {
    width: 100%;
}
.footTopLine{ display: none;}
.footTopCenter{ display: none;}
.footTopRight{ display: none;}
.cebian{ display: none !important;}
	
.footTop {
    padding: 40px 0;}
    
.geneRightBot2 .geneRightNei2 .geneRightTable2 {
    width: 100%;
    font-size: 14px;
}


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

.sb1{ flex-direction:column !important;}

.sb1 .sbLeft1{ width:90% !important; margin:30px auto; padding:0 !important; }
.sb1 .sbRight1{ width:90% !important; margin:0 auto;}
.sb1 .sbLeft1 .sbLeftBox1{ max-width:100%;}

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

   .geneRightTop2 .geneRightTitle2 {
    font-size: 16px;
    color: var(--c1);
}
.geneRightBot2 .geneRightNei2 .geneRightTable2 td:nth-child(1) {
    color: #999999;
    width: 35%;
    line-height: var(--f50);
}

.geneRightTop2 {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    position: relative;
    cursor: pointer;
}
.geneRightBot2 .geneRightNei2 {
    width: 100%;
    padding: 10px 20px;
    border-top: #dedede solid var(--f1);
}

.img_gallery .p1 {
        font-size: 28px;
    }
.indexNei1 .indexLeft1 .indexLeft12 {
        font-size: 24px;
    }
.indexNei1 .indexLeft1 .indexLeft11 {
        font-size: 16px;
    }

.index5{ height: 160px;}

.iitLeft1 .iitLeftBot1 .iitLeftBotItem1 div {
    padding: 15px;
    font-size: 14px;
}
.iconBox a {
    padding: 0px 12px;
    line-height: 2.5em;
    border-radius: var(--f100);
    position: relative;
    overflow: hidden;
    border: #fff solid var(--f2);
    color: #fff;
    font-size: 12px;
    margin-right: var(--f20);
}

.t2 {
        font-size: 18px;}
.iitRight2 .iitRight22 {
    font-size: 14px;
    line-height: 2em;
    margin-top: var(--f20);
}


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




}