@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%;background:#F5F6F5;}
a:link {text-decoration:none;color:#070707;}
a:visited {text-decoration:none;color:#070707;}
a:active {text-decoration:none;color:#070707;}
a:hover {text-decoration:none;color:#B20000;}
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');}
.box {width:calc(100% - 300px);float:left;padding:30px 150px;}
.tbox {width:calc(100% - 300px);float:left;padding:10px 150px;}
.wap_nav,.m_subnav,.jsqi,.bjad {display:none;}
.block{display:block;}
.none{display:none;}
#m_menu{display:none;}
c{color:#B20000;}
input{padding:0 10px;background:none;border:solid 1px #BDBDBD;border-radius:3px;font-size:14px;}
input:focus{background:rgba(255,255,255,.50);border:solid 1px #070707;}
/*头部样式*/
.header {width:100%;float:left;transition:0.4s all;position:relative;background:#070707;z-index:66;}
.header .logo{width:160px;float:left;height:40px;}
.header .logo a {width:100%;height:100%;display:block;background:url("../logo.png") no-repeat 0 0;background-size:156px;}
.header .nav {float:right;}
.header .nav li {float:left;position:relative;margin:0 20px;height:40px;line-height:40px;}
.header .nav li a{display:block;position:relative;}
.header .nav li a h2{font-size:18px;color:#F5F6F5;}
.header .nav li a:hover{color:#fff;}
.header .nav li.yes h2{color:#fff;font-weight:bold;}
.header .nav li:hover .subnav {opacity:1;top:50px;visibility:visible;opacity:1;}
.header .nav .subnav {position:absolute;top:90px;width:85px;left:-27px;padding:0 20px;visibility:hidden;transition:all 0.6s ease 0s;background:rgba(178,0,0,.90);opacity:0;z-index:999;}
.header .nav .subnav a{line-height:40px;color:#fff;display:block;position:relative;}
.header .nav .subnav a:hover{color:#fff;text-indent:15px;transition:460ms;}
.header .nav .subnav a:after{width:0;height:1px;left:0px;top:19px;background:#fff;visibility:hidden;}
.header .nav .subnav a:hover:after{width:10px;visibility:visible;transition:460ms;}
.header .nav li:before {bottom:-6px;left:0;width:100%;height:3px;background:#B20000;visibility:hidden;transition:visibility .3s,transform .3s;transform:scale(0,1);transform-origin:right center;}
.header .nav li:hover:before,.header .nav li.yes:before {visibility:visible;transform:none;transform-origin:left center;transition-delay:.2s }

.header .nav li:nth-child(2):after,.header .nav li:nth-child(3):after{content:"HOT";border-radius:16px 16px 16px 0;background:#ff5c38;background:linear-gradient(90deg,#ffb821 0,#ff5c38 45%,#ff1459);color:#fff;padding:0 3px;line-height:16px;font-size:12px;right:-15px;top:-6px;}
.header .nav li:nth-child(3):after{content:"NEWS";}

.header .Close_btn.active{right:12px;}
.header .Close_btn.active span{background:#fff;}
.header .Close_btn {position:fixed;right:0px;top:9px;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:#070707;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 #B20000;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_xs{position:fixed;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.header_xs .topbar{display:none;}
.header_xs .nav li a h2{color:#070707;}
.header_xs .nav li.yes h2{color:#B20000;}
.header_xs .logo a {background:url("../logo.png") no-repeat 0 -63px;background-size:160px;}

.topbar{width:100%;float:left;background:#F5F6F5;padding:5px 0;}
.topbar ul{width:calc(100% - 300px);float:left;padding:0px 150px;}
.topbar li:nth-child(1){float:left;line-height:20px;padding-left:20px;background:url("../ico.png") no-repeat 0 -312px;background-size:12px;}

.topbar li:last-child{float:right;}
.topbar li:last-child a{position:relative;padding-left:25px;background:url("../ico.png") no-repeat 0 -258px;background-size:18px;margin-left:30px;}
.topbar li:last-child a:last-child{background-position:0px -437px;}
.topbar li:last-child i{width:120px;position:absolute;left:-10px;top:40px;z-index:5;visibility:hidden;box-shadow:0 1px 10px rgba(0,0,0,0.20);}
.topbar li:last-child i:before{height:0;width:0;border-color:transparent transparent #fff transparent ;border-style:solid;border-width:5px;top:-10px;left:55px;}
.topbar li:last-child a:hover i{visibility:visible;top:30px;transition:460ms;}
.topbar p{float:left;color:#fff;line-height:20px;}

/*手机表单*/
.m_baoj {width:calc(100% - 40px);float:left;padding:10px;padding-top:0px;background:#fff;margin:10px 0 0 10px;position:relative;border-radius:4px;}
.m_baoj ul{margin-left:-10px;}
.m_baoj li{width:calc(50% - 40px);float:left;margin:10px 0 0 10px;font-size:12px;line-height:32px;padding-left:30px;position:relative;}
.m_baoj li span{position:absolute;left:0px;top:0px;}
.m_baoj li em{position:absolute;right:10px;top:5px;color:#666;}
.m_baoj li input{width:calc(100% - 12px);line-height:30px;height:30px;background:#fff;padding:0px 5px;font-size:12px;}
.m_baoj li select{width:calc(100% - 2px);line-height:30px;height:30px;padding:0px 5px;font-size:12px;border:solid 1px #BDBDBD;border-radius:3px;}

.m_baoj li .dx_btn{width:auto;margin:0px;position:relative;top:3px;height:auto;margin-right:3px;}
.m_baoj li:last-child{width:calc(100% - 10px);float:left;margin-top:10px;padding:0px;}
.m_baoj li:last-child a{width:100%;float:left;text-align:center;background:#B20000;color:#fff;line-height:36px;border-radius:4px;font-size:18px;}
.m_baoj li:last-child a:hover{background:#CC0000;}

/*顶部通用报价*/
.baojia {width:960px;position:absolute;left:50%;bottom:20px;margin-left:-500px;padding:20px;background:rgba(255,255,255,.90);z-index:5;border-radius:4px;}
.baojia li{float:left;font-size:16px;}
.baojia li input{width:240px;line-height:36px;height:36px;background:#fff;margin-right:15px;}
.baojia li .tijiao{width:122px;display:inline-block;text-align:center;background:#B20000;color:#fff;line-height:36px;height:36px;border:solid 1px #B20000;cursor:pointer;border-radius:3px;}
.baojia li .tijiao:hover{background:#CC0000;}
.baojia li:nth-child(1){width:100%;margin-bottom:15px;font-size:20px;font-weight:bold;letter-spacing:2px;}
.baojia li:nth-child(1) span{font-size:14px;color:#666;position:relative;top:5px;font-weight:400;}
.baojia li:nth-child(1) span:before{width:1px;height:14px;background:#BDBDBD;left:-10px;top:2px;}
.baojia c{color:#F08F32;font-size:18px;margin:0 5px;}

/*底部通用报价*/
.d_baojia {width:calc(100% - 220px);float:left;padding:20px;background:#fff;margin-top:20px;padding-right:200px;position:relative;}
.d_baojia li{width:calc(33.3% - 30px);float:left;margin-right:30px;font-size:16px;}
.d_baojia li input{width:98%;line-height:36px;height:36px;background:#fff;margin-right:15px;}
.d_baojia li a{width:100%;float:left;text-align:center;background:#B20000;color:#fff;line-height:36px;height:38px;border-radius:3px;}
.d_baojia li a:hover{background:#CC0000;}
.d_baojia li:nth-child(1){width:100%;margin-bottom:15px;font-size:20px;font-weight:bold;letter-spacing:2px;}
.d_baojia li:nth-child(1) span{font-size:14px;color:#666;position:relative;top:5px;font-weight:400;}
.d_baojia li:nth-child(1) span:before{width:1px;height:14px;background:#BDBDBD;left:-10px;top:2px;}
.d_baojia c{color:#F08F32;font-size:18px;margin:0 5px;}
.d_baojia li:last-child{width:180px;position:absolute;right:-10px;bottom:20px;}

.footer{width:100%;float:left;position:relative;background:#070707;}
.f_ads{width:100%;float:left;background:#CC0000;}
.f_ads li{text-align:center;color:#fff;font-size:30px;line-height:40px;}
.f_ads li p{float:left;line-height:30px;height:30px;color:rgba(255,255,255,.80);font-size:18px;padding-left:25px;background:url("../fb.png") no-repeat 0px 0px;background-size:20px;margin-left:25px;}
.f_ads li:last-child{margin:0 auto;display:table;margin-top:30px;}
.f_ads li .i1{background-position:0px 7px;}
.f_ads li .i2{background-position:0px -30px;}
.f_ads li .i3{background-position:0px -66px;}
.f_ads li .i4{background-position:0px -105px;}
.f_ads li .i5{background-position:0px -140px;}
.f_ads li .i6{background-position:0px -178px;}

.f_menu{width:100%;float:left;margin-top:30px;}
.f_menu li{float:left;margin-right:100px;position:relative;}
.f_menu li h2{font-size:18px;display:inline-block;margin-bottom:20px;color:#fff;}
.f_menu li b{width:0px;height:1px;background:#EBEBEB;display:inline-block;margin-right:5px;position:relative;top:-4px;}
.f_menu li p a{display:block;line-height:34px;color:#999;}
.f_menu li p a:hover{color:#fff;}
.f_menu li a:hover b{width:10px;transition:0.3s ease-out;}
.f_menu li:last-child{float:right;margin-right:0px;padding-right:15%;}
.f_menu li:last-child:before{width:30px;height:30px;left:0px;top:25px;background:url("../ico.png") no-repeat center -620px;background-size:22px;}
.f_menu li:last-child p{line-height:36px;display:block;text-indent:25px;position:relative;color:rgba(255,255,255,.60);}
.f_menu li:last-child p:before{width:5px;height:5px;left:10px;top:17px;background:rgba(255,255,255,.30);border-radius:3px;}
.f_menu li:last-child img{width:90px;position:absolute;right:0px;top:65px;border-radius:4px;}
.f_menu li:last-child h2{color:#fff;margin-bottom:10px;}
.f_menu li:last-child h3{font-size:22px;color:#fff;margin-bottom:15px;text-indent:36px;}
.f_menu li:last-child em{font-size:12px;color:#757575;}

.copright{width:calc(100% - 300px);float:left;padding:0px 150px 15px 150px;}
.copright dl{width:100%;float:left;padding-top:20px;border-top:solid 1px #666;}
.copright dt{float:left;color:#919399;}
.copright dt a{color:#919399;margin-left:20px;}
.copright dt a:hover {color:#222;}
.copright dd{float:right;margin-top:-6px;color:#666;}
.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;}
.copright dd a{color:#666;}
.copright dd a:hover{color:#fff;}
/*友情链接*/
.link_box{width:100%;float:left;border-top:solid 1px rgba(255,255,255,.30);margin-top:30px;padding-top:10px;}
.link_box .link_nav,.link_box .link_con{width:100%;float:left;color:#fff;}
.link_box .link_nav li{float:left;cursor:pointer;position:relative;margin-right:20px;font-size:16px;color:rgba(255,255,255,.60);}
.link_box .link_nav li:before{width:0px;height:3px;background:#B20000;left:0px;top:-12px;transition:600ms;}
.link_box .link_nav li.cur{color:#B20000;}
.link_box .link_nav li.cur:before{width:100%;}
.link_box .link_con ul{margin-left:-20px;}
.link_box .link_con li{width:100%;float:left;margin:10px 0 0 20px; display:none;}
.link_box .link_con li a{display:inline-block;margin-right:20px;color:rgba(255,255,255,.7);}
.link_box .link_con li a:hover{color:#fff;}

/*底部固定客服*/
.kefu{width:60px;position:fixed;top:50%;right:5px;z-index:999;margin-top:-96px;}
.kefu li{width:100%;float:left;position:relative;padding:5px 0;background:rgba(255,255,255,.95);margin-top:10px;border-radius:4px;box-shadow:0 0 9px 0 rgba(0,0,0,0.1);cursor:pointer;}
.kefu li i{width:20px;height:25px;background:url("../ri_ico.png") no-repeat 0 2px;background-size:100%; margin:0 auto;display:table;}
.kefu li h2{font-size:12px;color:#666;text-align:center;}
.kefu li p{width:120px;position:absolute;left:-150px;background:#fff;top:4px;box-shadow:0 0 9px 0 rgba(0,0,0,0.1);border-radius:3px;font-size:16px;color:#222;visibility:hidden;height:inherit;overflow:inherit;padding:5px;}
.kefu li p:before{height:0;width:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:6px;left:auto;right:-12px;top:15px;}
.kefu li span{font-size:12px;display:block;margin:10px 0 5px 0;color:#999;}
.kefu li:hover p{visibility:visible;left:-140px;transition: 0.3s ease-out;}
.kefu li:nth-child(1):before{content:"3";width:14px;height:14px;line-height:12px;text-align:center;color:#fff;background:#F4765D;z-index:3;border-radius:30px;border:solid 2px #fff;font-size:12px;top:0px;left:32px;}
.kefu li:nth-child(2) i{background-position:0 -28px;}
.kefu li:nth-child(3) i{background-position:0 -57px;}
.u_top{position:fixed;display:block;width:50px;height:50px;right:-60px;bottom:30px;transition:0.3s ease-out;padding:0;background:url(../top.png) rgba(51,51,51,.80) no-repeat center;background-size:20px;border-radius:4px;z-index:88;}
.up_top_xianshi{right:5px;opacity:1;}

/*弹窗客服*/
.cust_up{width:100%;height:100%;position:fixed;display:none;top:0px;left:0px;background:rgba(0,0,0,.30);z-index:888;}
.cust_up .colse_btn{width:30px;height:30px;background:url("../colse.png") no-repeat center 7px;background-size:18px; cursor:pointer;position:absolute;right:20px;top:20px;z-index:5;}
.cust_up .con{width:550px;height:280px;position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-250px;border-radius:6px;box-sizing:border-box;animation:my_scale 0.5s;z-index:9999;background:rgba(178,0,0,.7);background:linear-gradient(-45deg,rgba(178,0,0,.7),rgba(204,0,0,.7));box-shadow:0 5px 20px rgba(0,0,0,0.3);}
.cust_up .con ul{padding:30px;}
.cust_up .con li{width:100%;float:left;position:relative;color:#fff;}
.cust_up .con li:last-child {width:120px;position:absolute;right:30px;bottom:30px;}
.cust_up .con li:nth-child(1){font-size:16px;}
.cust_up .con li:nth-child(2){font-size:22px;line-height:34px;margin-top:40px;}
.cust_up .con li:nth-child(3) h2{font-size:32px;line-height:70px;}
.cust_up .con li:nth-child(3) p{color:rgba(255,255,255,.7);font-size:18px;}
.cust_up .con li:last-child a{width:100%;float:left;line-height:30px;background:#fff;margin-top:10px;text-align:center;}

/*需求表单样式*/
.xq_con{width:calc(100% - 60px);float:left;padding:30px;background:#fff;padding-top:60px;}
.xq_con:before{width:120px;height:31px;background:url("../logo.png") no-repeat 0 -48px;background-size:100%;left:50%;top:20px;margin-left:-60px;}
.xq_con h2{width:100%;float:left;height:auto;line-height:26px;color:#7D8790;}
.xq_con ul{width:100%;float:left;margin-top:20px;}
.xq_con li{width:100%;float:left;margin-bottom:10px;}
.xq_con li input {width:100%;line-height:36px;border:none;border-bottom:solid 1px #EBEBEB;padding:0;}
.xq_con li input:focus{border-bottom:solid 1px #BDBDBD;color:#070707;transition:0.4s all;border-radius:0px;}
.xq_con li select{width:auto;line-height:32px;height:32px;margin-right:10px;border:solid 1px #BDBDBD;padding:0 10px;border-radius:3px;}
.xq_con li .dx_btn{width:auto;}
.xq_con li a.tijiao{width:100%;float:left;line-height:40px;background:#CC0000;color:#fff;text-align:center;font-size:16px;border-radius:3px;}
.xq_con li a.tijiao:hover{background:#B20000;}
.xq_box .close_btn{width:26px;height:26px;position:absolute;right:20px;top:20px;background:url("../colse.png") no-repeat 4px -30px;background-size:18px;text-indent:-9999px;cursor:pointer;}

@keyframes my_scale{0% {transform:scale(0);}25%{transform:scale(0.25);}50%{transform:scale(0.5);}75%{transform:scale(0.7);}100%{transform:scale(1);}}@-moz-keyframes my_scale {0% {transform:scale(0);}25%{transform:scale(0.25);}50%{transform:scale(0.5);}75%{transform:scale(0.7);}100%{transform:scale(1);}}@-webkit-keyframes my_scale{0% {transform:scale(0);}25%{transform:scale(0.25);}
50%{transform:scale(0.5);}75%{transform:scale(0.7);}100%{transform:scale(1);}}@-o-keyframes my_scale {0% {transform:scale(0);}
25%{transform:scale(0.25);}50%{transform:scale(0.5);}75%{transform:scale(0.7);}100%{transform:scale(1);}}