@media screen and (max-width: 1990px) {
.header .header_menu ul li a {padding: 0px 12px;}
.mb-bootom{display: none;}

.jiejue_con li{width:350px;height:380px;float:left;margin-right:40px;}
.join_in_text {color: #e3e3e3;margin: 15px 0 50px 0; font-size:1rem;}
.join_in_title {font-size: 36px;color: #fff;}
.article-title {font-size: 24px;padding: 5px 0;}

.related_img {
	width: 100%;
	overflow: hidden;
	text-align: center
}
.related_box {float: left;overflow: hidden;width: 25%;padding-bottom: 15px}
.related_box .r_title {line-height: 25px;height: 50px;font-size: 14px;overflow: hidden;float: left;padding: 10px 10px 0 10px;text-align: left}

}

@media screen and (max-width: 1446px) {
.header .header_menu ul li a {padding: 0px 12px;}
.mb-bootom{display: none;}

.jiejue_con li{width:350px;height:380px;float:left;margin-right:40px;}
.join_in_text {color: #e3e3e3;margin: 15px 0 50px 0; font-size:1rem;}
.join_in_title {font-size: 36px;color: #fff;}
}

 @media screen and (max-width: 1199px) {
.header .header_menu ul li:last-child {display: block;line-height: 40px;border-bottom: 1px solid #378fdd;}
.header .header_menu ul li:last-child a {display: inline;padding: 0 20px;border: none;}
.header .header_menu ul li:last-child span {color: #fff;filter: alpha(opacity=20); /* IE ͸����20% */opacity: 0.8;}
.header .header_menu ul li:last-child a:hover {border: none;}
.mpage {width: 100%;height: 888px;overflow: hidden;margin: 0 auto;position: absolute;top: 0;z-index: -1;}
.canvasdiv {display: none !important;}
.banner {background: #2a84ff;background-image: url(../images/banbg.jpg);height: 600px;}
.banner_title {padding-top: 150px;}
.banner .owl-prev {margin-left: 20px;}
.banner .owl-next {margin-right: 20px;}
.all_button:hover {background: #3B9FF2;color: #fff;}
.header {height: 60px;line-height: 60px;}

.header .mobileMenuBtn_shad {width: 100%;height: 0;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);background: rgba(0, 0, 0, 0.7);transition: 0.3s all;-webkit-transition: 0.3s all;}
.header .mobileMenuBtn_shad.active {height: 100%;}
.header .header_menu {width: 200px;background: rgba(49, 152, 242, .8);position: fixed;height: 100%;overflow: auto;top: 0;right: -200px;transition: 0.6s all;-webkit-transition: 0.6s all;}
.header .header_menu.active {right: 0;}
.header .header_menu ul li {display: block;}
.header .header_menu ul li a {padding: 0;border: none;border-bottom: solid 1px #378fdd;line-height: normal;padding: 12px 0;}
.header .header_menu ul li a:hover,  .header .header_menu ul li a.active {border: none;border-bottom: solid 1px #429ae9;opacity: 1;filter: alpha(opacity=100);}
.header .md-show {display: block;}
.header .mobileMenuBtn {display: block;}

.footer_top{ display: block;}
.inner{margin: 0 auto;display: block;}
.txt_l{text-align: left;display: block;}
.txt_c{text-align: center;display: block;}
.txt_r{text-align: right;display: block;}
.mb-bootom{display: none;}

.jiejue_con li{width:350px;height:380px;float:left;margin-right:20px;}
.join_in_text {color: #e3e3e3;margin: 15px 0 50px 0; font-size:1rem;}
.join_in_title {font-size: 36px;color: #fff;}
.related_box {float: left;overflow: hidden;width: 25%;padding-bottom: 15px}
.related_box .r_title {line-height: 25px;height: 50px;font-size: 14px;overflow: hidden;float: left;padding: 10px 10px 0 10px;text-align: left}
}
 @media screen and (max-width: 967px) {
.mpage {width: 1500px;height: 888px;top: 50%;left: 50%;margin-top: -444px;margin-left: -750px;}
.index_product {padding: 60px 0;}
.all_title1,  .all_title2 {margin-bottom: 30px;}
.all_title1 .title,  .all_title2 .title {font-size: 25px;}
.mb-bootom{display: none;}

.jiejue_con li{width:350px;height:380px;float:left;margin-right:20px;}.join_in_text {color: #e3e3e3;margin: 15px 0 50px 0; font-size:1rem;}
.join_in_title {font-size: 24px;color: #fff;}

.related_box {float: left;overflow: hidden;width: 25%;padding-bottom: 15px}
.related_box .r_title {line-height: 25px;height: 50px;font-size: 14px;overflow: hidden;float: left;padding: 10px 10px 0 10px;text-align: left}
}
 @media screen and (max-width: 767px) {
.banner {height: 300px;background-position: center -380px;}
.banner .owl-pagination {margin-top: 30px;}
.banner_title {font-size: 30px;padding-top: 80px;}
.index_product {padding: 40px 0;}
.footer_top{ display: none;}
.footer{ display: none;}
.h-link{ display: none;}
.mb-bootom{display: none;}
.jiejue_con li{width:100%;height:380px;float:left;}

.join_in_text {color: #e3e3e3;margin: 15px 0 50px 0; font-size:16px;}
.join_in_title {font-size: 24px;color: #fff;}

.related_box {float: left;overflow: hidden;width: 50%;padding-bottom: 15px}
.related_box .r_title {line-height: 25px;height: 50px;font-size: 14px;overflow: hidden;float: left;padding: 10px 10px 0 10px;text-align: left}
}
 @media screen and (max-width: 739px) {
.marketing_advantage_content .span3:first-child img {width: 88%;}
.footer_top{ display: none;}
.footer{ display: none;}
.h-link{ display: none;}
.footer_top{ display: none;}
.footer{ display: none;}
.h-link{ display: none;}
.right_side{display: none;}
.mb-bootom{display: block;height:55px;background:#111;width:100%;position:fixed;bottom:0;left:0;z-index:999;font-family:microsoft yahei;font-size:12px}
.mb-bootom li{display:inline-block;text-align:center;line-height:24px;padding-top:5px}
.mb-bootom a{color:#fff}
.mb-bootom a:hover{color:#ffd200}
.topnavs{position:relative}
.main_left{margin-right: 0px;overflow: hidden;}

.d_tags a {width: 46%;opacity: .7;filter: alpha(opacity=80);color: #fff;background-color: #00a67c;display: inline-block;margin: 0 5px 5px 0;padding: 2px 6px;line-height: 21px}
.jiejue_con li{width:100%;height:380px;float:left;}
.floor7{ display: none;}
.join_in_text {color: #e3e3e3;margin: 15px 0 50px 0; font-size:14px;}
.join_in_title {font-size: 18px;color: #fff;}

.n_case .case_list .list li .case_jj{width:150px;height: 140px;margin: 0 10px 10px 10px;	position: relative;	overflow: hidden;float: left;-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);box-shadow: 0 0 30px rgba(0,0,0,0.2);position: relative;}
.n_case .case_list .list li .g-img{height: 110px;position: relative;overflow: hidden;}
.n_case .case_list .list li .g-img img{width: 150px; height: 110px; -webkit-transition: transform 0.5s ease-out ;transition: transform 0.5s ease-out ; }
.n_case .case_list .list li .info{height: 30px;line-height: 30px;background-color: #ffffff;padding-left: 10px;color: #888888;}
.n_case .case_list .list li .info .cate{width: 120px;}
.n_case .case_list .list li .info .cate a{font-size: 12px;}
.n_case .case_list .list li .info .switch{width: 95px;height: 30px;padding: 10px 10px 0px 0px;text-align:right}

.floor2 ul{ clear:both;}
.floor2 ul li{ padding-top:23px; padding-left:20px; border-bottom:#E6E6E6 solid 1px; border-left:#E6E6E6 solid 1px; border-right:#E6E6E6 solid 1px; height:125px; overflow:hidden;}
.floor2 ul .imgs{ }
.floor2 ul .imgs img{ width: 100%;}
.floor2 ul img{width:176px;height:100px; border: 1px #E6E6E6 solid;}
.floor2 ul .info{}
.floor2 ul .info h3 a{ font-size:14px; font-weight:bold; color:#000;padding-left: 20px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.floor2 ul .info p{ color:#999;font-size:12px;padding-left: 20px;height:55px;overflow: hidden;  text-overflow: ellipsis;}
.floor2 ul .info span{ color:#666;font-size:12px; line-height: 25px;padding-left: 20px;}
.floor2 ul .info i{ display:inline-block; padding:0 15px;}
.floor2 ul .info p a{color:#fff; background:#f8af12; border-radius:5px; width:40px; height:20px; line-height:20px; margin-left:10px; display:inline-block; text-align:center; font-size:12px;}

.article-title {font-size: 18px;}
.meta span{padding-left:10px;font-size: 12px;}
.meta time{padding-left:10px;font-size: 12px;}

.related_box {float: left;overflow: hidden;width: 50%;padding-bottom: 15px}
.related_box .r_title {line-height: 25px;height: 50px;font-size: 14px;overflow: hidden;float: left;padding: 10px 10px 0 10px;text-align: left}
.related_box img{height:110px;}
}
 @media screen and (max-width: 479px) {
.floor7{ display: none;}
	 
.footer_top{ display: none;}
.footer{ display: none;}
.h-link{ display: none;}
.mb-bootom{display: block;height:55px;background:#111;width:100%;position:fixed;bottom:0;left:0;z-index:999;font-family:microsoft yahei;font-size:12px}
.mb-bootom li{display:inline-block;text-align:center;line-height:24px;padding-top:5px}
.mb-bootom a{color:#fff}
.mb-bootom a:hover{color:#ffd200}
.topnavs{position:relative}
.right_side{display: none;}
.main_left{margin-right: 0px;overflow: hidden;}
.jiejue_con li{width:100%;height:380px;float:left;}

.join_in_text {color: #e3e3e3;margin: 15px 0 50px 0; font-size:12px;}
.join_in_title {font-size: 20px;color: #fff;}


.n_case .case_list .list li .case_jj{width:140px;height: 140px;margin: 0 10px 10px 10px;	position: relative;	overflow: hidden;float: left;-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);box-shadow: 0 0 30px rgba(0,0,0,0.2);position: relative;}
.n_case .case_list .list li .g-img{height: 110px;position: relative;overflow: hidden;}
.n_case .case_list .list li .g-img img{width: 140px; height: 110px; -webkit-transition: transform 0.5s ease-out ;transition: transform 0.5s ease-out ; }
.n_case .case_list .list li .info{height: 30px;line-height: 30px;background-color: #ffffff;padding-left: 10px;color: #888888;}
.n_case .case_list .list li .info .cate{width: 110px;}
.n_case .case_list .list li .info .cate a{font-size: 12px;}
.n_case .case_list .list li .info .switch{width: 95px;height: 30px;padding: 10px 10px 0px 0px;text-align:right}



.floor2 ul{ clear:both;}
.floor2 ul li{ padding-top:23px; padding-left:20px; border-bottom:#E6E6E6 solid 1px; border-left:#E6E6E6 solid 1px; border-right:#E6E6E6 solid 1px; height:125px; overflow:hidden;}
.floor2 ul .imgs{ }
.floor2 ul .imgs img{ width: 100%;}
.floor2 ul img{width:176px;height:80px; border: 1px #E6E6E6 solid;}
.floor2 ul .info{}
.floor2 ul .info h3 a{ font-size:14px; font-weight:bold; color:#000;padding-left: 20px;height:30px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.floor2 ul .info p{ color:#999;font-size:12px;padding-left: 20px;height:55px; overflow: hidden;  text-overflow: ellipsis;}
.floor2 ul .info span{ color:#666;font-size:12px; line-height: 25px;padding-left: 20px; display: none;}
.floor2 ul .info i{ display:inline-block; padding:0 15px;}
.floor2 ul .info p a{color:#fff; background:#f8af12; border-radius:5px; width:40px; height:20px; line-height:20px; margin-left:10px; display:inline-block; text-align:center; font-size:12px;}

.article-title {font-size: 18px;}
.meta span{padding-left:10px;font-size: 12px;}
.meta time{padding-left:10px;font-size: 12px;}

.related_box {float: left;overflow: hidden;width: 50%;padding-bottom: 15px}
.related_box .r_title {line-height: 25px;height: 50px;font-size: 14px;overflow: hidden;float: left;padding: 10px 10px 0 10px;text-align: left}
.related_box img{height:110px;}
}