@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:#0E78AD;}
img{width:100%;float:left;}
:before{content:"";position:absolute;z-index:1;}
:after{content:"";position:absolute;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:14px;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('../font/goodmu.ttf') format("embedded-opentype"),url('../font/goodmu.ttf');}
.cw {width:1200px;margin:0 auto;clear:both;position:relative;}
.box {width:100%;float:left;padding:40px 0;padding-bottom:30px;}
.sbox {width:1200px;margin:0 auto;clear:both;padding:10px 0;}
.wap_nav,.m_weiz{display:none;}
.block{display:block;}
.none,#m_menu{display:none;}
/*头部样式*/
.header {width:100%;height:70px;position:fixed;left:0px;top:0px;transition:0.4s all;z-index:9999;}
.header:hover{background:rgba(14,120,173,.80);}
.header .logo{width:190px;height:50px;float:left;padding:10px 0;position:relative;z-index:2;}
.header .logo a{width:100%;height:100%;float:left;background:url("../logo.png") no-repeat 0px 0px;background-size:100%;}

.header .nav {float:right;position:relative;z-index:2;}
.header .nav li {float:left;position:relative;padding:0 25px;height:70px;line-height:54px;}
.header .nav li a{display:block;position:relative;}
.header .nav li a h2{font-size:18px;position:relative;color:rgba(255,255,255,.90);}
.header .nav li:hover{background:#F08519;}
.header .nav li.yes{}
.header .nav li.yes h2:before{width:6px;height:6px;border:solid 2px #fff;border-radius:9px;right:-7px;bottom:5px;display:none;}
.header .nav li.yes h2,.header .nav li.yes:hover h2{color:#fff;font-weight:bold;}
.header .nav li:hover h2{color:#fff;font-weight:bold;}

.header .nav li:hover .subnav {top:70px;visibility:visible;opacity:1;}
.header .nav .subnav {width:calc(100% - 40px);position:absolute;top:90px;left:0px;padding:10px 20px 0 20px;visibility:hidden;transition:all 0.6s ease 0s;background:rgba(255,255,255,.95);background-size:100%;opacity:0;z-index:999;}
.header .nav .subnav a{line-height:40px;color:#212121;display:block;position:relative;border-bottom:solid 1px #EBEBEB;}
.header .nav .subnav a:hover{color:#0E78AD;transition:800ms;}
.header .nav .subnav a:after{width:0;height:1px;left:0px;bottom:-1px;background:#0E78AD;visibility:hidden;}
.header .nav .subnav a:hover:after{width:100%;visibility:visible;transition:460ms;}
.header .nav li:after{width:8px;height:8px;background:url("../nav_xl.png") no-repeat;background-size:100%;right:7px;top:25px;}
.header .nav li:hover:after{background-position:0 -8px;transition:460ms;}

.header .nav li:nth-child(6):after,.header .nav li:nth-child(7):after{display:none;}

.header .Close_btn.active{right:12px;}
.header .Close_btn.active span{background:#333;}
.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:#fff;transition:0.3s all;position:relative;z-index:2;}
.header .Close_btn span:nth-child(2){width:15px;}
.header .Close_btn span:nth-child(2):before{height:0;width:0;border-color:transparent transparent transparent #F08519;border-style:solid;border-width:3px;right:-8px;top:-2px;z-index:1;}
.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;}
.header:before{width:100%;height:0px;background:#0E78AD;left:0px;top:0px;transition:0.3s ease-out;}
.head_xs:before{height:100%;transition:460ms;}


.footer{width:100%;float:left;position:relative;background:#EFF8FF;padding-top:15px;}
.f_link{width:100%;float:left;margin-bottom:15px;padding-bottom:15px;border-bottom:solid 1px #757575;}

.f_menu{width:100%;float:left;padding:30px 0;}
.f_menu:before{width:200px;height:60px;background:url("../logo.png") no-repeat 0px -60px;background-size:100%;}
.f_menu li{float:left;margin-left:90px;position:relative;}
.f_menu li h2{font-size:18px;display:inline-block;margin-bottom:10px;color:rgba(14,120,173,.60);letter-spacing:2px;}
.f_menu li p a{display:block;line-height:26px;padding-left:18px;position:relative;}
.f_menu li p a:before{width:5px;height:5px;background:rgba(14,120,173,.40);left:6px;top:10px;border-radius:6px;}
.f_menu li:nth-child(1){margin-left:280px;}
.f_menu li:last-child{padding-right:120px;margin-left:0px;float:right;}
.f_menu li:last-child p{line-height:26px;display:block;color:#232323;}
.f_menu li:last-child p:nth-child(2){font-size:22px;color:#0E78AD;font-weight:bold;}
.f_menu li:last-child img{width:96px;position:absolute;right:0px;top:10px;}
.f_menu li:last-child em{font-size:12px;color:#757575;}



.copright{width:100%;float:left;padding:10px 0;background:#0E78AD;}
.copright dl{width:1200px;margin:0 auto;display:table;}
.copright dt{float:left;color:#EBEBEB;}
.copright a{color:#EBEBEB;margin-left:20px;}
.copright a:hover {color:#fff;}
.copright dd{float:right;margin-top:-6px;color:#EBEBEB;}
.copright dd i{width:20px;height:20px;display:inline-block;margin-right:5px;background:url("../icp.png") no-repeat 0 0px;background-size:18px;position:relative;top:5px}
.copright dd .wab{margin-left:10px;background-position:0 -33px;}


@-webkit-keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft}

@-webkit-keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}

@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}100% {opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0, 100%, 0);}100% {opacity:1;-webkit-transform:none;transform:none;}}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}