@charset "utf-8";
* {padding:0;margin:0;}
ul li {list-style:none;}

a {text-decoration:none; color:#333;}
img {border:none}
input {border:none;background:none;}
input, textarea {font-family:Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;outline:0;font-size:12px;-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:12px Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color:#333333;width:100%;height:100%;background:#fff}
.fw {margin:0 auto;width:1170px;}

.logo{ float:left;}

.header_line{background:#0075C1;height:5px;}
.header_menu{width:828px; margin-top:30px;height:51px;float:right;display:inline;}
.header_menu p{text-align:right;padding:15px 1px}
.header_menu p img{margin-left:10px}
.header_menu dd{width:85px;margin-left:5px;padding-top:0px;text-align:center;font-weight:700;color:#333;font-size:16px;float:right}
.header_menu dd>a{display:block;width:85px;height:51px;line-height:51px;padding:0;margin:0;}
.header_menu dd>a:hover{text-decoration:none}
.jl_navHover{background:url(../images/jl_navhover_03.png) center 5px}
.header_menu dd.jl_navHover{color:#FFF}
.header_menu dd.jl_navHover>a{color:#FFF}
.jl_navFloat1{width:480px;margin-top:0px;margin-left:0px;padding-bottom:20px;position:absolute;z-index:9999999;overflow-x:hidden;background:#FFFFFF url(../images/jl_headernavfloat_bg_03.png) left top repeat-x;display:none;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.25);-moz-box-shadow:0 1px 4px rgba(0,0,0,.25);box-shadow:0 1px 4px rgba(0,0,0,.25)}
.header_menu .jl_navFloat1 a:hover{text-decoration:underline}
.jl_navFloat1_ul1{width:460px;margin-left:10px;margin-top:20px;border-top:1px dashed #DDD;border-bottom:1px dashed #DDD;float:left}
.jl_navFloat1_ul1 li{height:30px;width:92px;margin-left:20px;float:left}
.jl_navFloat1_ul1 li a{padding-top:0;margin-left:0;line-height:30px;font-size:14px;font-weight:400;float:left;color:#0075C1;width:auto;height:auto}
.jl_navFloat1_ul2{width:112px;margin-left:30px;float:left}
.jl_navFloat1_ul2 li{height:25px;width:112px;float:left}
.jl_navFloat1_ul2 li a{padding-top:0;margin-left:0;line-height:25px;font-size:12px;font-weight:400;float:left;color:#666;width:auto;height:auto}

#sidenav-toggle {float:right;font-size:24px;color:#333;display:none}

.fullSlide {
	width:100%;
	position:relative;
	height:400px;
	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:400px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:400px;
}
.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;
}

.lev1 {background:url(../images/lev1bg.gif) no-repeat center top;width:100%;padding:10px 0}

.search_top {margin-top:20px}
.search_top .tt {float:left;color:#fff;padding-left:10px;padding-right:10px;line-height:25px}
.search_top .tt h4 {font-size:22px}
.search_top .tt p {font-size:14px}
.search_top dl {width:966px;float:right;margin-top:8px}
.search_top dt {
	color:#fff;
	height:33px;
	line-height:33px;
	font-size:12px;
	float:left;
	margin-right:5px
	}
.search_top dd {float:left;margin-right:15px}
.search_top dd input.text1 {
	width:125px;
	height:33px;
	line-height:33px;
	padding:0 5px;
	background:#fff;
	border-radius:3px
	}
.search_top dd input.text2 {width:45px}
.search_top dd input.btn1 {
	width:55px;
	height:33px;
	background:#36404b;
	text-align:center;
	color:#fff;
	cursor:pointer;
	border-radius:3px
	}
.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}
.option a:hover{background:#333; color:#fff;}

.phone_search {width:100%;padding:10px;margin-top:10px;box-sizing:border-box;display:none}
.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:110;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}
.search-warmp{display:none;position:fixed; z-index:120;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;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:#1975A9;color:#fff;text-align:center;border:0;padding:0}

.about_in {width:100%;position:relative;margin-top:20px;margin-bottom:40px;padding-bottom:40px}
.about_in .pic {display:block;width:585px;height:320px;overflow:hidden;box-shadow:0 5px 30px #999;}
.about_in .pic img {display:block;width:100%}
.about_in .txt {position:absolute;width:555px;height:270px;padding:30px;background:#fff;box-shadow:0 5px 30px #999;top:30px;right:0}
.about_in .txt .tt {position:relative;padding-bottom:20px;margin-bottom:20px}
.about_in .txt .tt h2 {font-size:35px;color:#999;line-height:35px}
.about_in .txt .tt p {font-size:21px;color:#1975A9}
.about_in .txt .tt:before {content:'';position:absolute;width:35px;height:2px;background:#1975A9;bottom:0;left:0}
.about_in .txt .content {font-size:13px;color:#666;line-height:24px;margin-bottom:30px}
.more_in {display:block;width:115px;height:35px;line-height:35px;background:#36404b;color:#fff;text-align:center;transition:all 0.3s}
.more_in:hover {background:#1975A9}
.content b{ color:#fb5555;}
.title_in1 {width:180px;margin-top:60px;float:left}
.title_in1 h1 {font-size:45px;color:#fff;font-weight:900}
.title_in1 p.tt {font-size:18px;color:#fff;border-bottom:2px solid #1975A9;line-height:40px;margin-bottom:10px}
.title_in1 p.txt {line-height:24px}
.title_in1 .more_in {margin-top:30px}
.title_in1 .more_in:hover {background:#fff;color:#333}

.title_in2 {font-size:14px;color:#666;margin-bottom:20px}
.title_in2 b {font-size:24px;color:#333; text-transform:capitalize}
.ttlist a {float:left;display:inline-block;height:35px;line-height:35px;margin-bottom:10px;padding:0 20px;color:#333;background:#f2f2f2;margin-right:10px;transition:all 0.3s;font-size:14px}
.ttlist a.cur,.ttlist a:hover {background:#1975A9;color:#fff}

.brand_in {width:100%;background:url(../images/brand_bg.png) no-repeat fixed center;background-color:#1f1f1f;height:424px}
.brand_in .title_in1 a.more_in {background:#1975A9}
.brand_in .title_in1 a.more_in:hover {background:#fff}
.brand_in .fl a.more_in {background:#1975A9;margin-top:30px}
.brand_in .fl a.more_in:hover {background:#fff;color:#333}
.brand_in .list {float:right;width:936px;margin-top:60px}
.brand_in .list li {float:left;margin-bottom:1px;width:25%;padding-left:1px;box-sizing:border-box}
.brand_in .list li a {display:table;width:100%;height:150px;background:#fff;opacity:0.8;transition:all 0.3s}
.brand_in .list li a div {display:table-cell;vertical-align:middle}
.brand_in .list li a img {display:block;max-width:80%;max-height:140px;margin:0 auto}
.brand_in .list li a:hover {opacity:1;transform:scale(1.05)}

.pro_in {padding:40px 0}
.pro_in .list {width:1190px;margin:20px auto 0}
.pro_in .list li {box-sizing:border-box;width:20%;padding:10px;float:left}
.pro_in .list li .box {display:block;background:#f1f1f1;padding:1px;color:#666;transition:all 0.3s}
.pro_in .list li .pic {vertical-align:middle;width:100%;height:150px;overflow:hidden}
.pro_in .list li .pic span {display:block; margin:0 auto; vertical-align:middle;height:200px;overflow:hidden}
.pro_in .list li .pic img {display:block;margin:0 auto;max-width:100%;max-height:100%}
.pro_in .list li p {height:44px;line-height:44px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;font-size:14px}
.pro_in .list li .box:hover {background:#1975A9;color:#fff}

.app_in {width:100%;height:415px;background:url(../images/app_bg.png) no-repeat center bottom;background-color:#1975A9}
.app_in .title_in1 h1{font-size:24px;line-height:24px;margin-bottom:30px}
.app_in .title_in1 p.tt{border-bottom:2px solid #36404b}
.app_in .title_in1 .txt {color:#fff}

.app_in .fr {width:932px;margin-top:49px}
.app_in .fr li {width:33.3333%;float:left;transition:all 0.3s}
.app_in .fr li a {color:#999;position:relative;display:block;height:100%;width:100%}
.app_in .fr li .tt {font-size:12px;position:absolute;left:30px;top:30px;z-index:2}
.app_in .fr li .tt b {font-size:16px;color:#333;display:block}
.app_in .fr li .txt {position:absolute;line-height:24px;padding:0 30px;top:90px}
.app_in .fr li .pic {width:100px;height:100px;border-radius:60px;overflow:hidden;position:absolute;right:20px;bottom:20px;transition:all 0.3s;z-index:1}
.app_in .fr li .pic img {position:absolute;right:0;bottom:0;width:200%;transition:all 0.8s}

.app_in .fr li.li1 {background:#fff;height:324px}
.app_in .fr li.li1 .pic {right:30px;bottom:30px}
.app_in .fr li.li1:hover {background:#eee}
.app_in .fr li.li2 {background:#f7f7f7;height:162px}
.app_in .fr li.li2 a:hover .pic {width:100%;height:100%;right:0;bottom:0;border-radius:0}
.app_in .fr li.li2 a:hover .pic img {width:100%}
.app_in .fr li.li3 {background:#ededed}

.news_in {margin-top:40px}
.news_in .fn {width:556px;margin-top:40px}
.news_in .fn li {margin-bottom:20px}
.news_in .fn li a {display:block;overflow:hidden;height:70px}
.news_in .fn li a .date {color:#999;text-align:center;float:left;margin-top:10px;position:relative;padding-right:16px;margin-right:16px;border-right:2px solid #eaeaea}
.news_in .fn li a .date .day {font-size:38px;line-height:38px}
.news_in .fn li a .date .year {font-size:12px}
.news_in .fn li a .date:before {content:'';position:absolute;width:2px;height:0px;background:#1975A9;right:-2px;top:0;transition:all 0.3s}
.news_in .fn li a .txt h4 {font-size:16px;color:#333;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
.news_in .fn li a .txt p {color:#888;line-height:20px}
.news_in .fn li a:hover .date:before {height:100%}

.news_in .know {margin-top:30px;width:530px;padding:0 15px 15px;background:#f2f2f2}
.news_in .know .tt {display:block;margin:12px 0;height:30px;line-height:30px;background:url(../images/icon.png) no-repeat left 3px;padding-left:30px;font-size:18px;font-weight:bold;color:#36404b}
.news_in .know .pic {display:block;width:234px}
.news_in .know .pic img {display:block;width:100%}
.news_in .know .fr {width:280px}
.news_in .know .fr li a{line-height:33px;font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;word-break:break-all;color:#36404b;transition:all 0.3s}
.news_in .know .fr a:hover {color:#1975A9}

.footer {background:#36404b;width:100%;padding:30px 0 40px;margin-top:30px}
.footer .list {float:left;width:265px;margin-right:45px}
.footer .list a.tt {display:block;border-bottom:1px solid #737a81;line-height:40px;font-size:18px;color:#fff;margin-bottom:10px}
.footer .list li {float:left;width:50%;box-sizing:border-box;padding-right:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-break:break-all;line-height:30px}
.footer .list li a {color:#b5b5b5;transition:all 0.3s;font-size:14px}
.footer .list li a:hover {color:#fff}
.footer .con {float:right;width:235px;margin-top:15px}
.footer .con p {color:#b5b5b5;line-height:24px;font-size:14px}
.footer .con h4 {font-size:25px;color:#fff;padding-left:40px;background:url(../images/icon.png) no-repeat left -33px;margin-bottom:10px}
.footer .con .ewm {margin-top:20px}
.copyright {background:#f2f2f2;height:50px;line-height:50px;font-size:14px}
.copyright a {color:#1975A9;transition:all 0.3s;font-size:14px}
.copyright a:hover {color:#36404b}
.copyright img {vertical-align:middle;margin-left:10px}

#sidenav-toggle {float:right;font-size:24px;color:#333;display:none}
.banner {width:100%;height:258px;background:#333}
.bannerabout {background:url(../images/banner_about.jpg) no-repeat center}
.bannerpro {background:url(../images/banner_pro.jpg) no-repeat center;background-color:#e1e3de}
.bannerbrand {background:url(../images/banner_brand.jpg) no-repeat center}
.bannernews {background:url(../images/banner_news.jpg) no-repeat center}
.bannerapp {background:url(../images/banner_app.jpg) no-repeat center}
.search_top_in {margin:10px auto}
.inner {padding-top:30px}
.inner .title_in2 {border-bottom:1px solid #ddd;line-height:50px}
.website {float:right;font-size:12px;color:#999}
.website a:hover {color:#1975A9}

.position {width:100%;height:50px;line-height:50px;border-bottom:1px solid #ddd;color:#999;font-size:12px}
.position a {color:#333;font-size:12px}
.position a:hover {color:#f3004a}

.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:#1975A9;border-color:#1975A9;color:#fff}

.prodetail {width:100%;background:#f8f8f8;padding:40px 0}
.prodetail .pic {width:45%;height:auto;background:#fff;box-sizing:border-box}
.prodetail .pic img {display:block;margin:0 auto;max-width:100%}
.prodetail .brief {width:50%}
.prodetail .brief h1 {font-size:23px;color:#333;line-height:30px;border-bottom:1px solid #ddd;padding:20px 0;margin-bottom:20px}
.prodetail .brief p {line-height:30px;font-size:14px;float:left;width:50%;padding-right:20px;box-sizing:border-box}
.prodetail .hotline {display:inline-block;background:#1975A9;font-size:14px;color:#fff;border:2px solid #1975A9;padding-left:10px;overflow:hidden;margin-top:20px;border-radius:3px;margin-right:15px}
.prodetail a.mob {display:none}
.prodetail .hotline b {background:#fff;color:#333;display:inline-block;padding:0 10px;height:38px;line-height:38px;margin-left:10px;font-size:16px}
.procon {margin-top:20px;font-size:14px;line-height:24px}
.procon h4.tt {font-size:16px;line-height:40px;border-bottom:1px solid #ddd;margin-bottom:10px;color:#333}
.procon img {display:block;margin:10px auto;max-width:100%}
.procon a.more_in {margin:30px auto;padding:0 20px;background:#1975A9}
.about {margin-top:40px}
.about .pic {width:370px;float:left}
.about .pic img {display:block;width:100%;margin-bottom:20px}
.about .txt {width:770px;float:right;font-size:14px;line-height:24px;margin-top:20px}
.about .txt .tt p {font-size:28px;color:#333}
.about .txt .tt h4 {font-size:28px;color:#1975A9;margin-bottom:20px;line-height:50px}
.brand {background:#f8f8f8;height:auto;padding:40px 0}
.brand .list {float:none;width:1170px;margin:0 auto}
.brand .list li a {opacity:1}
.brand .list li a:hover {box-shadow:0 10px 30px #ddd}
.branddetail .pic {width:40%}
.branddetail .brief {width:60%;box-sizing:border-box;padding-left:40px;font-size:14px;line-height:24px}
.app .list li {float:left;width:33.3333%;box-sizing:border-box;padding:10px}
.app .list li a {display:block;padding-bottom:20px;border-bottom:1px solid #eee;transition:all 0.3s;color:#666}
.app .list li .pic {width:100%;display:table}
.app .list li .pic span {display:table-cell; vertical-align:middle;overflow:hidden}
.app .list li .pic span img {display:block;margin:0 auto;width:100%;transition:all 0.3s}
.app .list li h4 {font-size:18px;line-height:30px;padding:20px;text-align:center;color:#333;transition:all 0.3s}
.app .list li p {text-align:center;font-size:14px;line-height:24px;text-align:center;padding:0 30px}
.app .list li a:hover {background:#1975A9;color:#fff}
.app .list li a:hover .pic span img {transform:scale(1.1)}
.app .list li a:hover h4 {color:#fff}
.appdetail {background:#fff;border-bottom:1px dashed #ddd}
.news .fn {width:100%}
.news .fn li a {position:relative;display:block;height:156px;padding:10px 0;border-bottom:1px solid #ddd}
.news .fn li a .pic {position:absolute;left:10px;top:20px;width:270px;height:136px;background:#eee;overflow:hidden}
.news .fn li a .pic img {display:block; margin:0 auto;height:100%;transform:scale(1);transition:all 0.3s}
.news .fn li a .txt {padding-left:330px;padding-right:150px;margin-top:30px;transition:all 0.3s}
.news .fn li a .txt h4 {font-size:16px;color:#333;line-height:24px;margin-bottom:15px;transition:all 0.3s}
.news .fn li a .txt p {font-size:14px;line-height:24px;color:#888;height:48px;overflow:hidden}
.news .fn li a .date {position:absolute;right:10px;top:40px;color:#888}
.news .fn li a .date .day {font-size:34px}
.news .fn li a:hover .pic img {transform:scale(1.1)}
.news .fn li a:hover .txt {padding-left:340px}
.news .fn li a:hover .txt h4 {color:#1975A9}
.newsdetail .content {width:780px;margin-top:20px}
.newsdetail .content h1.tt {font-size:20px;line-height:30px;padding:0;color:#333}
.newsdetail .content .info {font-size:12px;color:#999;border-bottom:1px solid #ddd;line-height:40px;margin-bottom:30px}
.newsdetail .content .txt {font-size:16px;line-height:28px}
.newsdetail .content .txt a{ font-size:16px;}
.met-shownews-footer {padding-bottom:30px;overflow:hidden;margin-top:40px}
.met-shownews-footer ul.pager {
    border-top:1px solid #f0f2f5;
    padding-top:20px
	}
.met-shownews-footer ul.pager li {display:inline}
.met-shownews-footer ul.pager li > a, .met-shownews-footer ul.pager li > span {
	display:inline-block;
	padding:10px 20px;
	color:#76838f;
	font-size:14px;
	border:1px solid #e4eaec;
	-webkit-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	border-radius:1000px;
	width:42%;
	box-sizing:border-box;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-break:break-all
	}
.met-shownews-footer ul li a:hover {border:1px solid #1975A9;color:#1975A9}
.newsdetail .list {width:310px}
.newsdetail .list h2 {font-size:16px;line-height:50px;border-bottom:1px solid #ddd;font-weight:500;color:#333}
.newsdetail .list li {padding:20px 0;border-bottom:1px dashed #ddd}
.newsdetail .list li a {color:#888}
.newsdetail .list li a h4 {font-size:14px;line-height:24px;margin-bottom:8px;color:#333;transition:all 0.3s;font-weight:500}
.newsdetail .list li a:hover h4 {color:#1975A9}
.search table {width:100%}
.search table th {background:#666;color:#fff;border:1px solid #efefef; font-weight:bold}
.search table td {background:#fff;border:1px solid #fff;transition:all 0.3s}
.search table tr:nth-child(odd) td {background:#efefef}
.search table td a, .search table th span {display:block;padding:10px 5px;text-align:center;box-sizing:border-box;word-break:break-all}
.search table td a {color:#666}
.search table tr:hover td {background:#1975A9}
.search table tr:hover td a{color:#fff}

.toggle {display:none;margin-top:-20px;padding:0 20px;color:#333;background:#f8f8f8;height:40px;line-height:40px}
.contact .ps {font-size:18px;line-height:30px;padding:10px 0;border-bottom:1px dotted #ddd;font-weight:500}
.contact .tt {font-size:28px;color:#333;margin-bottom:30px;font-weight:500}
.contact .tt i {display:block;color:#1975A9;font-size:40px}
.contact .con,.contact .feed {padding:30px;width:50%;box-sizing:border-box}
.contact .con {font-size:16px;line-height:28px}
.contact .feed {border-left:1px dotted #ddd}
.contact .feed p {padding-bottom:10px}
.contact .feed .text1 {border:1px solid #ddd;padding:0 10px;font-size:12px;height:40px;line-height:40px;box-sizing:border-box;width:100%;background:#f8f8f8;border-radius:3px}
.contact .feed .area {height:100px}
.contact .feed .btn {width:150px;text-align:center;height:40px;line-height:40px;background:#1975A9;color:#fff;margin-right:20px;border-radius:3px; cursor:pointer;transition:all 0.3s;margin-bottom:10px}
.contact .feed .btn1 {background:#666}
.contact .feed .btn:hover {background:#f00}
.contact .feed .btn1:hover {background:#333}

.noweb {margin-top:100px}
.noweb .fl {width:450px;font-size:16px;color:#999;margin-left:80px;margin-top:80px}
.noweb .fl h2 {font-size:22px;color:#fc4849;line-height:40px;margin-top:40px}
.noweb .fl a {display:inline-block;padding:10px 30px;margin-top:30px;font-size:14px}
.noweb .fl a.a1 {border:2px solid #fc4849;background:#fc4849;color:#fff;margin-right:10px}
.noweb .fl a.a2 {border:2px solid #fc4849;color:#fc4849}
.noweb .fl .djs {display:block}
.noweb .fr {margin-right:80px}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;left:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:35px;line-height:35px; background:#0081fb;color:#fff;font-size:16px;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;}

.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}

#fenlei a{ font-size:12px;}
.feiletul{ width:215px; padding:10px 0;}
.feiletul li{ width:215px; height:30px;}
.feiletul li a{ border-bottom:1px dotted #cbcbcb; font:12px/29px "宋体"; color:#3d3d3d; height:29px; padding-left:10px; width:164px; display:block;}
.feiletul li a:hover,.feiletul li a.on{ height:30px; background:#cf243e; color:#FFF; border-bottom:none;}

.out_feile{ padding-left:0px; background:#fff; border:1px solid #d8d8d8;border-top:none; padding-top:10px;}
.sub_feile dl{ background:url(../images/line.gif) repeat-y left; margin-left:18px;}
.sub_feile dl dd{ height:20px; line-height:20px;padding-left:18px; overflow-y:hidden;}
.sub_feile dl dd a{ color:#333;}
.sub_feile dl dd.tree_c{ background:url(../images/plus.gif) left no-repeat;}
.sub_feile dl dd.tree_c:last-child{background:url(../images/plus_last.gif) left no-repeat;}
.sub_feile dl dd.tree_o{background:url(../images/minus.gif) left no-repeat;}
.sub_feile dl dd.tree_o a,.sub_feile dl dd.page.on a{ color:#cf243e;}
.sub_feile dl dd.tree_o:last-child{background:url(../images/minus_last.gif) left no-repeat;}
.sub_feile dl dd.page{background:url(../images/page.gif) left no-repeat;}
.sub_feile dl dd.page:last-child{background:url(../images/page_last.gif) left no-repeat;}

.list_table{border-collapse:collapse;}
.list_table tr{ height:30px;}
.list_table td{ color:#000; border:1px solid #000000; text-align:left; padding: 4px 0px 2px 10px;}
.b_01{ background-color:#B9B9B9;}
.list_table a{ color:#cc092f}
.tbody1{  background-color:#F4F4F4;}
.tbody2{  background-color:#E4E4E4;}

.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}


.product {background:#f8f8f8}
.product .pro_in {width:930px;margin-top:0}
.product .pro_in p a{ font-size:16px;}
.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:930px;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: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:#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: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}

.detail li {float:left;width:25%;box-sizing:border-box}
.detail li p {padding:0 15px;margin-bottom:11px}
.detail li p a {
	display:block;
	background:#eee;
	line-height:30px;
	padding:0 10px;
	font-size:12px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	border-radius:3px;
	transition:all 0.3s
	}
.detail li p a:hover {background:#005fa3;color:#fff}
.header_menu dd:hover{ background:#1975A9;}
.header_menu dd:hover a{ color:#fff;}
.header_menu dd:hover  ul li a{ color:#0075C1;}
.logo img{ margin-top:20px;}

.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); padding-top:0px;}
#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;}

.fw {margin:0 auto;width:1200px;}
.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}

.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%}

.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; text-align:center;}
.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)}

@media screen and (max-width:1180px){
.fw {padding:0 10px;width:auto}
.footer .list {width:255px}
.pro_in .list {width:auto;padding:0 10px}
.product .pro_in {width:78%}
.product .pro_in .list {width:100%}
}

@media screen and (max-width:1000px){
.ttlist a {margin-bottom:10px}
.pro_in .list {margin-top:15px}
.brand_in .list {width:766px}
.app_in .fr {width:766px}
.news_in .fn {width:50%;box-sizing:border-box;padding-right:20px}
.news_in .know {width:50%;box-sizing:border-box}
.news_in .know .pic {width:40%}
.news_in .know .fr {width:58%}
.about .pic {width:30%}
.about .txt {width:70%;box-sizing:border-box;padding-left:30px}
.newsdetail .content {width:70%}
.newsdetail .list {width:30%;box-sizing:border-box;padding-left:40px}
.product .pro_in {width:73%}
.product .pro_in .list li {width:33.3333%}
}
@media screen and (max-width:960px){
.header_menu {display:none}
#sidenav-toggle {display:block;margin-top:0px}
.search_top {display:none}
.phone_search {display:block;margin-top:0}
.title_in1 {float:none;width:100%;text-align:center}
.title_in1 h1 {display:inline;font-size:22px;font-weight:bold;line-height:40px}
.title_in1 p.tt {display:inline;font-size:18px;border-bottom:none}
.title_in1 p.txt {border-top:1px solid #666}
.brand_in {height:auto;overflow:hidden;padding-bottom:20px}
.brand_in .list {width:100%;float:none;margin-top:30px}
.brand_in .title_in1 {margin-top:20px}
.brand {padding:0}
.title_in1 a.more_in {margin:10px auto}
.app_in {overflow:hidden;height:auto;padding-bottom:30px}
.app_in .title_in1 {margin-top:20px}
.app_in .title_in1 p.tt {border-bottom:none}
.app_in .title_in1 .txt {color:#333;border-top:1px solid #eee}
.app_in .fr {float:none;width:100%;margin-top:20px}
.news .fn li a .txt {padding-right:100px;padding-left:300px}
.detail li {width:33%;}
}
@media screen and (max-width:768px){
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:260px}
.pro_in .list li {width:33.3333%}
.pro_in .list li .pic span {height:150px}
.news_in .fn, .news_in .know {width:100%;float:none;margin-top:20px}
.news_in .know {padding-top:10px}
.footer .list {width:50%;margin-right:0;padding-right:30px;box-sizing:border-box}
.app_in .fr li .tt {left:20px;top:20px}
.app_in .fr li .txt {padding:0 20px;top:70px}
#hidden {display:none}
.about .pic {width:100%}
.about .pic img {width:33.3333%;float:left}
.about .txt {width:100%;box-sizing:border-box;padding-left:0px}
.news .fn li a .pic {width:230px;height:115px}
.news .fn li a .txt {padding-left:270px}
.news .fn li a:hover .txt {padding-left:280px}
.newsdetail .content {width:100%}
.newsdetail .list {width:100%;box-sizing:border-box;padding-left:0px}
.toggle {display:block}
.contact .con,.contact .feed {width:100%;border-left:0;padding:30px 0}
#floatDivBoxs .floatDqq li.web {display:none}
#floatDivBoxs .floatDqq li.mob {display:block}
.prodetail a.mob {display:inline}
.prodetail a.web {display:none}
.search .fw {padding:0}
.product .pro_in {width:100%}
.detail li {width:50%;}
.logo img{ width:200px;}
.leftnav {display:none}
}
@media screen and (max-width:600px){
.prodetail .pic {width:100%;float:none;padding:10px}
.prodetail .pic img {width:auto;max-width:100%}
.prodetail .brief {float:none;width:100%}
.brand .list {margin-top:0}
.branddetail .brief {padding:0}
.procon a.more_in {width:auto;margin:30px 10px;border-radius:5px}
.appdetail {padding-top:0}
.app .list li {width:50%}
.news .fn li a {height:auto;padding:30px 0}
.news .fn li a .pic {display:none}
.news .fn li a .txt {margin-top:0;padding-left:0}
.news .fn li a:hover .txt {padding-left:0}
.banner {height:200px}
.product .pro_in .list li {width:50%;padding:1px}
.product .pro_in {padding:10px 0}
.product .detail .pic {width:100%}
.product .detail .info {width:100%;margin-top:20px}
.product .detail {padding:10px}
.detail li {width:50%;}
.logo img{ width:200px;}
}
@media screen and (max-width:480px){
.website {display:none}
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:180px}
.app_in .fr li {width:50%}
.pro_in .list li {width:50%}
.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}
.brand_in .list li {width:50%}
.about_in {margin-bottom:0;margin-top:10px}
.about_in .pic {display:none}
.about_in .txt {position:inherit;box-sizing:border-box;top:0;width:100%;overflow:hidden;height:auto}
.app .list li {width:100%}
.product .fw {padding:0}
.detail li {width:50%;}	
}