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

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

*,*: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;}
::-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);}
::-webkit-scrollbar-thumb{border-radius: 5px;background: #808080;border: 2px solid #fafafa;}
html{font-size: 14px;font-family: SansCN;}
body{width:100%;min-width:320px;color:#333;line-height:1.5;background-color:#fff;overflow-x: hidden;}
ul,li{list-style:none;list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#004d99;}
img{vertical-align:middle;border:none;}
form,input,textarea{outline:none;resize:none;}
::-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;}
.page_max_box{width: 100%;max-width:1920px;margin: 0 auto;position: relative;}
.page_main_box{width: 96%;max-width: 1600px;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);}
#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;}

/* nav */
.nav_fixed{width: 100%!important;min-width:320px!important;position: fixed!important;box-shadow: 0 2px 10px rgba(128,128,128,.2);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:#004d99;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: 36px;z-index: 3;}
#bannerpic .btn span{height: 100%;display:inline-block;margin: 0 5px;background: #aaa;border: 3px solid #fff;cursor:pointer;box-shadow: 0 2px 5px rgba(128,128,128,.2);position: relative;overflow: hidden;}
#bannerpic .btn span::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#bannerpic .btn span img{height: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
#bannerpic .btn span.on{border-color: #7fd4ff;}

/* 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 img{height: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}
#shutter ul li .created{overflow: hidden;position: absolute;z-index: 20;}
#shutter .btn p{position: absolute;z-index: 2;top: 50%;width: 50px;margin-top: -50px;cursor: pointer;background: rgba(0,0,0,.1);font-size: 35px;text-align: center;color: rgba(255,255,255,.75);line-height: 50px;padding: 25px 0;border-radius: 3px;opacity: 0;}
#shutter .btn svg{height: 50px;}
#shutter .btn p.prev{left: 1%;}
#shutter .btn p.next{right: 1%;}
#shutter .desc{position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;height: 36px;background: rgba(0,0,0,.3);}
#shutter .desc p{padding-left: 20px;line-height: 36px;color: #fff;font-size: 14px;}
#shutter:hover p{opacity: 1;}
#shutter .btn p:hover{background: rgba(0,90,180,.7);}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom:35%;}
}
@media only screen and (max-width:1250px){
#bannerpic .btn{height: 30px;}
#shutter .btn p{width: 40px;margin-top: -40px;font-size: 24px;padding: 15px 0;font-weight: 600;}
}
@media only screen and (max-width:1024px){
#shutter .btn p{opacity: 1;}
}
@media only screen and (max-width:768px){
#bannerpic .btn{bottom: 10px;height: 16px;}
#bannerpic .btn span{border-width: 3px;border-radius: 50px;width: 16px;margin: 0 10px;}
#bannerpic .btn span img{display: none;}
#bannerpic .btn span.on{border-color: #fff;background: #f2a301;}
#shutter .btn p{width: 30px;margin-top: -30px;font-size: 18px;padding: 0;}
}
@media only screen and (max-width:425px){
#bannerpic .btn{height: 12px;}
#bannerpic .btn span{border-width: 2px;width: 12px;margin: 0 6px;}
}

/*position & page & goback & next*/
.container .position{width: 100%;max-width: 1600px;margin: 0 auto 40px;position: relative;font-size: 15px;}
.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 #0059b3;float: left;position: relative;z-index: 2;}
.container .position p span{color: #0059b3;}

.container .page{width:100%;padding:10px 0 3%;text-align:center;overflow:hidden;color: #666;}
.container .page a{border:1px solid #ccc;padding:1px 5px;color:#666;background:#FeFeFe;margin:2px;}
.container .page .pselectjump{border:1px solid #ccc;}
.container .page .pcurrent a,
.container .page a:hover{border:1px solid #0059b3;color:#0059b3;}
.container .page .pmsg{color: #999;}

.container .goback{width:100%;text-align:center;line-height:30px;color:#787878;background:#f0f2f4;padding: 7px;}

.container .next{width:100%;color:#787878;padding:20px 0 5px;text-align:center;overflow: hidden;}
.container .next p{width:50%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;float:left;padding:5px 15px;line-height: 20px;}

@media only screen and (max-width:1200px){
.container .position{margin-bottom: 30px;}
}
@media only screen and (max-width:1024px){
.container .position{margin-bottom: 20px;}
.page{padding:25px 0 0;}
}
@media only screen and (max-width:480px){
.page{padding-top:20px;font-size: 13px;}
.container .next{padding-top:15px;}
.container .next p{width:100%;text-align: left;padding:5px 10px;}
}


/*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:#0059b3;}
.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:#0059b3;}
.foot-button a:hover i,
.foot-button a.active i{opacity: 1;}

/* banner */
.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;}
}

/*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: #0053a6;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: #0053a6;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: 18px;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: #ffb300;}
.online_box p:hover img{width: 150px;height: 150px;right: 100%;opacity: 1;}
.online_box p:hover span{padding-left: 50px;background: #ffb300;}
.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{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;--color:#4285F4;--colorRgba:rgba(66,133,244,.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);}
}