@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(--f45);}

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

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

.topRight{ display: flex; flex-direction: column; align-items: flex-end;}

.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(--f16); 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(--f20);}
.topBot a{ margin-left: var(--f45); font-size: var(--f16); color: #fff; position: relative; display: block; line-height: 1.2em; white-space: pre;}
.topBot a::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 a:hover{ color: var(--c1);}
.topBot a:hover::before{ width: 100%;}

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

.foot{ background: #e5e7eb;}

.footTop{ padding: var(--f140) 0 var(--f120); 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(--f260); flex-shrink: 0;}

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

.footTopRight{ width: calc( 100% * 500 / 1400); display: grid; grid-gap: var(--f50); grid-template-columns: repeat(2,1fr);}
.footTopRight .footTopRight1{ display: flex; flex-direction: column;}
.footTopRight .footTopRight1 a:nth-child(1){ font-size: var(--f20); margin-bottom: var(--f25); 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(--f10); color: #666666;}

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

.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(--f68); line-height: 1.1em; color: #fff; margin-bottom: var(--f15);}
.neiBannerText .neiBannerText2{ font-size: var(--f22); line-height: 1.1em; color: #fff;}

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


.cell1{ padding-top: var(--f110); padding-bottom: var(--f45); 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;}
.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(--f340);}

.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;}

.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;}
.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);}

.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% * 585 / 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% * 750 / 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;}

.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);}
.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%; position: absolute; left: 0; top: 0; z-index: 10; display: flex; align-items: flex-end; padding: var(--f30); font-size: var(--f20); color: #fff;}
.geneItem4 .geneTitle4 div{}



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

.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%;}

.iit2{ padding: var(--f120) 0; display: flex; align-items: center;}

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

.iitRight2{ width: 50%; padding-left: var(--f80);}
.iitRight2 .iitRight21{ font-size: var(--f32); line-height: 2em; color: var(--c1);}
.iitRight2 .iitRight22{ font-size: var(--f16); line-height: 2em; margin-top: var(--f20);}


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

/* 响应式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(--f68); 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);}
.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% * 800 / 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%;}
.index2 .slick-list{ overflow: inherit;}

.indexItem2{ position: relative; cursor: pointer; z-index: 0;}

.indexText2{ padding: var(--f50) var(--f35) var(--f65); background: #fff; display: flex; flex-direction: column; align-items: center;}
.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(--f88); color: var(--c2); height: var(--f105);}
.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(--f130) 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);}

.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;}
.indexNewsItem .indexNewsImg::before{ content: ''; display: block; padding-top: calc( 100% * 200 / 320);}
.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);}

.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(--f240) 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;}
.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);}
.cebian .cebian2 img{ width: 100%;}

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

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

}
@media screen and (max-width:1600px){
.topBot a {
    margin-left: var(--f20);
    font-size: var(--f16);}
/* .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%;
} */



}
@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;
}
}
@media screen and (max-width:770px){

   .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;
}
.iit2 {
        flex-direction: column;
        padding: 45px 0;
    }
.iitLeft2{ width: 100%; margin-bottom: 20px;}
.iitRight2{ width: 100%; padding: 0;}

.iitRight2 .iitRight21 {
    font-size: 28px;
    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: 16px;
    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;
}
}
@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){




}