body { color:#686868; font-size:16px; font-family:"Arial","Microsoft YaHei","宋体"; }
html{ overflow-y:scroll;}
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3{ margin:0px; padding:0px; border:0; }
a,div,span,em,i,button,input,li{ outline: none; }
a:link{ text-decoration:none; behavior:url(/scripts/blur.htc);}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select,button{ color:#333; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle; -webkit-appearance: none;}
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none; padding:0;
}

/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.float_l{ float:left;}
.float_r{ float:right;}


/*字体*/
.Arial { font-family:Arial;}
.YaHei { font-family:"microsoft yahei","宋体";}
@font-face {
    font-family: "FZLTCXHJW";
    src: url("../fonts/FZLTCXHJW.ttf") format("truetype");
}

/*上下间距*/
.ml10{ margin-left: 10px; }
.mr10{ margin-right: 10px; }
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}

/*公用*/
.div100{ width:100%;}
.B{ font-weight:bold;}
.Text_l{ text-align:left;}
.Text_r{ text-align:right;}
.Text_c{ text-align:center;}
.animate{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }

.all{ width:1500px; margin:0 auto; }
.container .swiper-button-next,.container .swiper-button-prev{ width: 40px; height: 40px; border: 1px solid #fff; border-radius: 40px; box-sizing: border-box; transition: all 0.3s ease;outline:none; }
.container .swiper-button-next::after,.container .swiper-button-prev::after{ font-size: 15px; color: #fff; }
.container .swiper-button-next:hover,.container .swiper-button-prev:hover{ background: #28628e; border: 1px solid #28628e; }

.mainHeader{ position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 88px; }
.mainHeader .all{ position: relative; height: 100%; }
.mainLogo{ float: left; width: 240px; height: 100%; background: url(../images/mLogo.png) no-repeat center; background-size: 100% auto; }
.mainLogo a{ display: block; height: 100% }
.mainHeader .mainMenu{ float: right; margin-right: 160px; }
.mainHeader .mainMenu li{ float: left; height: 100%; margin: 0 20px; }
.mainHeader .mainMenu li .mLink{ display: block; height: 100%; line-height: 88px; color: #28628e; font-size: 16px; transition: all 0.3s ease; padding: 0 10px; }
.mainHeader .mainMenu li .mLink:hover{ color: #28628e; }
.mainHeader .function{ position: absolute; right: 0; top: 30px; }
.mainHeader .function .searchBtn{ width: 35px; display: inline-block; background: url(../images/search2.png) no-repeat center; height: 30px; vertical-align: middle; }
/* .mainHeader .function .langBtn{ color: #28628e; vertical-align: middle; font-size: 22px; display: inline-block; position: relative; line-height: 30px; cursor: pointer; } */
.mainHeader .function .langBtn{ vertical-align: middle; display: inline-block; position: relative; cursor: pointer; width: 32px; height: 30px; background: url(../images/gq.png) no-repeat center; background-size: 100% auto; font-size: 0; }
.mainHeader .function .langBtn::after{ content: ''; position: absolute; border: 4px solid; border-color: #28628e transparent transparent transparent; right: -12px; top: 12px; }
.mainHeader .function span{ border: 1px solid #28628e; display: inline-block; height: 16px; margin: 0 15px; vertical-align: middle; }
.mainHeader .function .langMenu{ position: absolute; left: -10px; top: 30px; background: #fff; padding: 15px 0; font-size: 14px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; opacity: 0; transform: translateY(20px); visibility: hidden; transition: all 0.3s ease; box-shadow: 0 5px 20px rgba(0,0,0,0.3); }
.mainHeader .function .langBtn:hover .langMenu{ opacity: 1; transform: translateY(0); visibility: visible; }
.mainHeader .function .langMenu a{ color: #28628e; display: block; line-height: 24px; padding: 0 15px; }
.mainHeader .function .langMenu a:hover{ text-decoration: underline; }

.mainSearch{ position: fixed; width: 100%; left: 0; top: 88px; bottom: 0; z-index: 9999; background: rgba(0,0,0,0.2); opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.mainSearch.active{ opacity: 1; visibility: visible; }
.mainSearch .cent{ background: #fff; padding: 40px 0; transform: translateY(-100%); transition: all 0.5s ease; opacity: 0; }
.mainSearch.active .cent{ opacity: 1; transform: translateY(0); }
.mainSearch .cent div{ width: 1000px; margin: 0 auto; max-width: 90%; position: relative; }
.mainSearch input{ background: none; width: 100%; border: none; border-bottom: 1px solid #28628e; height: 40px; font-size: 18px; color: #000; padding: 0 40px 0 20px; box-sizing: border-box; }
.mainSearch button{ position: absolute; right: 0; top: 0; border: none; cursor: pointer; width: 40px; height: 40px; background: url(../images/search2.png) no-repeat center; }

.subMenu{ position: fixed; z-index: 998; top: 88px; width: 100%; background: rgba(248,248,248,1); height: 70%; opacity: 0; visibility: hidden; transition: all 0.5s ease; transform: translateY(-50px); }
.subMenu a{-webkit-tap-highlight-color:transparent }
.subMenu.active{ opacity: 1; transform: translateY(0); visibility: visible; }
.subMenu .all{ position: relative; height: 100%; }
.subMenu .close{ position: absolute; width: 35px; height: 35px; content: ''; right: 20px; top: 30px; background: url(../images/about/close2.png) no-repeat center; background-size: 70%; cursor: pointer; transition: all 0.3s ease; z-index: 3; }
.subMenu .close:hover{ transform: rotate(90deg); }
.subMenu .mainlist{ width: 25%; height: 100%; padding-top: 60px; box-sizing: border-box; position: relative; display: none; }
.subMenu .mainlist .title{ padding-right: 40px; }
.subMenu .mainlist .title img{ width: 100%; }
.subMenu .mainlist .title p{ font-size: 20px; color: #000; margin: 15px 0; }
.subMenu .mainlist .title span{ display: block; font-size: 16px; line-height: 28px; margin-bottom: 15px; }
.subMenu .mainlist .title a{ color: #28628e; font-size: 16px; }
.subMenu .mainlist .secmenu,.subMenu .mainlist .thirdmenu,.subMenu .mainlist .lastmenu{ width: 100%; height: 100%; position: absolute; left: 100%; top: 0; padding-top: 60px; box-sizing: border-box; border-right: 1px solid #e5e5e5; margin-left: 1px; }
.subMenu .mainlist .secmenu .secscroll{ height: 100%; }
.subMenu .seclink,.subMenu .thirdlink,.subMenu .lastlink{ color: #666; font-size: 18px; line-height: 50px; padding: 0 40px; display: block; position: relative; }
.subMenu .seclist.tt .seclink{ color: #000; font-size: 20px; }
.subMenu .nolink::after{ position: absolute; right: 40px; content: 'next'; color: #666; font-family: swiper-icons; }
.subMenu .active>.nolink,.subMenu .active>.nolink::after,.subMenu .lastlink:hover,.subMenu .noaf:hover{ color: #28628e; }
.subMenu .thirdmenu,.subMenu .lastmenu{ opacity: 0; visibility: hidden; transform: translateX(-10%); transition: all 0.3s ease; }
.subMenu .seclist.active .thirdmenu,.subMenu .thirdlist.active .lastmenu{ opacity: 1; transform: translateX(0); visibility: visible; }
.subMenu .moList{ display: none; padding-top: 60px; transition: all 0.5s ease; }
.subMenu .moList.active{ transform: translateX(110%); }
.subMenu .moList li a{ display: block; font-size: 18px; height: 50px; line-height: 50px; color: #000; }
.subMenu .moList li .sp::after{ position: absolute; right: 40px; content: 'next'; color: #666; font-family: swiper-icons; }
.subMenu .mainlist .thirdlist.pc,.subMenu .mainlist .lastlist.pc{ display: none; }
.menuMask{ position: fixed; z-index: 997; top: 88px; width: 100%; height: 100%; display: none; }

.moMenu{ position:absolute; right:160px; top:36px; width:24px; height:18px; z-index:2; cursor:pointer; display: none; }
.moMenu span{ display:block; width:100%; height:2px; background:#28628e; position:absolute; left:0; border-radius: 10px; }
.moMenu .sp1{ top:0; transform:translateX(0); transition:all 0.3s ease 0.6s; }
.moMenu .sp2{ top:8px; background:none; transition:all 0.3s ease 0.7s; transform:rotateY(0); }
.moMenu .sp2 em{ display:block; background:#28628e; height:2px; }
.moMenu .sp3{ bottom:0; transform:translateX(0); transition:all 0.3s ease 0.6s; }
.mainHeader.active .moMenu .sp1{ transform:translateX(-100%); transition:all ease 0.3s; opacity:0; }
.mainHeader.active .moMenu .sp2{ transition:all 0.3s ease 0.1s; transform:rotateY(90deg); }
.mainHeader.active .moMenu .sp3{ transform:translateX(100%); transition:all ease 0.3s; opacity:0; }

.moClose{ visibility: hidden; opacity: 0; position:absolute; z-index: 1; width:26px; right:160px; top:27px; height:36px; cursor:pointer; background-size:100% 100%; transform:rotate(0); transition: all 0.3s ease 0.3s; }
.mainHeader.active .moClose{ z-index: 3; opacity: 1; transition: all 0.4s ease 0.5s; }
.moClose span{ display:block; height:2px; top:50%; margin-top:-1px; background:#28628e; position:absolute; width:100%; transform:rotate(0); transition:all ease 0.3s; border-radius: 10px; }
.mainHeader.active .moClose span.sp1{ transform:rotate(45deg); transition:all 0.3s ease 1s; }
.mainHeader.active .moClose span.sp2{ transform:rotate(-45deg); transition:all 0.3s ease 1s; }

.mainFooter{ height: 185px; background: #fff; padding-top: 55px; position: relative; }
.mainFooter .mCont{ padding: 0 55px; }
.mainFooter .logoCont{ float: left; }
.mainFooter .logoCont img{ width: 224px; margin-bottom: 40px }
.mainFooter .logoCont .parLink{ position: relative; }
.mainFooter .logoCont .parLink .tit{ position: relative; width: 100%; border: 1px solid #28628e; color: #28628e; font-size: 16px; line-height: 46px; padding-left: 20px; box-sizing: border-box; border-radius: 10px; cursor: pointer; }
.mainFooter .logoCont .parLink .tit::after{ content: ''; position: absolute; right: 20px; top: 20px; border: solid 7px; border-color: #28628e transparent transparent transparent; transition: all 0.3s ease; }
.mainFooter .logoCont .parLink.active .tit::after{ transform: rotate(180deg); top: 13px; }
.mainFooter .logoCont .parLink .list{ position: absolute; bottom: 45px; left: 0; width: 100%; background: #fff; box-sizing: border-box; border: 1px solid #28628e; padding: 10px 0; visibility: hidden; opacity: 0; transform: translateY(20px); transition: all 0.3s ease; }
.mainFooter .logoCont .parLink.active .list{ visibility: visible; opacity: 1; transform: translateY(0); }
.mainFooter .logoCont .parLink .list .li a{ display: block; line-height: 36px; padding: 0 10px; color: #000; font-size: 14px; }
.mainFooter .logoCont .parLink .list .li a:hover{ color: #28628e; }
.mainFooter .fMenu{ float: right; padding-top: 15px; }
.mainFooter .fMenu a{ color: #28628e; margin-right: 80px; font-size: 16px; }
.mainFooter .fPoint{ float: right; }
.mainFooter .fPoint a{ margin-left: 40px; display: inline-block; width: 84px; text-align: center; color: #28628e; position: relative; }
.mainFooter .fPoint a span{ display: inline-block; width: 84px; height: 84px; border: 1px solid #28628e; border-radius: 100%; margin-bottom: 10px; }
.mainFooter .fPoint a.p1:hover img{ opacity: 1; visibility: visible; transform: translateY(0); }
.mainFooter .fPoint a.p1 img{ position: absolute; left: -14px; bottom: 128px;box-shadow: 1px 10px 30px rgba(153,153,153,0.4); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; }
.mainFooter .fPoint a.p1 span{ background: url(../images/fIcon1.png) no-repeat center; }
.mainFooter .fPoint a.p2 span{ background: url(../images/fIcon2.png) no-repeat center; }
.mainFooter .fPoint a.p3 span{ background: url(../images/fIcon3.png) no-repeat center; }
.mainFooter .mCopy{ position: absolute; width: 100%; bottom: 50px; font-size: 16px; color: #999; text-align: center; }
.mainFooter .mCopy a{color:#999;}

.mainPage{ padding: 40px 0; text-align: center }
.mainPage li{ display: inline-block; width: 40px; height: 40px; box-sizing: border-box; border: 1px solid #d9d9d9; font-size: 16px; color: #000; line-height: 40px; margin: 0 6px; transition: all 0.3s ease; border-radius: 100%; cursor: pointer; }
.mainPage li.disabled{ cursor: default; }
.mainPage li.active{ background: #28628e; color: #fff; border: 1px solid #28628e }
.mainPage li:hover a{ color: #fff; background: #28628e; }
.mainPage li.disabled:hover{ border: 1px solid #d9d9d9; color: #000; background: none; }
.mainPage li span,.mainPage li a{ display: block; height: 100%; border-radius: 100%; }
.hengping{ display: none; }
.hengping.active{ opacity: 0; visibility: hidden; }

@media only screen and (max-width: 1680px) {
    .mainFooter .fMenu a{ margin-right: 50px; }
}
@media only screen and (max-width: 1560px) {
    .all{ width: 1400px; }
}
@media only screen and (max-width: 1460px) {
    .all{ width: 1200px; }
    .mainFooter .fPoint a{ width: 70px; font-size: 14px; margin-left: 20px; }
    .mainFooter .fPoint a span{ width: 60px; height: 60px; }
    .mainFooter .logoCont img{ width: 200px; }
}
@media only screen and (max-width: 1370px) {
    .mainFooter .fMenu a{ font-size: 14px; margin-right: 40px; }
    .mainFooter .mCopy{ font-size: 12px; }
}
@media only screen and (max-width: 1280px) {
    .all{ width: 1000px; }
    .mainHeader .all{ width: 100%; }
    .mainLogo{ margin-left: 20px; }
    .mainHeader .function{ right: 20px; }
    .mainHeader .mainMenu li{ margin: 0 10px; }
}
@media only screen and (max-width: 1190px) {
    .mainFooter .fMenu{ display: none; }
}
@media only screen and (max-width: 1024px) {
    .mainHeader .mainMenu{ display: none; }
    .all{ width: 100%; box-sizing: border-box; padding: 0 20px; }
    .mainFooter .mCopy{ bottom: 30px; }
    .moMenu,.subMenu .moList{ display: block; }
    .moClose{ visibility: visible; }
    .subMenu .close{ display: none; }
    .subMenu{ height: 70%; background: rgba(248,248,248,1); }
    .subMenu .mainlist{ width: 100%; }
    .subMenu .mainlist .title{ display: none; }
    .subMenu .mainlist .secmenu, .subMenu .mainlist .thirdmenu, .subMenu .mainlist .lastmenu{ left: 0; border: none; background: #f8f8f8; }
    .subMenu .mainlist{ position: absolute; top: 0; }
    .secmenu{ transform: translateX(-100%); transition: all 0.5s ease; }
    .secmenu.active{ transform: translateX(0); }
    .subMenu .thirdmenu{ z-index: 1; }
    .subMenu .lastmenu{ z-index: 2; }
    .moBack{ position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; left: 30px; top: 20px; }
    .moBack::after{ content: 'prev'; font-family: swiper-icons; font-size: 16px; }
    .moMenu,.moClose{ right: 20px; }
    .mainHeader .function{ right: 70px; }
    input,textarea,select,button{ border-radius: inherit; }
    .subMenu .mainlist .thirdlist.pc,.subMenu .mainlist .lastlist.pc{ display: block; }
}
@media only screen and (max-width: 900px) {
    @media all and (orientation : landscape){
        .hengping{ display: block; position: fixed; width: 100%; height: 100%; background: #fff; z-index: 1000000; left: 0; top: 0; text-align: center; }
        .hengping>div{ width: 100%; height: 100%; display: flex; align-items: center; color: #000; }
        .hengping>div>div{ width: 100%; }
        .hengping img{ margin-bottom: 20px; }
        .hengping p{ font-size: 20px; line-height: 26px; }
    }
}
@media only screen and (max-width: 768px) {
    .mainFooter .logoCont img{ margin-bottom: 20px; }
}
@media only screen and (max-width: 510px) {
    .mainLogo{ width: 160px; margin-left: 0 }
    .mainFooter{ padding-top: 30px; height: auto; }
    .mainFooter .mCont{ padding: 0 20px; text-align: center; margin-bottom: 20px; }
    .mainFooter .logoCont{ display: inline-block; margin-bottom: 20px; float: none; }
    .mainFooter .logoCont .parLink .tit{ text-align: left; line-height: 36px; }
    .mainFooter .logoCont .parLink .tit::after{ top: 15px; }
    .mainFooter .logoCont .parLink.active .tit::after{top: 8px }
    .mainFooter .fPoint{ float: none; }
    .mainFooter .fPoint a{ margin: 0 10px }
    .mainFooter .fPoint a span{ width: 40px; height: 40px; display: block; margin: 0 auto; margin-bottom: 10px; }
    .mainFooter .fPoint a.p1 span,.mainFooter .fPoint a.p2 span{ background-size: 60% auto; }
    .mainFooter .fPoint a.p3 span{ background-size: 52% auto; }
    .mainFooter .mCopy{ position: static; line-height: 30px; font-size: 10px; }
    .mainFooter .logoCont .parLink .list{ bottom: 35px; }
    .mainFooter .fPoint a.p1 img{ left: -22px; bottom: 80px; }
    /*.mainPage a{ width: 35px; height: 35px; line-height: 35px; }*/
    .mainHeader .function span{ margin: 0 10px; }
    .subMenu{ height: auto; bottom: 0 }
    body{ font-size: 14px; }
}