body{ margin:0px; padding:0px; border:0px; color:#333; font-size:14px; width:100%; font-size: 15px; color: #585858;}
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:var(--f14);}
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;}

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

.tit{ text-align: center;}


.hmoe1{ background: url(../images/h1.jpg) no-repeat 50%/cover; padding: 50px 0 120px;}

.hxcp{ margin-top: 60px; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px;}

:root{
    --c1:#002e5b;
    --c2:rgba(0,46,91,0.7);
}



.hxcpItem{ position: relative;}
.hxcpItem .hxcpBg{ width: 100%; position: relative; z-index: 1;}

.hxcpItem .hxcpText{ width: calc( 100% - 30px); position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgba(0,46,91,0.7); padding: 50px 10px 40px; display: flex; align-items: center; flex-direction: column; color: #fff; transition: all ease 0.75s; opacity: 0;}
.hxcpItem:hover .hxcpText{ opacity: 1;}
.hxcpItem .hxcpMask{ position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; background: rgba(0,46,91,0.7); color: #fff; justify-content: center; transition: all ease 0.75s;}
.hxcpItem:hover .hxcpMask{ opacity: 0;}

.hxcpItem .hxcpTitle{ font-size: 24px;}
.hxcpItem .hxcpTitle2{ font-size: 16px; text-transform: uppercase;}
.hxcpItem .hxcpLine{ width: 30px; height: 2px; background: #fff; margin: 10px auto;}
.hxcpItem .hxcpSmall{ font-size: 16px;}
.hxcpItem .hxcpIcon{ margin-bottom: 20px;}

.home-news-content {
    float: left;
    padding: 75px 65px 35px 55px;
    width: 440px;
    height: 492px;
    background-color: #fff;
}

.csgx1{ padding-top: 80px; background: url(../images/cs2.png) no-repeat 50% 100%; overflow: hidden; width: 100%;}

.csgx11{ width: 850px; margin: 35px auto 60px; font-size: 15px; color: #585858;}

.csgx12{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 70px;}

.csg13{ height: 235px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff;}
.csg13 .csg131{ font-size: 34px; margin-bottom: 15px;}
.csg13 .csg132{ font-size: 20px;}

.csgx2{ padding: 115px 0 95px; overflow: hidden;}

.csgx21{ position: relative;}

.csgxArrow21{ width: 100%; height: 0; display: flex; align-items: center; justify-content: space-between; top: 65%; left: 0; z-index: 99; cursor: pointer; position: absolute;}
.csgxArrow21 div{}
.csgxArrow21 div img:nth-child(2){ display: none;}
.csgxArrow21 div:hover img:nth-child(1){ display: none;}
.csgxArrow21 div:hover img:nth-child(2){ display: block;}

.dtysBox{ width: calc( 100% + 50px); transform: translateX(-25px); overflow: hidden;}

.dtys{ width: 370px; margin: 0 auto; margin-top: 90px; margin-bottom: 0 !important; height: 495px !important;}
.dtys .slick-list{ overflow: visible;}

.dtysItem{ padding: 90px 25px 0; position: relative; cursor: pointer; height: 495px !important;}
.dtysItem .dtysBg{ width: 100%; z-index: 1; transition: all ease 0.75s; width: 320px; height: 400px; position: absolute;}
.dtysItem .dtysBg img{ width: 100%;}
.dtysItem .dtysMaask{ width: 390px; height:100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 10; opacity: 0; transition: all ease 0.75s;}
.dtysItem .dtysMaask img{ width: 100%; height:100%;}
.dtysItem .dtysText{ width: 390px; height:100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 100; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; padding: 35px; background: rgba(0,46,91,0.7); opacity: 0; transition: all ease 0.75s;}
.dtysItem .dtysText .dtysTitle{ font-size: 24px;}
.dtysItem .dtysText .dtysLine{ width: 60px; height: 3px; background: #fff; margin: 20px auto;}
.dtysItem .dtysText .dtysSmall{ font-size: 15px; line-height: 2em;}

.dtysItem.slick-active .dtysBg{ opacity: 0;}
.dtysItem.slick-active .dtysMaask{ opacity: 1;}
.dtysItem.slick-active .dtysText{ opacity: 1;}

.csgx3{ padding: 70px 0; background: url(../images/cs12.jpg) no-repeat 50%/cover;}

.csgx31{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 35px; font-size: 15px; color: #585858; margin-top: 50px;}

.csgxItem31{}
.csgxItem31 .csgxImg31{}
.csgxItem31 .csgxTitle31{ text-align: center; margin-top: 10px;font-weight: bolder;}
.csgxItem31 .csgxSmall31{}

.csgx4{ padding: 70px 0 140px;}

.cgal{}

.cgalItem{ display: flex; align-items: center; justify-content: space-between; margin-top: 70px;}
.cgalItem:nth-child(even){ flex-direction: row-reverse;}
.cgalItem .cgalImg{ width: 50%; flex-shrink: 0;}
.cgalItem .cgalText{ width: calc( 50% - 35px); flex-shrink: 0;}
.cgalItem .cgalText .cgalTitle{ font-size: 20px; color: #2299ee;}
.cgalItem .cgalText .cgalSmall{ font-size: 15px; color: #585858; margin-top: 15px;}


.dkjj1{ margin: 80px auto;}

.dkjj11{ margin-top: 65px; display: flex; justify-content: space-between; align-items: center;}

.dkjjLeft11{}
.dkjjRgith11{ width: 360px; flex-shrink: 0;}
.dkjjRgith11 .dkjjTitle11{ font-size: 24px; color: #2299ee;}
.dkjjRgith11 .dkjjSmall11{ font-size: 15px; color: #585858; margin-top: 15px;}

.wmdff{}
.wmdff1{ text-align: center; margin: 30px auto 45px;}

.wmdff2{ position: relative;}

.wmdffArrow2{}
.wmdffArrow2{ width: calc( 100% + 130px); height: 0; display: flex; align-items: center; justify-content: space-between; top: 50%; left: 50%; transform: translateX(-50%); z-index: 99; cursor: pointer; position: absolute;}
.wmdffArrow2 div{}
.wmdffArrow2 div img:nth-child(2){ display: none;}
.wmdffArrow2 div:hover img:nth-child(1){ display: none;}
.wmdffArrow2 div:hover img:nth-child(2){ display: block;}

.wmdffTop2{ margin-bottom: 0 !important;}

.wmdffTopItem2{ position: relative;}

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

.wmdffTopText2{ left: 25px; bottom: 25px; background: rgba(255,255,255,.70); padding: 35px; padding-bottom: 50px; width: 620px; position: absolute; z-index: 10;}
.wmdffTopText2 .wmdffTopTitle2{ font-size: 20px; color: #2c4fa0;}
.wmdffTopText2 .wmdffTopLine2{ width: 75px; height: 3px; background: #2299ee; margin: 15px 0;}
.wmdffTopText2 .wmdffTopSmall2{ font-size: 14px; color: #303030;}

.wmdffBotBox2{ padding: 30px 0; }

.wmdffBot2{ border-left:#e2e2e2 solid 1px; margin-bottom: 0 !important; display: grid; grid-template-columns: repeat(7,1fr);}
.wmdffBot2 .slick-list{ overflow: visible;}
.wmdffBotItem2{ position: relative; cursor: pointer; }
.wmdffBotItem2 .wmdffBotText2{ height: 116px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: #e2e2e2 solid 1px; border-left: none; position: relative; z-index: 1; transition: all ease 0.75s;}
.wmdffBotItem2 .wmdffBotText2 .wmdffBotIcon2{}
.wmdffBotItem2 .wmdffBotText2 .wmdffBotTitle2{ color:#5e5e5e; margin-top: 10px;}
.wmdffBotItem2 .wmdffBotMsak2{ width: calc( 100% + 40px); height: 176px; position: absolute; top: -30px; left:-20px; position: absolute; z-index: 100; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #2c4fa0; transition: all ease 0.75s; opacity: 0;}
.wmdffBotItem2.on .wmdffBotMsak2{ opacity: 1;}
.wmdffBotItem2 .wmdffBotMsak2 .wmdffBotIcon2{}
.wmdffBotItem2 .wmdffBotMsak2 .wmdffBotTitle2{ color: #fff; margin: 10px auto;}
.wmdffBotItem2 .wmdffBotMsak2 .wmdffBotIcon21{}

.yycj{ padding: 100px 0 120px;}

.yycj1{ margin-top: 70px;}


.jdgl1{ padding: 80px 0;}
.jdgl11{ margin-top: 70px; display: flex; justify-content: space-between;}

.jdglItem11{ width: calc( 50% - 5px);}
.jdglItem11 .jdglImg11{}
.jdglItem11 .jdglText11{ padding: 45px 0;}

.jdgl2{ background: url(../images/jd3.jpg) no-repeat 50%/cover; padding: 85px 0 115px;}

.jdgl21{ font-size: 30px; color: #fff; text-align: center;}
.jdgl22{ font-size: 15px; color: #fff; margin: 30px auto;}
.jdgl23{}

.xmjz{ margin-top: 70px;}

.xmjzItem{ margin-bottom: 70px; position: relative;}
.xmjzItem .xmjzImg{ position: absolute; z-index: 10;}
.xmjzItem .xmjzText{ width: 100%; position: relative; z-index: 1;}
.xmjzItem .xmjzText .xmjzNum{ background: #fff; font-size: 72px; color: #2299ee; line-height: 1em;}
.xmjzItem .xmjzText .xmjzSmall{ background: #f6f6f6; padding-top: 50px; padding-bottom: 20px; min-height: 145px;}

.xmjzItem:nth-child(odd) .xmjzImg{ right: 0;}
.xmjzItem:nth-child(odd) .xmjzText{}
.xmjzItem:nth-child(odd) .xmjzText .xmjzNum{ padding-right: 405px; text-align: right;}
.xmjzItem:nth-child(odd) .xmjzText .xmjzSmall{ padding-right: 405px; padding-left: 40px;}

.xmjzItem:nth-child(even) .xmjzImg{ left: 0;}
.xmjzItem:nth-child(even) .xmjzText{}
.xmjzItem:nth-child(even) .xmjzText .xmjzNum{ padding-left: 405px;}
.xmjzItem:nth-child(even) .xmjzText .xmjzSmall{ padding-left: 405px; padding-right: 40px;}



.syyy1{ position: relative; margin-top: 70px;}

.syyy11{ position: relative; z-index: 1;}

.syyy12{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: #2299ee; width: 645px; padding: 40px; color: #fff; z-index: 10;}
.syyy12:before{ width: 250px; height: 3px; background: #2299ee; position: absolute; right:0; bottom:-10px; content: ''; display: block;}
.syyy12 .syyy121{ font-size: 20px;}
.syyy12 .syyy122{ font-size: 15px;}

.wmddw{}

.wmddw1{ display: flex; justify-content: space-between; align-items: center; padding: 70px 0 130px;}

.wmddwLeft1{ width: 420px;}
.wmddwRight1{ width: 630px;}

.yyal{ margin-bottom: 95px;}

.yyalMess{ margin-top: 70px;}

.yyalTitle{ font-size: 24px; color: #2299ee; line-height: 2em;}


.pic_list .item .txt{ top: 30%; left: 25% !important;}