@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'SansCN';
    src: url('SourceHanSansCN-Regular.otf') format('truetype');
}
@font-face {
	font-family: 'GOTHIC';
	src: url('GOTHIC.TTF');
}

*,*:after,*:before{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*::after,*::before{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-touch-callout: none;margin: 0;}
html{font:normal 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif,'GOTHIC';}
body{width:100%;min-width:320px;color:#333;line-height:1.5;background-color:#fff;overflow-x: hidden;}
body::-webkit-scrollbar{width: 9px;height: 9px;background: #fafafa;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1);box-shadow: inset 0 0 3px rgba(0,0,0,.1);}
body::-webkit-scrollbar-thumb{border-radius: 5px;background: #808080;border: 2px solid #fafafa;}
ul,li{list-style:none;list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#0056b3;}
img{vertical-align:middle;border:none;}
form,input,textarea{outline:none;resize:none;font-family: Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;}
::-webkit-input-placeholder{color: #aaa;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
:-ms-input-placeholder{color: #aaa;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;}
.w1920{width: 100%;max-width:1920px;margin: 0 auto;position: relative;}
.w1440{width: 96%;margin: 0 auto;position: relative;z-index: 2;max-width: 1440px;}
.page_max_box{width: 100%;max-width:1920px;margin: 0 auto;position: relative;}
.page_main_box{width: 96%;max-width: 1440px;margin: 0 auto;position: relative;z-index: 2;}
.flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.clear{width:100%;height:0;overflow:hidden;clear:both;}
.hidden{overflow: hidden;}
.visible{overflow: visible;}
.none{display:none;}
.block{display:block;}
.inline{display:inline;}
.iblock{display:inline-block;}
.dir{background: rgba(0,0,0,.8);}
#alttxt{background: #fff;border: 1px #ddd solid;font-size: 12px;padding: 5px 9px;display: none;border-radius:3px;position: absolute;z-index: 100000;}
#ZoomBox{background:#fff;left: 50%!important;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.atm3{-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.atm5{-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.atm8{-webkit-transition: .8s;-moz-transition: .8s;-ms-transition: .8s;-o-transition: .8s;transition: .8s;}
.atm-img{width: 100%;padding-bottom: 100%;position: relative;overflow: hidden;display: block;}
.atm-img img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
a *:hover .atm-img,
*:hover > .atm-img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.icon{width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #0056b3;}
.w90{width: 92%;margin: 0 auto;position: relative;z-index: 2;}

@media only screen and (max-width:1440px){
    .w90{width: 94%;}
    }
    @media only screen and (max-width:1200px){
    .w90{width: 96%;}
    }


/* nav */
@media only screen and (min-width:1025px){
.nav_fixed .page_max_box{width: 100%!important;min-width:320px!important;position: fixed!important;box-shadow: 0 5px 15px rgba(0,0,0,.1);top:0;left:0;z-index: 999999;}
}

/* navico */
.navico{width:60px;height:60px;position: absolute;top: 0;right: 0;z-index: 6;}
.navico p{width:100%;height:100%;position:relative;}
.navico span,
.navico span::before,
.navico span::after{width:26px;height:3px;position:absolute;background:#0056b3;display:block;border-radius:1.5px;-webkit-transition: .3s;transition: .3s;}
.navico span{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.nav_open span{background:transparent;}
.navico span:before,
.navico span:after{content:"";left:0;}
.navico span:before{-webkit-transform:translateY(-300%);transform:translateY(-300%);}
.nav_open span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.navico span:after{-webkit-transform:translateY(300%);transform:translateY(300%);}
.nav_open span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

@media only screen and (min-width:1025px){
.navico{display: none;}
}
@media only screen and (max-width:768px){
.navico{width:50px;height:50px;}
}

/*banner*/
.banner{width: 100%;position: relative;overflow: hidden;}
.bannerpic{width: 100%;height: 0;padding-bottom: 500px;position: relative;z-index: 1;}

/* bannerpic */
#bannerpic ul{width: 100%;height: 100%;position: absolute;display: flex;flex-wrap: nowrap;}
#bannerpic ul li{width:100%;height: 100%;float: left;flex-shrink: 0;position: relative;text-align: center;overflow: hidden;}
#bannerpic ul li a{width: 100%;height: 100%;float: left;position: relative;}
#bannerpic ul li img{height: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}
#bannerpic .btn{width: 100%;text-align: center;position: absolute;bottom: 10px;height: 20px;z-index: 3;}
#bannerpic .btn span{width: 20px;height: 100%;display:inline-block;margin: 0 8px;background: #aaa;border: 3px solid #fff;border-radius: 10px;cursor:pointer;box-shadow: 0 2px 5px rgba(128,128,128,.2);position: relative;overflow: hidden;opacity: .75;}
#bannerpic .btn span img{display: none;}
#bannerpic .btn span.on{opacity: 1;}

/* shutter */
#shutter{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#shutter ul{width: 100%;height: 100%;position: relative;z-index: 1;}
#shutter ul li{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#shutter ul li span,
#shutter ul li a{width: 100%;height: 100%;position: absolute;float: left;left: 0;top: 0;overflow: hidden;}
#shutter ul li .created{overflow: hidden;position: absolute;z-index: 20;}
#shutter ul li img{height: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}
#shutter .btn p{width: 40px;color: rgba(255,255,255,.75);text-align: center;background: rgba(0,0,0,.3);padding: 20px 0;cursor: pointer;border-radius: 2px;opacity: 0;position: absolute;top: 50%;margin-top: -35px;z-index: 5;}
#shutter .btn p svg{font-size: 20px;line-height: 30px;height: 30px;}
#shutter .btn p.prev{left: 0;}
#shutter .btn p.next{right: 0;}
#shutter:hover .btn p{opacity: 1;}
#shutter .btn p:hover{background: rgba(15,90,150,.7);}

@media only screen and (min-width:769px){
#bannerpic .btn{width: 100%;text-align: center;position: absolute;bottom: 10px;height: 30px;z-index: 3;padding-top: 5px;}
#bannerpic .btn span{width: auto;background: #fff;border-width: 2px;border-radius: 0;margin: 0 5px;opacity: 1;border-radius: 2px;}
#bannerpic .btn span::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#bannerpic .btn span img{display: block;height: 130%;position: relative;left: 50%;top: -15%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
#bannerpic .btn span.on{margin-top: -5px;height: 30px;}
}
@media only screen and (min-width:1201px){
#bannerpic .btn{height:35px}
#bannerpic .btn span{border-width: 3px;border-radius: 4px;}
#bannerpic .btn span.on{height: 35px;}
}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom:35%;}
}
@media only screen and (max-width:1024px){
#shutter .btn p{font-size: 18px;width: 30px;margin-top: -25px;padding: 10px 0;opacity: 1;}
}
@media only screen and (max-width:768px){
#bannerpic .btn{bottom: 10px;height: 16px;}
#bannerpic .btn span{width: 16px;border-width: 2px;}
#bannerpic .btn span.on{background: #0056b3;}
}
@media only screen and (max-width:480px){
#bannerpic .btn{bottom: 5px;height: 14px;}
#bannerpic .btn span{margin: 0 6px;width: 14px;margin: 0 5px;}
#shutter .btn p{width: 25px;font-size: 16px;padding: 5px 0;margin-top: -20px;}
}

.bannerpic ul li.active{-webkit-animation: Zoom 3s ease-out;-moz-animation: Zoom 3s ease-out;-ms-animation: Zoom 3s ease-out;-o-animation: Zoom 3s ease;animation: Zoom 3s ease-out;}
@-webkit-keyframes Zoom{
    0%{-webkit-transform: scale(1.2,1.2);opacity: 0;}
    15%{-webkit-transform: scale(1.2,1.2);}
    100%{-webkit-transform: scale(1,1);opacity: 1;}
}
@-moz-keyframes Zoom{
    0%{-moz-transform: scale(1.2,1.2);opacity: 0;}
    15%{-moz-transform: scale(1.2,1.2);}
    100%{-moz-transform: scale(1,1);opacity: 1;}
}
@-ms-keyframes Zoom{
    0%{-ms-transform: scale(1.2,1.2);opacity: 0;}
    15%{-ms-transform: scale(1.2,1.2);}
    100%{-ms-transform: scale(1,1);opacity: 1;}
}
@-o-keyframes Zoom{
    0%{-o-transform: scale(1.2,1.2);opacity: 0;}
    15%{-o-transform: scale(1.2,1.2);}
    100%{-o-transform: scale(1,1);opacity: 1;}
}
@keyframes Zoom{
    0%{transform: scale(1.2,1.2);opacity: 0;}
    15%{transform: scale(1.2,1.2);}
    100%{transform: scale(1,1);opacity: 1;}
}

/*position*/
.container .position{width: 96%;max-width: 1440px;margin: 0 auto 40px;position: relative;font-size: 15px;overflow: hidden;}
.container .position::after{content: "";width: 100%;height: 1px;overflow: hidden;background: #ddd;position: absolute;left: 0;bottom: 0;z-index: 1;}
.container .position p{padding-left:40px;overflow:hidden;background:url(../nyimages/sy.png) 5px top no-repeat;padding:3px 5px 14px 45px;border-bottom: 1px solid #0056b3;float: left;position: relative;z-index: 2;}
.container .position p span{color: #0056b3;}

/*page*/
.page{width: 100%;text-align: center;padding: 20px 0;overflow: hidden;color: #999;line-height: 30px;font-size: 12px;}
.page .pbtn{display: inline-block;margin: 0 auto;overflow: hidden;padding-left: 3px;}
.page .pbtn a{height: 30px;color: #666;padding: 0 11px;border: 1px solid #e6e6e6;background: #fff;float: left;margin-right: 3px;border-radius: 3px;}
.page .pbtn a.pcurrent{font-size: 14px;}
.page .pbtn a.j_btn{font-family: serif;font-weight: 600;color: #aaa;}
.page .pbtn a.f_btn{cursor: no-drop;}
.page .pbtn i{font-size: 18px;font-style: normal;padding: 0 2px;float: left;margin-right: 3px;}
.page .pbtn span{float: left;height: 30px;padding: 0 3px;overflow: hidden;}
.page .pbtn span select{border: 1px solid #e6e6e6;height: 30px;padding: 1px 4px 0;outline: none;color: #666;border-radius: 3px;}
.page .pmsg{font-family: sans-serif;}

.page .pbtn a:hover,
.page .pbtn a.pcurrent{border-color: #0056b3;background-color: #0056b3;color: #fff;}
.page .pbtn a.j_btn:hover{color: #fff;}
.page .pbtn a.rcount:hover,
.page .pbtn a.f_btn:hover{border-color: #e6e6e6;background-color: #f5f5f5;color: #666;}

/*goback & next*/
.container .page_btn{padding: 20px 0;position: relative;text-align: center;overflow: hidden;}
.container .page_btn span,
.container .page_btn a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border: 1px solid #f0f0f0;background: #fafafa;border-radius: 3px;line-height: 24px;padding: 9px;}
.container .page_btn span{color: #999;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.container .page_btn .prer,
.container .page_btn .next{width: 50%;float: left;padding: 5px 70px 5px 0;}
.container .page_btn .next{padding: 5px 0 5px 70px;}
.container .page_btn .back{width: 120px;position: absolute;left: 50%;top: 25px;margin-left: -60px;}

.container .page_btn span:hover,
.container .page_btn a:hover{background-color: #0056b3;color: #fff;border-color: #0056b3;}

@media only screen and (max-width:1250px){
.container .position{margin-bottom: 30px;}
.container .page_btn .back{width: 100px;margin-left: -50px;}
.container .page_btn .prer{padding-right: 60px;}
.container .page_btn .next{padding-left: 60px;}
}
@media only screen and (max-width:1024px){
.container .position{margin-bottom: 20px;}
}
@media only screen and (max-width:768px){
.container .page_btn .back{width: 100%;position: relative;left: 0;top: 0;margin: 0;padding: 5px 0;}
.container .page_btn .prer{padding-right: 5px;}
.container .page_btn .next{padding-left: 5px;}
}
@media only screen and (max-width:480px){
.container .page_btn .back{width: 100%;position: relative;left: 0;top: 0;margin: 0;padding: 5px 0;}
.container .page_btn .prer,
.container .page_btn .next{width: 100%;padding: 5px 0;}
}
@media only screen and (max-width:425px){
.container .page_btn span,
.container .page_btn a{padding: 7px;}
}

/*jqueryzoom*/
.bigPic{position: relative;padding: 0;}
.zoomdiv{z-index: 100;position: absolute;top: 1px;left: 0px;width: 400px;height: 400px;background: #fff;border: 1px solid #e4e4e4;display: none;text-align: center;overflow: hidden;}
.jqZoomPup{z-index: 10;visibility: hidden;position: absolute;top: 0px;left: 0px;width: 50%;height: 50%;border: 1px solid #FEDE4F;background: #FEDE4F;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);cursor: move;}

/*foot-button*/
.foot-button{display:none;width:100%;background:#fafafa;border-top:.5px solid #e6e6e6;overflow:hidden;position:fixed;left:0;bottom:0;z-index:999999;}
.foot-button p{width:100%;text-align:center;padding:5px;display:-webkit-flex;display:flex;flex-wrap:nowrap;justify-content:center;}
.foot-button a{display:block;width:100%;float:left;flex-shrink:1;border-left:.5px solid #e6e6e6;padding-top:25px;position:relative;overflow:hidden;color:#666;}
.foot-button a:first-child{border:none;}
.foot-button em,
.foot-button i{display:block;width:100%;position:absolute;left:0;top:0;font-size:24px;line-height:1;height:25px;color:#0056b3;}
.foot-button i,
.foot-button a:hover em,
.foot-button a.active em{opacity: 0;}
.foot-button span{display:block;width:100%;font-size:12px;line-height:1.5;height:15px;}
.foot-button a:hover span,
.foot-button a.active span{color:#0056b3;}
.foot-button a:hover i,
.foot-button a.active i{opacity: 1;}

/*QQ*/
.online_box{position: fixed;right: 1px;bottom: 50%;width: 45px;z-index:999;-webkit-transform: translateY(50%);transform: translateY(50%);box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.online_box.t_right{right: -60px;}
.online_box p{width: 45px;height: 45px;background: #1b73b3;text-align: center;margin-bottom: 1px;position: relative;float: right;color: #fff;}
.online_box p svg{height: 45px;line-height: 45px;font-size: 22px;position: relative;z-index: 1;cursor: pointer;}
.online_box p img{width: 0;height: 0;opacity: 0;box-shadow: 0 0 10px rgba(0,0,0,.2); position: absolute;top: 0;right: 50%;z-index: -1;}
.online_box p > a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.online_box p > a.qq_m{display:none;}

.online_box p span{display: block;height: 100%;overflow: hidden;background: #1b73b3;float: right;padding-left: 45px;position: relative;}
.online_box p span em{width: 45px;height: 100%;position: absolute;left: 0;top: 0;}
.online_box p span a{font-size: 16px;color: #fff;line-height: 45px;display: block;padding-right: 15px;overflow: hidden;white-space: nowrap;opacity: 0;margin-right: -200px;}

.online_box p:hover{width: 60px;background: #c34;}
.online_box p:hover img{width: 150px;height: 150px;right: 100%;opacity: 1;}
.online_box p:hover span{padding-left: 50px;background: #c34;}
.online_box p:hover span em{width: 55px;}
.online_box p:hover span a{margin-right: 0;opacity: 1;}

.online_box,
.online_box p,
.online_box p img,
.online_box p span,
.online_box p span em,
.online_box p svg{-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}

.online_box p.r_wx svg,
.online_box p.r_addr svg{font-size: 26px;}
.online_box p.r_qq svg{font-size: 24px;}

.online_box p.r_top{height: 0;overflow: hidden;margin: 0;}
.online_box p.r_top svg{font-size: 20px;}
.online_box p.hidd{height: 0;}
.online_box p.show{height: 45px;}

.online_box p.r_open{position: absolute;top: -35px;width: 26px;height: 26px;left: -50px;border-radius: 50%;box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.online_box p.r_open svg{height: 26px;line-height: 26px;font-size: 16px;}
.online_box p.r_close{left: 10px;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}

@media only screen and (max-width:1024px){
.online_box p a.qq_pc{display:none;}
.online_box p.r_open,
.online_box p a.qq_m{display: block;}
}
@media only screen and (max-width:475px){
.container .position{font-size: 14px;}
}

.sonar_effect::after{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;--color:#1e73b4;--colorRgba:rgba(30,115,180,.1);box-shadow: 0 0 0 2px var(--colorRgba);-webkit-animation: sonar_effect 1.3s ease-out .75s infinite;animation: sonar_effect 1.3s ease-out .75s infinite;}
@-webkit-keyframes sonar_effect{
    0%{opacity: 0.3;}
    40%{opacity: 0.5;box-shadow: 0 0 0 2px var(--colorRgba), 0 0 10px 10px var(--color), 0 0 0 10px var(--colorRgba);}
    100%{opacity: 0;box-shadow: 0 0 0 2px var(--colorRgba), 0 0 10px 10px var(--color), 0 0 0 10px var(--colorRgba);transform: scale(1.5);}
}
@-moz-keyframes sonar_effect{
    0%{opacity: 0.3;}
    40%{opacity: 0.5;box-shadow: 0 0 0 2px var(--colorRgba), 0 0 10px 10px var(--color), 0 0 0 10px var(--colorRgba);}
    100%{opacity: 0;box-shadow: 0 0 0 2px var(--colorRgba), 0 0 10px 10px var(--color), 0 0 0 10px var(--colorRgba);transform: scale(1.5);}
}
@keyframes sonar_effect{
    0%{opacity: 0.3;}
    40%{opacity: 0.5;box-shadow: 0 0 0 2px var(--colorRgba), 0 0 10px 10px var(--color), 0 0 0 10px var(--colorRgba);}
    100%{opacity: 0;box-shadow: 0 0 0 2px var(--colorRgba), 0 0 10px 10px var(--color), 0 0 0 10px var(--colorRgba);transform: scale(1.5);}
}