@charset "utf-8";
@font-face {font-family:'helvet';src: url('fonts/HelveticaNeueLTPro-ThEx.otf');font-weight: normal;font-style: normal;}
* {padding:0;margin:0;box-sizing:border-box}
ul li {list-style:none;}
a {text-decoration:none;font-family:"Microsoft YaHei","宋体"}
a:hover {text-decoration: none}
img {border:none}
input {border:none;background:none;}
input, textarea {font-family:Arial, "Microsoft YaHei";outline:0;font-size:14px;-webkit-appearance:none;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
.yy_tag_I{ margin:0 5px}
html, body {font:14px Arial,"Microsoft YaHei";color:#929292;width:100%;height:100%;background:#fff}
.fw {margin:0 auto;width:1300px;}
.h1, .h2, .h3, h1, h2, h3 {margin-top: 0;margin-bottom: 0}

.head {padding:15px 0;height:119px;position:fixed;top:0;background:#fff;width:100%;z-index:9999}
.head .fl .img1 {float:left;margin-top:8px}
.head .fr {position:relative;padding-left:55px;margin-top:4px}
.head .fr:before {content:'\f095';position:absolute;left:0;top:7px;color:#0f58d6;font-size:21px;font-family:'FontAwesome';border:2px solid #0f58d6;border-radius:50%;width:39px;height:39px;text-align:center;line-height:39px}
.head .fr p {font-size:14px;color:#fff;background:#0f58d6;text-align:center;padding:5px 0;border-radius:20px}
.head .fr h4 {font-size:22px;font-weight:200;color:#0f58d6}

.head_nav {background:#0f58d6;position:fixed;top:119px;width:100%;z-index:9999;box-shadow:0 5px 5px rgba(0,0,0,0.2)}
.head_nav li {float:left;width:11.111111%;line-height:60px;text-align:center;position:relative}
.head_nav li a {font-size:16px;color:#fff;display:block;transition:all 0.3s}
/*.head_nav li:before {content:'';position:absolute;width:0;height:3px;background:#fff;left:0;bottom:0;opacity:0;transition:all 0.3s}
.head_nav li.cur:before,.head_nav li:hover:before {opacity:1;width:100%}*/
.head_nav li a:hover {color:#fff;background:rgba(0,94,199,0.78)}
.head_nav li.cur a {color:#fff;font-weight:bold;background:#0078ff}
.head_nav li dl {position:absolute;top:60px;background:#fff;width:380px;z-index:999;visibility:hidden;top:70px;opacity:0;padding:10px 0;box-shadow:2px 5px 10px rgba(23,23,103,0.28);transition:all 0.3s}
.head_nav li dl dd {float:left;width:50%;padding:0 10px}
.head_nav li dl dd a {display:block;font-size:13px;line-height:38px;border-bottom:1px solid #f2f2f2;padding:0 5px;border-radius:5px;color:#666}
.head_nav li.cur dl dd a {display:block;font-size:13px;line-height:38px;border-bottom:1px solid #f2f2f2;padding:0 5px;border-radius:5px;color:#666; background-color:#ffffff;font-weight:100;}
.head_nav li dl dd a:before {display:none}
.head_nav li dl dd a:hover {background:#0f58d6;color:#fff}
.head_nav li:hover dl {visibility:visible;top:60px;opacity:1}
.fullSlide {
	width:100%;
	position:relative;
	height:600px;
	background:#000;
	transition:none;
	margin-top:179px
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
	width:100%
}
.fullSlide .bd .bg {position:absolute;z-index:10;left:0;bottom:0;width:100%;height:97px;/*background:url(../images/banner_bg.png) no-repeat center bottom;*/}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:600px;
	overflow:hidden;
	text-align:center;
	transition:none
}
.fullSlide .bd li a {
	display:block;
	height:600px;
	transition:none
}
.fullSlide .hd {
	display: none;
	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;
}

.search_in {width:1100px;height:65px; margin:0 auto;padding:14px 0;background:#fff;position:relative;z-index:100;margin-top:-32px;border-radius:30px;box-shadow:0 5px 10px rgba(0,0,0,0.2)}
.search_in .tt {float:left;padding:0 20px 0 30px;line-height:37px;font-size:15px;font-weight:bold;color:#333;border-right:1px solid #ddd}
.search_in .text1 {
	width:170px;
	height:37px;
	line-height:37px;
	padding:0 15px;
	background:#f3f3f3;
	float:left;
	margin-left:20px;
	border-radius:20px
	}
.search_in input.text2 {width:75px}
.search_in .btn1 {
	position:absolute;
	width:85px;
	height:65px;
	top:0;
	right:0;
	background:#0f58d6;
	text-align:center;
	color:#fff;
	font-size:18px;
	transition:all 0.4s;
	border-radius:0 30px 30px 0
	}
.search_in .btn1 i {line-height:65px}
.search_in .btn1:hover {background:#264ea7}
.search_in .select_box{
	float:left;
	position:relative;cursor:pointer;
	font-size:14px;
	color:#666;
	width:170px;
	height:37px;
	line-height:37px;
	z-index:500;
	background:#f3f3f3;
	border-radius:20px;
	padding:0 15px;
	margin-left:15px;
	border:none;
	}

.selet_open{display:inline-block;position:absolute;right:0;top:0;width:30px;height:37px; background:url(../images/search_icon1.png) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:5px;width:200px;line-height:37px;height:37px;cursor:text;overflow:hidden; z-index:200;}
.option{width:100%;border:solid 1px #EDE7D6;position:absolute;top:37px;left:0px;z-index:999;overflow:hidden;display:none;}
.option a{display:block;height:30px;line-height:30px;font-size:14px;text-align:left;padding:0 10px;width:100%;background:#fff;color:#666}
.option a:hover{background:#0f58d6; color:#fff;}

.phone_search {width:100%;padding:10px;box-sizing:border-box;display:none;z-index:50;}
.phone_search .text {display:block;text-align:center;box-sizing:border-box;background:#fff;width:100%;height:45px;position:relative;border-radius:45px;line-height:41px;font-size:14px;color:#888;padding-left:20px;border: 2px solid #0f58d6}
.phone_search .text i {font-size:18px;color:#0f58d6;line-height:41px;margin-right: 10px}
.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 url(../images/search-clear.png) 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:#0f58d6;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}
.search-warmp dl dd .text1 {height:45px;line-height:45px;padding:0 10px;width:100%;border:0}
.search-warmp .btn1 {width:50%; display:block;margin:0 auto; height:35px;line-height:35px;background:#333;color:#fff;text-align:center;border:0;padding:0}

.brand_in {padding:70px 0}
.brand_in .list {position:relative}
.brand_in .list li {float:left;width:25%}
.brand_in .list li a.box {display:block;height:76px;padding:0 30px;position:relative;padding-left:116px}
.brand_in .list li a.box .pic {position:absolute;left:30px;top:0;width:76px;height:76px;overflow:hidden;border-radius:50%}
.brand_in .list li a.box .pic img {display:block;width:100%;height:100%}
.brand_in .list li a.box .txt h3 {font-size:18px;color:#333;font-weight:200;padding-top:15px;transition:all 0.3s;position:relative}
.brand_in .list li a.box .txt h3:before {position:absolute;content:'';width:0;height:1px;background:#0f58d6;left:0;bottom:-6px;opacity:0;transition:all 0.6s}
.brand_in .list li a.box .txt p {font-size:14px;color:#888;transition:all 0.3s}
.brand_in .list li a.box:hover .txt h3 {transform:translateY(-5px)}
.brand_in .list li a.box:hover .txt h3:before {width:100%;opacity:1}
.brand_in .list li a.box:hover .txt p {transform:translateY(5px)}
.brand_in .list .next, .brand_in .list .prev {position:absolute;font-size:45px;color:#cdcdcd;width:36px;height:50px;line-height:50px;top:50%;margin-top:-25px;transition:all 0.3s}
.brand_in .list .next {right:-20px;text-align:right}
.brand_in .list .prev {left:-20px;text-align:left}
.brand_in .list .next:hover, .brand_in .list .prev:hover {color:#0f58d6}

.more_in {display:block;width:129px;height:41px;border:2px solid #0f58d6;text-align:center;line-height:37px;font-size:14px;color:#333;border-radius:20px;transition:all 0.3s}
.more_in:hover {background:#0f58d6;color:#fff}
.title1 {position:relative}
.title1 h2 {display:inline-block;position:relative;font-size:37px;color:#333;font-weight:200;padding-right:20px;float:left}
.title1 h2:before {position:absolute;content:'';width:5px;height:39px;background:#0f58d6;bottom:3px;border-radius:5px;right:0}
.title1 p {display:inline-block;font-size:14px;line-height:18px;color:#999;padding-left:15px;padding-top:9px;float:left}
.title1 .more_in {position:absolute;right:0;bottom:0}


.pro_in {background:#f5f6fa;padding:80px 0 60px 0}
.pro_in .title1 {margin-bottom:45px}
.pro_in .subnav {width:269px;border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,0.15);overflow:hidden;background:#fff}
.pro_in .subnav h2.tt {background:#0f58d6;color:#fff;font-size:18px;height:59px;line-height:59px;padding:0 20px}
.pro_in .subnav li {height:47px;line-height:47px}
.pro_in .subnav li a {display:block;position:relative;border-bottom:1px solid #eee;font-size:14px;color:#333;padding:0 20px;transition:all 0.3s}
.pro_in .subnav li a i {position:absolute;right:20px;top:0;line-height:47px;color:#999;font-size:16px}
.pro_in .subnav li a:hover {background:#eee;padding-left:30px}
.pro_in .list {width:992px}
.pro_in .list li {width:25%;padding-left:20px;float:left;margin-bottom:20px}
.pro_in .list li a {display:block;background:#fff;border:1px solid #ececec;border-radius:5px;transition:all 0.3s;overflow:hidden}
.pro_in .list li .pic {display:table;width:100%;overflow:hidden}
.pro_in .list li .pic span {display:table-cell;width:100%;height:226px; vertical-align:middle}
.pro_in .list li .pic span img {display:block;margin:0 auto; vertical-align:middle;max-width:100%;max-height:100%}
.pro_in .list li .tt {height:49px;line-height:49px;padding:0 10px;font-size:14px;color:#333;text-align:center;border-top:1px solid #eee;transition:all 0.3s}
.pro_in .list li a:hover {transform:translateY(-10px);box-shadow:0 5px 20px rgba(0,0,0,0.1)}
.pro_in .list li a:hover .tt {background:#0f58d6;color:#fff}

.title2 {width:100%;text-align:center}
.title2 h2 {font-size:36px;color:#333;position:relative;padding-bottom:15px;font-weight:200}
.title2 h2:before {position:absolute;content:'';width:41px;height:5px;background:#0f58d6;left:50%;margin-left:-20px;bottom:0;border-radius:5px}
.title2 p {font-size:18px;color:#333;padding-top:15px}

.type_in {padding:80px 0}

.about_in {width:100%;background:url(../images/about_bg.jpg) no-repeat center;height:572px;overflow:hidden}
.about_in img.tt {float:left;margin-top:119px}
.about_in .box {width:756px;height:342px;background:#fff;border-radius:10px;float:right;padding:60px 60px 60px 139px;position:relative;margin-top:119px}
.about_in .box .pic1 {position:absolute;left:60px;top:50px}
.about_in .box h2 {font-size:22px;font-weight:200;color:#333;line-height:40px}
.about_in .box .txt {font-size:14px;color:#666;line-height:24px;padding:20px 0 30px}
.about_in .box a.more {display:inline-block;padding:10px 30px;font-size:14px;color:#333;border:2px solid #0f58d6;border-radius:20px;transition:all 0.3s}
.about_in .box a.more:hover {background:#0f58d6;color:#fff}
.about_in .box a.btn, .foot .company a.btn {width:39px;height:39px;border:2px solid #0f58d6;text-align:center;position:absolute;bottom:60px;border-radius:50%;transition:all 0.3s}
.about_in .box a.btn i, .foot .company a.btn i {line-height:35px;font-size:16px}
.about_in .box a.btn.qq, .foot .company a.btn.qq {right:160px;color:#0f58d6}
.about_in .box a.btn.wx, .foot .company a.btn.wx {right:110px;border-color:#8bc82e;color:#8bc82e}
.about_in .box a.btn.add, .foot .company a.btn.add {right:60px;border-color:#333;color:#333}
.about_in .box a.btn.qq:hover, .foot .company a.btn.qq:hover {background:#0f58d6;color:#fff}
.about_in .box a.btn.wx:hover, .foot .company a.btn.wx:hover {background:#8bc82e;color:#fff}
.about_in .box a.btn.add:hover, .foot .company a.btn.add:hover {background:#333;color:#fff}

.app_in {padding:80px 0;width:100%;background:url(../images/app_bg.gif) repeat;}
.app_in .title2 {margin-bottom:40px}
.app_in .more_in {margin:60px auto 0}
.zenith_slider:before,
.zenith_slider:after,
.row:before,
.row:after{
  display: table;
  content: " ";
}
.zenith_slider:after,
.row:after{
  clear:both;
}
.zenith_slider {position:relative}
.zenith_slider .row{z-index: 2; position: relative; min-height: 1px; width:330px}
.zenith_slider ul {list-style: none;  z-index: 2;}
.highlight h3 {position: relative; margin-top:20px; display: inline-block;font-size: 24px;color:#333;font-weight:200; vertical-align: middle;}
.highlight.active h3{color:#0f58d6}
.highlight { cursor: pointer;padding:40px 0}
.highlight p { text-align: justify; margin-top:5px;font-size:16px;color:#888}
.highlight span.pic {position:absolute;width:97px;height:97px;border:1px solid #ccc;padding:5px;border-radius:50%;left:0}
.highlight span.pic img {display:block;width:100%;height:100%;border-radius:50%}
.highlight.active span.pic {border:1px solid #0f58d6}

.highlight-title {text-transform:uppercase;position:relative;height:97px}
.highlights-phone{width:552px;height:552px; float:left; border:1px solid rgba(0,120,255,0.2);padding:20px;border-radius:50%;position:absolute;left:50%;margin-left:-276px}
.phone-holder{display:block;height:100%;width:100%;position:relative;overflow:hidden;border:1px dashed #ccc;border-radius:50%}
.hgi{position:absolute; width: 100%;height:100%; visibility: hidden;border-radius:50%;padding:20px;overflow:hidden}
.hgi img{width:100%;height:100%;border-radius:50%}
.hgi.active{visibility: visible;}
.right-row {padding-right: 0; float: right;}
.left-row{float: left; margin-right: 0;}
.left-row .highlight-title{text-align:left;padding-left:117px}

.right-row .highlight-title{ text-align:right;padding-right:117px}
.right-row .highlight span.pic {left:auto;right:0}

.news_in {width:100%;background:url(../images/news_bg.gif) no-repeat center top;padding:80px 0}
.news_in .title1 .btn {float:right;display:block;width:127px;height:41px;border:1px solid #c7defb;text-align:center;line-height:39px;font-size:14px;color:#333;border-radius:20px;margin-left:20px;margin-top:10px;transition:all 0.3s}
.news_in .title1 .btn:hover {background:#0f58d6;color:#fff}
.news_in .box {width:100%;background:#fff;border-radius:20px;margin-top:40px;box-shadow:0 5px 20px rgba(0,0,0,0.1);overflow:hidden}
.news_in .box .fl {width:70%;padding:22px 55px;border-right:1px solid #ddd}
.news_in .box .fl li {padding:22px 0}
.news_in .box .fl li a {position:relative;display:block;padding:0 116px 0 219px}
.news_in .box .fl li a .pic {width:187px;height:95px;border-radius:5px;border:1px solid #ddd;overflow:hidden;position:absolute;left:0;top:0}
.news_in .box .fl li a .pic img {display:block;width:100%;height:100%;transition:all 0.3s}
.news_in .box .fl li a .txt h4 {font-size:16px;color:#333;line-height:40px;font-weight:200;transition:all 0.3s;position:relative}
.news_in .box .fl li a .txt h4:before {position:absolute;content:'';opacity:0;width:0px;height:3px;background:#0f58d6;border-radius:3px;left:0;top:20px;transition:all 0.3s}
.news_in .box .fl li a .txt p {height:48px;line-height:24px;overflow:hidden;font-size:13px;color:#999}
.news_in .box .fl li a .date {color:#999;position:absolute;right:0;top:0}
.news_in .box .fl li a .date b {display:block;font-size:24px;font-weight:100}
.news_in .box .fl li a .date p {font-size:14px}
.news_in .box .fl li a:hover .pic img {transform:scale(1.1)}
.news_in .box .fl li a:hover .txt h4 {padding-left:30px;color:#0f58d6}
.news_in .box .fl li a:hover .txt h4:before {width:20px;opacity:1}
.news_in .box .fr {width:30%}
.news_in .box .fr a {display:block;padding:40px 30px;transition:All 0.3s}
.news_in .box .fr a .pic {width:100%;height:211px;border-radius:10px;overflow:hidden}
.news_in .box .fr a .pic img {display:block;width:100%;height:100%;transition:all 0.3s}
.news_in .box .fr a .txt {margin-top:20px}
.news_in .box .fr a .txt h4 {font-weight:200;font-size:16px;color:#333;line-height:40px;transition:All 0.3s}
.news_in .box .fr a .txt p {font-size:13px;line-height:24px;height:48px;overflow:hidden;color:#999;transition:All 0.3s}
.news_in .box .fr a .date {font-size:24px;color:#999;margin-top:20px;transition:All 0.3s}
.news_in .box .fr a:hover {background:#0f58d6}
.news_in .box .fr a:hover .pic img {transform:scale(1.1)}
.news_in .box .fr a:hover .txt h4 {color:#fff}
.news_in .box .fr a:hover .txt p {color:#fff;opacity:0.5}
.news_in .box .fr a:hover .date {color:#fff}

.hz_in {width:100%;background:url(../images/hz_bg.gif) no-repeat top right;background-color:#f2f2f1;padding:70px 0}
.hz_in .title2 {display:none}
.hz_in .fw {padding-right:240px;position:relative}
.hz_in .tt {position:absolute;right:20px;top:0px}
.hz_in .list {width:100%}
.hz_in .list li {float:left;width:20%;padding:25px 10px}
.hz_in .list li img {display:block;margin:0 auto;width:100%;height:auto;transition:all 0.3s}
.hz_in .list li:hover img {transform:translateY(-10px)}

.foot {width:100%;padding:70px 0;background:#fff}
.foot .list {float:left;width:190px;margin-right:20px}
.foot .list h2.tt a {font-size:18px;color:#333;font-weight:200;padding-bottom:20px;display:block;transition:all 0.3s}
.foot .list h2.tt a:hover {color:#0f58d6}
.foot .list li {line-height:28px}
.foot .list li a {font-size:14px;color:#888;position:relative;transition:all 0.3s}
.foot .list li a:before {position:absolute;content:'';width:0px;height:1px; background:#0f58d6;left:0;top:9px;opacity:0;transition:all 0.3s}
.foot .list li a:hover {color:#0f58d6;padding-left:12px}
.foot .list li a:hover:before {width:10px;opacity:1}
.foot .list .ewm {width:135px;height:135px;padding:8px;border:1px solid #ddd;border-radius:10px}
.foot .list .ewm img {display:block;width:100%;height:auto}
.foot .list .p1 {width:135px;text-align:center;font-size:14px;color:#888;line-height:40px}

.foot .company {width:385px;text-align:right;position:relative;padding-bottom:60px}
.foot .company .footlogo {margin-bottom:20px}
.foot .company p {font-size:14px;line-height:22px;color:#666;padding:2px 0}
.foot .company a.btn {bottom:0}
.foot .company a.btn.qq {right:98px}
.foot .company a.btn.wx {right:49px}
.foot .company a.btn.add {right:0}

.copyright {height:57px;line-height:57px;border-top:1px solid #eee;font-size:14px;color:#666}
.copyright a {color:#0f58d6;font-size:14px;transition:all 0.3s}
.copyright a:hover {color:#333}

.head .fw .toggle {position:absolute;right:20px;top:6px;font-size:24px;width:60px;height:60px;background:#206bd1;border-radius:5px;color:#fff;text-align:center;display:none}
.head .fw .toggle i {line-height:60px}
.lightboxbg {position:fixed;background:#000;opacity:0.5;left:0;top:0;width:100%;height:100%;z-index:9999;display:none;}
.lightbox {background:#fff;position:fixed;top:40%;margin-top:-100px;left:50%;margin-left:-100px;z-index:99991;text-align:center;font-size:14px;line-height:24px;padding-bottom:10px;padding:10px;border-radius:10px;display:none}
.lightbox img {display:block;margin:5px auto 0; width:160px;}
.lightbox a {display:block;color:#f6032c;font-size:14px}

.banner {width:100%;height:347px;background-size:cover;position:relative;margin-top:167px}
.banner_pro {background:url(../images/banner_pro.jpg) no-repeat center top;background-color:#D2D2D2}
.banner_brand {background:url(../images/banner_brand.jpg) no-repeat center top}
.banner_about {background:url(../images/banner_about.jpg) no-repeat center top}
.banner_con {background:url(../images/banner_con.jpg) no-repeat center top}
.banner_app {background:url(../images/banner_app.jpg) no-repeat center top}
.banner_news {background:url(../images/banner_news.jpg) no-repeat center top}

.website {width:100%;margin:0 auto;height:60px;line-height:60px;font-size:14px;color:#666;position:relative;border-bottom:1px solid #ddd}
.website a {color:#888;font-size:14px}
.website a:hover {color:#0f58d6}
.website span {color:#0f58d6}
.website i {padding:0 10px}
.website .toggle {position:absolute;top:0;right:10px;color:#333;display:none}


.met_pager {
    margin-top:20px;
    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:#e4eaec;
    border-color:#e4eaec;
    color:#fff;
    cursor:default
}
.met_pager a:hover {background:#206bd1;border-color:#206bd1;color:#fff}
.inner_bg {background:#f5f6fa;width:100%;height:auto}
.product .title2 {margin-bottom:40px}
.prodetail {padding:60px 0}
.prodetail .pic {width:40%;height:410px;background:#fff;border-radius:10px;display:table;overflow:hidden}
.prodetail .pic span {display:table-cell;width:100%;height:310px; vertical-align:middle}
.prodetail .pic span img {display:block;max-width:100%;max-height:100%; vertical-align:middle;margin:0 auto}
.prodetail .brief  {width:55%}
.prodetail .brief h1 {font-weight:200;font-size:31px;color:#333;line-height:40px;padding:20px 0}
.prodetail .brief p {font-size:16px;color:#666;line-height:28px}
.prodetail .brief .hotline {display:inline-block;height:41px;line-height:31px;padding:5px;padding-left:20px;background:#0f58d6;color:#fff;font-size:14px;border-radius:20px;margin-right:10px;margin-top:20px}
.prodetail .brief .hotline b {display:inline-block;height:100%;padding:0 15px;background:#fff;color:#333;border-radius:20px;margin-left:10px;font-weight:200}
.prodetail .brief a.web .hotline {background:#ee0e51}

.procon {background:#fff;border-radius:20px;padding:30px;font-size:14px;color:#666;line-height:24px;box-shadow:0 5px 10px rgba(0,0,0,0.1)}
.procon p{text-indent:2em;}
.procon img{text-align:center; margin:0 auto; width:auto; max-width:100%;}
.procon h4, .detail_list h4.tt {font-size:18px;color:#333;position:relative;padding-left:12px;padding-bottom:20px}
.procon h4:before, .detail_list h4.tt:before {height:20px;width:3px;background:#0f58d6;position:absolute;content:'';left:0;top:2px;}

.detail_list {width:1300px;margin:0 auto;padding:60px 0;background:none}
.detail_list .list {width:100%}
.detail_list .list li {width:16.666666%;padding:10px;padding-left:20px;float:left;margin-bottom:20px}
.detail_list .list li a {display:block;background:#fff;border:1px solid #ececec;border-radius:5px;transition:all 0.3s;overflow:hidden}
.detail_list .list li .pic {display:table;width:100%;overflow:hidden}
.detail_list .list li .pic span {display:table-cell;width:100%;height:auto; vertical-align:middle}
.detail_list .list li .pic span img {display:block;margin:0 auto; vertical-align:middle;width:100%;height:auto;}
.detail_list .list li .tt {height:49px;line-height:49px;padding:0 10px;font-size:14px;color:#333;text-align:center;border-top:1px solid #eee;transition:all 0.3s}
.detail_list .list li a:hover {transform:translateY(-10px);box-shadow:0 5px 20px rgba(0,0,0,0.1)}
.detail_list .list li a:hover .tt {background:#0f58d6;color:#fff}

.about {padding:60px 0}
.about .pic {width:360px}
.about .pic img {display:block;width:100%;border-radius:20px;margin-bottom:20px}
.about .content {width:100%;margin-top:40px}
.about .content .tt h2 {font-size:36px;color:#333;font-weight:200}
.about .content .tt p {font-size:18px;color:#333}
.about .content .txt {font-size:14px;color:#666;line-height:200%;padding-top:40px}
.about .content .txt p{text-indent:2em;}
.about .content .txt img{max-width:100%;}

.brand {padding-top:70px}
.brand .brand_in .list li {padding:0 10px;margin-bottom:30px}
.brand .brand_in .list li a.box {padding:20px;padding-left:116px;height:117px;background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,0.1);transition:all 0.3s}
.brand .brand_in .list li a.box .pic {top:20px;left:20px;}
.brand .brand_in .list li a.box:hover {box-shadow:none}
.branddetail .pic {height:auto}
.branddetail .brief {line-height:28px;color:#666666;}
.branddetail .brief p{ text-indent:2em;}

.search_box {padding:70px 0}
.search_box .table1 {width:100%;box-shadow:0 5px 10px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;margin-top:40px; }
.search_box .table1 th span, .search_box .table1 td span, .search_box .table1 td a {white-space:nowrap;display:inline-block;line-height:22px; overflow:hidden; width:100%;padding:10px 5px;text-align:center;font-size:14px;transition:all 0.3s}
.search_box .table1 th {background:#0a4384;color:#fff}
.search_box .table1 tr:nth-child(even) td {background:#fff}
.search_box .table1 tr:nth-child(odd) td {background:#f4f8ff}
.search_box .table1 td a {padding:0 5px;color:#0f58d6;font-size:14px;transition:all 0s}
.search_box .table1 tr:hover td{background:#0f58d6;color:#fff}
.search_box .table1 tr:hover td a {color:#fff}

.application {padding:70px 0}
.application .list {width:1600px;margin:40px auto 0}
.application .list li {float:left;width:33.333333%;padding:20px}
.application .list li a.box {display:block;background:#fff;padding:20px;border-radius:10px;height:170px;padding-left:170px;position:relative;transition:all 0.3s}
.application .list li a.box .pic {width:130px;height:130px;overflow:hidden;border-radius:50%;position:absolute;left:20px;top:20px}
.application .list li a.box .pic img {display:block;width:100%;transition:all 0.3s}
.application .list li a.box .txt h3 {font-size:18px;color:#333;padding-top:25px;padding-bottom:10px;transition:all 0.3s}
.application .list li a.box .txt p {font-size:14px;color:#999;overflow:hidden;height:48px;line-height:24px}
.application .list li a.box:hover {transform:translateY(-10px);box-shadow:0 5px 10px rgba(0,0,0,0.1)}
.application .list li a.box:hover .pic img {transform:scale(1.1)}
.application .list li a.box:hover .txt h3 {color:#0f58d6}

.applist {border-top:1px solid #ddd;padding-top:40px;padding-bottom:40px}
.applist .tt {text-align:center;font-size:28px;font-weight:200;color:#333;padding-bottom:30px}
.applist .list li {float:left;width:25%;padding:20px}
.applist .list li .box {background:#fff;overflow:hidden}
.applist .list li .box .pic {width:100%;height:285px;overflow:hidden}
.applist .list li .box .pic img {display:block;width:100%;height:auto;transition:all 0.3s}
.applist .list li .box .txt {padding-top:10px;padding:20px}
.applist .list li .box .txt h2 {font-size:18px;color:#333;font-weight:200;line-height:50px;transition:all 0.3s}
.applist .list li .box .txt p {font-size:14px;color:#999;line-height:24px;height:48px;overflow:hidden}
.applist .list li .box a:hover .pic img {transform:scale(1.1)}
.applist .list li .box a:hover .txt h2 {color:#0f58d6}

.news {padding:70px 0}
.news .newsnav {width:600px;border:1px solid #0f58d6;height:49px;line-height:47px;position:relative;border-radius:30px;margin:40px auto;overflow:hidden}
.news .newsnav a {display:block;width:33.3333%;text-align:center;font-size:14px;color:#333;float:left}
.news .newsnav a:hover {color:#0f58d6}
.news .newsnav a.cur {background:#0f58d6;color:#fff}


.news .fl.list {width:70%}
.news .fl.list .box {background:#fff;border-radius:20px;padding-bottom:30px;margin-bottom:20px}
.news .fl.list .tt {font-size:18px;padding:20px 30px;color:#0f58d6;border-radius:20px 20px 0 0;border-bottom:1px solid #ddd}
.news .fl.list .tt i {margin-right:10px;color:#0f58d6;font-size:20px}
.news .fl.list li {}
.news .fl.list li a {position:relative;display:block;padding:0 116px 0 219px;padding:22px 146px 22px 249px;transition:all 0.3s}
.news .fl.list li a .pic {width:187px;height:95px;border-radius:5px;border:1px solid #ddd;overflow:hidden;position:absolute;left:30px;top:22px}
.news .fl.list li a .pic img {display:block;width:100%;height:100%;transition:all 0.3s}
.news .fl.list li a .txt h4 {font-size:16px;color:#333;line-height:40px;font-weight:200;transition:all 0.3s;position:relative}
.news .fl.list li a .txt h4:before {position:absolute;content:'';opacity:0;width:0px;height:3px;background:#0f58d6;border-radius:3px;left:0;top:20px;transition:all 0.3s}
.news .fl.list li a .txt p {height:48px;line-height:24px;overflow:hidden;font-size:13px;color:#999}
.news .fl.list li a .date {color:#999;position:absolute;right:30px;top:22px}
.news .fl.list li a .date b {display:block;font-size:24px;font-weight:100}
.news .fl.list li a .date p {font-size:14px}
.news .fl.list li a:hover {background:#f4f8ff}
.news .fl.list li a:hover .pic img {transform:scale(1.1)}
.news .fl.list li a:hover .txt h4 {padding-left:30px;color:#0f58d6}
.news .fl.list li a:hover .txt h4:before {width:20px;opacity:1}
.news .sublist {width:30%;padding-left:50px}
.news .sublist .box {background:#fff;border-radius:5px 20px 5px 20px}
.news .sublist .box .tt {font-size:18px;position:relative;padding:20px;color:#333;border-bottom:1px solid #ddd;font-weight:200}
.news .sublist .box .tt:before {content:'';position:absolute;height:18px;width:3px;background:#0f58d6;top:23px;left:0}
.news .sublist .box li {line-height:51px;border-bottom:1px solid #eee;padding:0 20px}
.news .sublist .box li a {font-size:14px;color:#666;transition:all 0.3s;position:relative}
.news .sublist .box li a:before {content:'';position:absolute;width:0px;height:1px;background:#0f58d6;left:0;top:50%;margin-top:-1px;opacity:0;transition:all 0.3s}
.news .sublist .box li a:hover {color:#0f58d6;padding-left:15px}
.news .sublist .box li a:hover:before {width:10px;opacity:1}

.newsdetail {width:70%}
.newsdetail .content {padding:30px;background:#fff;border-radius:20px}
.newsdetail .content h2.title {font-size:28px;font-weight:200;color:#333;text-align:center;line-height:35px;padding:20px 0}
.newsdetail .content p.date {font-size:14px;color:#999;text-align:center;line-height:20px;border-bottom:1px dashed #ddd;margin-bottom:30px;padding-bottom:30px}
.newsdetail .content .txt {font-size:14px;color:#666;line-height:28px;} 

.tabBtn {margin-top:30px;border-radius:30px;overflow:hidden}
.tabBtn a {display:block;width:50%;height:60px;line-height:60px;background:#fff;font-size:16px;position:relative;transition:all 0.3s;color:#666}
.tabBtn a:hover {color:#fff;background:#0f58d6}
.tabBtn a span.btn {position:absolute;height:21px;line-height:100px;top:50%;margin-top:-10px;font-size:18px}
.tabBtn a span.btn i {line-height:21px}
.tabBtn a.prev {padding:0 30px 0 100px;}
.tabBtn a.prev span.btn {left:40px;border-right:1px solid #999;padding-right:30px}
.tabBtn a.next {text-align:right;padding:0 100px 0 30px;}
.tabBtn a.next span.btn {right:40px;border-left:1px solid #ccc;padding-left:30px}

.contact {padding:70px 0}
.contact .lev1 {padding:40px 0;border-bottom:1px solid #ddd}
.contact .lev1 .hotline {width:50%}
.contact .lev1 .hotline h4 {font-size:38px;color:#0f58d6;font-weight:200;padding-bottom:5px}
.contact .lev1 .hotline p {font-size:16px;color:#666}
.contact .lev1 .add {width:300px;text-align:right}
.contact .lev1 .add p {font-size:14px;line-height:28px;color:#666}
.contact .lev1 .add .icon {font-size:36px;color:#333}
.contact .lev1 .add h4 {font-size:18px;color:#333;padding:10px 0}
.contact .lev2 {padding:70px 0}
.contact .lev2 li {float:left;width:20%;border-left:1px solid #ddd;text-align:center;padding:0 20px}
.contact .lev2 li:nth-child(1) {border-left:none}
.contact .lev2 li span {display:block;font-size:28px;color:#666}
.contact .lev2 li h4 {font-size:18px;color:#333;padding:20px}
.contact .lev2 li p {font-size:14px;color:#666}
#dituContent1{height:551px;margin-top:60}
.product h2.select_box_tt {font-size:16px;line-height:40px;margin-top:30px;color:#333;font-weight:bold;display:none}
.product .select_box{
 position:relative;
 width:100%;
display:none;
margin-bottom:20px
}
.product .select_box .select{
 padding:10px 20px;
 border:1px solid #dedede;
 background:#fff;
 border-radius:20px;
 position:relative
}
.product .select_box .select:hover{
 cursor:pointer;
}
.product .select_box .select span{
 display: block;
 }
.product .select_box .select span a {color:#666;font-size:14px}
.product .select_box .select span i {position:absolute;right:20px;top:0;line-height:37px}
.product .select_box .list1{
 display: none;
 position:absolute;
 top:37px;
 width:100%;
 background:#fff;
 border-top:none;
 z-index:1000;
 box-shadow:0 10px 20px rgba(0,0,0,0.2)
}
.product .select_box .list1 li{
 padding:0 20px;
 line-height:39px;
 border-bottom:1px solid #ddd;
}
.product .select_box .list1 li a {
 font-size:14px;
 color:#666;
 display:block
 }
.product .select_box .list1 li:hover{
 background:#ddd;
}

.footnav {width: 100%;padding: 10px 0;overflow: hidden;background: #f8f8f8;border-top: 1px solid #ddd;position:fixed;bottom:0;display:none;z-index:9000}
.footnav a {display:block;width:25%;text-align: center;color:#555;float:left}
.footnav a i {font-size:24px;display: block}

@media screen and (max-width:1200px){
.about_in .box a.btn, .foot .company a.btn{position:static;display:inline-block;}
.fw {width:auto;padding:0 20px}
.brand_in {padding:70px 0;overflow:hidden}
.pro_in .subnav {width:20%}
.pro_in .list {width:80%}
.pro_in .list li .pic span {height:166px}
.highlights-phone {transform:scale(0.8)}
.zenith_slider .row {width:210px}
.highlight h3 {font-size:18px}
.hz_in {background-size:cover}
.hz_in .title2 {display:block}
.hz_in .tt {display:none}
.hz_in .fw {padding:0}
.foot .company {float:none;width:100%;text-align:left}
.foot .company a.btn {top:0}
.foot .company .footlogo {display:block}
.foot .company p {display:inline-block;padding-right:20px}
.foot .list {width:25%;margin-right:0;padding-right:20px}
.brand_in .list .next {right:0}
.brand_in .list .prev {left:0}
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:450px}
.procon {padding:30px;margin:0 10px}
.detail_list {width:100%;padding:40px 10px}
.detail_list .list {width:100%}
.about .content {width:70%;padding-right:30px}
.about .pic {width:30%}
.application .list {width:100%}
.application .list li {padding:10px}
.applist .list li {padding:10px}
}

@media screen and (max-width:960px){
.head .fr {display:none}
.head {background:#fff;position:inherit;height:auto}
.head .fw {position:relative}
.head .fw .toggle {display:block}
.head_nav {display:none}
.fullSlide {margin-top:0}

.search_in {display:none}
.phone_search {display:block}
.pro_in .subnav {display:none}
.pro_in .list {width:100%}
.pro_in .list li {padding:5px;margin-bottom:0}
.about_in img.tt {display:none}
.about_in .box {width:100%}
.about_in {height:auto;padding:40px 0}
.about_in .box {margin-top:0}
.news_in .box .fl {
    width: 100%;
    padding: 22px 30px;
    border-bottom: 1px solid #ddd;
}
.news_in .box .fr {
    width: 100%;
}
.news_in .box .fr a .pic {height:286px}
.brand_in .list li {width:33.333333%}
.banner {margin-top:0;background-size:cover;height:280px}
.product h2.select_box_tt {display:block}
.product .select_box{display:block}
.brand .brand_in .list li {margin-bottom:20px}
.application .list li {width:50%}
.applist .list li .box .pic {height:auto}
.news .sublist {display:none}
.news .fl.list, .newsdetail {width:100%}
}
@media screen and (max-width:768px){
.hz_in .list li {width:33.333333%}
.pro_in .list li {width:33.333333%}
.detail_list .list li {width:33.333333%}
.brand_in .list li {width:50%}
.zenith_slider .row {width:100%}
.highlight {width:33.333333%;float:left}
.left-row .highlight-title {text-align:center;padding-left:0}
.highlight span.pic {position:relative;display:block;margin:0 auto}
.highlights-phone {position:inherit}
.highlight p {display:none}
.right-row .highlight-title {text-align:center;padding-right:0}
.right-row .highlight {padding-top:0}
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:350px}
.contact .lev2 li {width:50%;margin-bottom:30px;border-left:none}
.contact .lev2 li:nth-child(odd) {border-right:1px solid #ddd}
.prodetail .pic {width:100%;height:auto}
.prodetail .brief {width:100%}
.branddetail {padding:30px 0}
.applist .list li {width:33.333333%}
}
@media screen and (max-width:628px){
.head .fl {width:80%}
.copyright {line-height:28px;height:auto;padding:10px 0}
.copyright .fr {float:left}
.hz_in .list li {padding:15px 10px}
.news_in .fw {padding:0}
.news_in .title1 {padding:0 10px}
.news_in {padding-bottom:0}
.about_in .box {padding:30px 20px 30px 99px;height:auto}
.about_in .box .pic1 {left:20px;top:20px}
.fw {padding:0 10px}
.brand_in {padding:40px 0}
.pro_in {padding:50px 0}
.title1 h2 {font-size:31px}
.title1 h2:before {height:31px}
.title1 p {font-size:13px;line-height:16px;padding-top:8px}
.pro_in .title1 {margin-bottom:30px}
.type_in {padding:50px 0}
.foot .list {width:50%;padding-top:20px;border-top:1px solid #eee;margin-top:20px}
.foot .company {padding-bottom:10px}
.foot {padding:40px 0}
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:250px}
.contact .lev1 .hotline {width:100%;text-align:center}
.contact .lev1 .add {width:100%;text-align:center;padding-top:40px}
.procon {padding:20px}

.branddetail {padding-bottom:0}
.application .list li {width:100%;padding:5px}
.applist .list li {width:50%}
.appdetail {padding-bottom:40px}
.news .fl.list li a .date {display:none}
.news .fl.list li a {padding-right:22px;padding-left:239px}
}
@media screen and (max-width:580px){
.news_in .box .fl li a {padding-right:0}
.news_in .box .fl li a .date {display:none}
#dituContent1{height:251px;margin-top:30px}
.applist .list li {padding:5px}
.footnav {display: block;}
.copyright {margin-bottom:50px;}
}
@media screen and (max-width:480px){
	.fw {padding: 0 10px}
.head {padding:10px 0}
.head .fl .img1 {width:100%}
.head .fw .toggle {width:45px;height:45px;right:10px;top:9px}
.head .fw .toggle i {line-height:45px}
.hz_in .list li {width:50%}
.title2 h2 {font-size:31px}
.news_in .title1 .btn {width:70px;height:39px;line-height:37px;margin-left:5px}
.news_in {padding:40px 0 0}
.news_in .box {margin-top:30px}
.news_in .box .fl {padding:20px}
.news_in .box .fl li a .pic {width:167px;height:91px}
.news_in .box .fl li a {height:91px;padding-left:177px}
.news_in .box .fl li {padding:10px 0}
.news_in .box .fr a {padding:20px}
.news_in .box .fr a .pic {height:206px}
.hz_in .list li {padding:5px 10px}
.app_in {padding:40px 0}
.app_in .title2 {margin-bottom:0}
.left-row, .right-row {float:none}
.highlights-phone {width:420px;height:420px;float:none;margin-left:auto;left:auto;margin:0 auto}
.highlight h3 {font-size:16px;margin-top:10px}
.app_in .more_in {margin:30px auto 0}
.about_in {padding:20px 0}
.about_in .box a.btn {display:none}
.pro_in .list li {width:50%}
.detail_list .list li {width:50%}
.brand_in {padding:40px 0}
.brand_in .list li a.box {padding:0;padding-left:96px}
.brand_in .list li a.box .pic {left:10px}
.foot .list {width:100%}
.hz_in {padding:40px 0}
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:130px}
.banner {height:180px}
.prodetail .brief h1 {font-size:22px}
.prodetail .brief p {font-size:14px}
.procon {padding:20px}
.about {padding:30px 0}
.about .content {width:100%;padding-right:0}
.about .pic {width:100%;margin-top:20px}
.brand .brand_in .list li {width:100%;margin-bottom:10px}
.application {padding-bottom:40px}
.news .fl.list li a {padding-right:10px;padding-left:179px;padding-top:12px;padding-bottom:12px}
.news .fl.list li a .pic {width:157px;height:85px;left:10px}
.newsdetail .content {padding:15px}
.tabBtn a {font-size:14px}
.tabBtn a.prev {padding:0 10px 0 55px}
.tabBtn a.prev span.btn {left:20px;padding-right:15px}
.tabBtn a.next {padding:0 55px 0 10px}
.tabBtn a.next span.btn {right:20px;padding-left:15px}
.contact .lev2 {padding:40px 0 0}
.newsdetail .content h2.title {font-size:21px}
}