@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","宋体"}
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}
html, body {font:14px Arial,"Microsoft YaHei";color:#666;width:100%;height:100%;background:#fff}
.fw {margin:0 auto;width:1300px;}

.head {position:fixed;top:0;width:100%;border-bottom:1px solid rgba(255,255,255,0.5);z-index:999;transition:all 0.3s}
.head .fw {width:1300px;height: 100%}
.head .fl {height: 100%}
.head .fl a.logo {height: 100%;display: block;transition: all 0.3s}
.head .logo img {margin-top:17px;transition: all 0.3s}
.head_nav {margin-left:50px}
.head_nav li {float:left;position: relative}
.head_nav li a {font-size:16px;color:#333;display:block;height:107px;line-height:107px;padding:0 10px;transition:all 0.3s;position: relative}
.head_nav li a:before {content:'';position:absolute;width:0;height:2px;background:#d7003f;left:0;bottom:0;opacity:0;transition:all 0.3s}
.head_nav li.cur a:before,.head_nav li:hover a:before {opacity:1;width:100%}
.head_nav li a:hover {color:#d7003f}
.head_nav li.cur a {color:#d7003f;font-weight:bold}
.head_nav li dl {position:absolute;width:1000px;visibility: hidden;top: 87px;opacity: 0;background: #fff;left: -300px;overflow: hidden;padding: 10px 0;z-index:999;box-shadow:2px 5px 10px rgba(23,23,103,0.28);transition:all 0.3s;border-top: 2px solid #e60039}
.head_nav li dl dd {float:left;width: 12.5%;border-left: 1px solid #eee;padding:0 10px}
.head_nav li dl dd a {display:block;font-size:13px;height:auto;line-height:24px;padding:0;text-align:left}
.head_nav li.cur dl dd a {color:#333}
.head_nav li dl dd a:before {display:none}
.head_nav li .subnav dd .pic {display: table;width: 100%;}
.head_nav li .subnav dd .pic span {display: table-cell;width: 100%;height: 110px;vertical-align: middle;overflow: hidden}
.head_nav li .subnav dd .pic span img {display: block;max-width: 83px; vertical-align: middle;margin: 0 auto;transition: all 0.3s; }
.head_nav li .subnav dd p {text-align: center;padding-top: 5px}

.head_nav li:hover dl {visibility:visible;top:107px;opacity:1}
.head_nav li dl dd a:hover {color:#e60039}
.head_nav li .subnav dd a:hover .pic span img {transform: scale(1.1)}


.topline {float:right;padding-top:26px;transition: all 0.3s}
.topline p {font-size:14px;color:#666}
.topline p i {padding-right:5px}
.topline h1 {font-size:31px;color:#e60039}

.small_head {height: 67px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.1);border-bottom:1px solid #ddd}
.small_head .logo img {height: 80%;display: block;margin-top: 6px}
.small_head .head_nav li a {height: 67px;line-height: 67px}
.small_head .topline {padding-top: 6px}

.small_head .head_nav li:hover dl {visibility:visible;top:67px;opacity:1;width:1000px;background: #fff;left: -300px;overflow: hidden;padding: 10px 0;z-index:999;box-shadow:2px 5px 10px rgba(23,23,103,0.28);transition:all 0.3s;border-top: 2px solid #e60039}
.small_head .head_nav li dl dd {float:left;width: 12.5%;border-left: 1px solid #eee;padding:0 10px}
.small_head .head_nav li dl dd a {display:block;font-size:13px;height:auto;line-height:24px;padding:0;text-align:left}
.small_head .head_nav li.cur dl dd a {color:#333}
.small_head .head_nav li dl dd a:before {display:none}
.small_head .head_nav li .subnav dd .pic {display: table;width: 100%}
.small_head .head_nav li .subnav dd .pic span {display: table-cell;width: 100%;height: 110px;vertical-align: middle;overflow: hidden}
.small_head .head_nav li .subnav dd .pic span img {display: block;max-width: 83px; vertical-align: middle;margin: 0 auto;transition: all 0.3s}
.small_head .head_nav li .subnav dd p {text-align: center;padding-top: 5px}





.fullSlide {
	width:100%;
	position:relative;
	height:628px;
	background:#000;
	transition:none;
}
.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:628px;
	overflow:hidden;
	text-align:center;
	transition:none
}
.fullSlide .bd li a {
	display:block;
	height:628px;
	transition:none
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
	display:none
}
.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;
}
.banner_bg {width: 100%;background: #f2f2f2}
.banner_bg img {display: block;margin: 0 auto;width: 100%}

.search-top {width:1300px;height:91px;margin:30px auto 0;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.2);margin-bottom:40px;border:3px solid #e60039}
.search-top .tt {float:left;font-size:24px;color:#e60039;width:175px;text-align:center;line-height:85px;font-weight:bold;position:relative}
.search-top .tt:before {position:absolute;content:'';width:2px;height:46px;background:#ccc;right:0;top:20px}
.search-top form {width:1115px;float:right}
.search-top p {
	vertical-align:middle;
	color:#666;
	height:85px;
	font-size:14px;
	float:left
	}
.search-top span.s1 {float:left;line-height:85px;padding-right:10px;padding-left:20px}
.search-top input.text1 {
	width:152px;
	height:35px;
	line-height:35px;
	border:1px solid #ccc;
	border-radius:3px;
	padding:0 5px;
	background:#fff;
	float:left;
	margin-top:25px
	}
.search-top input.text2 {width:60px}
.search-top .btn1 {
	width:85px;
	height:85px;
	display:block;
	float:right;
	background:#e60039;
	border:0;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	line-height:28px;
	margin-right:3px
	}
.search-top .btn1 i {display:block;font-size:30px;margin-top:15px;}
.search-top .btn1:hover i {margin-top:25px}
.search-top .btn1:hover span {opacity:0}
.select_box{
	position:relative;cursor:pointer;
	background:#fff;
	font-size:12px;
	color:#000;
	height:35px;
	line-height:35px;
	border:1px solid #ccc;
	border-radius:3px;
	z-index:500;
	float:left;
	margin-top:25px
	}	
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:20px;height:35px; background:url(../images/search_icon1.gif) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:5px;width:145px;line-height:35px;height:35px;cursor:text;overflow:hidden; z-index:200;}
.option{width:100%;border:solid 1px #EDE7D6;position:absolute;top:26px;left:-1px;z-index:999;overflow:hidden;display:none;}
.option a{display:block;height:35px;line-height:35px;text-align:left;padding:0 10px;width:100%;background:#fff;color:#666}
.option a:hover{background:#cc0033; color:#fff;}

.phone_search {width:100%;background:#e60039;padding:10px;box-sizing:border-box;display:none;}
.phone_search .text {display:block;box-sizing:border-box;background:#fff;width:100%;height:40px;position:relative;border-radius:20px;line-height:40px;font-size:14px;color:#666;padding-left:20px}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:20px;line-height:40px}
.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:9999;left:0;top:0;width:100%;font-family:Microsoft Yahei;color:#757575; background-color:#ffffff;}
.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:#d7003f;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:30px;line-height:30px;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}

.lev1 {width:100%;background:#f2f2f2;overflow:hidden}
.title_in {width:100%;border-bottom:1px solid #e60039;line-height:63px;position:relative}
.title_in h2 {font-size:30px;color:#333;display:inline;border-bottom:2px solid #e60039;font-weight:200;padding-bottom:13px}
.title_in .more {position:absolute;top:0;right:0;font-size:14px;color:#e60039;transition: all 0.3s}
.title_in .more i {padding-left: 5px}
.title_in .more:hover {color: #333}

.hot_type {margin-top:60px;padding-bottom: 50px}
.hot_type .title_in {margin-bottom: 50px}
/*.hot_type .list a.a1 {float:left;width:303px;height:495px;background:#fff;display:block;overflow:hidden;position:relative;padding: 35px 30px;margin-right: 13px}
.hot_type .list a.a1 h4 {font-size:25px;color:#333;position: relative;z-index: 10;font-weight: 200;padding-bottom: 15px}
.hot_type .list a.a1 p {font-size:14px;color:#e60039;position: relative;z-index: 10}
.hot_type .list a.a1 p i {padding-left: 5px}
.hot_type .list a.a1 img {position:absolute;bottom:0;right:-130px;z-index: 1;transition: all 0.3s}
.hot_type .list a.a1:hover img {right: -110px}
.hot_type .list a.a2 {margin-right: 0}
.hot_type .list ul {float: right;width: 681px}*/
.hot_type .list ul {float: right;width: 100%;}
.hot_type .list li {float: left;width: 20%;padding-left: 13px}
.hot_type .list li img{ width:100%;}
.hot_type .list li a {display: block;width: 100%;height: auto;background: #fff;margin-bottom: 13px;text-align: center;transition: all 0.3s}
.hot_type .list li a .pic {display:table;width:100%;height: 75%}
.hot_type .list li a .pic span {display: table-cell;width: 100%;height:100%;vertical-align: middle;overflow: hidden}
.hot_type .list li a .pic span img {display: block;margin: 0 auto;vertical-align: middle;transform: scale(0.9);transition: all 0.3s;max-width: 100%;max-height: 100%}
.hot_type .list li a h4 {font-size: 16px;color: #333;padding: 5px 15px;font-weight: 200;transition: all 0.3s; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hot_type .list li a p {font-size: 13px;color: #e60039;padding: 0 15px;transition: all 0.3s}
.hot_type .list li a p i {padding-left: 5px}
.hot_type .list li a:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.1)}
.hot_type .list li a:hover .pic span img {transform: scale(1)}

.brand_in {margin-top: 60px;padding-bottom: 60px}

.brand_in .list {margin-top: 40px;width: 100%;position: relative;/*border-right: 2px solid #d9d9d9*/}
.brand_in .list li {float: left;width: 14.285%}
.brand_in .list li img{ width:100%;}
.brand_in .list li a {display: block;width: 100%;height:auto;border: 1px dotted #d9d9d9}
.brand_in .list li a .pic {display: table;width: 100%;height: 100%}
.brand_in .list li a .pic span {display: table-cell;width: 100%;height: 100%;overflow: hidden;vertical-align: middle;transition: all 0.5s}
.brand_in .list li a .pic span img {display: block;max-width: 95%;vertical-align: middle;margin: 0 auto;transition: all 0.5s}
.brand_in .list .next, .brand_in .list .prev, .hezuo .list .next, .hezuo .list .prev {position: absolute;font-size: 40px;color:#e60039;top: 50%;height: 45px;width: 28px;margin-top: -22px;transition: all 0.3s}
.brand_in .list .next {right: -48px}
.brand_in .list .prev {left: -48px}
.brand_in .list li a:hover .pic span {transform: translateY(-10px);}
.brand_in .list li a:hover .pic span img {transform: scale(1.1)}
.brand_in .list .next:hover, .brand_in .list .prev:hover, .hezuo .list a.prev:hover, .hezuo .list a.next:hover {color: #333}

.about_in {width: 100%;background: url(../images/about_bg.gif) no-repeat center;background-size: cover;padding: 75px 0}
.about_in .txt {width: 650px;position: relative;padding-bottom: 90px;padding-top: 40px}
.about_in .txt h2.tt {font-size: 30px;font-weight: 200;color: #333;position: relative;padding-bottom: 26px;margin-bottom: 36px}
.about_in .txt h2.tt:before {content: '';position: absolute;width: 55px;height: 3px;background: #e60039;left: 0;bottom: 0}
.about_in .txt .more {font-size: 14px;color:#e60039;position: absolute;right:0;top: 55px;transition: all 0.3s}
.about_in .txt .more i {padding-left: 5px}
.about_in .txt .more:hover {color: #333}
.about_in .txt .text {font-size: 14px;color: #666;line-height: 28px}
.about_in .txt .btn {position: absolute;width: 51px;height: 51px;line-height: 51px;text-align: center;color: #fff;bottom: 0;border-radius: 50%;transition: all 0.3s}
.about_in .txt .btn i {line-height: 51px;font-size: 16px}
.about_in .txt .btn.qq {left: 0;background: #287feb}
.about_in .txt .btn.wx {left: 71px;background: #3cb035}
.about_in .txt .btn.add {left: 142px;background: #e01e3c}
.about_in .txt .btn:hover {box-shadow: 0 5px 20px rgba(0,0,0,0.2);transform: translateY(-5px)}
.about_in .pic {width: 583px;overflow: hidden}
.about_in .pic img {transition: all 1.8s}
.about_in .pic:hover img {transform: scale(1.1)}
.about_in .date {margin-top: 65px}
.about_in .date li {float: left;width: 25%;text-align: center;font-size: 16px;color: #666}
.about_in .date li b {font-size: 50px;color: #2055ad;padding-right: 5px}

.sunfoon1 {width: 100%;height: 366px;background: url(../images/sunfoon1.jpg) no-repeat center;background-size: cover}

.pro_in {width: 100%;background:url(../images/pro_bg.jpg) no-repeat center 350px; background-size: 100%;padding: 75px 0}
.pro_in .title_in {margin-bottom: 40px}
.ah-tab>.ah-tab-item[data-ah-tab-active="true"] {border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-bottom: 2px solid #fff;border-top:3px solid #005ac4;box-shadow:1px -5px 6px 4px rgba(0,0,0,0.2)}
.pro_in .ah-tab-wrapper:before {content: '';position: absolute;width: 100%;height: 2px;background: #e5e5e5;left: 0;bottom: 0}
.pro_in .ah-tab {border-bottom: 0;position: relative}
.pro_in .ah-tab .ah-tab-item {width: 14.5%;display: block;float: left;height: 83px;margin-right: 0;padding: 0;position: relative;z-index: 10}
.pro_in .ah-tab .ah-tab-item div {display: table;width: 100%;height: 100%}
.pro_in .ah-tab .ah-tab-item div span {display: table-cell;vertical-align: middle;width: 100%;height: 100%}
.pro_in .ah-tab .ah-tab-item img {display: block;margin:0 auto;vertical-align: middle;max-width: 90%;max-height:65%}
.pro_in .ah-tab-content-wrapper {margin: 0 auto;border-left: 1px solid #e5e5e5;background: #fff}
.pro_in .ah-tab-content {border: 0;padding: 0}
.pro_in .ah-tab-content li {float: left;width: 20%;border: 1px solid #e5e5e5;border-left:0;border-top: 0;position: relative;overflow: hidden}

.pro_in .ah-tab-content li a {display: block;width:100%;height: 316px}
.pro_in .ah-tab-content li .bg {position: absolute;width: 100%;height: 100%;background: #000;visibility:hidden;opacity: 0;left: 0;top: 0;z-index: 10;transition: all 0.3s}

.pro_in .ah-tab-content li a .pic {display: table;width: 100%;height: 75%}
.pro_in .ah-tab-content li a .pic span {display: table-cell;width: 100%;height: 100%;vertical-align: middle;overflow: hidden}
.pro_in .ah-tab-content li a .pic span img {display: block;max-width: 90%;max-height: 100%;margin: 0 auto; vertical-align: middle;transition: all 0.3s}
.pro_in .ah-tab-content li a:hover .pic span img {transform: scale(1.1)}
.pro_in .ah-tab-content li a .txt {width: 100%;height: 25%;padding: 10px;text-align: center;}
.pro_in .ah-tab-content li a .txt h4 {font-weight: 200;color: #333;font-size: 14px;padding-bottom:5px;padding-top: 10px; overflow: hidden;white-space: nowrap;}
.pro_in .ah-tab-content li a .txt p {font-size: 13px;color: #e60039}
.pro_in .ah-tab-content li a .txt p i {padding-left: 5px}

.news_in {width: 100%;background: url(../images/news_bg.jpg) no-repeat right top;background-size: auto 100%; background-color: #f2f2f2;padding:75px 0}
.news_in .title {position: relative;margin-bottom: 30px}
.news_in .title h2 {font-weight: 200;font-size: 30px;color: #333}
.news_in .title a.more {font-size: 14px;color: #e60039;position: absolute;right: 0;top: 10px;transition: all 0.3s}
.news_in .title a.more i {padding-left: 5px}
.news_in .title a.more:hover {color: #333}
.news_in .title a.prev,.news_in .title a.next {position: absolute;width: 45px;height: 29px;border: 1px solid #ddd;text-align: center;top: 10px;transition: all 0.3s;color: #888}
.news_in .title a.prev i ,.news_in .title a.next i {line-height: 27px;font-size: 18px}
.news_in .title a.prev {right: 80px}
.news_in .title a.next {right: 25px}
.news_in .title a.prev:hover,.news_in .title a.next:hover {background: #e60039;border: 1px solid #e60039;color: #fff}
.news_in .news_l {width: 665px}
.news_in .news_l li {float: left;width:50%}
.news_in .news_l li .box {width: 100%;padding-right: 25px}
.news_in .news_l li a.pic {display: block;width: 100%;height: 189px;overflow: hidden}
.news_in .news_l li a.pic img {display: block;width: 100%;height: 100%;transition: all 0.3s}
.news_in .news_l li a.tt {font-size: 16px;color: #007af6;display: block;padding: 30px 0 15px 0;transition: all 0.3s}
.news_in .news_l li p.txt {font-size: 13px;color: #888;line-height: 24px;height: 72px;overflow: hidden}
.news_in .news_l li p.date {font-size: 13px;color: #888;margin-top: 30px}
.news_in .news_l li a.pic:hover img {transform: scale(1.1)}
.news_in .news_l li a.tt:hover {color: #e60039}
.news_in .news_r {width: 585px}
.news_in .news_r li a {display: block;position: relative;padding: 18px 20px 18px 130px;background: #fff;font-size: 14px;transition: all 0.3s}
.news_in .news_r li:nth-child(even) a{background: #f2f9fd}
.news_in .news_r li a span.date {position: absolute;color: #666;left: 20px;height: 21px;line-height: 21px;top: 50%;margin-top:-10px}
.news_in .news_r li a h4 {color: #007af6;padding-bottom:7px;font-weight: 600;transition: all 0.3s}
.news_in .news_r li a p {color: #888}
.news_in .news_r li a:hover {box-shadow: 0 5px 20px rgba(0,0,0,0.2);transform: translateY(-5px)}
.news_in .news_r li a:hover h4 {color: #e60039}

.hezuo {width: 1310px;margin: 0 auto;padding: 70px 0}
.hezuo .title {font-size: 30px;color: #333;text-align: center;font-weight: 200;margin-bottom: 10px}
.hezuo .list {position: relative}
.hezuo .list li {float: left;width: 14.2857%}
.hezuo .list li .box {width: 100%;padding: 0 5px;transition: all 0.3s}
.hezuo .list li .pic {display:table;width:100%;height: 159px;}
.hezuo .list li .pic span {display: table-cell;width: 100%;height: 100%;overflow: hidden;vertical-align: middle}
.hezuo .list li .pic span img {display: block;margin: 0 auto;max-width: 95%;max-height: 90%; vertical-align: middle;transition: all 0.3s}
.hezuo .list a.prev {left: -30px}
.hezuo .list a.next {right: -30px;text-align: right}
.hezuo .list li .box:hover .pic span img {transform:scale(0.9)}

.licheng {width: 1300px;margin: 0 auto;padding-bottom: 50px}
.licheng li {float: left;width: 20%;padding: 0 20px 0 75px;position: relative}
.licheng li .icon {position: absolute;width: 35px;height: 35px;left: 40px;top: 0;background: url(../images/icon.png)}
.licheng li h2 {font-size: 24px;color: #e60039}
.licheng li p {font-size: 14px;color: #adadad}
.licheng li.li1 .icon {background-position: 0 1px}
.licheng li.li2 .icon {background-position: 0 -70px}
.licheng li.li3 .icon {background-position: 0 -149px}
.licheng li.li4 .icon {background-position: 0 -234px}
.licheng li.li5 .icon {background-position: 0 -319px}

.foot {width: 100%;background:#36404b;height: 396px;padding: 50px 0}
.foot .con {margin-right: 70px}
.foot .con .bout{padding-left: 85px;font-size: 14px;color: #fff;line-height: 26px;margin-bottom: 10px;margin-top: 15px;}
.foot .con .bout p {opacity: 0.6;}
.foot .con .bom{border-bottom:1px solid #ffffff;margin-bottom: 10px; height:10px;}
.foot .con .bout span{font-size: 30px;color: #fff;line-height: 26px;margin-bottom: 30px;}
.foot .con .txt {padding-left: 85px;font-size: 14px;color: #fff;opacity:0.6;line-height: 26px;margin-bottom: 30px;}
.foot .con .btn {display: block;width:35px;height: 35px;border-radius: 3px;text-align: center;color: #fff;font-size: 16px;float: left}
.foot .con .btn i {line-height: 35px}
.foot .con .btn.qq {background: #005ac4;margin-left: 85px}
.foot .con .btn.wx {background: #3cb035;margin-left: 10px}
.foot .list {float: left;width: 151px;margin-right: 20px;padding-top: 10px}
.foot .list a.tt {font-size: 18px;color:#fff;font-weight: 600;display: block;margin-bottom: 20px;transition: all 0.3s}
.foot .list li a{line-height: 30px;font-size: 14px;color: #fff;opacity:0.5;transition: all 0.3s}
.foot .list a.tt:hover , .foot .list li a:hover {opacity:1}
.foot .gotop {font-size: 16px;color: #e60039;font-weight: bold;text-align: right;display: block;margin-bottom: 34px;transition: all 0.3s}
.foot .gotop i {padding-left: 5px}
.foot .gotop:hover {color: #e60039}
.foot .ewm {padding-top: 10px}
.foot .ewm img {display: block; max-width:180px;}
.foot .ewm p {text-align: center;font-size: 14px;color: #888;padding-top: 10px}

.copyright {background:#fff;height:51px;line-height:51px;font-size:14px;color:#888}
.copyright a {color:#ee4e4e;font-size:14px;opacity:1}
.copyright a:hover {color:#000}

.head .fw .toggle {position:absolute;right:20px;top:6px;font-size:24px;width:60px;height:60px;background:#e60039;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 {width:230px;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;display:none}
.lightbox img {display:block;margin:5px auto 0; max-width:180px;}
.lightbox a {display:block;color:#f6032c;font-size:14px}

.banner {width:100%;height:289px;padding-top:90px;background-size:cover;position:relative;text-align:center;margin-top: 107px}
.banner p {font-size:31px;color:#fff}
.banner h2 {font-size:25px;color:#fff;position:relative;padding:10px 0;margin-bottom: 9px; font-weight: 200}
.banner h2:before {content:'';position:absolute;width:40px;height:2px;background:#e60039;left:50%;margin-left:-20px;bottom:0}

.banner_pro {background:url(../images/banner_pro.jpg) no-repeat center top;background-color:#e3e7e6}
.banner_brand {background:url(../images/banner_brand.jpg) no-repeat center top}
.banner_brand p,.banner_brand h2 {color:#333}
.banner_about {background:url(../images/banner_about.jpg) no-repeat center top}
.banner_con {background:url(../images/banner_con.jpg) no-repeat center top;color:#fff}
.banner_app {background:url(../images/banner_app.jpg) no-repeat center top}
.banner_news {background:url(../images/banner_news.jpg) no-repeat center top}
.banner_news p, .banner_news h2 {color:#fff}
.banner_news h2:before {background:#ee4e4e}

.website {width:100%;height:60px;line-height:60px;font-size:14px;color:#666;position:relative;border-bottom:1px solid #eee}
.website .fw {position: relative}
.website h2.tt {font-size: 30px;font-weight: 200;color: #333;top: 0;border-bottom: 2px solid #e60039;display: inline;padding-bottom: 11px}
.website .site {position: absolute;right: 0;top: 0}
.website i {padding:0 10px}
.website a {color:#999;font-size:14px}
.website a:hover {color:#ee4e4e}
.website .toggle {position:absolute;top:0;right:10px;color:#333;display:none}


.met_pager {
    margin-top:30px;
    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:#e60039;color:#fff;border:1px solid #e60039}
.met_pager a.current {
    background:#e60039;
    border-color:#f69900;
    color:#fff;
    cursor:default
}
.met_pager a:hover {background:#005ac4;border-color:#005ac4;color:#fff}
.met-shownews-footer {padding-bottom:30px;overflow:hidden;margin-top:60px}
.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;
	}
.met-shownews-footer ul li a:hover {border:1px solid #206bd1;background:#206bd1;color:#fff}
.met-shownews-footer ul li a:hover span{color:#fff}
.met-shownews-footer ul li.previous a {float:left;width:45%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.met-shownews-footer ul li.next a {float:right;width: 45%;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}

.inner_box {padding: 50px 0 60px;background: #f8f9fa;overflow: hidden}
.leftlist {width:250px;background:#fff;padding-bottom:15px;border-radius:5px}
.leftlist .title {padding:25px 30px;background: #c7122e; color:#fff;margin-bottom:10px;border-radius: 5px 5px 0 0}
.leftlist .title h2 {font-size:24px;line-height:50px}
.leftlist ul {padding:0 15px}
.leftlist ul li a{display:block;padding:0 10px;height:43px;line-height:43px;font-size:14px;color:#666;transition: all 0.3s;-ms-transition: all 0.3s;border-bottom:  solid 1px rgba(0, 0, 0, 0.05); overflow:hidden;}
.leftlist ul li a:hover,.leftlist ul li a.cur {border-radius: 5px; background:#c7122e;padding-left:20px;color: #fff; overflow:hidden;}
.product .list {width: 1010px;position: relative}
.product .list li {float: left;width:25%;margin-bottom: 15px}
.product .list li img{ width:100%;}
.product .list li .box {padding-left: 18px}
.product .list li a .pic {display: table;width:100%;overflow: hidden;background: #fff}
.product .list li a .pic span {display: table-cell;width: 100%;height: 206px;overflow: hidden; vertical-align: middle}
.product .list li a .pic span img {transition: all 0.3s;-ms-transition: all 0.3s;display: block;margin:0 auto; vertical-align: middle;max-height: 100%;max-width: 100%}
.product .list li a .txt {transition: all 0.3s;-ms-transition: all 0.3s;width: 100%;background: #fff;border-top: 1px solid #f2f2f2; padding: 20px 25px;text-align: center}
.product .list li a .txt h4 {transition: all 0.3s;-ms-transition: all 0.3s;font-weight:500;color:#333;font-size: 14px}
.product .list li a .txt p {transition: all 0.3s;-ms-transition: all 0.3s;font-size: 13px;color:#999}
.product .list li a:hover .pic span img {transform: scale(1.1)}
.product .list li a:hover .txt {background: #e01e3c}
.product .list li a:hover .txt h4,.product .list li a:hover .txt p {color:#fff}

.pro_detail {width: 1010px}
.pro_detail .row .pic {float:left;width:40%;height:266px;padding:0;overflow:hidden;display:table}
.pro_detail .row .pic span {display:table-cell; vertical-align:middle;text-align:center;background:#fff}
.pro_detail .row .pic img {max-width:100%;max-height:100%;vertical-align:middle}
.pro_detail .row .txt {width:58%;box-sizing:border-box;padding:0 15px;float:right;font-size:14px;color:#666;line-height:24px}
.pro_detail .row .txt h1 {font-size:24px;color:#333;padding: 20px 0;font-weight: 200;line-height: 30px}
.pro_detail .row .txt table {border:1px solid #ddd;width:100%}
.pro_detail .row .txt table th {background:#e9e9e9;border: 1px solid #efefef}
.pro_shuxing td {border:1px solid #ddd}
.pro_shuxing th span, .pro_shuxing td span {
    padding:5px;
    display:block;
	font-size:14px;
	line-height:25px
}
.pro_detail .row .txt .hotline {display:inline-block;background:#206bd1;padding:3px;color:#fff;border-radius:5px;padding-left:10px;margin-top:15px}
.pro_detail .row .txt .hotline span {font-size:18px;color:#206bd1;font-weight:bold;display:inline-block;background:#fff;padding:5px 10px;border-radius:5px}
.pro_detail .detail {margin-top:10px}
.pro_detail .detail .title, .detailist .title {border-bottom:1px solid #ddd;margin-bottom:20px}
.pro_detail .detail .title span, .detailist .title span {font-size:16px;padding:10px;border-bottom:2px solid #666;display:inline-block;color:#333}
.pro_detail .detail .content {line-height:24px;font-size:14px;color:#666}
.pro_detail .detail .content img {display:block; max-width:100%;margin:10px auto}
.detailist {margin-top:20px}
.detailist li {float:left;width:25%;box-sizing:border-box;padding:5px}
.detailist li a {
	display:block;
	background:#fff;
	line-height:40px;
	padding:0 10px;
	font-size:14px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	border-radius:3px;
	transition:all 0.3s
}
.detailist li a:hover {background:#ec0032;color:#fff}
.detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#ec0032;color:#fff;margin:30px auto 0;text-align:center;border-radius:30px;transition:all 0.3s}
.detailist a.more i {font-size:16px;text-indent:-20px;opacity:0;transition:all 0.3s}
.detailist a.more:hover {box-shadow:0 10px 20px #ccc}
.detailist a.more:hover i {text-indent:0;opacity:1}

.inner_r {width: 1010px}
.about .content {background: #fff;padding: 30px;line-height: 28px}
.about .content .pic {float: left;width: 50%;margin-right: 20px}
.brand_inner .content .pic {width: 45%}
.about .content p.tt {font-size: 30px;color: #005ac4;padding: 30px 0}

.brand .list {padding: 40px 0}
.brand .list li {float: left;width: 25%}
.brand .list li a {display: block;border: 10px solid #fff;text-align: center;padding: 30px;padding-top: 0;height: 283px;overflow: hidden;transition: all 0.3s}
.brand .list li a .pic {display: table;width: 100%}
.brand .list li a .pic span {display: table-cell;width:100%;height: 151px;vertical-align: middle}
.brand .list li a .pic span img {display: block;vertical-align: middle;margin:0 auto;transition: all 0.3s;max-width:130px;}
.brand .list li a h4 {font-size: 18px;font-weight: 200;color: #333;padding-bottom: 5px;transition:all 0.3s}
.brand .list li a p {font-size: 13px;color: #888;line-height: 24px;height: 48px;overflow: hidden;box-sizing: initial; position: relative;padding-top: 5px;transition:all 0.3s}
.brand .list li a p:before {content: '';position: absolute;height: 1px;width:0px;background:transparent;top: 0;left: 50%;transform:translate3d(-50%,0,0);transition:all 0.3s}
.brand .list li a:hover {border:10px solid #005ac4}
.brand .list li a:hover p:before {width: 80px;background: #ec0032}
.brand .list li a:hover p {padding-top: 10px}
.brand .list li a:hover h4 {transform: translateY(-10px)}
.brand .list li a:hover .pic span img {transform:scale(1.1)}

.news .list li a{display:block;padding:20px 150px 20px 230px;position:relative;border-bottom:1px solid #ddd;transition: all 0.3s}
.news .list li .pic {position:absolute;width:200px;height:130px;overflow:hidden;left:0}
.news .list li .pic img {width:100%;height:130px;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.news .list li .date {position:absolute;top:50%;margin-top:-26px;right:0;width:94px;height:52px;line-height:52px;color:#999;font-size:28px;font-family:"helvet";border-left:2px solid #eee;text-align:center}
.news .list li .txt {height:130px;overflow:hidden}
.news .list li .txt h4 {font-size:16px;color:#333;line-height:40px;padding-bottom:8px;font-weight:100}
.news .list li .txt p {font-size:13px;line-height:22px;color:#999}
.news .list li a:hover {padding-left:240px;padding-right:140px}
.news .list li a:hover .txt h4 {color:#cc0033}
.news .list li a:hover .pic img {transform:scale(1.08,1.08)}

.newsdetail {background: #fff;padding: 30px;padding-top: 10px}
.newsdetail .met-shownews-header {padding:30px 0;text-align:center}
.newsdetail .met-shownews-header h1 {font-size:24px;padding:15px;color:#333;font-weight:100;line-height:35px}
.newsdetail .met-shownews-header .info {
	color:#a3afb7;
	font-size:14px;
	font-weight:300;
	padding-bottom:20px;
	border-bottom:1px solid #f0f2f5
}
.newsdetail .txt {font-size:14px;color:#666;line-height:22px;padding-bottom:30px}
.newsdetail .txt img {display:block;margin:10px auto;max-width:100%}

.contact .txt {float: left;width: 40%;padding-right: 30px}
#dituContent1 {width:60%;height:451px;border:#ccc solid 1px; float: right}


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

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:100px;left:-175px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#fb4848;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li img{vertical-align:middle}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;font-size:24px;color:#fb4848}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatwx {text-align:center;padding:10PX 0 5px 0;background:#EBEBEB;color:#0000EE;}
#floatDivBoxs .floatwx img{max-width:100px;}
#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:100px;left:170px;z-index:999;right:-5px}
#rightArrow a{display:block;height:45px;}


@media screen and (max-width:1200px){
.head {height: 88px}
	.head .logo img {margin-top: 10px;height: 70%}
	.small_head {height: 60px}
	.small_head .logo img {margin-top: 7px}
	.small_head .fw .toggle {border-radius: 0;right: 0}
    .head_nav,.topline {display:none}
    .head .fw .toggle {display:block;top:50%;margin-top:-30px}
	.fullSlide, .banner {margin-top: 88px}
    .fw {width:auto;padding:0 20px}
    .search_in,.search-top {display:none}
    .phone_search {display:block}

    .fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:380px}

	.hot_type .list a.a1 {width: 24%}
	.hot_type .list ul {width: 50.678%}
	.brand_in, .hot_type {padding-bottom: 50px}
	.brand_in .list .next, .hezuo .list a.next {right: 0;text-align: right}
	.brand_in .list .prev, .hezuo .list a.prev {left: 0}
	.about_in {padding: 60px 0}
	.about_in .txt {width: 50%}
	.about_in .pic {width: 50%;padding-left: 30px}
	.news_in .news_l, .news_in .news_r {width: 50%}
	.news_in .news_l li a.pic {height: 139px}
	.hezuo {width: 100%;overflow: hidden}
	.hezuo .list li {width: 20%}
	.hezuo .list li .box {padding: 0 15px}
	.hezuo .list li .pic {height: 212px;background-size: cover}
	.licheng {width: 100%}
	.foot {height: auto;background-size:contain}
	.foot .con {margin-right: 0;width: 100%}
	.foot .con img {display: block;margin: 0 auto}
	.foot .con .txt {padding-left: 0;width: 100%;text-align: center}
	.foot .con .txt p {/*display: inline;*/padding: 0 10px}
	.foot .con .btn {display: none}
	.foot .list {width: 25%;margin-right: 0;text-align: center}
	.foot .ewm img{display: none}
    .foot .ewm p{display: none}
    .foot .ewm a{margin-bottom:0px;}

    .banner {height:300px;background-size:cover}
    .hidden-xs {padding-bottom:10px}
	.website {margin-top: 30px}
	.website .site{right: 20px}
	.leftlist {width: 20%}
	.inner_r,.product .frlist, .pro_detail {width: 78%}
	.product .frlist .list {width: 100%}
	
}

@media screen and (max-width:960px){
	.hot_type .list a.a1 {width: 49%;height: 258px}
	.hot_type .list a.a1 img {bottom: -100px;right: -100px}
	.hot_type .list ul {width: 100%;margin-top: 20px}
	.hot_type .list li {padding: 0 8px}
	.brand_in {overflow: hidden}
	.brand_in .list {border-right: 0}
	.brand_in .list li {width: 20%}
	.pro_in .ah-tab .ah-tab-item img {max-width: 70%;max-height: 60%}
	.pro_in .ah-tab-content li {width: 25%}
	.news_in .news_l, .news_in .news_r {width: 100%}
	.news_in .news_l li a.pic {height: 189px}
	.news_in .news_r {margin-top: 40px}
	.hezuo .list li {width: 25%}
	
	.website {display: none}
	.leftlist,.inner_r {width: 100%}
	.leftlist {background: none}
	.leftlist .title {padding: 0;background: none;color: #333;text-align: center}
	.leftlist .title h2 {font-weight: 200;font-size: 30px}
	.leftlist ul {padding: 0;padding: 3px;text-align: center;overflow: hidden;margin: 20px auto}
	/*.leftlist ul li {width: 126px;display: inline-block}*/
	.leftlist ul li {width: 260px;display: inline-block; margin-bottom:5px;}
	.leftlist ul li a {text-align: center;border-bottom: 0;height: 41px;line-height: 41px;border: 1px solid rgba(0,90,196,0.2)}
	.leftlist ul li a:hover, .leftlist ul li a.cur {padding: 0;background: #005ac4;border-radius:0}
	.product .frlist {width: 100%}
	.product .list li .box {padding: 0 5px}
	
	.pro_detail {width: 100%}
}
@media screen and (max-width:768px){
	.hot_type .list a.a1 {height: 218px;padding: 20px}
	.hot_type .list a.a1 img {width: 100%;right: -50px;bottom: -90px}
	.brand_in .list li {width: 25%}
	.about_in .txt {width: 100%}
	.about_in .pic {display: none}
	.pro_in .ah-tab-content li {width: 33.333333%}
	.pro_in .ah-tab-content li a {height: auto;}
	.pro_in .ah-tab-content li a .pic span{height: 160px}
	.hezuo .list li .pic {height: 140px}
	.licheng li {width: 50%;margin-bottom: 20px}
    .copyright {padding:20px 0;height:auto}
    .copyright .fl, .copyright .fr {float:none}
    .copyright p {line-height:26px}

	.about .fw {padding: 0}
	.inner_box {padding-bottom: 0}
	.contact .txt {width: 100%;padding-right: 0}
	#dituContent1 {width: 100%;margin-top: 20px}
	.news .inner_box, .brand_inner .inner_box, .product .inner_box {padding-bottom: 60px}
	.product .list li {width: 33.333%}
}
@media screen and (max-width:628px){
    .fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:208px}
	.hot_type, .brand_in {margin-top: 40px;padding-bottom: 40px}
	.hot_type .title_in {margin-bottom: 30px}
	.hot_type .list a.a1 {height: 180px;padding: 20px;width: 48%}
	.hot_type .list a.a1 h4 {font-size: 18px;padding-bottom: 5px}
	.hot_type .list a.a1 img {max-width: 60%;right: -10px;bottom: 0}
	.hot_type .list li {padding: 0 3px}
	.hot_type .list li a {height: auto;padding-bottom: 20px;margin-bottom: 6px}
	.hot_type .list li a .pic {height: 161px}
	.brand_in .list li {width: 33.333333%}
	.about_in, .pro_in {padding: 40px 0}
	.about_in .date {margin-top: 45px}
	.about_in .date li {font-size: 14px}
	.about_in .date li b {font-size: 30px}
	.sunfoon1 {height: 256px}
	.pro_in .ah-tab .ah-tab-item {width: auto;display: inline-block;float: none}
	.ah-tab-overflow-right::after {display: none}
	.news_in .fw {padding: 0}
	.news_in .title {padding: 0 10px}
	.news_in .news_l li .box {padding: 0 10px}
	.news_in .title a.next, .news_in .title a.more {right: 10px}
	.news_in .title a.prev {right: 65px}
	.hezuo .list li .box {padding: 0 5px}
	.hezuo .list li .pic span img {width: 75%}
	.news .list li .date {display: none}
	.news .list li a {padding-right: 20px}
	.product .list li {width: 50%}
	.pro_detail .row .pic {width: 100%}
	.pro_detail .row .txt {width: 100%;padding: 20px 0}
	.about .content .pic {width: 100%;margin-right: 0;margin-bottom: 40px}
	.about .content p.tt {font-size: 22px}
}
@media screen and (max-width:580px){
    .copyright {margin-bottom:20px;}
    .footnav {display: block;}
}
@media screen and (max-width:480px){
	.head .logo img {height: 60%;margin-top: 16px}
	.small_head .logo img {margin-top: 7px;height: 70%}
    .fw {padding:0 10px}
    .fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:124px}
	.hot_type .list li {width: 50%}
	.hot_type .list a.a1 {width: 100%;margin-right: 0;margin-bottom: 10px}
	.hot_type .list ul {margin-top: 0}
	.hot_type, .brand_in {padding-bottom: 40px}
	.about_in .txt {padding-top: 0}
	.about_in .txt .more {top:10px}
	.sunfoon1 {height: 206px}
	.pro_in .ah-tab-content li {width: 50%}
	.news_in {padding: 40px 0}
	.news_in .news_l li a.pic {height: 129px}
	.hezuo .list li {width: 33.333333%}
	.licheng li {padding-left: 55px}
	.licheng li .icon {left: 20px}
	.foot .list {width: 100%;text-align: left;border-top: 1px solid #999;margin-top: 20px;padding-top: 20px}
	.foot .list li {float:left;width: 50%;padding-right: 10px}
	
	.banner_bg,.banner {display: none}
	.phone_search {margin-top: 88px}
	.about .content {padding: 10px;padding-bottom: 30px}
	.news .list li .pic {width: 150px;height: 100px}
	.news .list li .txt {height: 100px}
	.news .list li .pic img {width: 100%;height: 100%}
	.news .list li a {padding-left: 160px}
	.news .list li .txt p {height: 44px;overflow: hidden}
	.brand .list {padding: 0}
	.brand .list li {width: 50%}
	.brand .list li a {border: 5px solid #fff;height: 243px}
	.brand .list li a:hover {border: 5px solid #005ac4}
	.brand .list li a .pic span {height: 116px}
	.brand_inner .content .pic {width: 100%;margin-right: 0;margin-bottom: 30px}
	.detailist li {width: 50%}
	.product .list li .box {padding: 0 2px}
	.product .list li a .pic span {height: 185px}
}


@media (max-width:558px){
#rightArrow {display:none}
#floatDivBoxs{display:none;}
}
@media (max-width:398px){
#rightArrow {display:none}
#floatDivBoxs{display:none;}
}