@charset "utf-8";
/* CSS Document */


 a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"微软雅黑"}
 a:visited{text-decoration:none ;}
 a:active{text-decoration:none;}
 a:hover{ color:#0f3b70;outline:none;text-decoration:none;}
 
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img {
    margin: 0;
    padding: 0;
}
@media (min-width: 1200px) {
	.container{
        width: 1240px;
    }
}

@media (min-width: 1200px) {
	.container1{
        width: 1440px;
    }
	.container1 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}
}

body{ background:#FFF; font-family:"微软雅黑"; font-size:14px;}

.hed_top{ position:fixed; top:0; left:0; width:100%;  padding:6rem 0; z-index:10}
@media all and  (min-width: 768px) and (max-width: 991px) {
.hed_top{ position:fixed; top:0; left:0; width:100%;  padding:6.5rem 0; z-index:10}
	}	

@media (max-width: 768px) {
.hed_top{ position:fixed; top:0; left:0; width:100%; padding:2.9rem 0; z-index:10}
}
	
	
.hed_x{ position:fixed; top:0; left:0; width:100%;border-bottom:2px solid #db353d; z-index:10; background:#FFF; opacity:0.95;}
.logo{ border-right:1px solid #e4e3e6; text-align:center;}
.logo img{ padding:25px 0; width:100%; max-width:202px} 
.logo1{text-align:left;}
.logo1 img{ padding:12px 0; width:100%; max-width:170px} 
.h_wz p{ padding-bottom:0; margin:0; text-align:left}
.fon1{ font-size:2rem; color:#222222; font-weight:bold; padding-top:25px;}
.fon2{ font-size:1.6rem; color:#666666; font-weight:bold;padding-top:8px;}
.h-dh{ line-height:25px;display: flex; padding-top:18px;}
.h-dh li{ list-style:none; position:relative}
.h-dh i{ font-size:30px; top:8px; position:relative}
.h-dh b{ padding:0 5px ; top:12px; position:relative; color:#242424; font-size:1.6rem;}
.h-dh span{ font-size:2.5rem; color:#db353d;font-weight:bold}
.h-dh span a{ color:#db353d}
.clear{ clear:both;}

 .nav {height: 47px;position: relative; margin-top:2%;  }
    .nav ul{display: flex }
	.nav ul li {list-style: none;float: left;color: rgba(255, 255, 255, 0.8);text-align: center;height: 47px;line-height: 47px;cursor: pointer; flex: 1;  text-align: center;}
    .nav ul li a{ font-size:15px; color:#555555; display:block;transition:.2s}
    .nav ul li:hover { background:#db353d; border-radius:0; transition:.2s}
	.navon{ background:none; border-radius:0; color:#fff}
	.navon a{  color:#555555 !important}
	.navon a:hover{  color:#ffffff !important}
	.nav ul li:hover a{ color:#FFF }
    .nav .menu {width: 40px;height: 30px;border: 2px solid #666;position: absolute;line-height: 28px;text-align: center;border-radius: 6px;color: #666;cursor: pointer;right: 40px;top: calc((48px - 34px) / 2);display: none;-webkit-user-select: none;    }
            
    @media all and (max-width: 991px) {
    .nav .menu {display: block;}
    .nav ul {position: absolute;top: 60px;padding-left: 15px;right:-14px;display: none; width:80%        }    
    .nav ul li {float: none;background-color: #333;border-radius: 4px;margin-bottom: 1px; line-height:35px; height:35px; width:100%       }
    .nav ul li:hover {background-color: #333;opacity: 0.9;}
    }
	
#snav ul li ul{display:none;z-index:11;width:100%; height:auto; overflow:hidden; background:#f5f5f5; margin:0 auto;opacity: 0.9;filter: alpha(Opacity=90); -moz-opacity: 0.9;position:relative;}
#snav ul li ul li{line-height:47px;height:47px !important ;position:relative;z-index:2; width:100%; margin:0 auto; float:none;border-bottom:1px solid #fff; background:none; display:block; border-right:none;}
#snav ul li ul li a{font-weight:300;color:#333;line-height:47px;font-size:15px; display:block; height:47px; margin:0 auto;width:100%; transition-duration:0.4s;}
#snav ul li ul li a:hover{color:#FFF; background:#db353d}

/*手机头部*/
#molheader {
	display: none;
	text-align: center;
	width: 100%;
	height: 90px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 32;
}
#molheader a{
	display: block;
	width: 45%;
	height: 90px;
	float:left;
	z-index: 32;
}
#molheader .mol_navbutton {
	position: absolute;
	top: 20px;
	right: 0;
	width: 74px;
	height: 40px;
}
#molheader .mol_navbutton img {
	width: 32%;
}

@media all and  (min-width: 768px) and (max-width: 991px) {
#molheader .mol_navbutton {
	position: absolute;
	top: 100px;
	right: 0;
	width: 74px;
	height: 40px;
}
	}
/*panle导航开始*/
.left_nav {
	width: 280px;
	height: 100%;
	z-index: 7;
	background: #313131;
	position: fixed;
	top: 0px;
	left: 0px;
	color: #f0f0f0;
	z-index: 44;
}
.left_nav .class-top {
	height: 70px;
	overflow: hidden;
	margin: 0;
	font-size: 24px;
	line-height: 70px;
	padding-left: 26px;
}
.left_nav .class-close {
	width: 34px;
	height: 34px;
	line-height: 34px;
	margin: 16px 10px 0 0;
	float: right;
	display: block;
	text-align: center;
	font-size: 24px;
	color: #a1a1a1;
	border: 1px solid #3f3f3f;
	border-radius: 50%;
}
.class-m {
	height: 88%;
	overflow-y: auto;
}
.opacity2 {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.5);
	z-index: 40;
	display: none;
}
.overflow {
	height: 100%;
	overflow: hidden;
}
.class-m .nnav {
	width: 280px;
	height: auto;
	overflow: hidden;
	padding: 10px 0;
}
.class-m .nnav li {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #373737;
}
.class-m .nnav li a.ce {
	padding-left: 26px;
	color: #ccc;
	font-size: 16px;
	display: block;
	height: 60px;
	line-height: 60px;
}
.menu_head .ericon {
	color: #ccc;
	width: 40px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	float: right;
	display: inline;
	font-size: 20px;
	position: relative;
	z-index: 3;/*background: #d55342;border-radius: 50%;*/
}
.menu_head .ericon .icon1 {
	display: none;
}
.menu_head .ericon.xz .icon1 {
	display: block;
}
.menu_head .ericon.xz .icon2 {
	display: none;
}
.class-m .nnav li .menu_body {
	display: none;
}
.class-m .nnav li .menu_body li {
	border-bottom: none;
}
.menu_body li a.er {
	padding-left: 40px;
	font-size: 14px;
	display: block;
	height: 40px;
	line-height: 40px;
	color: #999;
}
.menu_body .thricon {
	color: #999;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: right;
	display: inline;
	font-size: 20px;
	position: relative;
	z-index: 3;
}
.menu_body .thricon .icont1 {
	display: none;
}
.menu_body .thricon.tz .icont1 {
	display: block;
}
.menu_body .thricon.tz .icont2 {
	display: none;
}
.class-m .nnav li .thr_body {
	display: none;
}
.class-m .nnav li .thr_body li {
	border-bottom: none;
	padding: 0;
}
.thr_body li a.thr {
	position: relative;
	padding-left: 60px;
	font-size: 14px;
	display: block;
	height: 40px;
	line-height: 40px;
	color: #666;
}
/*panle导航结束*/
.page-prev {
	transform: translate3d(-280px, 0, 0);
	-ms-transform: translate3d(-280px, 0, 0);
	-webkit-transform: translate3d(-280px, 0, 0);
	-o-transform: translate3d(-280px, 0, 0);
	-moz-transform: translate3d(-280px, 0, 0);
}
.page-next {
	transform: translate3d(280px, 0, 0);
	-ms-transform: translate3d(280px, 0, 0);
	-webkit-transform: translate3d(280px, 0, 0);
	-o-transform: translate3d(280px, 0, 0);
	-moz-transform: translate3d(280px, 0, 0);
}
.page-active {
	transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}
.page-in {
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	-ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
 @media (max-width: 991px) {
/*#header,#banner,.about_imgs,.about_text .more,.picFocus .bd,.picFocus .hd,#myCarousel2,.newbox .newlist .news:nth-child(3),#footer{display: none;}
   #molbanner,#molheader,.mol_probox,.mol_teachbox,.mol_foot,.mol_botnav{display: block!important;}*/
#main .aboutbox {
	width: 94%;
	margin: 0 auto;
}
.aboutbox .about_text {
	top: -20px;
	padding: 18px;
}
.ab_title {
	padding-top: 0px;
	height: 72px;
	line-height: 1.5;
}
.ab_title span {
	font-size: 24px;
	padding: 0 46px;
	line-height: 1.5;
}
.ab_title span:before, .ab_title span:after {
	width: 40px;
	bottom: 7px;
}
.about_dec {
	height: 230px;
}
.about_text .ewb_box {
	width: 100%;
	padding: 0 38%;
	border-left: none;
	margin-top: 10px;
	float: none;
}
.about_text .ewb_box p {
	float: none;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #333;
	writing-mode: horizontal-tb;
	line-height: 1.5;
	padding: 8px 0;
	font-size: 14px;
}
.about_text .ewb_box img {
	width: 100%;
}
.picFocus .ab_title {
	left: 0;
	top: 15px;
	min-width: 100%;
}
.seemore {
	margin: 18px auto;
	width: 94%;
}
.aboutbox .seemore {
	margin: 0;
	margin-bottom: 24px;
	margin-left: 3%;
}
.newbox .newlist {
	padding-top: 28px;
}
.newbox .newlist .news:nth-child(1) {
	padding: 0;
	padding-right: 8px;
}
.newbox .newlist .news:nth-child(2) {
	padding: 0;
	padding-left: 8px;
}
.newbox .newlist .news .newtext {
	padding: 10px;
}
.newbox .newlist .news .newtext .newdec {
	height: 108px;
	margin: 14px 0;
}
.newbox .seemore {
	margin: 0;
	margin-bottom: 16px;
	margin-left: 3%;
	margin-top: -20px;
}
#banner_ny {
	height: 300px;
}
#banner_ny img {
	height: 300px;
	width: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.lists ul.prolist li .protext dd span {
	font-size: 14px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.aboutbox .about_text {
	width: 94%;
}
.about_text .ewb_box {
	margin-top: 20px;
}
.about_text .ewb_box p {
	font-size: 16px;
}
.seemore {
	margin: 24px auto;
}
.teachbox {
	height: 710px;
}
.teachbox .teachlist .ab_title {
	padding: 10px 0 16px 0;
}
.teach_bg {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
.teach_bg img {
	vertical-align: top;
	height: 600px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.newbox .newlist .news {
	width: 50%;
}
.lists ul.prolist li .protext dd a {
	margin: 0;
	font-size: 28px;
}
.lists ul.prolist li .protext dt {
	margin: 32px 0;
}
#footer {
	padding-top: 46px;
}
.foot_top .foot_nav .foot_navtitle {
	padding-right: 4px;
}
.foot_top .foot_nav .foot_navtitle .f_cont span {
	font-size: 18px;
}
.foot_ewm .f_ewm {
	padding-left: 4px;
}
}
@media (max-width: 767px) {
/*#molheader img{width: 100px;}*/
.teachbox {
	height: 560px;
}
.teachbox .teachlist .ab_title {
	padding: 40px 0 26px 0;
}
.teach_bg {
	position: relative;
	width: 100%;
	height: 480px;
	overflow: hidden;
}
.teach_bg img {
	vertical-align: top;
	height: 480px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
#banner_ny .pos_title {
	font-size: 14px;
	top: 40%;
	line-height: 14px;
}
#banner_ny .pos_title span {
	font-size: 24px;
	height: 36px;
	line-height: 36px;
}
#main_ny {
	padding: 3%;
}
.address {
	padding: 10px 0 30px 24px;
	height: 64px;
}
.address:before {
	bottom: 37px;
}
.lists ul.newlist li {
	padding: 0 8px 34px 8px;
}
.lists ul.newlist li .newtext dd a {
	font-size: 14px;
}
#main_ny .art_title {
	font-size: 16px;
}
.lists ul.prolist li {
	margin: 30px 0;
}
.lists ul.prolist li .pimg img {
	width: auto;
	height: 160px;
}
.lists ul.prolist li .protext {
	padding: 10px 20px;
}
.lists ul.prolist li .protext dd a {
	margin: 0;
	font-size: 24px;
	height: 30px;
	line-height: 30px;
}
.lists ul.prolist li .protext dt {
	margin: 9px 0;
	height: 42px;
}
.lists ul.prolist li .more {
	bottom: 10px;
	right: 10px;
}
.prodecbox {
	width: 78%;

	margin: 28px auto;
}
.teach_name {
	font-size: 16px;
}
}
@media (max-width: 600px) {
#molbanner, #molbanner img {
	height: 100%;
}
}
 @media (max-width: 414px) {
#molbanner, #molbanner img {
	height: 100%;
}
}
 @media (max-width: 320px) {
.ab_title span {
	font-size: 20px;
}
.about_text .ewb_box {
	padding: 0 33%;
}
.swiper-teach .teach-img li .tea_text p {
	font-size: 16px;
}
.swiper-teach .teach-img li .tea_text .tdec {
	font-size: 12px;
}
.teachbox {
	height: 450px;
}
.teach_bg, .teach_bg img {
	height: 384px;
}
.swiper-teach .teach-img li .tea_text .tdec {
	height: 146px;
}
.newbox .newlist .news .newtext .n_title {
	font-size: 14px;
	line-height: 22px;
	height: 76px;
}
.newbox .newlist .news .newtext .newdec {
	height: 68px;
	margin: 10px 0;
}
.left_nav .class-top {
	font-size: 20px;
}
.class-m .nnav li a.ce {
	font-size: 14px;
}
.page a {
	width: 118px;
	height: 34px;
	line-height: 34px;
}
.page a.prev {
	background: url("../images/prev.png")/*tpa=http://www.861ppt.com/141/skin/images/prev.png*/ 28px 11px no-repeat;
}
.page a.next {
	background: url("../images/next.png")/*tpa=http://www.861ppt.com/141/skin/images/next.png*/ 86px 11px no-repeat;
}
.prodecbox {
	width: 80%;
	margin: 20px auto;
}
.teach_name {
	font-size: 14px;
}
}
/*pages*/ .pagination-wrapper {
	clear: both;
	padding: 1em 0 2em 0;
	text-align: center;
}
.pagination {
	display: inline-block;
*display: inline;
*zoom: 1;
	font-size: 12px;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
	list-style: none;
	display: inline;
	float: left;
	line-height: 1em;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
}
.pagination li a {
	display: inline-block;
	padding: .5em .8em;
	background-color: #f9f9f9;
	color: #999;
}
.pagination li a:link {
	background: #fff;
	color: #4C78A5;
}
.pagination li a:hover {
	text-decoration: none;
}
.pagination li a:link:hover {
	color: #000;
}
.pagination li.thisclass {
	background-color: #f9f9f9;
	color: #999;
}
.pagination li:first-child {
	border-left-width: 1px;
	border-radius: 3px 0 0 3px;
}
.pagination li:last-child {
	border-radius: 0 3px 3px 0;
}
.pagination .pageinfo {
	color: #444;
}


/*首页banner*/
#banner {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
#banner .carousel-indicators {
	bottom: 20%;
	left: 92%;
	width: 4%;
	margin-left: 0;
	text-align: right;
}
#banner .carousel-indicators li {
	transition: 400ms;
	border: none;
	margin: 10px 0;
	width: 100%;
	height: 10px;
	background: none;
}
#banner .carousel-indicators li span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
}
#banner .carousel-indicators li.active span {
	display: inline-block;
	width: 40px;
	height: 2px;
	margin-bottom: 4px;
	border-radius: 0;
	background: #b0344e;
	transition: 400ms;
}
/*手机banner*/
#molbanner {
	position: relative;
	width: 100%;
	height: 320px;
	overflow: hidden;
	display: none;
}
.swiper-banner {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.swiper-banner .banner-img li {
	overflow: hidden;
}
.swiper-banner .banner-img li .pic {
	text-align: center;
	width: 100%;
	height: 100%;
	display: block;
}
.swiper-banner .banner-img li img {
	vertical-align: top;
	height:auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.swiper-banner .swiper-dote {
	width: 3%;
	text-align: right;
	position: absolute;
	right: 2%;
	bottom: 44%;
	z-index: 33;
}
.swiper-banner .swiper-dote ul li.swiper-pagination-bullet {
	transition: 400ms;
	border: none;
	width: 8px;
	height: 8px;
	position: relative;
	opacity: 1;
	background: #fff;
}
.swiper-banner .swiper-dote ul li.swiper-pagination-bullet-active {
	width: 100%;
	height: 2px;
	background: #b0344e;
	transition: 400ms;
}
#main {
	width: 100%;
	height: auto;
}


/*首页产品*/
#sycp{ background:url(../images/cp_bj.jpg); padding-bottom:5vh}
.p_1{ color:#8c8b8b; font-size:25px; font-weight:bold; text-align:center; font-variant:small-caps; padding-top:5vh}
.p_2{ text-align:center; padding:1vh 0}
.p_3{ color:#070707; font-size:24px; font-weight:bold; text-align:center; padding-bottom:5vh}
.p_5{ color:#666666; font-size:16px; text-align:center;padding-bottom:5vh}
.p_3 a{ color:#070707}
.p_4{ color:#ffffff; font-size:24px; font-weight:bold; text-align:center; padding-bottom:5vh}

.about1 .p_4{ color:#fff; font-size:24px; font-weight:bold; text-align:center; padding-bottom:5vh}
.about1 .p_1{ color:#fff; font-size:25px; font-weight:bold; text-align:center; font-variant:small-caps; padding-top:5vh}
.center img{ max-width:100%}
.slid_img{ position:relative; margin:10px 10px 0 10px}
.slid_zi{ background:#FFF;margin: 0 10px; padding:2.5vh 0 4vh; transition:.4s}
.slid_zi .slid_zi1{ font-size:5rem; color:#1d1d1d; font-weight:bold; padding:1.5vh 0; transition:.4s}
.slid_zi .slid_zi2{ font-size:1.8rem; color:#1d1d1d; font-weight:bold; transition:.4s}
.slid_zi .slid_zi3{ font-size:1.8rem; color:#a7a7a7; padding:1.5vh 0; transition:.4s}
.slid_zi .slid_zi4{ font-size:1.4rem; color:#666666; padding:0 1.5vw 1.5vh; line-height:1.8; text-align:left; transition:.4s}

.slick-center .slid_zi{ background:#db353d}
.slick-center .slid_zi .slid_zi1{ font-size:5rem; color:#ffffff; font-weight:bold; padding:1.5vh 0}
.slick-center .slid_zi .slid_zi2{ font-size:1.8rem; color:#ffffff; font-weight:bold}
.slick-center .slid_zi .slid_zi3{ font-size:1.8rem; color:#e4686e; padding:1.5vh 0}
.slick-center .slid_zi .slid_zi4{ font-size:1.4rem; color:#ffffff; padding:0 1.5vw 1.5vh; line-height:1.8; text-align:left}

@media (max-width: 768px) {
.slid_zi{ background:#FFF;margin: 0 10px; padding:1.5vh 0 4vh; transition:.4s}

.slid_zi .slid_zi1{ font-size:3rem; color:#1d1d1d; font-weight:bold; padding:0.5vh 0}
.slid_zi .slid_zi2{ font-size:1.4rem; color:#1d1d1d; font-weight:bold}
.slid_zi .slid_zi3{ font-size:1.4rem; color:#a7a7a7; padding:0.5vh 0}

.slick-center .slid_zi .slid_zi1{ font-size:3rem; color:#ffffff; font-weight:bold; padding:0.5vh 0}
.slick-center .slid_zi .slid_zi2{ font-size:1.4rem; color:#ffffff; font-weight:bold}
.slick-center .slid_zi .slid_zi3{ font-size:1.4rem; color:#e4686e; padding:0.5vh 0}
}


/*首页解决方案*/
.jjfa{ padding-bottom:4vh}
.col-lg-2dot4 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
@media (min-width: 1200px) {
.col-lg-2dot4 {float: left;}
.col-lg-2dot4 {width: 20%;}
.col-lg-pull-2dot4 {right: 20%;}
.col-lg-push-2dot4 {left: 20%;}
.col-lg-offset-2dot4 {margin-left: 20%;}
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.no-gutters .icon-box{ text-align:center; padding-top:6vh; border:1px solid #d6d7d9; margin:10px 0; transition:.3s}
.heading{ font-size:1.6rem; font-weight:bold; width:70%; border-bottom:1px dashed #585858; padding:1vh 0 2vh; transition:.3s; margin:0 auto}
.j1{ background:url(../images/j_1.png) no-repeat; width:40px; height:40px; margin:0 auto; transition:.3s }
.j2{ background:url(../images/j_2.png) no-repeat; width:40px; height:40px; margin:0 auto; transition:.3s }
.j3{ background:url(../images/j_3.png) no-repeat; width:40px; height:40px; margin:0 auto; transition:.3s }
.j4{ background:url(../images/j_4.png) no-repeat; width:40px; height:40px; margin:0 auto; transition:.3s }
.j5{ background:url(../images/j_5.png) no-repeat; width:40px; height:40px; margin:0 auto; transition:.3s }
.no-gutters .icon-box p{ font-size:1.3rem; font-weight:normal; color:#666666; padding:1.5vh 0; width:85%; margin:0 auto; line-height:1.8; transition:.3s}
.btn-au {color: #fff; background:#FFF; border-color:#c8c8c8; margin:1vh 0 3vh 0; transition:.3s} 
a.btn-au { color:#666666; font-size:1.2rem; border-radius:0; transition:.3s}
a.btn-au:hover{ background:#FFF; border-color:#db353d; color:#db353d}
.no-gutters .icon-box:hover{ background:#db353d}
.no-gutters .icon-box:hover p{ color:#FFF}
.no-gutters .icon-box:hover .heading{ border-bottom-color:#ffffff}
.no-gutters .icon-box:hover .j1{background:url(../images/j1_h.png) no-repeat; }
.no-gutters .icon-box:hover .j2{background:url(../images/j2_h.png) no-repeat; }
.no-gutters .icon-box:hover .j3{background:url(../images/j3_h.png) no-repeat; }
.no-gutters .icon-box:hover .j4{background:url(../images/j4_h.png) no-repeat; }
.no-gutters .icon-box:hover .j5{background:url(../images/j5_h.png) no-repeat; }
.no-gutters .icon-box:hover .heading{ color:#FFF}
.no-gutters .icon-box:hover .btn-au{ border-color:#db353d}
.no-gutters .icon-box:hover a.btn-au{ color:#db353d}

/*核心竞争力*/
.hxjzl{}
.hx{ background:url(../images/jzl.jpg) no-repeat top center; background-size:cover}
.hx_tu1{ background:url(../images/hx_1.jpg) no-repeat; background-size:cover; position:relative; text-align:center; transition:.3s}
.hx_tu2{ background:url(../images/hx_2.jpg) no-repeat; background-size:cover; position:relative; text-align:center; transition:.3s}
.hx_tu3{ background:url(../images/hx_3.jpg) no-repeat; background-size:cover; position:relative; text-align:center; transition:.3s}
.hx_tu4{ background:url(../images/hx_4.jpg) no-repeat; background-size:cover; position:relative; text-align:center; transition:.3s}

.hx_bj{ position:absolute; background:#000; opacity:0.75; width:100%; height:100%; top:0; left:0; transition:.3s}
a.hx_jia{ padding:25vh 0 3vh 0; color:#db353d; font-size:2.5rem; position:relative; z-index:5; transition:.3s; top:0; cursor:pointer}
.hx_zi{ padding:0vh 0 10vh 0; color:#FFF; position:relative; z-index:5; font-size:1.4rem; transition:.3s}
.hx_zi a{ color:#FFF}
.hx_zi a:hover{ color:#FFF}
.btn-xx {border-color:#b4b7bf; position:relative; z-index:5; margin:0 0 15vh 0; opacity:0; transition:.3s; bottom:20px} 
a.btn-xx { color:#b4b7bf; font-size:1.2rem; border-radius:0;opacity:0; transition:.3s}
a.btn-xx:hover{ opacity:0; color:#b4b7bf}

.hx_tu1:hover .hx_bj,.hx_tu2:hover .hx_bj,.hx_tu3:hover .hx_bj,.hx_tu4:hover .hx_bj,.hx_tu5:hover .hx_bj{ opacity:0.5}
.hx_tu1:hover .hx_jia,.hx_tu2:hover .hx_jia,.hx_tu3:hover .hx_jia,.hx_tu4:hover .hx_jia,.hx_tu5:hover .hx_jia{ top:-20px}
.hx_tu1:hover .btn-xx,.hx_tu2:hover .btn-xx,.hx_tu3:hover .btn-xx,.hx_tu4:hover .btn-xx,.hx_tu5:hover .btn-xx{ opacity:1; bottom:0}


/*合作伙伴*/

.hzhb{ padding-top:3vh} 
.hzhb .hznr div{ margin:15px 0;}
.hzhb .hznr div img{ border:1px solid #cecece; width:100%;position:relative; transition:0.2s; top:0 }
.hzhb .hznr div img:hover{ top:-8px; position:relative; cursor:pointer; border-color:#db353d}

/*通风案例*/

.tfal{}
.tfal_bt{ border-bottom:1px solid #dcdcdc; overflow:hidden; margin-bottom:3vh} 
.tfal_bt ul li{ text-align:center; font-size:1.8rem; transition:.3s }
.tfal_bt ul li a{ display:block; color:#222222;padding:2.5vh 0}
.tfal_bt ul li a:hover{ color:#FFF}
.tfal_bt ul li:hover{ background:#db353d;} 
.tfal_bt ul li:hover a{ color:#FFF}
.tfal_bt ul .hov{ background:#db353d;} 
.tfal_bt ul .hov a{ color:#FFF}

.slid_zi_1{ background:#FFF;margin: 0 10px; padding:2.5vh 0 4vh; transition:.4s}
.center1 .slid_zi_1 .slid_zi5{ font-size:1.4rem; color:#333333; padding:1.5vh 0; transition:.4s}
.center1 .slid_zi_1 .slid_zi6{ border:1px solid #e4e4e4; transition:.4s; }
.slick-center .slid_zi_1 .slid_zi6{ border:1px solid #db353d}

/*关于我们*/

@media (min-width: 768px) and (max-width: 991px) {.about{ background:url(../images/about_bj.jpg) no-repeat top center; background-size:cover;padding-bottom:3vh }}
@media (max-width: 767px){.about{ background:url(../images/about_bj.jpg) no-repeat top center; background-size:cover; padding-bottom:3vh} }
.about{ background:url(../images/about_bj.jpg) no-repeat top center; background-size:cover; }



@media (min-width: 768px) and (max-width: 991px) {.about1{ background:url(../images/ymjbj.jpg);padding-bottom:5vh }}
@media (max-width: 767px){.about1{1 background:url(../images/ymjbj.jpg) no-repeat top center;  padding-bottom:5vh} }
.about1{ background:url(../images/ymjbj.jpg);  }

.ab_nr{ background:#FFF; padding:7vh 0}
.ab_zi{ width:90%; margin:0 auto;}
.ab_tu{ text-align:center}
.ab1{ font-size:3.4rem; color:#bcbcbc; font-variant:small-caps; padding:0vh 0 3vh; font-weight:bold}
.ab2{ font-size:2rem; color:#232323; font-weight:bold; padding-bottom:3vh}
.ab3{ line-height:2}
.ab3 a{ color:#e60012}

/*资质荣誉切换*/

#mbOverlay{ position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer;}
#mbOverlay.mbOverlayFF{ background:transparent url(80.png) repeat;}
#mbOverlay.mbOverlayIE{ position:absolute;}
#mbCenter{ height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70);}
#mbCenter.mbLoading{ background:#fff url(WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none;}
#mbImage{ left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:0px;}
#mbImage a, #mbImage a:link, #mbImage a:visited{ color:#ddd;}
#mbImage a:hover, #mbImage a:active{ color:#fff;}
#mbBottom{ min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px;}
#mbTitle{ display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber{ background:url(mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px;}
#mbCaption{ display:block; color:#999; line-height:14px; font-size:10px;}
#mbPrevLink, #mbNextLink, #mbCloseLink{ display:block; float:right; height:20px; margin:0; outline:none;}
#mbPrevLink{ width:32px; height:100px; background:transparent url(../Image/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px;}
#mbNextLink{ width:32px; height:100px; background:transparent url(../Image/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px;}
#mbCloseLink{ width:24px; background:transparent url(../Image/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px;}
#mbError{ position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active{ color:#d00; font-weight:bold; text-decoration:underline;}

#info {width: 1200px;margin: 0 auto;position: relative;}
#info .picture{position:relative;background:url(zizhibg.jpg) no-repeat center bottom;padding-bottom:69px;}
#info .picture_ul{position:absolute;width:284px;height:35px;left:18px;top:-35px;}
#info .picture_ul li{width:120px;height:35px;line-height:35px;background:#B4B4B4;float:left;margin-left:22px;color:#FFF;text-align:center;cursor:pointer;position:relative;}
#info .picture_ul li .san{border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #db353d;position:absolute;bottom:-7px;left:54px;display:none;}
#info .picture_ul li.hover,#info .picture_ul li:hover{background:#db353d;}
#info .picture_ul li.hover .san,#info .picture_ul li:hover .san{display:block;}
#info .piclist{width:1200px;position:relative;padding-top:40px;}
#info .piclist .piclistcow{width:1120px;overflow:hidden;margin:0 40px;}
#info .piclist .swiper-slide{width:262px!important;float:left;position:relative; margin-left:24px;}
#info .piclist .swiper-slide:first-child{margin-left:0;}
#info .piclist .swiper-slide .s_img{width:262px;height:180px;display:flex;align-items:center;border:1px solid #DDD;padding:2px;box-sizing:border-box;}
#info .piclist .swiper-slide .s_img img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:0 auto;}
#info .piclist .swiper-slide p{text-align:center;line-height:32px;height:32px;position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.5); margin-bottom:0}
#info .piclist .swiper-slide p a{color:#FFF; font-size:1.4rem; font-weight:normal}
#info .piclist .swiper-slide .shade{position:absolute;width:262px;height:0px;background:url(../images/info_pic_bg.png) no-repeat center 46px rgba(17,17,17,.6);bottom:0;left:0;color:#FFF;text-align:center;
    transition:height 0.6s;
    -webkit-transition:height 0.6s; /* Safari */}
#info .piclist .swiper-slide:hover .shade{height:180px;display:block;}
#info .piclist .swiper-slide .shade em{padding-top:100px;font-style:normal;display:block;}
#info .piclist .swiper-slide:hover p{display:none;}
#info .piclist .swiper-button-next{width:24px;height:42px;background-image:url(righticon.png)!important;background-size:100%;margin-top:0;right:0;}
#info .piclist .swiper-button-prev{width:24px;height:42px;background-image:url(lefticon.png)!important;background-size:100%;margin-top:0; left:0;}
#info .piclist .swiper-button-next.swiper-button-disabled{background-image:url(righticon_hover.png)!important;opacity:1;}
#info .piclist .swiper-button-prev.swiper-button-disabled{background-image:url(lefticon_hover.png)!important;opacity:1;}


/*首页新闻*/
.syxw{ background:url(../images/cp_bj.jpg); padding-bottom:5vh}

 .news_content{padding:35px 25px;background:#FFF;margin-top:47px; margin:0 auto}
 .news_content .news_title{height:33px;position:relative;}
 .news_content .news_title span{display:block;float:left;font-size:1.8rem;font-weight:bold;position:relative;text-align:center; width:33.33%;line-height:33px;height:33px;cursor:pointer;}
 .news_content .news_title span.hover{color:#db353d;}
 .news_content .news_title span:after{content:'';position:absolute;width:2px;height:11px;right:0;top:11px;background:#C7C7C7;}
 .news_content .news_title span:nth-child(3):after{background:none;}
 .news_content .news_title em{width:680px;height:3px;background:url(news_title_line.png) repeat-x left center;display:block;float:left;margin-top:15px;}
 .news_content .news_title .news_more{width:130px;height:33px;line-height:33px;text-align:center;color:#FFF;background:#db353d;border-radius:17px;position:absolute;top:0;right:0;display:block;}
 .news_content .news_li{margin-top:42px;}

 .news_content .news_li .news_left .news_top{height:211px;}
 .news_content .news_li .news_left .news_top .news_img{width:317px;height:211px;background-repeat:no-repeat;background-position:center center;background-size:cover;float:left;}
 .news_content .news_li .news_left .news_top .news_date{width:170px;height:195px;border:3px solid #E3E3E3;border-left:none;margin-top:5px;float:right;position:relative;}
 .news_content .news_li .news_left .news_top .news_date .datec{width:80px;height:201px;background:#FFF;position:absolute;top:-3px;left:0;}
 .news_content .news_li .news_left .news_top .news_date .datec p{color:#989898;line-height:26px;height:26px;text-align:left}
 .news_content .news_li .news_left .news_top .news_date .datec p:first-child{font-size:20px;line-height:28px;height:28px;margin-top:27px; margin-bottom:0}
 .news_content .news_li .news_left .news_top .news_date .datec em{width:40px;height:40px;display:block;margin-top:39px;background:#db353d;border-radius:1px; line-height:40px; text-align:center; color:#FFF}
 .news_content .news_li .news_left .news_txt{margin-top:14px;}
 .news_content .news_li .news_left .news_txt .news_h2{height:44px;line-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;font-size:16px;}
 .news_content .news_li .news_left .news_txt .news_h2 a{color:#333;}
 .news_content .news_li .news_left .news_txt p{color:#888;line-height:24px; margin-bottom:0; font-weight:normal; font-size:1.4rem; text-align:left}

 .news_right a{padding:15px 0 12px;display:block;border-bottom:3px solid #E3E3E3;}
 .news_right a:first-child{padding-top:0;}
 .news_right a .time{background:#E3E3E3;border-radius:1px;}
 .news_right a .time .day{font-size:3.4rem;display:block;line-height:51px;height:51px;text-align:center;color:#343434;margin-top:2px;}
 .news_right a .time .year{height:20px;margin-top:7px;background:#FFF;line-height:20px;display:block;line-height:20px;text-align:center;color:#343434;font-size:1.2rem;}
 .news_right a .txt p{color:#888;line-height:24px;font-size:12px; margin-bottom:0; text-align:left;}
 .news_right a .txt p:first-child{font-weight:bold;font-size:15px;color:#333;line-height:33px;height:33px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .news_right a:hover p:first-child{ color:#db353d}
 
 /*友情链接*/
  .yqlj{ background:#FFF; margin:3vh auto}
 .f_left{position:relative; padding:2.5vh 0}
 .yqlj .f_left:after{content:'';position:absolute;right:-4px;top:29px;width:1px;height:40px;background:#dcdcdc;}
 .yqlj .f_left p{color:#a5a6aa; margin-bottom:0; text-align:left}
 .yqlj .f_left p span{font-size:16px;font-weight:bold;color:#000407;}
 .yqlj .f_left i{width:29px;height:3px;background:#f15604;border-left:1px solid #cf0920;display:block;margin-top:27px;}
 .yqlj .f_right{ padding:1.5vh 0}
 .yqlj .f_right a{display:inline-block;height:28px;line-height:28px;padding:0 15px;white-space:nowrap; color:#333}
 
 /*FOOT底部*/
 .foot{ background:url(../images/foot.jpg) no-repeat top center; background-size:cover; }
 .ff1{ font-size:3.6rem; padding:5vh 0 1vh; text-align:center; color:#ffffff; font-weight:bold}
 .ff2{ font-size:2.5rem; padding:1vh 0 5vh; text-align:center; color:#494b4a; font-weight:bold; font-variant:small-caps}
 .ff3{ padding:1.5vh 0 2vh; font-size:1.2rem; color:#9a9a9a; text-align:right}
 
.foot .f_input input{background:#FFF; width:100%; border:none;}
.foot .form-control{ border-radius:0; padding:3vh 0; text-indent:0.2cm}
.foot .f_input .btn{background:#db353d;display:block;color:#FFF;text-align:center;padding:2vh 0; border-radius:0}
 
 .bord{ background:url(../images/ff.jpg) repeat-x; height:4px;}
 .f_d{ padding:3.5vh 0; border-bottom:1px solid #484848; color:#9a9a9a; text-align:center; font-size:1.4rem; }
  .f_d a{ color:#9a9a9a}
 .f_d .fa{ font-size:2.5rem} 
 .f_d .row div{ margin:1vh 0}
 
 .f_dd{ padding:3vh 0; color:#9a9a9a; line-height:1.8; text-align:center}
  .f_dd a{ color:#9a9a9a}
 .f_dd  .f_dd_1{ margin:1vh 0}  
 .f_dd  .f_dd_2{ margin:1vh 0}  
 
 
  /*应用行业*/
 .jjfa_bt{ border-bottom:1px solid #d4d4d4; text-align:center; width:96%; margin:0  auto}
 .jjfa_bt1{ font-size:3rem; color:#333333; font-weight:bold; line-height:1.5}
 .jjfa_bt2{ color:#888888; font-size:1.8rem; padding:1.5vh 0 0.5vh}
 .jjfa_bt3{ line-height:0.3; color:#db353d; font-weight:bold; font-size:3rem}
 .jjfa_bt4{ font-size:3rem; color:#db353d; font-weight:bold; text-align:center;padding:1.5vh 0 0.5vh; line-height:1.5}
 .jjfa_bt5{ font-size:1.4rem; color:#929291; letter-spacing:2px;  text-align:center; padding:2vh 0 3vh}  
 .jjfa_bt6{ font-size:3rem; color:#db353d; font-weight:bold; text-align:center;padding:3.5vh 0 0.5vh; line-height:1.5}

 .jjfa_nr2{ font-size:1.6rem; text-align:center}
 
 .jjfa_nr{ margin-top:2vh; overflow:hidden}
 .jj_sj{ text-align:center; margin:2vh 0}
 
 .jj_tu{ position:relative; text-align:center; margin:2vh 0}
 .jj_tu img{ width:100%; padding-top:0 !important}
 .jj_tu_nr{ position:absolute; right:0px; bottom:20%}
 .jj_tu_nr_1{ background:#db353d; padding:3vh 0; z-index:10; position:relative}
 .jj_tu_nr_1 .p1{ text-align:center; font-weight:bold; font-size:2.4rem; color:#FFF; } 
 .jj_tu_nr_1 .p2{ text-align:center;  font-size:1.8rem; color:#fd959a; padding:1vh 0 0  } 
 
 .wh{ font-size:1.45rem; color:#333333; font-weight:bold; padding:2vh 0; overflow:hidden}
 .wh i{ font-size:4.6rem; color:#db353d; position:relative; top:9px}


.wh_nr{ text-align:center; padding:3vh 0; margin:0 auto; width:90%; margin:0 auto}
.ys_tu{ text-align:center; overflow:hidden; padding-top:7vh; padding-bottom:2vh}
.ys_zi{ text-align:left; margin:0 auto; width:90%}

.ys_gd{ overflow:hidden; padding:3vh 0 0}
.center3 .slid_img1{ border:1px solid #CCC; padding:3px; margin:10px}
.center3 .slid_img1 img{ padding-top:0 !important} 


.tyys_bt_1{ text-align:center; font-weight:bold; font-size:2rem; color:#db353d;}
.tyys_bt_2{ text-align:center; font-weight:bold; font-size:3rem; color:#db353d; padding:2vh 0 2vh; line-height:1.5}
.tyys_bt_3{ font-size:1.4rem; color:#929291; letter-spacing:2px;  text-align:center; padding:1vh 0 1vh}
.tyys_bt_4{ text-align:center; color:#666666; font-size:1.4rem}

.center4 .ys{ border:1px solid #dfdfdf; min-height:460px; overflow:hidden; margin:10px; transition:0.2s}
.center4 .ys .ys1{ width:110px; height:110px; background:#c1c1c1; margin:0 auto; border-radius:50%; margin-top:40px;transition:0.2s}
.center4 .ys .ys1 i{ font-size:5rem; line-height:110px; color:#FFF}
.center4 .ys .ys2{ font-size:1.6rem; font-weight:bold; padding:3vh 0}
.center4 .ys .ys3{ font-size:1.4rem; text-align:left; width:85%; margin:0 auto; line-height:2; color:#666666}

.center4 .ys:hover{ background:#f2f2f2}
.center4 .ys:hover  .ys1{ background:#db353d}

.pk_tu{ text-align:center;}
.pk_tu img{ width:100%}
.pk_bt{ text-align:left; font-size:1.8rem; font-weight:bold; padding:3vh 0; color:#666666; width:90%; margin:0 auto}
.pk_nr{ text-align:left; color:#333; padding-bottom:5vh; width:90%; margin:0 auto}
.pk_more{ text-align:center;}
.pk_more a{ padding:1.3vh 2.2vw; background:#db353d; margin:0 1vw; color:#FFF; font-size:1.6rem}

.ys_sp{ font-size:1.6rem; text-align:center; position:absolute; BOTTOM:0%; left:0%;   z-index:10; background:#222222; opacity:0.95; width:30%; height:100%}
@media (max-width: 767px){
.ys_sp1{ font-size:1.2rem; text-align:center; position:absolute; top:16%; right:0 ; left:0;  margin:auto; z-index:10}
.ys_sp1 i{ position:relative; }
.ys_sp1 a{ color:#eeeeee}
}
.ys_sp i{ position:relative; top:38%;}
.ys_sp a{ color:#eeeeee}

#inline1{ max-width:600px; max-height:400px;}


/*首页*/
.float-news,.float-open{background:#fbfbfb;border:2px solid #d91b03;border-left:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:2px 2px 20px #d91b03;display:inline-block;font-size:16px;}
.float-news{height:500px;left:0px;padding:10px 15px;width:250px;z-index:100;bottom:55px;_margin-bottom:55px;}
.float-open{height:60px;left:-70px;padding:4px 4px 4px 4px;width:60px;z-index:99;bottom:280px;_margin-bottom:280px;}
.float-news,.float-open{position:fixed;*zoom:1;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
.float-close{background:url(../images/nav-close.png) no-repeat left top; background-size:100%;overflow:hidden;height:24px;opacity:.6;filter:alpha(opacity=60);position:absolute;right:9px;text-indent:100%;top:10px;white-space:nowrap;width:24px;}
.open-btn{background:url(../images/ml-open-demo.png) no-repeat left top;display:block;overflow:hidden;height:48px;opacity:.6;filter:alpha(opacity=60);text-indent:100%;white-space:nowrap;width:48px;}
.float-close:hover,.open-btn:hover{opacity:1;filter:alpha(opacity=100);}
.newslist h3{color:#333;border-bottom:3px solid #F2F2F2;font-size:20px;height:27px;line-height:27px;font-family:Microsoft Yahei,simsun,arial,sans-serif;}
.newslist ul{padding-top:10px;}
.newslist li{position:relative;height:38px;line-height:38px;font-size:14px;border-bottom:1px #ccc dotted}
.newslist li a{color:#404040;}
.newslist li span{position:absolute;right:0;color:#ccc;}
.newslist li:last-child{border-bottom:0;}		



			/* footer */
.huudon-float{
	position: fixed;
	right: 0px;
	bottom: 20%;
	width: 74px;
	height: 374px;
	z-index:2147483647;
	margin-top: -187px;
}
.huudon-float li{
	position: relative;
	width: 84px;
	height: 74px;
	margin-bottom: 1px;
	line-height: 27px;
	color: #fff;
	text-align: center;
	background: #38d0ff;
}
.huudon-float li.hidden{
	overflow: hidden;
}
.huudon-float li a.tit{
	display: block;
	width: 74px;
	height: 74px;
	padding-top: 42px;
	color: #fff;
	font-size:14px;
	background-image: url(../images/huudon_float.png);
	background-repeat: no-repeat;
	background-position: center -80px;
}
.huudon-float li:nth-of-type(1) a{
	background-position: center -86px;
}
.huudon-float li:nth-of-type(2) a{
	background-position: center -162px;
}
.huudon-float li:nth-of-type(3){
	background: #38d0ff url(../images/huudon_float.png) 0 -242px;
}
.huudon-float li:nth-of-type(4) a{
	background-position: center -310px;
}
.huudon-float li:nth-of-type(5){
	background-color: transparent;
}
.huudon-float li:nth-of-type(5) a{
	padding-top: 0;
	background-position: center -9px;
}
.huudon-float li p{
	position: relative;
	z-index: 2;
	height: 27px;
	padding-top: 42px;
	cursor: pointer;
	width: 74px;
}
.huudon-float li .tel{
	position: absolute;
	left: 74px;
	top: 0;
	z-index: 1;
	width: 184px;
	height: 74px;
	font: 24px/74px Arial;
	color: #fff;
	cursor: pointer;
	background: #38d0ff;
}
@media (max-width: 768px){
.mhidden{ display:none;}
.ab_tu img{ width:100%;}
}