@charset "utf-8";
/*公共*/
body{margin:0;padding:0;font-family:"微软雅黑" arial;font-size:12px}
.none{display: none !important;}
.block{display: block !important;}
.left{float:left !important;}
.right{float:right !important;}
.clearbox{overflow:hidden}
*{padding: 0px;margin: 0px;list-style: none;text-decoration: none;}
input{margin:0;padding:0;border:none;outline:0}
.wst-wrap{width:100%}
@media screen and (min-width: 768px){
	.m{width: 1200px;margin: 0px auto;}
	/* top */
	.hd_top{width: 100%;height: 34px;background-color:#28292f;}
	.hd_top ul{width: 1200px;margin: 0px auto;}
	.hd_top ul li{float: left;}
	.hd_top ul li a{color: #fff;line-height: 34px;}
	.hd_top ul li .weixin{position:relative;cursor:pointer;padding-right: 10px;}
	.hd_top ul li img{position:absolute;top:24px;right: 10px;z-index:4;display:none;}
	.hd_top ul li .weixin:hover img{display:block;width: 6rem;}
	.header{width: 1200px;height: 80px;margin: 0px auto;overflow: hidden;}
	.header .logo{width: 160px;height: 80px;float: left;}
	.header .logo img{width: 100%;}
	.header .nav{float: right;display: block;}
	.header .nav li{float: left;padding-right: 20px;font-size: 16px;line-height: 80px;}
	.header .nav li a{color: #333;}
	.header .nav li:hover a{color: #ef5858;}
	.header .nav li:last-child{padding-right: 0px;}
	.header .menu,.menu-list{display: none;}
	.wst-footer{background-color:#28292f;width: 100%;margin: 0px auto;overflow: hidden;padding: 60px 0px;}
	.wst-footer ul{width: 900px;float: left;margin-bottom: 20px;}
	.wst-footer ul li{width: 225px;float: left;font-size: 16px;line-height: 32px;height: 32px;}
	.wst-footer ul li a{color: #ddd;display: block;}
	.wst-footer ul li .phone{background:url(../img/img_86.png) left no-repeat;padding-left:40px}
	.wst-footer ul li .qq{background:url(../img/img_88.png) left no-repeat;padding-left:40px}
	.wst-footer ul li .emall{background:url(../img/img_91.png) left no-repeat;padding-left:40px}
	.wst-footer ul li .add{background:url(../img/img_96.png) left no-repeat;padding-left:40px}
	.wst-footer ul li:first-child{width: 160px;}
	.wst-footer ul li:nth-child(2){width: 200px;}
	.wst-footer ul li:nth-child(3){width: 245px;}
	.wst-footer ul li:last-child{width: 295px;}
	.wst-footer p{width: 900px;float: left;font-size: 14px;color: #ccc;line-height: 24px;}
	.wst-footer p a{color: #ccc;}
	.wst-footer i{display: block;float: right;width: 120px;margin-top: 0px;}
	.wst-footer i img{width: 100%;}
	.wst-link{margin-bottom:20px;width: 1020px;float: left}
	.wst-link span{font-size:14px;color:rgba(255,255,255,.7)}
	.wst-link a{color:rgba(255,255,255,.7);margin-left:2px;font-size: 14px;}
	.wst-link a:hover{color:#fff}
	.main{width: 100%;margin: 0px auto;}
	.title{text-align: center;}
	.title h2{font-size: 36px;line-height: 54px;margin: 0px 0px 20px 0px;font-weight: bold;}
	.title p{font-size: 16px;color: #666;}
	.m_btn{display: block;width: 156px;height: 48px;line-height: 48px;background: linear-gradient(to right, #e50014, #f63704);border-radius: 4px;text-align: center;font-size: 16px;color: #fff;margin: 30px auto 0px;overflow: hidden;}
	.m_btn_2{background: linear-gradient(to left, #FB8732, #F6C418);}
	.m_btn:hover{opacity: 0.9;color: #fff;}
}
/* 小屏，最大768 */
@media screen and (max-width: 768px){
	/* top */
	.hd_top{width: 100%;height: 2rem;background-color:#28292f;position: fixed;top: 0rem;z-index: 80;}
	.hd_top ul{width: 98%;margin: 0px auto;}
	.hd_top ul li{float: left;font-size: 0.7rem;}
	.hd_top ul li a{color: #fff;line-height: 2rem;}
	.hd_top ul li .weixin{position:relative;cursor:pointer;padding-right: 1rem;}
	.hd_top ul li img{position:absolute;top:1.5rem;right: 0.5rem;z-index:400;display:none;}
	.hd_top ul li .weixin:hover img{display:block;width: 6rem;}
	.hd_top ul .right a:last-of-type{display: none;}
	.header{width: 100%;height: 3.8rem;margin: 0px auto;overflow: hidden;position: fixed;top: 2rem;z-index: 5;background: #fff;box-shadow: 0rem 0rem 1rem rgba(0,0,0,0.1);}
	.header .logo{width: 7rem;float: left;margin-left: 0.5rem;}
	.header .logo img{width: 100%;}
	.header .nav,.show_box2,#index_right,.rgt_side{display: none;}
	.header .menu{display: block;font-size: 1.6rem;margin-right: 0.6rem; color: #ef5858;margin-top: 0.9rem;}
	/* 导航 */
	.menu-list{width: 30%;background: #fff;position: fixed;z-index: 20;top: 5.8rem;overflow: hidden;right: -100%;transition: all .5s;padding: 0px 20px;box-shadow: 0px 5px 10px rgba(0,0,0,0.1);display: block;}
	.menu-list li{line-height: 2.6rem;border-bottom: 1px solid #eee;}
	.menu-list li:last-child{border-bottom: 0px;}
	.menu-list li a{display: block;font-size: 0.9rem;color: #666;}
	.menu-list.active{background: rgba(255,255,255,0.98);right: 0%;}
	.header.active .menu i,.header_top .menu i{-webkit-text-stroke-color: #fff;-webkit-text-stroke-width: 0.02rem;}
	.header.active .menu i{-webkit-text-stroke-width: 0.1rem;}
	.wst-footer{background-color:#28292f;width: 100%;margin: 0px auto;overflow: hidden;padding: 2rem 0px;}
	.wst-footer ul{width: 66%;margin: 0rem 0rem 1rem 0.5rem;float: left;}
	.wst-footer ul li{width: 100%;font-size: 0.7rem;height: 1.8rem;line-height: 1.8rem;}
	.wst-footer ul li a{color: #ddd;display: block;}
	.wst-footer ul li .phone{background:url(../img/img_86.png) left no-repeat;padding-left:1.5rem;background-size: 14%;}
	.wst-footer ul li .qq{background:url(../img/img_88.png) left no-repeat;padding-left:1.5rem;background-size: 11%;}
	.wst-footer ul li .emall{background:url(../img/img_91.png) left no-repeat;padding-left:1.5rem;background-size: 9%;}
	.wst-footer ul li .add{background:url(../img/img_96.png) left no-repeat;padding-left:1.5rem;background-size: 7%;}
	.wst-footer ul li:first-child{width: 160px;}
	.wst-footer ul li:nth-child(2){width: 200px;}
	.wst-footer ul li:nth-child(3){width: 245px;}
	.wst-footer ul li:last-child{width: 295px;}
	.wst-footer p{width:96%;font-size: 0.8rem;color: #ccc;line-height: 1.2rem;margin: 0rem auto;clear: both;}
	.wst-footer p a{color: #ccc;}
	.wst-footer i{display: block;float: right;width: 5.6rem;margin: 1rem 0.5rem 0rem 0rem;}
	.wst-footer i img{width: 100%;}
	.wst-link{display: none;}
	.main{width: 100%;margin: 5.8rem auto 0rem;}
	.m_btn{display: block;width: 120px;height: 36px;line-height: 36px;background: linear-gradient(to right, #e50014, #f63704);border-radius: 4px;text-align: center;font-size: 16px;color: #fff;margin: 20px auto 0px;overflow: hidden;}
	.m_btn_2{background: linear-gradient(to left, #FB8732, #F6C418);}
	.m_btn:hover{opacity: 0.9;color: #fff;}
	.title{text-align: center;}
	.title h2{font-size: 1.4rem;margin: 0px 0px 0.6rem 0px;font-weight: bold;}
	.title p{font-size: 0.9rem;color: #666;width: 98%;margin: 0px auto;}
}

/*右侧联系我们*/
#index_right{width: 66px;position: fixed; right: 0;bottom: 26%;z-index: 10;border-radius: 4px;box-shadow: 0px 5px 20px rgb(0 0 0 / 8%);}
#index_right li{transition:all ease 0.2s;position: relative;cursor: pointer;width:66px;background:#fff; text-align: center;border-bottom: 1px solid #eee;}
#index_right li a{display: block;}
#index_right li i{display: block;font-size: 20px;color: #888;line-height: 40px;}
#index_right li p{font-size: 12px;margin-bottom: 10px;color: #666;}
#index_right li:hover{background: #f82823;}
#index_right li:hover i,#index_right li:hover p{color: #fff;}
#index_right li:last-child{border: 0px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
#index_right li:nth-child(1){border-top-left-radius: 4px;border-top-right-radius: 4px}
#index_right li:nth-child(1) i{font-size: 22px;}
#index_right li:nth-child(3) i{font-size: 32px;}
#index_right li div{position: absolute;right: -909px;transition: all 0.5s;opacity: 0;overflow: hidden;}
#index_right .wechat div{width: 160px;height: 160px;}
#index_right li div img{width: 100%;}
#index_right li:hover div{display: block;padding: 10px;border-radius: 6px;right: 66px;box-shadow: 0px 5px 10px rgba(0,0,0,0.08);background: #fff;opacity: 1;top: -60px;}
#index_right li:hover div::after{content: "";width: 0;height: 0;border-style: solid;border-color: transparent transparent transparent #fff;border-width: 12px;position: absolute;z-index: 2;top: 40%;right: -20px;}
#index_right .phone div a{font-size: 32px;color: #222;}
#index_right .phone:hover div{top: 0px;}
.rgt_side{width: 220px;position: fixed;left: 0px;bottom: 20%;background: #fff;border-radius: 6px;padding: 20px;box-shadow: 0px 10px 20px rgba(0,0,0,0.08);z-index: 20;text-align: center;}
.rgt_side h3{font-size: 26px;margin: 10px auto 20px;}
.rgt_side p{font-size: 18px;}
.rgt_side img{width: 160px;margin-top: 10px;}
.rgt_side i{display: block;position: absolute;border: 2px solid #eee;width: 26px;height: 26px;border-radius: 50%;right: 10px;top: 10px;font-size: 20px;color: #ccc;line-height: 20px;text-align: center;-webkit-text-stroke-color: #fff;-webkit-text-stroke-width: 2px;cursor: pointer;}
.rgt_qr{width: 60px;left: 0px;padding: 10px 0px;}
.rgt_side span{display: block;font-size: 50px;cursor: pointer;}
/* 侧边微信弹窗 */
.show_box2{position: fixed;z-index: 300;width: 100%;top: 0px;overflow: hidden;}
.show_box2 .sb2_m{width: 600px;margin: 10% auto;position: relative;display: none;}
.show_box2 .sb2_m .logo{width: 80px;display: block;margin: 0px auto;height: 80px;border-radius: 50%;background: linear-gradient(to top, #e50014, #f63704);border: 1px solid #e81a15;padding: 10px;position: relative;}
.show_box2 .sb2_m .logo img{width: 100%;margin: 16px auto;}
.show_box2 .sb2_m .box{background: #fff;border-radius: 8px;border: 2px solid #e81a15;margin-top: -60px;overflow: hidden;padding: 60px 50px  20px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.show_box2 .sb2_m .box .close{position: absolute;right: 20px;top: 40px;background: #eee;width: 30px;height: 30px;border-radius: 50%;font-size: 24px;text-align: center;line-height: 28px;-webkit-text-stroke-color: #eee;-webkit-text-stroke-width: 2px;color: #999;cursor: pointer;opacity: 1;}
.show_box2 .sb2_m .box h3{text-align: center;font-size: 20px;margin: 20px 0px;}
.show_box2 .sb2_m .box .hotline{display: block;border: 2px dashed #eee;border-radius: 20px;width: 280px;margin: 0px auto;line-height: 40px;font-size: 16px;overflow: hidden;padding: 0px 10px;color: #e81a15;font-weight: bold;}
.show_box2 .sb2_m .box .hotline i{display: inline-block;float: left;font-size: 20px;margin: 12px 10px 0px 10px;border-radius: 8px;text-align: center;}
.show_box2 .sb2_m .box .hotline a{font-size: 20px;color: #e81a15;}
.show_box2 .sb2_m .box .wxm{display: block;margin: 20px auto 0px;text-align: center;width: 160px;}
.show_box2 .sb2_m .box .wxm img{width: 100%;}
.show_box2 .sb2_m .box dl{width: 100%;margin: 20px auto;overflow: hidden;box-sizing: border-box;text-align: center;}
.show_box2 .sb2_m .box dl dt{font-size: 18px;font-weight: bold;position: relative;color: #222;}
.show_box2 .sb2_m .box dl dd{width: 110px;display: inline-block;margin: 20px 0px 0px;}
.show_box2 .sb2_m .box dl dd i{width: 60px;height: 60px;border-radius: 50%;background: #eee;display: block;margin: 0px auto;overflow: hidden;}
.show_box2 .sb2_m .box dl dd i img{width: 100%;}
.show_box2 .sb2_m .box dl dd p{font-size: 16px;margin-top: 10px;}
.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@media screen and (max-width: 1280px){
	.show_box2 .sb2_m{margin: 5% auto;}
}