@charset "utf-8";
/* CSS Document */
html,body,div,iframe,em,img,small,b,u,i,dl,dt,dd,ol,ul,li,p{font:16px/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:#111;}
a:visited {text-decoration:none;color:#111;}
a:active {text-decoration:none;color:#111;}
a:hover {text-decoration:none;color:#FF2F13;}
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');}
.tw {width:1200px;margin:0px auto;display:table;position:relative;}
.box {width:100%;float:left;padding:40px 0px;}
.wap_nav {display:none;}
.block{display:block;}
.none{display:none;}
/*头部样式*/
.header {width:100%;float:left;z-index:9999;padding:20px 0; transition:0.4s all;border-top:solid 5px #FF2F13;}
.header:before{width:calc(50% - 220px);height:35px;background:#FF2F13;right:-20px;top:0px;transform:skewX(20deg);}
.header .tbar{position:absolute;right:0px;top:-18px;z-index:3;color:#fff;}
.header .tbar b{width:1px;height:12px;background:rgba(255,255,255,.60);display:inline-block;margin:0 15px;}

.header .logo{float:left;}
.header .logo img{width:auto;height:60px;}

.header .nav {float:right;margin-top:22px;}
.header .nav ul{}
.header .nav li {float:left;position:relative;height:40px;line-height:40px;margin-left:55px;padding-right:15px;}
.header .nav li a{display:block;position:relative;}
.header .nav li a h2{font-size:18px;}
.header .nav li:hover h2{color:#FF2F13;}
.header .nav li.cur h2{color:#FF2F13;font-weight:bold;}
.header .nav li:after{width:8px;height:10px;background:url("../navi.png") no-repeat 0 -26px;background-size:100%;right:-5px;top:15px;}
.header .nav li:hover:after{background-position:0 -36px;transition:460ms;}
.header .nav li:nth-child(1):after{display:none;}
.header .nav li:nth-child(1){width:24px;height:40px;background:url("../navi.png") no-repeat 0px 9px;background-size:22px;padding:0px;}
.header .nav li:nth-child(1):hover{background-position:0px -30px;}
.header .nav li:nth-child(1) a{width:100%;float:left;height:100%;}

.header .nav li:nth-child(2){margin-left:20px;}

/*二级上拉分类*/
.header .nav li:hover .subnav {top:50px;visibility:visible;opacity:1;}
.header .nav .subnav {width:calc(100% - 42px);position:absolute;top:45px;left:0px;padding:10px 20px;transition:all 0.6s ease 0s;background:rgba(255,255,255,.95);border:solid 1px #2670E8;border-top:none;visibility:hidden;opacity:1;z-index:999;border-radius:0 0 6px 6px;}
.header .nav .subnav a{line-height:40px;color:#212121;display:block;position:relative;text-align:left;}
.header .nav .subnav a:hover{background:#F5F7FA;color:#0052D9;transition:400ms;font-weight:bold;text-indent:15px;}
.header .nav .subnav a:before{width:3px;height:0;left:0px;top:50%;margin-top:-8px;background:#0052D9;}
.header .nav .subnav a:hover:before{height:16px;transition:460ms;}

/*手机站隐藏导航*/
.header .Close_btn.active{right:12px;}
.header .Close_btn.active i{background:#fff;}
.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 i {display:block;width:25px;height:2px;margin:8px 0 0 9px;background:#fff;transition:0.3s all;position:relative;z-index:2;}
.header .Close_btn i:nth-child(2){width:15px;}
.header .Close_btn i:nth-child(2):before{height:0;width:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:4px;right:-14px;top:-3px;z-index:1;}
.header .Close_btn.active i:nth-child(1){transform:translateY(7px) rotate(45deg);left:8px;}
.header .Close_btn.active i:nth-child(3){transform:translateY(-5px) rotate(-45deg);left:8px;top:-7px;}
.header .Close_btn.active i:nth-child(2){opacity:0;}

.footer{width:100%;float:left;position:relative;background:#111;padding:30px 0px;}
.f_help li{float:left;position:relative;}
.f_help li h2{color:#F4F6F8;margin-bottom:20px;}
.f_help li h3 a{width:50%;float:left;color:#BCBDC0;font-size:14px;line-height:30px;}
.f_help li span{display:block;}
.f_help li em{font-size:20px;color:#fff;line-height:30px;display:inline-block;margin-bottom:18px;font-weight:bold;}
.f_help li p{color:#BCBDC0;}
.f_help li:nth-child(1){width:200px;}
.f_help li:nth-child(2){margin-left:250px;}
.f_help li:nth-child(2) h2{margin-bottom:10px;}
.f_help li:nth-child(2) i{width:26px;height:26px;position:absolute;left:-36px;top:-4px;background:#BCBDC0 url("../lxi.png") no-repeat 5px -20px;background-size:16px;border-radius:40px;}
.f_help li:nth-child(2) i:nth-child(2){top:75px;background-position:5px -46px;}
.f_help li:nth-child(2) b{width:1px;height:12px;background:rgba(255,255,255,.50);display:inline-block;position:relative;top:-1px;margin:0 6px;}

.f_help li:last-child{width:88px;float:right;}
.f_help li:last-child h2{text-align:center;position:relative;letter-spacing:5px;margin-bottom:15px;}
.f_help li:last-child h2:before{width:12px;height:12px;border-left:solid 2px #fff;border-top:solid 2px #fff;left:-4px;top:-5px;}
.f_help li:last-child h2:after{width:12px;height:12px;border-right:solid 2px #fff;border-bottom:solid 2px #fff;right:0px;bottom:-5px;}

.copright{width:100%;float:left;margin-top:20px;padding-top:20px;border-top:solid 1px #666;}
.copright dl{width:1200px;margin:0 auto;display:table;}
.copright dt{float:left;color:#BCBDC0;font-size:12px;}
.copright a{color:#BCBDC0;margin-left:20px;font-size:12px;}
.copright a:hover {color:#fff;}
.copright dd{float:right;margin-top:-6px;color:#BCBDC0;}
.copright dd i{width:20px;height:20px;display:inline-block;background:url("../icp.png") no-repeat 0 0px;background-size:18px;position:relative;top:5px;left:15px;}

@keyframes more_down {0% {opacity:0;}25% {opacity:1;}50% {opacity:1;}75% {opacity:1;}100% {opacity:0;}}
@keyframes tel {0% {transform:rotateZ(0deg);}20% {transform:rotateZ(20deg);}40%{transform:rotateZ(-20deg);}60%{ transform:rotateZ(20deg);}80%{transform:rotateZ(-20deg);}100%{transform:rotateZ(0deg);}}