@charset "utf-8";
* {padding:0;margin:0;}
ul li {list-style:none;}
a {text-decoration:none;}
img {border:none}
input {border:none;background:none;}
input, textarea,a {font-family:"PingFang SC",Arial,"Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;outline:0;font-size:14px;color:#333;-webkit-appearance:none;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
html, body {font:14px Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color:#929292;width:100%;height:100%;background:#fff}
.fw {margin:0 auto;width:1200px;}
.me10{margin-left: 10px;}
.me15{margin-left: 15px;}

.jme40{margin-left: -40px;}
.jme35{margin-left: -35px;}
.jme10{margin-left: -10px;}

.mb15{margin-bottom: 15px;}
.pd20{padding: 20px 10px;}

.header {width:100%;height:80px;line-height:80px;position:fixed;top:0;left:0;z-index:9999;transition:all 0.3s}
.header:before {content:'';position:absolute;width:100%;height:1px;background:#fff;opacity:0.6;bottom:-1px}
.header .logo {float:left}
.header .logo img {margin-top:4px;height:70px;transition:all 0.3s}
.header ul.nav {float:right}
.header ul.nav li {float:left;position:relative}
.header .nav li a {padding:0 18px;transition:all 0.3s}
.header .nav li a i {margin-left:5px}
.header .nav li a.search_btn {padding:0;display:block;width:30px;height:30px;background:#da251d;color:#fff;text-align:center;line-height:30px;border-radius:30px;margin-top:22px;transition:all 0.3s}
.header .nav li a.search_btn i {margin-left:0}
.header .nav li a.search_btn:hover {background:#333;color:#fff}
.small_head {height:60px;line-height:60px;background:#fff;transition:all 0.3s;box-shadow:0 1px 5px #ccc}
.small_head:before {background:#ccc}
.small_head .logo img {height:50px;margin-top:5px}
.small_head .nav li a.search_btn {margin-top:15px}
.header .nav li a:hover, .header .nav li a.cur {color:#da251d}
.header .nav li dl {width:211px;height:auto;background:#fff;position:absolute;border-top:2px solid #da251d;visibility:hidden;box-shadow:0 5px 20px #ccc;transition:all 0.3s;top:90px;opacity:0}
.header .nav li dl dd {line-height:50px}
.header .nav li dl dd a {display:block;border-bottom:1px solid #eee;position:relative;color:#888;font-size:12px}
.header .nav li dl dd a i {position:absolute;right:8px;line-height:50px;opacity:0;transition:all 0.3s}
.header .nav li dl dd a:hover {background:#eee;text-indent:10px;color:#333}
.header .nav li dl dd a:hover i {opacity:1;right:18px}
.header .nav li dl.hover {visibility:visible;top:80px;opacity:1}
.small_head .nav li dl.hover {top:60px}

#sidenav-toggle {float:right;font-size:24px;color:#333;display:none}

.search_top {position:absolute;top:70px;background:#333;width:100%;opacity:0; visibility:hidden;transition:all 0.3s}
.search_top.hover {top:80px;opacity:1; visibility:visible}
.small_head .search_top {top:50px}
.small_head .search_top.hover {top:60px}

.search_top dl {width:1200px;margin:0 auto;padding:10px 0}
.search_top dt {
	color:#fff;
	height:33px;
	line-height:33px;
	font-size:12px;
	float:left;
	margin-right:5px
	}
.search_top dt.tt {font-size:16px;margin-right:30px}
.search_top dd {float:left;margin-right:15px;height:33px;line-height:33px}
.search_top dd input.text1 {
	width:125px;
	height:33px;
	line-height:33px;
	padding:0 5px;
	background:#fff;
	border-radius:3px;
	font-size:12px
	}
.search_top dd input.text2 {width:45px}
.search_top dd input.btn1 {
	width:55px;
	height:33px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	border-radius:3px;
	background:#da251d
	}
.search_top dd.close {float:right;color:#fff;font-size:24px; cursor:pointer}
.search_top dd.close {transform:rotate(0deg);transition:all 0.3s}
.search_top dd.close:hover {transform:rotate(180deg);color:#da251d}
.select_box{
	position:relative;cursor:pointer;
	background:#fff;
	font-size:12px;
	margin-right:10px;
	color:#000;
	height:33px;
	line-height:33px;
	z-index:500;
	width:148px;
	border-radius:3px
	}
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:20px;height:30px; background:url(../images/search_icon1.gif) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:5px;width:110px;line-height:33px;height:33px;cursor:text;overflow:hidden; z-index:200;}
.option{width:130px;border:solid 1px #EDE7D6;position:absolute;top:28px;left:-1px;z-index:999;overflow:hidden;display:none;}
.option a{display:block;height:26px;line-height:26px;text-align:left;padding:0 10px;width:100%;background:#fff;color:#666;font-size:12px}
.option a:hover{background:#333; color:#fff;}

.fullSlide {
	width:100%;
	position:relative;
	height:553px;
	background:#000;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
	width:100%
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:553px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:553px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:16px;
	height:2px;
	margin:1px;
	overflow:hidden;
	background:#EE0E51;
	color:#fff;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:16px;
}
.fullSlide .hd ul .on {
	background:#EE0E51;
	filter:alpha(opacity=100);
	opacity:1;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:0;
	z-index:1;
	width:40px;
	height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:0;
	background-position:-6px -137px;
}

.brand_in {padding:60px 0 50px;overflow:hidden}
.brand_in .fl {display:block;width:280px}
.brand_in .fl h1 {font-size:68px;color: #da251d;font-weight:900;line-height:60px}
.brand_in .fl h2 {font-size: 30px;font-weight: 100;color:#666}
.brand_in .fl p {font-size:20px;color:#333;line-height:30px;position:relative;padding-top:50px}
.brand_in .fl p:before {content: '';position: absolute;width:3px;height:42px;background:#da251d;top:0;left:0}
.brand_in .fl a {background:#da251d;color:#fff;padding:10px 20px;display:inline-block;margin-top:20px}
.brand_in .fr {width:870px}
.brand_in .fr li {width:33.3333%;box-sizing:border-box;padding-left:10px;padding-bottom:10px; float:left}
.brand_in .fr li a {display: block;width:100%;position:relative;overflow: hidden}
.brand_in .fr li a .txt {position:absolute;left:20px;top:20px;font-size:12px;color:#666;z-index: 100}
.brand_in .fr li a .txt b {font-size:18px;color:#333;display: block}
.brand_in .fr li a .pic img {display:block;width:100%;transform:scale(1);transition:all 0.8s}
.brand_in .fr li a:hover .pic img {transform:scale(1.2)}

.about_in {width:100%;background:url(../images/about_bg.gif) no-repeat center top;overflow:hidden}
.about_in .pic {width:461px;margin-top:20px}
.about_in .content {width:710px}
.about_in .content .text {color:#fff;margin-top:35px;line-height:28px}
.about_in .content .text p a{ color:#fff;}
.about_in .content .text strong {font-size:24px}
.about_in .content .text .more {display:block;width:150px;height:33px;text-indent:40px;line-height:33px;margin-top:5px;background:#a1731e;color:#fff;border-radius:30px;transition:all 0.3s}
.about_in .content .text .more i {text-indent:-10px;opacity:0;transition:all 0.3s}
.about_in .content .text .more:hover {background:#da251d;text-indent:30px}
.about_in .content .text .more:hover i {text-indent:10px;opacity:1}
.about_in .content .list {margin-left:-150px;margin-top:60px;overflow:hidden}
.about_in .content .list li {float:left;width:25%;box-sizing:border-box;padding:0 30px}
.about_in .content .list li a .icon {display:block;width:80px;height:80px;border-radius:80px;margin:0 auto 10px;background:#dadada;color:#fff;line-height:80px;text-align:center;font-size:30px;transform:rotateX(0deg) rotateY(0deg);transform-style:preserve-3d;transition:all 0.4s ease-in-out}
.about_in .content .list li a h4 {font-size:16px;text-align:center;line-height:40px;transition:all 0.4s}
.about_in .content .list li a p {line-height:22px;text-align:center;color:#999;font-size:12px}
.about_in .content .list li a:hover .icon {transform:rotateY(180deg);background:#da251d}
.about_in .content .list li a:hover h4 {color:#da251d}

.title_in {width:100%;text-align:center}
.title_in b {font-size:30px;position:relative;font-weight:100;color:#333;padding-bottom:10px;margin-bottom:10px; text-transform:uppercase; display:block;}
.title_in b:before {content:'';position:absolute;width:30px;height:2px;background:#da251d;bottom:0;left:50%;margin-left:-15px}
.title_in h3 {font-size:18px;color:#999;font-weight:400}
.menu_in {text-align:center;margin-top:40px}
.menu_in a {padding:10px 30px;font-size:12px;background:#fff;border:1px solid #ddd;margin:0 5px;border-radius:20px;transition:all 0.3s}
.menu_in a.cur,.menu_in a:hover {background:#da251d;color:#fff;border:1px solid #da251d}

.pro_in {margin-top:40px;background:#f8f8f8;padding:40px 0}
.pro_in .list {width:1230px;margin:20px auto}
.pro_in .list li {float:left;width:25%;padding:15px;box-sizing:border-box}
.pro_in .list li a {display:block;background:#fff;padding:10px 10px 15px;height:auto;overflow:hidden;transition:all 0.3s}
.pro_in .list li a h4 {font-weight:500;line-height:24px;overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap}
.pro_in .list li a p {font-size:12px;color:#888}
.pro_in .list li a .pic {display:table;width:100%;height:;margin:0px auto 15px;overflow:hidden}
.pro_in .list li a .pic img{ height:180px;}
.pro_in .list li.oili a .pic {margin-top:10px}
.pro_in .list li a .pic span {display:table-cell; vertical-align:middle}
.pro_in .list li a .pic span img {display:block;margin:0 auto;max-width:100%;max-height:100%;transform:scale(1);transition:all 0.5s}
.pro_in .list li.oili a {padding:0 20px 20px}
.pro_in .list li.oili a .pic span {height:270px}
.oil_in .list li.oili a .pic span {height:250px}
.pro_in .list li.oili a .pic span img {transform:scale(.8)}
.pro_in .list li a:hover {box-shadow:0 5px 30px #ddd}
.pro_in .list li a:hover h4 {color:#da251d}
.pro_in .list li a:hover .pic span img {transform:scale(1.1)}
.pro_in .list li.oili a:hover .pic span img {transform:scale(.9)}

.con_in {background:url(../images/con_bg.jpg) no-repeat fixed center;background-color:#4f504e;width:100%;height:343px;overflow:hidden}
.con_in .tt {color:#fff;font-size:18px;text-align:center;margin:40px auto}
.con_in .tt h3 {font-size:35px;color:#da251d;}
.con_in dl {}
.con_in dd {float:left;width:33.3333%;box-sizing:border-box;padding:0 40px;color:#DDD;text-align:center;font-size:16px}
.con_in dd .icon {display:block;width:80px;height:80px;line-height:80px;text-align:center;background:#fff;opacity:0.8;color:#333;font-size:40px;margin:0 auto;border-radius:80px;overflow:hidden}
.con_in dd .icon i {display:block;width:100%;height:100%;background:url(../images/con_icon.png) no-repeat center}
.con_in dd .icon i.add {background-position:0 0}
.con_in dd .icon i.phone {background-position:0 -80px}
.con_in dd .icon i.mail {background-position:0 -160px}
.con_in dd p {font-size:22px;line-height:35px;padding-top:10px;color:#fff}
.con_in dd a {font-size:16px;color:#f8f8f8}
.con_in dd a:hover .icon {opacity:1}

.news_in {margin-top:40px}
.news_in .menu_in {margin-bottom:40px}
.news_in .list {width:1230px;margin:30px auto}
.news_in .list dl {float:left;width:33.3333%;box-sizing:border-box;padding:0 15px}
.news_in .list dl dt {width:100%;height:194px;overflow:hidden;margin-bottom:10px}
.news_in .list dl dt img {display:block;width:100%;height:100%;transform:scale(1);transition:all 0.4s}
.news_in .list dl dt a:hover img {transform:scale(1.1)}
.news_in .list dl dd {position:relative;margin-bottom:20px}
.news_in .list dl dd a {display:block;padding:10px 10px 10px 0;transition:all 0.3s}
.news_in .list dl dd .date {position:absolute;left:0;top:18px;width:60px;font-size:12px;color:#666;text-align:center}
.news_in .list dl dd .date p {font-size:22px}
.news_in .list dl dd .text {padding-left:76px;position:relative}
.news_in .list dl dd .text:after{content:'';width:2px;height:100%;position:absolute;background:#e5e5e5;left:60px;top:0;z-index:1}
.news_in .list dl dd .text:before{content:'';width:2px;height:10px;position:absolute;background:#da251d;left:60px;top:0;z-index:2;transition:all 0.3s}
.news_in .list dl dd .text h4 {font-size:14px;font-weight:inherit;color:#333;padding-bottom:5px;transition:all 0.3s}
.news_in .list dl dd .text p {color:#999;line-height:20px;height:40px;overflow:hidden;font-size:12px}
.news_in .list dl dd a:hover {box-shadow:0 0px 20px #ddd}
.news_in .list dl dd a:hover h4 {color:#da251d}
.news_in .list dl dd a:hover .text:before {height:100%}

.know_in {background:url(../images/know_bg.jpg) no-repeat center top;height:464px;width:100%;overflow:hidden}
.know_in .tt {width:180px;position:relative;margin-top:66px}
.know_in .tt b {font-size:30px;color:#da251d;line-height:28px; text-transform:uppercase;transition:all 0.7s; display:block;}
.know_in .tt h3 {font-size:18px;color:#fff;width:132px;background:url(../images/know_icon.png) no-repeat 0 35px;margin-top:20px;height:45px;line-height:45px;}
.know_in .tt .jia {position:absolute;width:19px;height:19px;background:url(../images/know_icon.png) no-repeat 0 -32px;right:0;top:40px;transform:rotate(1deg);transition:all 0.7s}
.know_in .tt:hover h2 {color:#fff}
.know_in .tt:hover .jia {transform:rotate(180deg)}
.know_in .list {width:951px;margin-top:49px}
.know_in .list li {float:left}
.know_in .list li:first-child {margin-left:317px}
.know_in .list li .pic{ background:#fff;}
.know_in .list li .pic, .know_in .list li .txt {float:left;width:317px;height:184px;overflow:hidden}
.know_in .list li .pic img {display:block;height:100%;transform:scale(1);transition:all 0.5s; margin:0 auto;}
.know_in .list li a:hover .pic img {transform:scale(1.2)}
.know_in .list li .txt {background:#fff;box-sizing:border-box;padding:30px}
.know_in .list li .txt h4 {font-size:16px;color:#333;margin-bottom:10px}
.know_in .list li .txt p {line-height:20px;font-size:12px;height:40px;overflow:hidden}
.know_in .list li .txt span {padding:10px 20px;border:1px solid #ddd;border-radius:20px;font-size:12px;margin-top:20px;display:inline-block;transition:all 0.4s}
.know_in .list li a:hover .txt span {background:#da251d;color:#fff;border:1px solid #da251d}
.know_in .list li a.more {display:block;width:317px;height:184px;background:#EE0E51;color:#fff;font-size:18px;position:relative;transition:all 0.4s}
.know_in .list li a.more span {position:absolute;height:31px;line-height:31px;width:122px;top:50%;margin:0 auto;margin-top:-15px;left:50%;margin-left:-61px;background:url(../images/know_icon.png) no-repeat 80px -59px}
.know_in .list li a.more:hover {background:#da251d}

.cooper {margin-top:40px}
.cooper .list {margin-top:30px;position:relative}
.cooper .list li {float:left;width:25%}
.cooper .list li a {display:block;height:140px;width:100%;box-sizing:border-box;padding:0 10px}
.cooper .list li a .pic {display:table;height:100%;width:100%;border:1px solid #ddd}
.cooper .list li a .pic span {vertical-align:middle;display:table-cell}
.cooper .list li a .pic img {vertical-align:middle;display:block;margin:0 auto;max-width:80%;max-height:90%}
.cooper .list a.next, .cooper .list a.prev {position:absolute;width:35px;height:35px;top:50%;margin-top:-16px;color:#fff;background:#d1d1d1;text-align:center;line-height:35px;font-size:24px; cursor:pointer;transition:all 0.3s}
.cooper .list a.next {right:-25px}
.cooper .list a.prev {left:-25px}
.cooper .list a.next:hover, .cooper .list a.prev:hover {background:#da251d}
.cooper .hd {width:66px;margin:30px auto;text-align:center}
.cooper .hd li {width:10px;height:10px;display:block;border:1px solid #ddd;margin:0 5px;border-radius:12px;float:left}
.cooper .hd li.on {background:#da251d;border:1px solid #da251d}

.footer {width:100%;padding:40px 0 0;background:#333}
.footer .con {width:260px}
.footer .con .logo img {width:145px;height:auto;margin-bottom:10px}
.footer .con p {line-height:24px}
.footer .con h4 a{font-size:30px;color:#fff;margin-bottom:10px}
.footer a {color:#a7a7a7;transition:all 0.3s}
.footer a:hover {color:#fff}
.footer .list {width:640px;margin-left:100px}
.footer .list .li {float:left;width:160px;box-sizing:border-box;padding-right:10px}
.footer .list .li h2 a{font-size:16px;color:#fff;font-weight:500;line-height:50px}
.footer .list .li li {line-height:30px}
.copyright {height:50px;line-height:50px;border-top:1px solid #484848;margin-top:40px;font-size:12px}
.copyright a{font-size:12px}

/*��Ӳ���(�������)*/
/*start*/
.foot_info_met_11_3_22_bottom{display: none;overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;}
.text-xs-center{text-align: center!important;}
.foot_info_met_11_3_22_bottom .mains{display: flex;}
.foot_info_met_11_3_22_bottom .mains>div{flex: 1;}
.foot_info_met_11_3_22_bottom a.item{color: #FFFFFF;padding: 5px 0;display: inline-block;}
.foot_info_met_11_3_22_bottom a.item i{font-size: 16px;display: block;}
.phone_search {width:100%;padding:10px;box-sizing:border-box;display:none;background:#da251d;}
.phone_search .text {display:block;box-sizing:border-box;width:100%;height:30px;position:relative;border-radius:20px;line-height:30px;font-size:12px;color:#666;padding-left:10px;background:#fff}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:10px;line-height:30px}
.foot_info_met_11_3_22_bottom a.item span{color: #FFFFFF;}
/*end*/

/*��Ӳ���(�����)*/
/*start*/
.cbl{position: fixed;bottom: 250px;right: 10px;z-index: 30;}
#back-top{width: 72px;border: 1px solid #eceff1;background: #FFFFFF;}
#back-top .userqq{position: relative;}
#back-top .lines{height: 1px;width: 62px;background: #e5e5e5;margin-left: 5px;}
#back-top .Nlines{height: 1px;width: 230px;background: #e5e5e5;margin-left:10px;}
#back-top .bg-b{display: block;width: 72px;height: 75px;background: #FFFFFF;}
#back-top .bg-b:hover{background: #EE0E51;}
#back-top .userqq .userqqtiqw{display: none;position: absolute;width: 270px;height: 83px;top: 0;left: -270px;}
#back-top .userqq .userqqtip{width: 250px;position: absolute;-webkit-box-shadow: #bbb 0 0 5px;-moz-box-shadow: #bbb 0 0 5px;box-shadow: #bbb 0 0 5px;left: 10px;background: #FFFFFF;text-align: center;}
#back-top .userqq .userqqtip p{padding: 3px 0px;}
#back-top .userqq .userqqtiqw2{display: none;position: absolute;width: 390px;height: 83px;top: 0;left: -390px;}
#back-top .userqq .userqqtip2{width: 370px;position: absolute;-webkit-box-shadow: #bbb 0 0 5px;-moz-box-shadow: #bbb 0 0 5px;box-shadow: #bbb 0 0 5px;left: 10px;background: #FFFFFF;text-align: center;}
#back-top .userqq .userqqtiqw3{display: none;position: absolute;width: 125px;height: 83px;top: 0;left: -125px;}
#back-top .userqq .userqqtip3{width: 105px;position: absolute;-webkit-box-shadow: #bbb 0 0 5px;-moz-box-shadow: #bbb 0 0 5px;box-shadow: #bbb 0 0 5px;left: 10px;background: #FFFFFF;text-align: center;}
#back-top .userqq .clickqq{display: inline-block;height: 23px;line-height: 23px;width: 80px;background: #383838;border-radius: 40px;font-size: 13px;margin-top: 7px;color: white;}
#back-top .qq{background: url(../images/Icons.png) -170px -16px no-repeat;}
#back-top .userqq a:hover .qq{background: url(../images/Icons.png) -235px -16px no-repeat;}
#back-top .huiyuan{background: url(../images/Icons.png) -18px -98px no-repeat;}
#back-top a:hover .huiyuan{background: url(../images/Icons.png) -80px -98px no-repeat;}
#back-top .sizesc{background: url(../images/Icons.png) -342px -14px no-repeat;}
#back-top a:hover .sizesc{background: url(../images/Icons.png) -412px -14px no-repeat;}
#back-top .upup{background: url(../images/Icons.png) -173px -100px no-repeat;}
#back-top a:hover .upup{background: url(../images/Icons.png) -235px -101px no-repeat;}
#back-top .ty{width: 72px;height: 83px;display: block;}
#back-top .userqq .clickqq{display: inline-block;height: 23px;line-height: 23px;width: 80px;background: #FFFFFF;border: 1px solid #A7A7A7;border-radius: 5px;font-size: 13px;margin-top: 7px;color: #7A7A7A;transition: all 0.3s;padding: 1px 3px 0px 20px;}
#back-top .userqq .clickqq:hover{background-repeat: no-repeat;border-radius: 30px;background-position: 10px 4px;color: white;background-color: #A7A7A7;border: 1px solid #A7A7A7;transition: all 0.3s;}
#back-top .userqq:hover .userqqtiqw{display: block;}
#back-top .userqq:hover .userqqtiqw2{display: block;}
#back-top .userqq:hover .userqqtiqw3{display: block;}
#back-top .userqq .qqtime{height: 38px;line-height: 48px;font-size: 13px;color: #7a7a7a;display: inline-block;margin-left: -120px;font-weight: bold;}
#back-top .userqq .userqqtip .inner{background-color:#FFFFFF;width: 10px;height: 10px;position: relative;left: 245px;top: 36px;transform: rotate(135deg);border-top: 2px solid rgba(204,204,204,0.58);border-left: 2px solid rgba(204,204,204,0.58);}
#back-top .userqq .userqqtip2 .inner{background-color:#FFFFFF;width: 10px;height: 10px;position: relative;left: 365px;top: 36px;transform: rotate(135deg);border-top: 2px solid rgba(204,204,204,0.58);border-left: 2px solid rgba(204,204,204,0.58);}
#back-top .userqq .userqqtip3 .inner{background-color:#FFFFFF;width: 10px;height: 10px;position: relative;left: 100px;top: 36px;transform: rotate(135deg);border-top: 2px solid rgba(204,204,204,0.58);border-left: 2px solid rgba(204,204,204,0.58);}
#back-top .userqq .userqqtip .clickqqco{display: inline-block;height: 23px;line-height: 23px;width: 154px;color: #383838;border-radius: 40px;font-size: 12px;margin-top: 7px;text-align: left;cursor: pointer;}
#back-top .qqnameblock{width: 85px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#back-top .userqq .userqqtip .clickqqco i{display: inline-block;height: 12px;line-height: 12px;border: 1px solid #484848;color: #484848;padding: 1px 3px;float: right;margin-top: 4px;font-style: unset;}
.clb a{vertical-align: middle;text-align: center;}
.Service img{vertical-align: middle;}
/*end*/

.phone_search {width:100%;padding:10px;box-sizing:border-box;display:none;background:#da251d;}
.phone_search .text {display:block;box-sizing:border-box;width:100%;height:30px;position:relative;border-radius:20px;line-height:30px;font-size:12px;color:#666;padding-left:10px;background:#fff}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:10px;line-height:30px}

.search-over{display:none;position:fixed;z-index:10001;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}
.search-warmp{display:none;position:fixed; z-index:10002;left:0;top:0;width:100%;font-family:Microsoft Yahei;color:#757575;}
.search-hd{padding:1em;overflow:hidden;background:#ececec;border-bottom:1px solid #dcdcdc;}
.search-hd .bd{position:relative;float:left;width:80%;overflow:hidden;background:#FFF;border-radius:0.3em;}
.search-hd .keywords{width:88%;padding:0 10% 0 2%;height:2em;border:none;font-size:1em;line-height:2em;color:#757575;font-family:Microsoft Yahei;outline:none;box-shadow:0 0 0.2em #ababab;}
.search-hd .bd i{display:none;position:absolute;right:0.5em;top:0.5em;width:1em;height:1em;border-radius:100%;cursor:pointer;}
.search-button{float:left;width:20%;height:2em;line-height:2em;text-align:center;}

.search-warmp h1.tt {background:#333;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px;position:relative}
.search-warmp h1.tt a.cancel {position:absolute;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;right:0;top:0;font-family:helvet;font-size:14px}
.search-warmp dl {padding:10px}
.search-warmp dl dd {border:1px solid #ddd;margin-bottom:10px;border-radius:3px}
.search-warmp dl dd .text1 {height:40px;line-height:40px;padding:0 10px;width:100%;border:0}
.search-warmp .btn1 {width:90%;border-radius:3px; display:block;margin:0 auto; height:40px;line-height:40px;background:#fb4848;color:#fff;text-align:center;border:0;padding:0}

.banner {width:100%;height:300px;overflow:hidden}
.banner_about {background:url(../images/banner_about.jpg) no-repeat center top;background-size:auto 100%}
.banner_weihu {background:url(../images/banner_weihu.jpg) no-repeat center top;background-color:#e6eaeb;background-size:auto 100%}
.banner_oil {background:url(../images/banner_oil.jpg) no-repeat center top;background-size:auto 100%}
.banner_pro {background:url(../images/banner_pro.jpg) no-repeat center top;background-size:auto 100%}
.website {width:100%;height:50px;line-height:50px;border-bottom:1px solid #ddd;color:#999;font-size:12px}
.website a {color:#333;font-size:12px}
.website a:hover {color:#da251d}

.leftnav {width:215px}
.leftnav .tt {border-bottom:1px solid #666;padding:10px;margin-top:30px}
.leftnav .tt h2 {font-size:18px;font-weight:500;color:#333}
.leftnav .tt p {font-size:16px;color:#da251d}
.leftnav ul li {line-height:40px;position:relative}
.leftnav ul li a {display:block;position:relative;padding:0 10px;color:#666;border-bottom:1px solid #ddd;transition:all 0.3s;overflow:hidden;text-overflow:ellipsis;word-break:break-all; white-space:nowrap}
.leftnav ul li a i {position:absolute;right:20px;transition:all 0.3s;line-height:40px;opacity:0;color:#fff}
.leftnav ul li a.cur {color:#da251d}
.leftnav ul li a.cur i {right:10px;opacity:1;color:#da251d}
.leftnav ul li a:hover {background:#da251d;color:#fff;text-indent:10px}
.leftnav ul li a:hover i {right:10px;opacity:1;color:#fff}

.leftnav ul li dl {position:absolute;left:215px;background:#fff;padding:20px;width:215px;top:-20px;z-index:9999;box-shadow:10px 10px 20px #ddd; visibility:hidden;left:225px;opacity:0;transition:all 0.5s}
.leftnav ul li dl dd a {padding:0;border-bottom:1px dashed #ddd}
.leftnav ul li dl.cur {left:215px;visibility:inherit;opacity:1}

.inner_content {width:925px;margin-top:40px;margin-bottom:40px}
.inner_content .con_in {background:none;height:auto;margin-top:40px;border-top:1px dotted #ddd;padding-top:40px}
.inner_content .con_in dd {color:#666}
.inner_content .con_in dd .icon {background:none;border:1px solid #ddd}
.inner_content .con_in dd p,.inner_content .con_in dd a {color:#666}
.about .inner_content .pic {float:left;width:348px}
.about .inner_content .txt {float:right;width:536px;line-height:24px}

.contact .temp {width:50%;padding:40px;box-sizing:border-box;float:left}
.contact .text .tt {font-size:34px;color:#333;line-height:40px;border-bottom:1px solid #ddd;margin-bottom:20px;font-weight:500;padding:20px 0}
.contact .text .tt font {color:#0351de;display:block}
.contact .txt {line-height:35px}
.contact .txt h4 {font-size:18px;color:#da251d;line-height:50px}
.contact .text .btn {width:38px;height:38px;display:block;color:#fff;text-align:center;line-height:38px;border-radius:38px;float:left;margin-right:10px}
.contact .text .btn.fa-qq {background:#2b81ff}
.contact .text .btn.fa-weixin {background:#48a636}
.contact .feed h2 {font-size:24px;font-weight:500;color:#333;line-height:50px;margin-top:20px;margin-bottom:10px}
.contact .feed p {padding:6px 0}
.contact .feed .text1 {background:#f2f2f2;height:40px;line-height:40px;padding:0 10px;color:#666;width:400px;box-sizing:border-box}
.contact .feed .text2 {height:130px;line-height:22px;border:none;padding:10px}
.contact .feed .btn {width:117px;height:40px;line-height:40px;color:#fff;background:#da251d; cursor:pointer;margin-right:10px;margin-top:10px;border-radius:3px}
.contact .feed .btn1 {background:#666}

.news .newslist {margin-bottom:80px}
.news .newslist li a {position:relative;display:block;height:130px;padding:20px 0;border-bottom:1px solid #ddd}
.news .newslist li a .pic {position:absolute;left:10px;top:20px;width:200px;height:130px;background:#eee;overflow:hidden}
.news .newslist li a .pic img {display:block;width:100%;height:100%;transform:scale(1);transition:all 0.3s}
.news .newslist li a .txt {padding-left:240px;padding-right:150px;margin-top:20px;transition:all 0.3s}
.news .newslist li a .txt h4 {font-size:18px;font-weight:500;color:#333;line-height:24px;margin-bottom:15px;transition:all 0.3s}
.news .newslist li a .txt p {font-size:14px;line-height:24px;color:#888;height:48px;overflow:hidden}
.news .newslist li a .date {position:absolute;right:10px;top:40px;color:#888;font-weight:300}
.news .newslist li a .date .day {font-size:30px}
.news .newslist li a:hover .pic img {transform:scale(1.1)}
.news .newslist li a:hover .txt {padding-left:250px}
.news .newslist li a:hover .txt h4 {color:#fb4848}

.product {background:#f8f8f8}
.product .pro_in {width:960px;margin-top:0}
.product .pro_in .title {border-bottom:1px solid #ddd;margin-bottom:20px}
.product .pro_in .title span {font-size:14px;padding:10px;border-bottom:2px solid #666;display:inline-block;color:#333}
.product .pro_in .list {width:960px;margin:0 auto}
.product .pro_in .list li {padding:10px;width:33.3333%}
.screen {background:#fff;padding:0 10px;height:50px;line-height:50px;display:none}
.screen .fl {color:#da251d}
.product .detail {background:#fff;padding:40px 30px 20px}
.product .detail .pic {width:40%;overflow:hidden;height:260px;display:table}
.oilpro .detail .pic {width:50%}
.product .detail .pic span {display:table-cell; vertical-align:top}
.product .detail .pic img {display:block;margin:0 auto;max-width:100%}
.oilpro .detail .pic img {width:80%;max-width:80%}
.product .detail .info {width:56%}
.oilpro .detail .info {width:46%}
.product .detail .info h1 {font-size:28px;font-weight:500;color:#333;line-height:35px;margin-bottom:20px}
.product .detail .info p {color:#333;line-height:30px;width:50%;float:left;box-sizing:border-box;padding-right:10px}
.product .detail .info p span {color:#888}
.product .detail .info p strong {font-size:30px;font-weight:500;color:#da251d}
.product .detail .info p.jg {margin-top:10px}
.product .detail .info .btn {padding:10px 28px;display:inline-block;background:#da251d;color:#fff;margin-top:30px;border-radius:3px;margin-right:10px;transition:all 0.3s}
.product .detail .info .btn i {padding-right:5px}
.product .detail .info .btn:hover {background:#ff1a60}
.product .detail .info .btn1 {background:#005fa3}
.product .detail .info .btn1:hover {background:#0095ff}
h2.detailtt {font-size:18px;font-weight:500;color:#333;border-bottom:1px solid #ddd;line-height:50px;margin-top:30px}
.product .detail .txt {padding:20px 0;line-height:24px;text-align: center}
.product .detail .txt img {margin:20px;max-width:100%}
.product .detail .parameter {border:1px solid #ddd;border-bottom:none;overflow:hidden;width:100%;margin-top:30px}
.product .detail .parameter dt, .product .detail .parameter dd {height:43px;line-height:43px;text-align:center;box-sizing:border-box;padding:0 10px;float:left;border-bottom:1px solid #ddd}
.product .detail .parameter dt {width:30%;background:#f7f7f7;border-right:1px solid #ddd}
.product .detail .parameter dd {width:70%}
.product .detail .parameter dt.t1 {background:#fff;border-right:1px solid #fff;font-weight:800;color:#333}

.main_nav {width:472px;margin:0 auto;background:#fff;overflow:hidden;margin-top:160px;border-radius:5px}
.main_nav a {display:block;width:50%;box-sizing:border-box;height:46px;line-height:46px;float:left;padding:0 20px;position:relative}
.main_nav a:before {content:'\f006';position:absolute;right:20px;top:16px;font:normal normal normal 14px/1 FontAwesome}
.main_nav a:hover {color:#da251d}
.main_nav a.cur {background:#da251d;color:#fff}
.main_nav a.cur:before {content:'\f005'}
.main {background:#f8f8f8;padding-bottom:40px}
.main .title, .app .title, .hr .title {text-align:center;padding:40px 0}
.main .title h1, .app .title h1, .hr .title h1 {font-size:30px;color:#333;font-weight:500}
.main .title p, .app .title p, .hr .title p {font-size:16px;font-weight:500}
.main .listnav ul {display:table; table-layout:fixed;width:100%;border:1px solid #d7d7d7;box-sizing:border-box}
.main .listnav ul li {display:table-cell;width:100%;border-right:1px solid #d7d7d7; vertical-align:middle;box-sizing:border-box}
.main .listnav ul li a {text-align:center;display:block;position:relative;padding:10px}
.main .listnav ul li a span {vertical-align:middle}
.main .listnav ul li .icon {display:inline-block;width:168.5px;height:100px;position:relative;overflow:hidden;margin-right:6px}
.install .listnav ul li .icon {height:28px;width:auto}
.main .listnav ul li .icon img {display:block;height:100%;width:auto; vertical-align:middle; max-width:100%;transform:scale(0.8);transition:all 0.5s}
.main .listnav ul li a:hover .icon img, .main .listnav ul li a.cur .icon img {transform:scale(1)}
.main .listnav ul li a.cur {background:#fff;color:#da251d}
.main .content {font-size:16px;color:#666;overflow:hidden}
.main .content h1 {font-size:38px;font-weight:500;color:#333}
.main .content img {max-width:100%;display:block;margin:10px auto}
.main .content table {width:100%;border:#cccccc dotted 1px;border-bottom:0 none;border-collapse:collapse; border-spacing:0;margin-bottom:20px}
.main .content table td {color:#858585;font-size:1rem;border-bottom:#e5e5e5 solid 1px;border-right:#ccc dotted 1px;text-align:center;vertical-align:middle;box-sizing:border-box;padding:10px}
.main .content table tr:nth-child(odd) td:first-child {background:#fff}
.main .content table tr:nth-child(even) td:first-child {background-color:#dadada}
.main .content table tr:nth-child(even) {background-color:#f1f1f1}

.app .title {padding-bottom:30px}
.app .list {margin-top:20px}
.app .list li {float:left;width:50%;padding:10px 30px;box-sizing:border-box}
.app .list li a {display:block;padding-bottom:30px;transition:all 0.3s}
.app .list li a .pic {display:block;width:100%;height:auto;background:#eee}
.app .list li a .pic img {display:block;width:100%}
.app .list li a h4 {font-size:18px;margin-top:10px;line-height:50px;color:#333;transition:all 0.3s}
.app .list li a .more {font-size:14px;display:inline-block;padding:0 30px;line-height:35px;border:1px solid #ccc;border-radius:30px;transition:all 0.3s}
.app .list li a:hover {background:#da251d}
.app .list li a:hover h4 {color:#fff;margin-left:20px}
.app .list li a:hover .more {margin-left:20px;background:#fff;}

.appdetail {margin-bottom:40px}
.appdetail .content img{display:block;margin:0 auto}
.appdetail .content .sbanner {margin-bottom:10px}
.appdetail .content h2 {font-size:28px;text-align:center;line-height:60px;padding:30px 0 0;color:#333}
.appdetail .content .box {margin:30px 0}
.appdetail .content .box .fl, .appdetail .content .box .fr {width:50%;padding:0 20px;box-sizing:border-box}
.appdetail .content img {display:block;width:100%}
.appdetail .content .box h4 {color:#333;font-size:20px;line-height:40px;margin-top:10px}
.appdetail .content .text-1 {padding:30px 20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.appdetail .content .text-1 h3 {font-size:28px;color:#333;margin-bottom:20px}
.appdetail .content .row .small-1 {float:left;width:33.3333%;padding:20px;box-sizing:border-box}
.appdetail .content .row .small-1 h4 {font-size:22px;color:#333;line-height:50px}
.appdetail .content .small-3 {width:33.3333%;float:left;box-sizing:border-box;padding:0 20px}
.appdetail .content .section {border-top:1px solid #ddd;padding-top:10px;margin-top:20px}

.met_pager {
    margin-top:40px;
    text-align:center;
}
.met_pager .PreSpan, .met_pager .NextSpan {
    border:1px solid #e4eaec;
    padding:9px 15px;
    background:#fff;
    color:#ccd5db;
    cursor:default
}
.met_pager a, .met_pager span {
    border:1px solid #e4eaec;
	margin-right:-1px;
    background:#fff;
    padding:9px 15px;
    text-align:center;
    color:#76838f
}
.met_pager span {background:#e4eaec}
.met_pager a.current {
    background:#3488EA;
    border-color:#3488EA;
    color:#fff;
    cursor:default
}
.met_pager a:hover {background:#da251d;border-color:#da251d;color:#fff}

.hr {padding-bottom:40px;background:#f8f8f8}
.bellows__item:not(.bellows--is-open) > .bellows__content {display: none}
.bellows__item.bellows--is-open > .bellows__content-wrapper,.bellows__item.bellows--is-closing > .bellows__content-wrapper {display:block}
.bellows__content-wrapper {display:none}
.bellows {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bellows__header {
	position:relative;
	padding:15px 20px;
	border:1px solid #ddd;
	border-width:0 0 1px;
	background:#f8f8f8;
	color:#333;
	-webkit-tap-highlight-color:transparent;
	overflow:hidden;
	cursor:pointer;
	transition:all 0.3s
	}
.bellows__header h3 {float:left;width:50%}
.bellows__header:active,.bellows__header:hover {background:#fff}
.bellows__header::before, .bellows__header::after {
	content:'';
	position:absolute;
	top:50%;
	right:20px;
	z-index:2;
	display:block;
	width:16px;
	height:4px;
	margin-top:-2px;
	background:#666;
	pointer-events:none;
	-webkit-transition:-webkit-transform 0.25s ease-in-out;
	transition:transform 0.25s ease-in-out
	}
.bellows__header::before {
	content:'';
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg)
	}
.bellows__header::after {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
	}
.bellows__item.bellows--is-open > .bellows__header {background:#fff}
.bellows__item.bellows--is-open > .bellows__header::before, .bellows__item.bellows--is-opening > .bellows__header::before {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)
	}
.bellows__item.bellows--is-open > .bellows__header::after, .bellows__item.bellows--is-opening > .bellows__header::after {
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg)
	}
.bellows__item:last-child > .bellows__header {border-bottom:0}
.bellows__header h1,.bellows__header h2,.bellows__header h3,.bellows__header h4 {margin:0}
.bellows__content {padding:20px;border:1px solid #ecf0f1;background:#fff}
.bellows__content .bellows {margin-top:20px}
.bellows__content .mailto {display:inline-block;height:40px;line-height:40px;padding:0 40px;background:#da251d;color:#fff;margin-top:30px;border-radius:3px;transition:all 0.3s}
.bellows__content .mailto:hover {background:#f12060}

.check {height:800px;background:#ededed}
.check .fw {background:url(../images/check_bg.gif) no-repeat center 50px;height:100%;overflow:hidden}
.check h1 {text-align:center;margin-top:200px;margin-bottom:50px;color:#333;font-size:40px}
.check .fw .form1 {width:646px;margin:0 auto;box-shadow:0 2px 5px #ccc}
.check .fw .form1 input {width:500px;height:50px;line-height:50px;background:#fff;padding:0 10px;float:left;border-radius:3px 0 0 3px}
.check .fw .form1 .am-btn {width:126px;height:50px;line-height:50px;text-align:center;color:#fff;background:#da251d;float:left;border:0;font-size:16px;font-family:"PingFang SC",Arial,"Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; cursor:pointer;transition:all 0.3s;border-radius:0 3px 3px 0}
.check .fw .form1 .am-btn:hover {background:#ff3c78}
.check .fw .tishi {text-align:center;margin-top:10px;font-size:14px}
.check .item-content {font-size:22px;color:#da251d;margin-top:30px}

.newsdetail {font-size:14px;color:#333;line-height:24px}
.newsdetail .tt {text-align:center;font-size:30px;color:#333;line-height:30px;padding:30px 0 10px;font-weight:600}
.newsdetail .date {text-align:center;border-bottom:1px solid #ddd;padding:10px 0 20px;color:#666;margin-bottom:30px}
.newsdetail img {max-width:100%}

.brand {width:100%;background:#f2f2f2;padding:30px 0 60px}
.brand .main {background:none;padding-bottom:10px}
.brand .list li {float:left;width: calc(100%/3); background:#fff;border:1px solid #f2f2f2;border-right:0;border-bottom:0;padding:0 46px 46px;box-sizing:border-box}
.brand .list li .item_img {position:relative;overflow:hidden;text-align:center}
.brand .list li .item_img img {padding:46px 0 26px;max-width:100%;transition:all 0.36s ease;display:inline;}
.brand .list li .item_wrapper {text-align:center;font-size:18px;transition:all 0.36s ease}
.brand .list li:hover .item_img img {transform:scale(1.08)}
.brand .list li:hover .item_wrapper {color:#da251d}

/*�����ͷ�*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;left:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#d4003c;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;border-bottom:1px solid #e3e3e3; padding:0 0 0 40px;background:url(../images/qq.png) no-repeat left;}
#floatDivBoxs .floatDqq li.mob {display:none}
#floatDivBoxs .floatDqq li a {color:#666;font-size:15px}
#floatDivBoxs .floatDqq li a:hover {color:#d4003c}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 10px 14px;font-size:15px;color:#d4003c}
#floatDivBoxs .floatDtel p {padding-bottom:10px}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;background-position:-50px 0;position:fixed;top:180px;left:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}
@media screen and (max-width:1180px){
.fw {padding:0 10px;width:auto}
.brand_in {padding:0}
.brand_in .fl {width:45%}
.brand_in .fr {width:52%;margin-top:10px}
.pro_in .list,.news_in .list {width:100%}
.cooper .list a.next {right:0}
.cooper .list a.prev {left:0}
.cooper .list li a {height:120px}
.product .pro_in {width:78%}
.product .pro_in .list {width:100%}
}

@media screen and (max-width:1000px){
.about_in .pic {width:28%}
.about_in .content {width:55%}
.know_in {height:auto;padding-bottom:40px}
.know_in .list {width:690px}
.know_in .list li:first-child {margin-left:230px}
.know_in .list li .pic, .know_in .list li .txt {width:230px;height:140px}
.know_in .list li a.more {width:230px;height:140px}
.know_in .list li .txt span {display:none}

.footer .list {margin-left:30px;width:500px}
.footer .list .li {width:25%}
.footer .ewm {width:130px}

.inner_content {width:70%}
.about .inner_content .pic {width:40%}
.about .inner_content .txt {width:58%}

.product .pro_in {width:73%}
.product .pro_in .list li {width:33.3333%}
}
@media screen and (max-width:960px){
.header .nav {display:none}
#sidenav-toggle {display:block}
.pro_in .list li {width:25%;padding:10px}
.header {height:60px;line-height:60px;transition:all 0.3s}
.header .logo img {height:40px;margin-top:10px}
.small_head {height:40px;line-height:40px}
.small_head .logo img {height:30px;margin-top:5px}
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:450px}
.phone_search {display:block}
.contact .feed .text1 {width:100%}
.pro_in .list li a .pic {height:144px}
.brand .list li {padding:0 26px 26px}
.pro_in .list li.oili a .pic span {height:180px}
.news .leftnav {display:none}
.news .newslist {width:100%}
.main .listnav ul {border-bottom:0}
.main .listnav ul li {display:block;border-bottom:1px solid #d7d7d7}
}
@media screen and (max-width:768px){
	body{margin-bottom:61px;height:auto;}
	.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:260px}
	.about_in .pic {display:none}
	.about_in .content {width:100%}
	.about_in .content .list {margin-left:0}
	.pro_in .list li {width:33.3333%}
	.news_in .list dl {width:50%}
	.news_in .list dl.dl2 {display:none}
	.know_in {padding-bottom:0}
	.know_in .tt {width:100%;float:none;text-align:center;margin-top:40px;display:block}
	.know_in .tt p {width:auto;background:none;margin-top:0}
	.know_in .tt .jia {display:none}
	.know_in .list {width:100%;margin-top:20px}
	.know_in .list li:first-child{margin-left:0}
	.know_in .list li {margin-bottom:10px;width:100%}
	.know_in .list li .pic {width:30%}
	.know_in .list li .txt {width:70%}
	.know_in .list li a.more {width:100%;height:60px} 
	.footer {position:relative}
	.footer .con {width:100%}
	.footer .ewm {position:absolute;right:10px;top:40px}
	.footer .list {width:100%;margin-left:0;margin-top:30px}
	/*�޸Ĳ���(��Ӧʽ��������)*/
	.footer .me15{position: absolute;right: 120px;top: 40px;}
	.foot_info_met_11_3_22_bottom{display: block;}
	.cbl{display: none;}

	.leftnav {display:none}
	.screen {display:block}
	.inner_content {width:100%}
	.contact .temp {padding:20px}
	.product .pro_in {width:100%}
	.pro_in .list li a .pic img{ height:140px;}
	.check {min-height:500px}
	.check h1 {margin-top:150px}
	.check .fw .form1 {width:90%}
	.check .fw .form1 input {width:80%;box-sizing:border-box}
	.check .fw .form1 .am-btn {width:20%;box-sizing:border-box}
}
@media screen and (max-width:600px){
	.banner {height:200px}
	.check {min-height:500px}
	.about_in .content .list {margin-top:30px}
	.about_in .content .list li a p {display:none}
	.pro_in .list li {width:50%;padding:0;border:1px solid #f8f8f8}

	.contact .temp {width:100%;padding:10px} 
	.product .pro_in .list li {width:50%;padding:1px}

	.app .list li {width:100%;padding:10px}
	.appdetail .content .row .small-1,.appdetail .content .box .fl, .appdetail .content .box .fr {width:100%}
	.appdetail .content .box .fl, .appdetail .content .box .fr {margin-bottom:10px;padding:0}
	.appdetail .content .small-3 {width:100%;margin-bottom:10px}

	.check .fw .form1 {width:100%}
	.check h1 {margin-top:130px;font-size:30px;margin-bottom:30px}
	.brand .list li {width: calc(100%/2)}
	.product .pro_in {padding:10px 0}
	.product .detail .pic {width:100%}
	.product .detail .info {width:100%;margin-top:20px}
	.product .detail {padding:10px}
	.news .inner_content {margin-top:0}
	.news .newslist li a {height:auto;padding:30px 0}
	.news .newslist li a .date {display:none}
	.news .newslist li a .pic {width:140px;height:100px}
	.news .newslist li a .txt {padding-left:170px;padding-right:0;margin-top:0}

	.main .listnav ul li .icon {display:block;width:100%}
	.main .listnav ul li .icon img {margin:0 auto}
	.main_nav {margin-top:120px;width:95%}
}
@media screen and (max-width:480px){
	.about_in .fw {padding:0}
	.about_in .content .text {padding:0 10px}
	.about_in .content .text p{height:86px;overflow:hidden}
	.about_in .content .list li {width:50%;padding:30px;position:relative}
	.about_in .content .list li a p {display:block}
	.about_in .content .list li:first-child:before{content:'';position:absolute;width:1px;height:100%;background:#ddd;right:0;top:0}
	.about_in .content .list li:first-child:after {content:'';position:absolute;width:100%;height:1px;background:#ddd;left:0;bottom:0}
	.about_in .content .list li:last-child:before {content:'';position:absolute;width:1px;height:100%;background:#ddd;left:-1px;top:0}
	.about_in .content .list li:last-child:after  {content:'';position:absolute;width:100%;height:1px;background:#ddd;top:-1px;left:0} 
	.pro_in {margin-top:0}
	.brand_in .fr,.brand_in .fl {width:100%}
		.brand_in .fl {text-align: center;margin:30px auto}
		.brand_in .fl h1 {font-size: 58px}
		.brand_in .fl h4 {font-size: 28px}
		.brand_in .fl p {padding-top:10px;margin-top:10px}
		.brand_in .fl p:before {width:42px;height:2px;left:50%;margin-left:-21px}
		.brand_in .fr li {width: 50%;padding-left:3px;padding-bottom:3px}
		.brand_in .fr li:nth-child(3) {margin-bottom:5px}
		.brand_in .fr li a .txt {left:10px;top:10px}
	.con_in {height:auto;padding-bottom:30px}
	.con_in dd {padding:0 10px;font-size:14px}
	.con_in dd .icon {width:60px;height:60px;border-radius:30px}
	.con_in dd .icon i {background-size:90%}
	.con_in dd .icon i.add {background-position:3px 5px}
	.con_in dd .icon i.phone {background-position:3px -50px}
	.con_in dd .icon i.mail {background-position:3px -105px}
	.con_in dd p {font-size:18px}

	.news_in .list dl {width:100%}
	.menu_in a {padding:8px 20px;margin:0 3px}

	.know_in .list li .pic, .know_in .list li .txt {height:100px}
	.know_in .list li .pic {width:40%}
	.know_in .list li .txt {padding:12px;width:60%}
	.cooper .list {overflow:hidden}

	.cooper .list li {width:50%}

	.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:180px}

	.footer .list {width:100%}
	.footer .con {float:left}
	.footer .ewm {display:none}
	.copyright {height:auto;overflow:hidden;line-height:18px;text-align:center;padding:20px 0}
	.copyright .fl {width:100%}
	.copyright .fl span {display:block}
	.copyright .fr {display:none}
	.about .inner_content .pic {display:none}
	.about .inner_content .txt {width:100%}
	.about .inner_content img {max-width: 100%}
	.app .list li {width:100%;padding:0}
	.appdetail .content .text-1 {padding:30px 0}
	.appdetail .content .row .small-1 {padding:20px 0}
	.appdetail .content .small-3 {padding:0}

	.brand .list li {padding:0 10px 20px}
	.brand .list li .item_img img {padding:10px 0 10px}
	.news .newslist li a .pic {display:none}
	.news .newslist li a .txt {padding:0}
	.product .fw {padding:0}
}