@charset "utf-8";
/* CSS Document */
html,body,div,iframe,em,img,small,b,u,i,dl,dt,dd,ol,ul,li,p{font:14px/20px "微软雅黑",Arial,sans-serif;font-weight:normal;margin:0px;padding:0px;list-style:none;font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0px;padding:0px;list-style:none;}
body {overflow-x:hidden;}body,html{width:100%;height:100%;}
a:link {text-decoration:none;color:#222;}
a:visited {text-decoration:none;color:#222;}
a:active {text-decoration:none;color:#222;}
a:hover {text-decoration:none;color:#264480;}
img{width:100%;float:left;}
:before{content:"";position:absolute;top:0px;z-index:1;}
:after{content:"";position:absolute;top:0px;z-index:1;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
h1{font-size:22px;line-height:26px;overflow:hidden;}
h2{font-size:16px;}
p{font-size:12px;line-height:16px;color:#666;overflow:hidden;}
table {border-collapse:collapse;border-spacing:0;}th,td {vertical-align:middle;}
button,input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;outline:none;border:none;}
header,nav,article,section,aside,footer{width:100%;float:left;display:block;}
@font-face{font-family:fontsz;src:url('../fonts/uberlin.ttf') format("embedded-opentype"),url('../fonts/uberlin.ttf');}
.cw {width:1200px;margin:0 auto;clear:both;position:relative;}
.box {width:100%;float:left;padding:40px 0;}
.wap_nav,.m_map{display:none;}
.block{display:block;}
.none{display:none;}

/*头部样式*/
.header {width:calc(100% - 30px);float:left;transition:0.4s all;background:#fff;padding:10px 15px;}
.header .h_bz{width:345px;float:left;}

.header .nav {right:70px;top:0px;position:absolute;z-index:2;}
.header .nav li {float:left;position:relative;margin-right:40px;}
.header .nav li a{display:block;overflow:hidden;position:relative;height:60px;line-height:60px;top:0;font-size:18px;z-index:2;color:rgba(0,0,0,.75);}
.header .nav li a b{width:100%;height:2px;position:absolute;background:#264480;bottom:6px;left:0;visibility:hidden;}
.header .nav li a b:before{width:16px;height:21px;background:url("../images/tb.png") no-repeat;background-size:16px;left:50%;margin-left:-8px;top:-9px;}
.header .nav li.yes a{color:#264480;}
.header .nav li.yes b{visibility:visible;}
.header .nav li a:hover{color:#264480;}
.header .nav li:last-child{margin-right:0;}
.header .nav li:hover .subnav {opacity:1;top:60px;visibility:visible;}
.header .nav .subnav {position:absolute;top:120%;width:130px;padding:5px;left:-35px;visibility:hidden;transition:all 0.3s ease 0s;border-radius:3px;z-index:999;background:rgba(38,68,128,.95);box-shadow:0 0 20px rgba(0,0,0,0.2);}
.header .nav .subnav:before{height:0;width:0;border-color:transparent transparent rgba(38,68,128,.95) transparent;border-style:solid;border-width:5px;top:-10px;left:44%;}
.header .nav .subnav a {text-align:center;display:block;*display:inline;zoom:1;position:relative;font-size:14px;line-height:40px;height:40px;}
.header .nav .subnav a h2 {color:rgba(255,255,255,.80);position:relative;z-index:2;font-size:14px;line-height:34px;}
.header .nav .subnav a:hover h2, .header .nav .subnav a.yes h2 {color:#fff;}
.header .nav .subnav a:after{width:0;height:1px;background:rgba(255,255,255,.60);left:10px;top:18px;visibility:hidden;}
.header .nav .subnav a:before{width:0;height:1px;background:rgba(255,255,255,.60);left:auto;right:10px;top:18px;visibility:hidden;}
.header .nav .subnav a:hover:after,.header .nav .subnav a:hover:before{width:18px;visibility:visible;transition:460ms;}

.header .Close_btn.active{right:12px;}
.header .Close_btn.active span{background:#1A1A1A;}
.header .Close_btn {position:fixed;right:0px;top:8px;width:40px;height:40px;cursor:pointer;z-index:999;display:none;transition:0.4s all;text-align:center;}
.header .Close_btn h2{font-size:14px;position:absolute;left:-26px;top:1px;color:#fff;}
.header .Close_btn span {display:block;width:20px;height:1px;margin:5px 0 0 9px;background:#264480;transition:0.3s all;position:relative;z-index:2;}
.header .Close_btn span:nth-child(2){width:10px;margin-left:18px;}
.header .Close_btn span:nth-child(2):before{width:4px;height:4px;background:#B70000;left:-9px;top:-1px;z-index:1;border-radius:5px;}
.header .Close_btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.header .Close_btn.active span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}
.header .Close_btn.active span:nth-child(2){opacity:0;}

.weixin{position:absolute;right:20px;top:15px;z-index:2;cursor:pointer;}
.weixin i {width:30px;height:30px;float:left;background:#264480 url("../images/wxico.png") no-repeat 6px 6px;background-size:18px;border-radius:30px;}
.weixin img{width:80px;top:50px;left:-30px;position:absolute;visibility:hidden;transition:460ms;border-radius:3px;}
.weixin:hover img{top:40px;visibility:visible;}
.weixin:hover{background:#fff;border-radius:30px;}

.footer{width:100%;float:left;background:#F9F9F9;padding:20px 0;}
.flian{width:100%;float:left;}
.flian li{float:left;color:rgba(0,0,0,.7);}
.flian li i{width:26px;height:26px;display:inline-block;background:rgba(38,68,168,.5) url("../images/lx.png") no-repeat center 5px;border-radius:30px;background-size:16px;position:relative;top:7px;margin-right:5px;}
.flian li:nth-child(2) i{margin-left:15px;background-position:center -19px;}
.flian li:nth-child(3) i{margin-left:15px;background-position:center -43px;}
.fcopr{width:100%;float:left;color:#919399;margin-top:10px;}
.fcopr dt{float:left;}
.fcopr dt a{color:#919399;margin-left:20px;}
.fcopr dt a:hover {color:#222;}
.fcopr dd{float:right;font-size:12px;margin-top:-6px;}
.fcopr dd i{width:20px;height:20px;display:inline-block;margin-right:5px;background:url("../images/icp.png") no-repeat 0 0px;background-size:18px;position:relative;top:5px}
.fcopr dd .wab{margin-left:10px;background-position:0 -33px;}

/*向下滚动样式*/
.mouse {position:absolute;width:60px;height:30px;right:6%;bottom:4%;z-index:20;background:url("../images/mouse.png") no-repeat center center;animation-delay:0ms;animation-duration:1140ms;animation-iteration-count:infinite;animation-name:arrow;animation-play-state:running;animation-timing-function:linear;}
.mouse a{width:100%;height:100%;display:block;}
.mouse i {display:none;}
@-webkit-keyframes arrow {0% {-webkit-transform:translate3d(0px, 0px, 0px);}50% {-webkit-transform:translate3d(0px, -8px, 0px);}100% {-webkit-transform:translate3d(0px, 0px, 0px);}}
@keyframes arrow {0% {-webkit-transform:translate3d(0px, 0px, 0px);}50% {-webkit-transform:translate3d(0px, -8px, 0px);}100% {-webkit-transform:translate3d(0px, 0px, 0px);}}
