@charset "gb2312";
* {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;}

.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:12px;height:56px;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:#f3004a;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:40px;margin-top:10px}
.small_head .nav li a.search_btn {margin-top:15px}
.header .nav li a:hover, .header .nav li a.cur {color:#f3004a}
.header .nav li dl {width:211px;height:auto;background:#fff;position:absolute;border-top:2px solid #f3004a;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:500px;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:300px;
	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:#f3004a
	}
.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:#f3004a}
.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-top:46px;overflow:hidden}
.brand_in .fl {display:block;width:518px}
.brand_in .fr {display:block;width:657px;margin-top:28px}
.brand_in img {display:block;width:100%}

.about_in {width:100%;background:url(../images/about_bg.gif) no-repeat center top;overflow:hidden}
.about_in .pic {width:417px;margin-top:20px}
.about_in .content {width:710px}
.about_in .content .text {color:#fff;margin-top:35px;line-height:28px}
.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:15px;background:#4d9afb;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:#f3004a;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:#f3004a}
.about_in .content .list li a:hover h4 {color:#f3004a}

.title_in {width:100%;text-align:center}
.title_in h1 {font-size:30px;position:relative;font-weight:100;color:#333;padding-bottom:10px;margin-bottom:10px; text-transform:uppercase}
.title_in h1:before {content:'';position:absolute;width:30px;height:2px;background:#f3004a;bottom:0;left:50%;margin-left:-15px}
.title_in h4 {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:#f3004a;color:#fff;border:1px solid #f3004a}

.pro_in {margin-top:40px;background:#f8f8f8;padding:40px 0}
.pro_in .list {width:1230px;margin:20px auto}
.pro_in .list li {float:left;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.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:#f3004a}
.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 h1 {font-size:35px;color:#f3004a;}
.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:30px}
.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:#f3004a;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:#f3004a}
.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 h2 {font-size:30px;color:#f3004a;line-height:28px; text-transform:uppercase;transition:all 0.7s}
.know_in .tt p {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, .know_in .list li .txt {float:left;width:317px;height:184px;overflow:hidden}
.know_in .list li .pic img {display:block;width:100%;height:100%;transform:scale(1);transition:all 0.5s}
.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:#f3004a;color:#fff;border:1px solid #f3004a}
.know_in .list li a.more {display:block;width:317px;height:184px;background:#0078ff;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:#f3004a}

.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; margin-bottom:2px;}
.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:#f3004a}
.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:#0078ff;border:1px solid #0078ff}

.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:20px}
.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}

.phone_search {width:100%;padding:10px;box-sizing:border-box;display:none;background:#0078ff;}
.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;background:#ececec url(../images/search-clear.html) center center no-repeat;background-size:0.5em 0.5em;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_news {background:url(../images/banner_news.jpg) no-repeat center top;background-size:auto 100%}
.banner_lx {background:url(../images/banner_lx.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_fa {background:url(../images/banner_fa.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:#f3004a}

.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:#f3004a}
.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:#f3004a}
.leftnav ul li a.cur i {right:10px;opacity:1;color:#f3004a}
.leftnav ul li a:hover {background:#f3004a;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;line-height:30px}
.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:30px}

.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:#f3004a;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:#f3004a; 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 .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:#f3004a}
.product .detail {background:#fff;padding:10px 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:#f3004a}
.product .detail .info p.jg {margin-top:10px}
.product .detail .info .btn {padding:10px 28px;display:inline-block;background:#f3004a;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:30px;font-weight:500;color:#333;border-bottom:1px solid #ddd;line-height:100px; text-align:center;}
.product .detail .txt {padding:20px 0;line-height:24px}
.product .detail .txt img {display:block;margin:10px auto;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:#f3004a}
.main_nav a.cur {background:#f3004a;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:#f3004a}
.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:#f3004a}
.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:#f3004a;border-color:#f3004a;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:#f3004a;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:#f3004a;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:#f3004a;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:#f3004a}

.lightboxbg {position:fixed;background:#000;opacity:0.5;left:0;top:0;width:100%;height:100%;z-index:9999;display:none}
.lightbox {width:208px;background:#fff;position:fixed;top:50%;margin-top:-100px;left:50%;margin-left:-100px;z-index:99991;text-align:center;font-size:14px;line-height:24px;padding-bottom:10px;display:none}
.lightbox img {display:block;margin:5px auto 0}
.lightbox a {display:block;color:#f6032c;font-size:14px}

/*¸¡¶¯¿Í·þ*/
#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){
.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}

.leftnav {display:none}
.screen {display:block}
.inner_content {width:100%}
.contact .temp {padding:20px}
.product .pro_in {width:100%}

.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%}
.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:12px;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%}
.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}
}