@CHARSET "UTF-8";
/*全局*/
body{font: 12px/1.5 Arial,'microsoft yahei',Helvetica,sans-serif !important; -webkit-font-smoothing: antialiased;color: #666;}
*{padding:0;margin:0;list-style: none;border: 0px;text-decoration: none;}
ol,ul{list-style: none;display: table;}
a{text-decoration: none;color: #666;}
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{color: #333;}
:focus{outline: -webkit-focus-ring-color auto 0px;}
.left{float: left;}
.right{float: right;}
.clear{width: 100%;clear: both;}
.none{display: none !important;}
.block{display: block !important;}
/* 按钮 */
.mbtn{width: 156px;height: 40px;text-align: center;background: linear-gradient(to right, #e50014, #f63704);border-radius: 6px;display: block;margin: 30px auto 0px;}
.mbtn,.mbtn a{font-size: 16px;color: #fff;line-height: 40px;display: block;}
.mbtn:hover{opacity: 0.9;}
/* 大屏，最小768 */
@media screen and (min-width: 768px){
	.m{width: 1200px;margin: 0px auto;overflow: hidden;}
	/* 隐藏部分 */
	.header .menu,.menu-list,.gtop,.mfooter{display: none;}
	/* nav */
	.header{width: 100%;margin: 0px auto;height: 80px;position: fixed;top: 0px;z-index: 100;background: #fff;box-shadow: 0px 5px 20px rgba(0,0,0,0.1);}
	.header .logo{width: 160px;height: 60px;margin: 10px auto;}
	.header .logo img{width: 100%;}
	.header .nav{margin-left: 50px;}
	.header .nav li{float: left;padding: 0px 26px;line-height: 80px;}
	.header .nav li a{font-size: 16px;color: #222;display: block;}
	.header .nav li:hover a{color: #e81a15;}
	/* 下拉导航 */
	.header .nav_box_wrap{position: absolute;width:100%;left: 0px;top: 80px; z-index: 6;background: #fff;overflow: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;box-shadow: 0px 6px 10px rgba(0,0,0,0.05);border-top: 1px solid #eee;height: 0px;}
	.header .nav_box_wrap .nav_box_item{width: 1200px;margin: 0px auto;overflow: hidden;}
	.header .nav_box_wrap.active{height: 420px;}
	.header .nav_box_wrap ul{float: left;padding: 30px 0px;width: 300px;}
	.header .nav_box_wrap .item_2 li{font-size: 16px;line-height: 60px;padding: 0px 20px;}
	.header .nav_box_wrap .item_2 li a{color: #666;display: block;padding: 0px 20px;}
	.header .nav_box_wrap .item_2 li:hover a{color: #e81a15;background: #f8fafc;border-radius: 6px;}
	/* 联系我们 */
	.getshow{margin: 20px 10px 20px;position: relative;}
	.getshow span{float: left;width: 100px;margin: 0px;cursor: pointer;}
	.show_box{width: 800px;position: absolute;top: 80px;border: 2px solid #e81a15;box-shadow: 0px 5px 10px rgba(0,0,0,0.08);border-radius: 6px;background:#fff;transition: all 0.3s;margin-left: 340px;height: 560px;padding: 30px;z-index: 30;display: none;}
	.show_box::before{content: "";width: 0;height: 0;border-bottom: 16px solid #e81a15;border-right: 20px solid transparent;border-left: 20px solid transparent;background: initial;position: absolute;top: -18px;right: 25%;}
	.show_box h3{font-size: 22px;text-align: center;margin-bottom: 20px;}
	.show_box table{width: 800px;margin: 0px auto;overflow: hidden;border: 1px solid #eee;border-radius: 6px;}
	.show_box table thead th{padding: 10px;font-size: 16px;}
	.show_box table thead th,.show_box table tbody tr td{border-bottom: 1px solid #eee;border-right: 1px solid #eee;}
	.show_box table thead th:last-child,.show_box table tbody tr td:last-child{border-right: 0px;}
	.show_box table tbody tr td{text-align: center;font-size: 14px;}
	.show_box table tbody tr td a{border: 0px;font-size: 14px;float: none;line-height: 50px;}
	.show_box table tbody tr td:last-child a,.show_box table tbody tr td a:hover{color: #e81a15;}
	.show_box table tbody tr:last-child td{border-bottom: 0px;}
	.show_box table tbody tr td i{width: 200px;height: 200px;display: inline-block;margin:20px 10px 0px;}
	.show_box table tbody tr td i img{width: 100%;}
	.show_box table tbody tr:nth-child(4) td{border-bottom: 0px;}
	.show_box table tbody tr:last-child td{font-size: 20px;padding-bottom: 20px;}
	/* .show_box{display: block;} */
	.atel{float: right;margin: 20px auto}
	.atel a{display: block;line-height: 40px;color: #333;font-size: 18px;border: 1px solid #eee;border-radius: 6px;padding: 0px 10px;transition: all 0.3s;}
	.atel i{display: inline-block;float: left;margin-right: 6px;line-height: 40px;font-size: 22px;}
	/*main*/
	.main{width: 100%;margin: 80px auto 0px;overflow: hidden;}
	/*侧边栏*/
	.sider ul{width: 78px;position: fixed;top: 40%;right: 0px; background: #F9FAFB;box-shadow: 0px 5px 10px rgba(0,0,0,0.08);z-index: 200;border-radius: 6px;}
	.sider ul li{width: 100%;overflow: hidden;padding: 20px 0px;border-bottom: 1px solid #ddd;cursor: pointer;text-align: center;}
	.sider ul li a{display: block;}
	.sider ul li i{display: block;margin: 0px auto 10px;font-size: 24px;color: #e81a15;font-style: normal;}
	.sider ul .sqiao i{width: 56px;height: 56px;border-radius: 50%;background: #fff;border-bottom: 1px solid #ddd;box-shadow: 0px 2px 5px rgba(0,0,0,0.2);}
	.sider ul .sqiao i img{width: 40px; height: 40px;margin: 8px auto;}
	.sider ul li p{font-size: 14px;text-align: center;}
	.sider ul li:hover,.sider ul .sqiao,.sider ul #toTop{background: linear-gradient(to top, #e50014, #f63704);}
	.sider ul li:hover i,.sider ul #toTop i{transform: rotate(360deg);transition: all 0.5s;color: #fff;}
	.sider ul li:hover p,.sider ul .sqiao p{color: #fff;}
	.sider ul li:last-child{border-bottom: 0px;}
	.sider ul .freety i{font-size: 16px;font-weight: bold;}
	.sider ul li div{position: absolute;right: -909px;transition: all 0.5s;opacity: 0;}
	.sider ul li div img{width: 120px;}
	.sider ul li:hover div{display: block;padding: 10px;border-radius: 6px;right: 90px;box-shadow: 0px 5px 10px rgba(0,0,0,0.08);background: #fff;opacity: 1;}
	.sider ul 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;}
	.sider ul .wchat:hover div{margin-top: -100px;}
	.sider ul li div a{font-size: 24px;font-weight: bold;}
	.sider ul .kkou:hover div{margin-top: -60px;}
	.sider ul #toTop{padding: 0px;height: 34px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
	.sider ul #toTop i{margin: 0px;line-height: 34px;}
	.sider ul #toTop p{display:none;}
	.sider ul #toTop:hover p{display: block;line-height: 34px;}
	.sider ul #toTop:hover i{display: none;}
	.sider ul .sqiao{border-top-left-radius: 6px;border-top-right-radius: 6px;}
	.rgt_side{width: 180px;position: fixed;left: 0px;top: 56%;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: 24px;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: 2% 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: 24px auto;}
	.show_box2 .sb2_m .box{background: #fff;border-radius: 8px;border: 2px solid #e81a15;margin-top: -80px;overflow: hidden;padding: 80px 50px  20px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
	.show_box2 .sb2_m .box .close{position: absolute;right: 30px;top: 60px;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;}
	.show_box2 .sb2_m .box h3{text-align: center;font-size: 20px;margin: 10px 0px;}
	.show_box2 .sb2_m .box .hotline{display: block;border: 2px dashed #eee;border-radius: 20px;width: 260px;margin: 0px auto;line-height: 36px;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;}
	}
	/* 底部 */
	.footer{width: 100%;background: #2b2b2b;margin: 0px auto; padding: 60px 0px; overflow: hidden;color: #999;}
	.footer .ft1{width: 1200px;margin: 0px auto;overflow: hidden;}
	.footer .ft1 dl{width: 240px;float: left;}
	.footer .ft1 dl dt{font-size: 18px;color: #ccc;margin-bottom: 10px;font-weight: bold;}
	.footer .ft1 dl dd{font-size: 14px;line-height: 30px;}
	.footer .ft1 dl dd a{color: #999;display: inline-block;}
	.footer .ft1 dl dd a:hover{color: #ccc;}
	.footer .ft1 dl dd img{max-width:100%;max-height: 110px;}
	.footer .ft2{width: 1200px;margin: 20px auto 0px;overflow: hidden;text-align: center;box-sizing: border-box;}
	.footer .ft2 li,.footer .ft3 li{margin-right: 20px;font-size: 14px;display: inline-block;opacity: 0.8;}
	.footer .ft2 li:last-child{margin-right: 0px;opacity: 1;}
	.footer .ft2 li::after,.footer .ft3 li::after{content: "|";margin-left: 20px;opacity: 0.6;}
	.footer .ft2 li:last-child::after,.footer .ft3 li:last-child::after,.footer .ft3 li:first-child::after{content: "";margin: 0px;}
	.footer .ft3{width: 1200px;margin: 10px auto;padding-top: 10px;background: #222;overflow: hidden;padding: 20px 0px;border-radius: 6px;}
	.footer .ft3 li{float: left;}
	.footer .ft3 li a{color: #999;}
	.footer .ft3 li a:hover{color: #ccc;}
	.footer .ft3 li:first-child{margin-left: 20px;}
	.ft_bottom{width: 1200px;margin: 20px auto 0px;overflow: hidden;}
	.ft_bottom p{font-size: 14px;line-height: 24px;text-align: center;}
	/*分页*/
	.wst-news-pagg{float: right;margin:0px 20px 40px 0px}
	.wst-news-pagg a,.wst-news-pagg p{float: left; font-size: 12px; color: #666;padding: 6px 12px 6px 12px; border: 1px solid #eee; border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px; background-color: #FFFFFF;margin-left: 5px;}
	.wst-news-pagg a:hover{opacity: 0.9;}
	.wst-news-pagg .cur{float: left;color: white; font-size: 13px;margin-left: 5px;padding: 6px 12px 6px 12px;border-radius: 2px;-webkit-border-radius: 2px; -moz-border-radius: 2px;border: 0px;background-color: #eb3348;}
	.wst-news-pagg .pageRemark{text-align: center;border-style: none;background: none;}
	.wst-news-pagg .pageRemark b{ color: #d61818;}
	/* 通用标题 */
	.title{width: 1200px;margin: 0px auto;text-align: center;}
	.title h2{font-size: 34px;margin-bottom: 20px;}
	.title p{font-size: 16px;line-height: 34px;}
	/* 通用banner */
	.banner{width: 100%;overflow: hidden;position: relative;left: 50%;transform: translate(-50%);width: 1920px;height: 450px;}
	.banner .m{margin-top: 80px;}
	.banner .m h2{color: #fff;font-size: 46px;position: relative;margin-bottom: 60px;}
	.banner .m h2::after{width: 150px;height: 2px;background: #fff;content: "";position: absolute;left: 0px;top: 100px;}
	.banner .m h3{font-size: 26px;margin: 0px 0px 10px 0px;line-height: 40px;color: #fff;font-weight: normal;}
	.banner .m p{font-size: 24px;color: #fff;line-height: 40px;}
	.banner .m span{font-size: 18px;display: block;color: #fff}
	.banner .m .mbtn{float: left;margin: 30px 20px 0px 0px;background: #fff;}
	.banner .m .mbtn2{background: initial;border: 2px solid #fff;line-height: 36px;height: 36px;}
	.banner .m .mbtn2:hover{background: #fff;}
}
/* 小屏，最大768 */
@media screen and (max-width: 768px){
	/* 隐藏部分 */
	.header .nav,.header .nav_box_wrap,.header .show_box,.header .getshow,.footer,.sider,.rgt_side,.show_box2{display: none !important;}
	/* header */
	.header{width: 100%;background:rgba(0,0,0,0.3);box-shadow: none;padding: 0.6rem 0rem 0rem;position: fixed;top: 0rem;z-index: 10;height: 3rem;}
	.header_top,.header.active{background:rgba(255, 255, 255, 1);box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
	.header .logo{display: inline-block;text-align: center;width: 6rem;margin-left: 0.6rem;}
	.header .logo img{width: 100%;}
	.header .atel{float: left;border-radius: 4px;margin: 0.4rem 0rem 0rem 1.4rem;}
	.header .atel a{color: #fff;font-size: 1.2rem;}
	.header .atel i{margin-right: 0.1rem;}
	.header .menu{display: inline-block;font-size: 1.6rem;margin-right: 0.6rem;color: #fff;}
	.header_top .atel a,.header.active .atel a,.header_top .menu,.header.active .menu{color: #e81a15;}
	/* 导航 */
	.menu-list{width: 44%;background: #fff;position: fixed;z-index: 20;top: 3.6rem;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: 50px;border-bottom: 1px solid #eee;}
	.menu-list li:last-child{border-bottom: 0px;}
	.menu-list li a{display: block;font-size: 14px;color: #666;}
	.menu-list.active{background: rgba(255,255,255,1);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;}
	/* go-top */
	.gtop{position: fixed;right: 2%;width: 2rem;height: 2rem;line-height: 2rem; border-radius: 50%;background: linear-gradient(to right, #e50014, #f63704);right: -5rem;}
	.gtop i{display: block;font-size:1.2rem;text-align: center;line-height: 2rem;color: #fff;}
	.gtop-show {bottom: 20%;z-index: 6;right: 2%;transition: all .5s;}
	/* mfooter */
	.mfooter{width:100%;background:#222;overflow: hidden;padding: 1.4rem 0rem;}
	.mob_ft1,.mob_ft2{width: 90%;margin: 0rem auto;overflow: hidden;}
	.mob_ft1 li{float: left;}
	.mob_ft1 li:nth-child(1){width: 36%;margin-top: 0.6rem;}
	.mob_ft1 li:nth-child(2){width: 64%;}
	.mob_ft1 li img{width: 80%;}
	.mob_ft1 li p,.mob_ft2 p{color: #ccc;font-size: 0.8rem;line-height: 1.4rem;}
	.mob_ft1 li p a{color: #fff;}
	.mob_ft2{margin-top: 0.6rem;}
	.mob_ft2 p{font-size: 0.6rem;line-height: 1.2rem;}
	/* 通用 */
	.main{width: 100%;margin: 0rem auto;overflow: hidden;}
	.m{width: 100%;}
	.banner{width: 100%;}
	.banner .m{width: 98%;position: relative;margin: 6.6rem auto 0rem;}
	.banner .swiper-slide{box-sizing: border-box;text-align: center;min-height: 23rem;}
	.banner .m h2{color: #fff;font-size: 1.8rem;position: relative;margin-bottom: 2rem;}
	.banner .m h2::after{width: 6rem;height: 0.1rem;background: #fff;content: "";position: absolute;left: 36%;top: 3.4rem;}
	.banner .m h3{font-size: 1rem;line-height: 1.4rem;color: #fff;margin-bottom: 0.6rem;}
	.banner .m p{font-size: 1rem;color: #fff;line-height: 1.4rem;}
	.banner .m span{font-size: 0.8rem;color: #fff;line-height: 1.2rem;display: block;}
	.banner .m a{width: 7.4rem;height: 40px;text-align: center;border: 1px solid #fff;border-radius: 0.4rem;display: inline-block;margin: 30px 10px;line-height: 40px;font-size: 16px;background: transparent;}
	.title{width: 98%;margin: 0px auto;text-align: center;}
	.title h2{font-size: 1.4rem;}
	.title p{font-size: 0.8rem;line-height: 1.4rem;margin-top: 0.6rem;}
	.mbtn{width: 126px;height: 40px;text-align: center;background: linear-gradient(to right, #e50014, #f63704);border-radius: 6px;display: block;margin: 30px auto 0px;}
	.swiper-pagination .swiper-pagination-bullet{width: 20px;height: 4px;border-radius: 4px;background: rgba(0,0,0,0.5);}
	.swiper-pagination .swiper-pagination-bullet-active{background: #e81a15;width: 40px;}
	/*分页*/
	.wst-news-pagg{width: 100%;overflow: hidden;margin: 0rem auto 1rem;}
	.wst-news-pagg #main-page{box-sizing: border-box;text-align: center;}
	.wst-news-pagg a,.wst-news-pagg p{font-size: 0.6rem; color: #666;padding: 0.2rem 0.4rem; border: 1px solid #eee; border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px; background-color: #FFFFFF;display: inline-block;margin: 0.6rem 0.2rem 0rem;}
	.wst-news-pagg a:hover{opacity: 0.9;}
	.wst-news-pagg .cur{color: white;border: 0px;background-color: #eb3348;}
	.wst-news-pagg .pageRemark{text-align: center;border-style: none;background: none;}
	.wst-news-pagg .pageRemark b{ color: #d61818;}
}