@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","宋体";color:#333}
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}

.topline {width:100%;height:40px;background:#f2f2f2;line-height:40px}
.topline .fr a {padding:5px 15px 5px 17px;font-size:14px}
.topline .fr a:hover {color: #e01e3c}
.topline .fr a.phone {display:none}
.topline .fr a.qq i {color: #287feb}
.topline .fr a.wx i {color: #3cb035}
.topline .fr a.tel i {color: #eb2852}
.topline .fr a i {padding-right: 5px}
.topline .fr .wxm{width: 100px;height: 100px; display: none; margin-left: 90px; position: absolute;top: 35px; right: 1; z-index: 999;border: 1px #ddd solid;}
.topline .fr .wxm img{display: block;width: 100px;height: 100px;}
.topline .fr .wx:hover .wxm{display: block;}
.header {height:83px;width:100%;position:relative}
.header .logo {float:left}
.header .logo img{margin-top:26px}
.header .cxt {float:left;margin-left:10px;display:block;width:134px;margin-top:17px}
.header .cxt img {display:block;width:100%}
.header .nav li {float:left;position: relative}
.header .nav li a {font-size:16px;padding:0 15px;height:83px;line-height:83px;display:inline-block;position:relative}
.header .nav li a span {position: relative;z-index: 2}
.header .nav li a:before {content:'';height:0px;width:100%;background:#eb2852;position:absolute;bottom:0;left:0;transition:all 0.3s;-ms-transition:all 0.3s;z-index:1}
.header .nav li a:hover:before, .header .nav li a.cur:before {height:83px}
.header .nav li a.cur, .header .nav li a:hover {color:#fff}

.header .nav li dl {position:absolute;top:93px;background:#fff;width:380px;z-index:999;visibility:hidden;opacity:0;padding:10px 0;box-shadow:2px 5px 10px rgba(23,23,103,0.28);transition:all 0.3s;-ms-transition:all 0.3s;}
.header .nav li dl dd {float:left;width:50%;padding:0 10px}
.header .nav li dl dd a {display:block;font-size:13px;height: 38px; line-height:38px;border-bottom:1px solid #eee;border-radius: 5px;transition: all 0.3s;-ms-transition:all 0.3s; padding:0 5px}
.header .nav li.cur dl dd a {color:#333}
.header .nav li dl dd a:before {display:none}
.header .nav li dl dd a:hover {background:#ececec;color:#333}
.header .nav li:hover dl {visibility:visible;top:83px;opacity:1}

#sidenav-toggle {position:absolute;right:20px;top:70px;margin-top:-5px;font-size:24px;color:#333;display:none;z-index: 99;}

.fullSlide {
	width:100%;
	position:relative;
	height:730px;
	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:730px;
	overflow:hidden;
	text-align:center;
	transition:none
}
.fullSlide .bd li a {
	display:block;
	height:730px;
	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;
}
   .fullSlide .bd ul li img{
      display:none !important;
    }  

.search-top {width:1300px;margin:0 auto;padding:30px 20px;background: #fff;position:relative;z-index:100;margin-top:-53px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.search-top .tt {float: left;line-height: 45px;font-size: 18px;font-weight: bold;color:#333;position: relative;padding-left:60px;padding-right: 30px }
.search-top .tt i {color: #e01e3c;font-size: 40px;position: absolute;left: 10px;top: 0}
.search-top .text1 {
	width:165px;
	height:45px;
	line-height:45px;
	padding:0 20px;
	background:#eee;
	float:left;
	margin-right:30px;
	border-radius: 45px;
	color: #999
}
.search-top input::-webkit-input-placeholder {color: #999}
.search-top input.text2 {width:80px}
.search-top .btn1 {
	width:90px;
	height:45px;
	margin-right: 20px;
	border-radius: 45px;
	display:block;
	float:right;
	background:#e01e3c;
	border:0;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:16px;
	line-height:45px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.4);
	transition:all 0.4s;
	-ms-transition:all 0.4s
}
.search-top .btn1:hover {box-shadow: none}
.search-top .select_box{
	float:left;
	position:relative;cursor:pointer;
	font-size:14px;
	color:#999;
	width:199px;
	height:45px;
	line-height:45px;
	z-index:500;
}
.selet_open{display:inline-block;position:absolute;right:10px;top:0;width:20px;height:45px; background:url(../images/search_icon1.png) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:5px;width:110px;line-height:45px;height:45px;cursor:text;overflow:hidden; z-index:200;}
.option{width:100%;border:solid 1px #EDE7D6;position:absolute;top:49px;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:#e01e3c; color:#fff;}

.search_in .b4 {width: 33.333333%;float: left;padding-right: 13px}
.search_in .b5 {padding-left: 6px;padding-right: 6px}
.search_in .b6 {padding-left: 13px;padding-right: 0}
.search_in .btn1 {display: block;width: 100%;height: 49px;line-height: 45px;font-size: 14px; text-align: center;color: #333;font-weight: bold;border:2px solid #e39000;background: #ffd461;margin-top: 10px;transition: all 0.3s;-ms-transition: all 0.3s}
.search_in .btn1 .fa {padding-right: 5px}
.search_in .btn1:hover {background: #ffe399;border:2px solid #ffe399}

.phone_search {width:100%;padding:15px;box-sizing:border-box;display:none;z-index:50;background: #e01e3c}
.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:45px;font-size:14px;color:#888;padding-left:20px}
.phone_search .text i {font-size:18px;color:#e01e3c;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:#e01e3c;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}

.more_in {height: 45px;transition: all 0.3s;-ms-transition: all 0.3s;border-radius: 45px;background: #e01e3c;color: #fff;text-align: center;line-height: 45px;width: 183px; display:block}
.more_in i {padding-left: 5px;transition: all 0.3s;-ms-transition: all 0.3s;}
.more_in:hover {box-shadow: 0 5px 20px rgba(0,0,0,0.2);transform: translateY(-5px);-ms-transform: translateY(-5px)}
.more_in:hover i {text-indent: 10px}

.about_in {background: #f8f8f8;width: 100%;padding-bottom: 80px}
.about_in .fw {padding-top: 100px}
.about_in .fw .ml{width:300px;float:left;}
.about_in .fw .ml .mlicon{float:left;margin-top:20px;display:none}
.about_in .fw .ml .mlicon img{width:300px;}

.about_in .fw .tt {position: relative;width: 300px;padding-bottom: 90px}
.about_in .fw .tt h1 {color: #434b5b;font-size: 42px;letter-spacing: -2px}
.about_in .fw .tt h4 {color: #434b5b;font-size: 18px;position: relative;font-weight: 200}
.about_in .fw .tt h4:before {content: '';position: absolute;width: 80px;height:2px;background: #ccc;left: 0;top:50px }
.about_in .fw .more_in {margin-top: 60px}
.about_in .fw .tt .btn {position: absolute;bottom: 0;width: 49px;height: 49px;text-align: center;border-radius: 50%;font-size: 18px;transition: all 0.3s;-ms-transition: all 0.3s;}
.about_in .fw .tt .btn i {line-height: 49px;color: #fff}
.about_in .fw .tt .btn.qq {left: 0;background: #287feb}
.about_in .fw .tt .btn.wx {left: 69px;background: #3cb035}
.about_in .fw .tt .btn.add {left: 138px;background: #e01e3c}
.about_in .fw .tt .btn:hover {box-shadow: 0 2px 5px rgba(0,0,0,0.2); transform: translateY(-10px)}
.about_in .fw .txt {width: 460px;color: #434b5b;line-height: 24px;margin-left: 70px}

.title_in {width: 100%; text-align: center;color: #434b5b}
.title_in h2 {font-size: 38px;font-weight: 500;padding-bottom: 6px}
.title_in p {font-size: 16px;opacity: 0.5}

.brand_in {width: 100%;margin: 0 auto;background: #e01e3c;padding: 80px 0}
.brand_in .title_in {color: #fff;margin-bottom: 60px}
.brand_in ul li a {display: block;padding: 0 15px}
.brand_in ul li .pic {background: #fff;border-radius: 10px;display: table;width: 100%;opacity: 0.6}
.brand_in ul li.vmc_active .pic {opacity: 1}
.brand_in ul li .pic span {display: table-cell;width: 100%;height: 125px; vertical-align: middle}
.brand_in ul li .pic span img {display: block;margin: 0 auto;vertical-align: middle;max-width: 90%}
.brand_in ul li a:hover .pic {opacity: 1}
.brand_in .more_in {margin: 0 auto;background: #434b5b;margin-top: 60px}

/*2019-05-17  添加手机端轴承品牌样式*/
.brand_in_phone {width: 100%;margin: 0 auto;background: #e01e3c;padding: 80px 0; display: none;}
.brand_in_phone:after {clear: both; content: ""; display: table;}
.brand_in_phone .title_in {color: #fff;margin-bottom: 60px}
.brand_in_phone ul{width: auto; margin: 0px auto;}
.brand_in_phone ul:after {clear: both; content: ""; display: table;}
.brand_in_phone ul li{width: 40%; float:left; margin-top: 20px;}
.brand_in_phone ul li a {display: block;padding: 0 15px}
.brand_in_phone ul li .pic {background: #fff;border-radius: 10px;display: table;width: 100%;opacity: 0.6}
.brand_in_phone ul li.vmc_active .pic {opacity: 1}
.brand_in_phone ul li .pic span {display: table-cell;width: 100%;height: 125px; vertical-align: middle}
.brand_in_phone ul li .pic span img {display: block;margin: 0 auto;vertical-align: middle;max-width: 90%}
.brand_in_phone ul li a:hover .pic {opacity: 1}
.brand_in_phone .more_in {margin: 0 auto;background: #434b5b;margin-top: 60px}
/*end*/

.pro_in {background: #f8f8f8;padding: 90px 0;width: 100%}
.subnav {background: url(../images/pro_bg.png) no-repeat;width: 298px;height: 567px;padding: 38px}
.subnav h2 {font-size: 32px;color: #FFFFFF}
.subnav h2 span {color: #eb2852;display: block}
.subnav p {font-size: 18px;color: #fff;position: relative;padding-top: 24px;margin-top: 24px;margin-bottom: 24px}
.subnav p:after {content: '';position: absolute;width: 72px;height: 2px;background: #fff;left: 0; top: 0}
.subnav li a {display: block;font-size: 14px; line-height: 39px;border-bottom: 1px solid #727272;color: #fff}
.subnav a.more_in {margin-top: 35px}
.subnav li a:hover {color: #e01e3c}
.pro_in .list {width: 980px}
.pro_in .list li {float: left;width: 25%;padding-left: 20px;margin-bottom: 30px;overflow: hidden;}
.pro_in .list li a.pic {display: table;width: 100%;height: 196px;background: #fff;border-radius: 10px;margin-bottom: 15px}
.pro_in .list li a.pic span {display: table-cell;width: 100%;height: 193px; vertical-align: middle;overflow: hidden;text-align: center;}
.pro_in .list li a.pic span img {max-width: 80%; max-height: 80%;transition: all 0.3s;-ms-transition: all 0.3s;}
.pro_in .list li .txt a {font-size: 14px;color: #666;line-height: 24px;transition: all 0.3s;-ms-transition: all 0.3s;}
.pro_in .list li .txt p {color: #999}
.pro_in .list li a.pic:hover span img {transform: scale(1.1);-ms-transform: scale(1.1);}
.pro_in .list li .txt a:hover {color: #e01e3c}

.sunfoon1 {display: block;background: url(../images/sunfoon1.jpg) no-repeat center;width: 100%;height: 437px;position: relative}
.sunfoon1 img {position: absolute;right:10%;bottom: -140px}

.cooper {width: 100%;background: #f8f8f8;padding: 80px 0}
.cooper .list {width: 1306px;margin: 0 auto;margin-top: 60px}
.cooper li {float: left;width: 20%;padding: 3px}
.cooper li .pic {display: table;width: 100%;height: 151px;border-radius:10px; background: #fff}
.cooper li .pic span {display: table-cell;width: 100%;height: 151px;overflow: hidden; vertical-align: middle}
.cooper li .pic span img {display: block;margin: 0 auto;transition: all 0.3s;-ms-transition: all 0.3s; vertical-align: middle;max-width: 90%}
.cooper li:hover .pic span img {transform: scale(1.1);-ms-transform: scale(1.1);}

.app_in {padding: 80px 0}
.app_in .list li a{display: block;padding-right: 5px}
.app_in .list li .pic {border-radius: 10px;overflow: hidden;position: relative}
.app_in .list li .pic:before {content: '';position: absolute;transition:all 0.3s;-ms-transition: all 0.3s;width: 100%;height: 100%;background: #000;opacity: 0;left: 0;top: 0;z-index: 1}
.app_in .list li .pic img {border-radius: 10px}
.app_in .list li .pic .bg {position: absolute;transition:all 0.4s;-ms-transition:all 0.4s;width: 700px;height: 700px;border-radius: 50%; background: #eb2852;bottom:-650px;opacity:0;left: 50%;margin-left: -350px;z-index: 2}
.app_in .list li .pic p {position: absolute;opacity:0; transition:all 0.6s;-ms-transition:all 0.6s;width: 100%;left: 0;bottom: 0px;color: #fff;font-size: 18px;text-align: center;z-index: 5}
.app_in .list li a:hover .pic:before {opacity: 0.5}
.app_in .list li a:hover .bg {bottom: -630px;opacity: 1}
.app_in .list li a:hover p {opacity: 1;bottom: 23px}
.app_in .title_in {margin-bottom: 60px}
.app_in a.more_in {margin: 60px auto 0}
.hsldr-nav-region {
	position: absolute;
	height: 2px;
	width: 20px;
	top: 0px;
	left: 0px;
	background-color: #000;
}

.hsldr-nav-wrapper {
	display: none;
	position: absolute;
	bottom: 0;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.hsldr-nav-marker {
	content: "";
	display: inline-block;
	height: 2px;
	width: 200px;
	background-color: #bbb;
	float: left;
}

.hsldr-container {
	position: relative;
	width: 100%;
	max-height: 438px;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
}

.hsldr-container.hsldr-has-nav-bar {
	max-height: 438px;
}

.hsldr-gallery-container {
	position: relative;
	left: 0;
	transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	overflow: hidden;
	width: 99999px;
}

.hsldr-image-container {
	float: left;
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}

.hsldr-image-container img {
	width: auto;
	max-height: 438px;
}

.hsldr-container figure, .hsldr-container li {
	position: relative;
}

.hsldr-container figcaption,
.hsldr-container .caption {
	position: absolute;
	left: 0;
	top: 50%;
	padding: 0;
	color: #fff;
	width: 94%;
	padding: 3%;
	opacity: 0;
	text-align: center;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transition: opacity 0.1s ease-in-out;
	-ms-transition: translateY(-50%);
	font-size: 1.6rem;
	font-weight: 200;
}

.hsldr-image-container:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0);
	content: '';
	display: block;
	z-index: 0;
	transition: background-color 0.3s ease-in-out;
	-ms-transition: background-color 0.3s ease-in-out;
}

.hsldr-container .showcaption:before {
	background-color: rgba(0,0,0,0.6);
	z-index: 1;
}

.fade-in {
	opacity: 1;
}

.info {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	visibility: visible;
	position: absolute;
	right: 10px;
	bottom: 10px;
	opacity: 1;
	z-index: 2;
}

.info:before {
	content: "i";
	width: 15px;
	height: 15px;
	display: block;
	text-align: center;
	font-family: Georgia;
	font-style: italic;
	color: #fff;
	background-color: rgba(0,0,0,0.1);
	padding: 2px 3px 5px;
	border-radius: 2px;
}

.showcaption .info:before, .showcaption .info:after {
	position: absolute;
	left: 11px;
	top: 4px;
	content: ' ';
	height: 15px;
	width: 2px;
	background-color: #fff;
	padding: 0;
}

.showcaption .info:before {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.showcaption .info:after {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.hsldr-container .showcaption figcaption,
.hsldr-container .showcaption .caption {
	visibility: visible;
	opacity: 1;
	z-index: 1;
}

.hsldr-next, .hsldr-prev {
	position: absolute;
	top:0;
	width: 150px;
	height: 100%;
	color: #fff;
	transition: background-color 0.3s ease-in-out;
	-ms-transition: background-color 0.3s ease-in-out;
	padding: 15px 20px;
	z-index: 4;
}


.hsldr-next {
	right: 0;
	background-image: linear-gradient(-90deg, rgba(0,0,0,0.6),rgba(0,0,0,0));
}

.hsldr-next:before,
.hsldr-next:after,
.hsldr-prev:before,
.hsldr-prev:after {
	width: 29px;
	height: 2px;
	background-color: #fff;
	display: block;
	content: '';
	position: relative;
}

.hsldr-next:before {
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	top: 50%;
	margin-top: -16px;
	left: 50%;
}

.hsldr-next:after {
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	top: 50%;
	margin-top: 17px;
	left: 50%;
}

.hsldr-prev {
	left: 0;background-image: linear-gradient(90deg, rgba(0,0,0,0.6),rgba(0,0,0,0));
}

.hsldr-prev:before {
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	top: 50%;
	margin-top: -16px;
	left: 50%;
	margin-left: -16px
}

.hsldr-prev:after {
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	top: 50%;
	left: 50%;
	margin-top: 17px;
	margin-left: -16px
}

.hsldr-next:hover,
.hsldr-prev:hover {
	background-color: rgba(0,0,0,0.6);
}

.news_in {background: #f8f8f8;padding: 80px 0}
.news_in .subnav {background: url(../images/news_bg.png) no-repeat}
.news_in .subnav h2 span {color: #333}
.news_in .subnav li a {border-bottom: 1px solid rgba(255,255,255,0.5)}
.news_in .subnav li a:hover {color: #333}
.news_in a.more_in {background: #333}
.news_in .list {width: 950px}
.news_in .list li a {display: block;transition: all 0.3s;-ms-transition: all 0.3s;padding: 30px;height: 193px;padding-left: 268px; position: relative;padding-right: 170px}
.news_in .list li a .pic {width: 238px;height: 133px;transition: all 0.3s;-ms-transition: all 0.3s;border-radius: 5px;overflow: hidden;position: absolute;left: 0;top: 30px}
.news_in .list li a .pic img {display: block;width: 238px;height: 133px;}
.news_in .list li a .txt h2 {font-size: 18px;color: #666;transition: all 0.3s;-ms-transition: all 0.3s;font-weight: 500;margin: 20px 0}
.news_in .list li a .txt p {font-size: 14px;color: #999;line-height: 26px;height:52px;overflow: hidden}
.news_in .list li a .date {font-size: 24px;color: #999;right: 30px;top: 50px;position: absolute;font-weight: 100}
.news_in .list li a .jt {position: absolute;transition: all 0.3s;-ms-transition: all 0.3s;width: 24px;height: 13px;background: url(../images/newsjt.png) no-repeat right 0;right: 40px;bottom: 50px}
.news_in .list li a:hover {background: #fff;padding-left: 288px;padding-right: 150px;box-shadow: 0 5px 30px rgba(0,0,0,0.1)}
.news_in .list li a:hover .pic {left: 30px}
.news_in .list li a:hover .txt h2 {color: #eb2852}
.news_in .list li a:hover .jt {background-position: left 0}

.feed_in {padding:35px 0;width:100%;border-top:1px solid #eee}
.feed_in h4 {font-size:18px;color:#eb2852;margin-bottom:20px}
.feed_in .text1{float:left;width:290px;height:40px;line-height:40px;padding:0 20px;margin-right:20px;background:#f2f2f2;border-radius:40px}
.feed_in .text2 {width:516px;border:0}
.feed_in .btn1 {width:110px;background:#f60034;transition:all 0.3s;-ms-transition: all 0.3s;color:#fff;border-radius:40px;height:40px; cursor:pointer}
.feed_in .btn1:hover {background:#ff3b64}

.foot {background:#434b5b;width:100%;padding:60px 0}
.foot .fl {width:346px;margin-left: 40px}
.foot .list h2 {font-size:18px;color:#fff;font-weight:600;margin-bottom:20px}
.foot .list li {width:50%;float:left;box-sizing:border-box;padding-right:20px;line-height:35px}
.foot .list li a {color:#adadad;display:block;border-bottom:1px dotted #666;font-size: 14px}
.foot .list li a:hover {color:#fff}
.foot .fr {width:168px;font-size:14px;color:#f2f2f2}
.foot .fr h2 {font-size:18px;margin-bottom:20px;color:#fff}
.foot .fr img {display: block;width: 100%}
.foot .bout {width: 300px;margin-left: 0}
.foot .bout img {margin-bottom:20px}
.foot .bout p {font-size:14px;color: #fff;line-height: 30px }
.foot .bout h2 {font-size: 28px;color: #fff;margin-bottom: 10px}

/*虚拟按键*/
/*start*/
.foot_info_met_11_3_22_bottom{display: none;overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;}
.text-xs-center{text-align: center!important;}
.foot_info_met_11_3_22_bottom .mains{display: flex;}
.foot_info_met_11_3_22_bottom .mains>div{flex: 1;}
.foot_info_met_11_3_22_bottom a.item{color: #555555;padding: 5px 0;display: inline-block;}
.foot_info_met_11_3_22_bottom a.item i{font-size: 16px;display: block;}
.phone_search {width:100%;padding:10px;box-sizing:border-box;display:none;background:#0078ff;}
.phone_search .text {display:block;box-sizing:border-box;width:100%;height:30px;position:relative;border-radius:20px;line-height:30px;font-size:12px;color:#666;padding-left:10px;background:#fff}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:10px;line-height:30px}
.foot_info_met_11_3_22_bottom a.item span{color: #555555; font-size: 12px;}
/*end*/

.copyright {background: #394150;padding: 20px 0}
.copyright p {line-height: 30px;color: #fff}
.copyright p a {color: #eb2852;font-size: 14px}
.copyright p a:hover {color: #fff}

.head .fw .toggle {position:absolute;right:20px;top:6px;font-size:24px;width:60px;height:60px;background:#ffa200;color:#fff;text-align:center;display:none}
.head .fw .toggle i {line-height:60px}


.banner {width:100%;height:325px;background-size: cover}
.banner_pro {background:url(../images/banner_product.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;border-top:1px solid #eee;border-bottom:1px solid #eee}
.banner_app {background:url(../images/banner_app.jpg) no-repeat center top}
.banner_news {background:url(../images/banner_news.jpg) no-repeat center top}

.met_pager {
	margin-top:40px;
	text-align:center;
	margin-bottom: 60px
}
.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 .current {
	background:#e01e3c;
	border-color:#e01e3c;
	color:#fff;
	cursor:default
}
.met_pager a:hover {background:#e01e3c;border-color:#e01e3c;color:#fff}

.website {line-height: 59px;padding-top: 10px; width:100%;border-bottom: 1px solid #ddd;color:#666;font-size: 14px;text-align: left}
.website a {color: #666;font-size: 14px}
.website a:last-child, .website a:hover {color: #e01e3c}
.website i {padding: 0 10px}
.website .toggle {position:absolute;top:0;right:10px;color:#333;display:none}

.tt_inner {text-align: center;width: 100%;padding: 30px}
.tt_inner h2 {font-size: 31px;color:#e01e3c}
.tt_inner h4 {font-size: 16px;color:#333;margin-top: 10px;font-weight: 200}

.product {background: #f8f8f8;width: 100%}
#leftfloat {transition:none}
.leftlist {width:250px;background:#e01e3c;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;border-bottom:1px solid rgba(255,255,255,0.1);line-height:50px}
.leftlist .title p {font-size:15px;font-family:"helvet";line-height:35px;text-align: right}
.leftlist ul {padding:0 15px}
.leftlist ul li a{display:block;padding:0 10px;height:43px;line-height:43px;font-size:14px;color:#fff;transition: all 0.3s;-ms-transition: all 0.3s;border-bottom:  solid 1px rgba(255, 255, 255, 0.05)}
.leftlist ul li a:hover,.leftlist ul li a.cur {border-radius: 5px; background:#c7122e;padding-left:20px}

.product .list {width: 1010px;position: relative}
.product .list li {float: left;width:33.333333%;margin-bottom: 15px}
.product .list li .box {padding-left: 18px}
.product .list li a .pic {display: table;width:100%;height: 100%;overflow: hidden;background: #fff}
.product .list li a .pic span {display: table-cell;width: 100%;height: 100%;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: #f0f0f0;padding: 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: 16px}
.product .list li a .txt p {transition: all 0.3s;-ms-transition: all 0.3s;font-size: 14px;color:#999}
.product .list li a:hover .pic span img {transform: scale(1.1);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}

.prodetail {width:100%;background:#f8f8f8;padding:10px 0}
.prodetail .pic {width:45%;height:auto;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:#fb4848;font-size:14px;color:#fff;border:2px solid #fb4848;padding-left:20px;overflow:hidden;margin-top:20px;border-radius:38px;margin-right:15px}
.prodetail a.mob {display:none}
.prodetail .hotline b {background:#fff;color:#333;border-radius:38px;display:inline-block;padding:0 20px;height:38px;line-height:38px;margin-left:10px;font-size:16px}
.procon {margin-top:20px;font-size:14px;line-height:24px}
.procon h4.tt, .app h4.tt {font-size:18px;line-height:60px;position:relative;color:#333;text-align: center}
.procon h4.tt:before, .app h4.tt:before {content:'';position: absolute;width: 100%;height: 1px;background: #ddd;top: 50%;left:0;z-index: 1}
.procon h4.tt span, .app h4.tt span {padding: 0 30px;background: #fff;display: inline-block;position: relative;z-index: 5}
.procon img {display:block;margin:10px auto;max-width:100%}

.detail_list {padding: 40px 0}
.detail_list .list {width:1220px;margin:20px auto 0;}
.detail_list .list li {box-sizing:border-box;width:20%;padding:10px;float:left}
.detail_list .list li .box {display:block;background:#f1f1f1;color:#666;transition:all 0.3s;-ms-transition:all 0.3s;}
.detail_list .list li .pic {vertical-align:middle;width:100%;height:150px;overflow:hidden;background: #fff}
.detail_list .list li .pic span {display:table-cell; vertical-align:middle;height:150px;overflow:hidden}
.detail_list .list li .pic img {display:block;margin:0 auto;max-width:100%;max-height:100%}
.detail_list .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;padding: 0 10px}
.detail_list .list li .box:hover {background:#e01e3c;color:#fff}

.about {padding-bottom: 60px}
.about .content {line-height: 24px}
.about .content img {margin-top: 20px}

.brand {margin-top: 0;padding-bottom: 60px}
.brand .list {width:1200px;margin:0 auto;position:relative;transition:none}
.brand .list a.next,.brand_in .list a.prev {position:absolute;width:40px;height:40px;text-align:center;line-height:40px;color:#fff;top:100px;background:#333;cursor:pointer;font-size:24px;border-radius:5px;opacity:0.5}
.brand .list a.next {right:-30px}
.brand .list a.prev {left:-30px}
.brand .list a.next:hover,.brand_in .list a.prev:hover {opacity:1}
.brand .list li {float:left;width:33.3333%;transition:none}
.brand .list li .box {width:100%;padding:15px 15px 80px 15px}
.brand .list li a {display:block;width:100%;padding:25px;padding-bottom:80px;background:#F8F8F8;border:1px solid #f1f1f1;border-radius:10px;text-align:center;position:relative;transition: all 0.3s;-ms-transition:all 0.3s;}
.brand .list li a h4 {font-size:18px;color:#333;font-weight:100;margin-bottom:20px}
.brand .list li a p {font-size:12px;color:#666;height:72px;overflow:hidden;line-height:24px}
.brand .list li a .pic {position:absolute;width:115px;height:115px;border-radius:150px;overflow:hidden;box-shadow:0 2px 10px #ccc;left:50%;margin-left:-57px;bottom:-57px;display: table}
.brand .list li a .pic span {display: table-cell;height: 115px;width: 115px;vertical-align: middle;background: #fff}
.brand .list li a .pic img {display:block;max-width: 90%;vertical-align: middle;margin: 0 auto}
.brand .list li a:hover {background:#e01e3c;}
.brand .list li a:hover h4 {color:#fff}
.brand .list li a:hover p {color:#f8f8f8}
.branddetail .pic {width:40%}
.branddetail .brief {width:60%;box-sizing:border-box;padding-left:40px;font-size:14px;line-height:24px}

.type {background:#f8f8f8;padding-bottom: 40px}
.type .list {margin: 0 auto}
.type .list li {margin-bottom: 20px}

.app .list {width:1390px;margin:0 auto 60px}
.app .list li {float:left;width:25%;padding:15px;text-align:center;line-height:40px}
.app .list li .box a {background:#f8f8f8;border:1px solid #f1f1f1;padding:10px;padding-bottom:0;border-radius:10px;display:block;font-size:14px;color:#666}
.app .list li .box a .img {width:100%;border-radius:10px;overflow:hidden}
.app .list li .box a .img img {display:block;width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;-ms-transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.app .list li .box a:hover {box-shadow:0 5px 20px #ccc}
.app .list li .box a:hover img {transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1)}
.appdetail {
	background: #fff;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 40px
}

.appdetail .brief{width: 100%;}
.appdetail .brief .pic{padding-right:40px ; padding-bottom: 10px;}
.appdetail .brief h1{width: 60%; float: right;}

.app h4.tt {margin-top: 40px;margin-bottom: 30px}

.submenu {text-align: center;margin-bottom: 30px}
.submenu a {display: inline-block;padding: 0 35px;margin:0 10px;line-height: 41px;border-radius: 41px; font-size: 14px;border: 1px solid #e01e3c}
.submenu a.cur {background: #e01e3c;color:#fff}

.news {width: 100%;margin: 0 auto;padding-top: 0}

.newsdetail .content {width:780px;margin-top:20px}
.newsdetail .content h1.tt {font-size:20px;line-height:30px;padding:0;color:#333}
.newsdetail .content .date {font-size:12px;color:#999;border-bottom:1px solid #ddd;line-height:40px;margin-bottom:30px}
.newsdetail .content .txt {font-size:14px;line-height:24px}
.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;
	-ms-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 #e01e3c;background:#e01e3c;color: #fff}
.met-shownews-footer ul li.previous a {float:left}
.met-shownews-footer ul li.next a {float:right}
.newsdetail {padding: 40px 0}
.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;-ms-transition:all 0.3s;font-weight:500}
.newsdetail .list li a:hover h4 {color:#ffa200}

.contact {background:#f8f8f8}
.contact .txt {text-align:center;padding:40px;color:#666;font-size:14px}
.contact .txt a {font-size: 14px;color:#666}
.contact .txt h1 {font-size:18px;color:#333;margin-bottom:30px;font-weight: 900}
.contact .txt p {font-size:40px}
.contact .txt h4 {margin-bottom: 10px}
.contact .txt h4 a{color:#e01e3c;font-size:40px;line-height:50px}
.contact .txt span {padding:0 10px;line-height:30px; white-space:nowrap}

@media screen and (max-width:1300px){
	.fw {width:auto;padding:0 20px}
	.search-top {display:none}
	.phone_search {display:block}

	.subnav{width: 100%;background: none;height: auto;padding: 0}
	.subnav p:after {display: none}
	.subnav h2 {color: #eb2852;text-align: center}
	.subnav h2 span {display: inline;padding-left: 10px}
	.subnav p {text-align: center;color: #333;padding-top: 0;margin-top: 0}
	.subnav li {display: inline-block;position: relative}
	.subnav li:before {content: '';position: absolute;left: 0;top: 15px;width: 1px;height: 10px;background: #ccc}
	.subnav li:first-child:before {display: none}
	.subnav ul {text-align: center}
	.subnav li a {display: inline-block;padding: 0 20px; color: #666;border-bottom: none;}
	.subnav a.more_in {margin: 30px auto}
	.pro_in .list, .product .list {width: 100%}
	.pro_in .list li {padding-left: 10px;padding-right: 10px}
	.cooper .list {width: 100%;padding: 0 10px}
	.news_in .subnav {background: none}
	.news_in a.more_in {background: #e01e3c}
	.news_in .subnav li a {border-bottom: none}
	.news_in .list {width: 100%}
	.feed_in {padding:35px 10px}
	.feed_in .text1 {width:16%}
	.feed_in .text2 {width:40%}
	.foot .fl {width:25%}

	.brand .list, .app .list {width: 100%}
	.app .list li {padding: 10px}
	.leftlist {display: none}
	.product .list li .box {padding-left: 10px;padding-right: 10px}
	.detail_list .list{width: 100%}
	.news {width: 100%}
	.newsdetail {padding: 40px 20px}
	.newsdetail .content {width: 70%}
	.newsdetail .list {width: 25%}
}

@media screen and (max-width:960px){
	.header .fr {display:none}
	.header {background:#fff}
	.header .fw {position:relative}
	#sidenav-toggle {display:block}
	.header .nav {display:none}
	.about_in .fw {padding-top: 80px}
	.about_in .fw .ml{width:100%;float:left;}
	.about_in .fw .ml .mlicon{width:100%;text-align:center;display:block;}
	.about_in .fw .ml .mlicon img{width:100%;}

	.about_in .fw .tt {width:100%;text-align:center;padding-bottom:50px}
	.about_in .fw .tt h4:before {display: none}
	.about_in .fw .more_in {margin: 30px auto}
	.about_in .fw .tt .btn.qq {left: 50%;margin-left: -89px}
	.about_in .fw .tt .btn.wx {left: 50%;margin-left: -24px}
	.about_in .fw .tt .btn.add {left: 50%;margin-left: 40px}
	.about_in .fw .txt {margin-left: 0;width: 50%;margin-top: 40px}
	.about_in .fw .pic {width: 45%;margin-top: 40px}
	.about_in .fw .pic img {display: block;width: 100%}

	.sunfoon1 {height: 240px;background-size: cover}
	.sunfoon1 img {height: 340px}

	.foot .fl {width: 100%;margin-left: 0;margin-bottom: 40px}
	.foot .fr {float: left}

	.brand .list li {width: 50%}
	.type_in .list li .box {padding: 0 10px}
	.type_in .list li a {height: 402px}
	.brand_in .list li .box {padding:20px 10px}
	.brand_in .list li a {padding: 30px;padding-left: 180px}
	.brand_in .list li a .pic {width: 124px;height: 124px;left: 30px;top:30px}
	.brand_in .list li a .pic img {display: block;width: 100%}
	.detail_list .list li, .app .list li{width: 33.333333%}
	.type .list li .box {padding: 0 5px}
	.type .list li {margin-bottom: 10px}
}
@media screen and (max-width:768px){

	.foot_info_met_11_3_22_bottom{display: block;}
	.search .fw {padding:0}
     /*2019-05-17*/
    .fullSlide .bd ul li img{
        display: block!important;
        width: 100%;
        height: 380px;
        max-width: 100%;
        min-width: 100%;
    }
    /*end*/
	.fullSlide, .fullSlide .bd li, .fullSlide .bd li a{height: 380px}
	.cooper li,.pro_in .list li {width: 33.333333%}
	.pro_in .list li a.pic, .pro_in .list li a.pic span {height: 156px}
	.sunfoon1 img {display: none}
	.hsldr-image-container img, .hsldr-container.hsldr-has-nav-bar, .hsldr-container {height: 360px}
	.product .list li a .pic span, .product .list li a .pic {height: 216px}
	.title_in , .prodetail .pic,.prodetail .brief {width: 100%}
	.prodetail .pic {margin-bottom: 20px}
	.branddetail .brief {padding-left: 0}
	.type {background: #f8f8f8;padding-top:0}

	.newsdetail .content {width: 100%}
	.newsdetail .list {width: 100%}
}
@media screen and (max-width:628px){
	.header .fl {width:80%}
	.header .cxt {display: none}

	.sunfoon1 {height: 268px}
	.header .fl .img1 {width: 100%}
	.news_in .list li a .pic {display: none}
	.news_in .list li a {padding-top:20px;padding-bottom: 20px; padding-left: 0px;height: auto;border-bottom: 1px solid #eee}
	.news_in .list li a .txt h2 {margin: 0;margin-bottom: 10px}
	.news_in .list li a .date {top: 20px}
	.news_in .list li a .jt {bottom: 30px}
	.news_in .list li a:hover {padding-left: 20px}
	.feed_in h4 {text-align: center}
	.feed_in .text1 {width: 100%;margin-bottom: 10px}
	.feed_in .text2 {width: 100%;height: 130px;border-radius: 10px}
	.feed_in .btn1 {width: 100%}
	.product .list li{width: 50%}
	.detail_list .list li{width: 50%;padding: 5px}
	.brand .list li {width:100%}
	.app .list li{width: 50%}
}
@media screen and (max-width:580px){
	#sidenav-toggle {margin-top: 0}
	.topline .fl {display: none}
	.topline .fr {width: 100%;text-align: center}

	.appdetail .brief{width: 100%;}
	.appdetail .brief .pic{width: 100%; float: none;}
	.appdetail .brief h1{width: 100%; float: none;}
}
@media screen and (max-width:480px){
	.header .logo, .header .logo img  {width: 90%;/* margin-top:-7px; */position: absolute;top: -1px;}
	.fw {padding: 0 10px}
	.contact .txt span{display: block;}
    /*2019-05-17*/
    .fullSlide .bd ul li img{
        height: 180px;
    }  
    /*end*/
	.fullSlide, .fullSlide .bd li, .fullSlide .bd li a{height: 180px}
	.phone_search {padding:10px}
	.about_in .fw {padding-top: 60px}
	.about_in .fw .txt {width: 100%}
	.about_in .fw .pic {width: 100%} 
   
	/*2019-05-17*/
	.brand_in{
		display: none;
	}
	.brand_in_phone{
		display: block;
	}
	.brand_in_phone ul{
		width: 100%;
        padding: 10px;
	}
    .brand_in_phone ul li{
        padding: 0px;
        width: 50%;
    }
	/*end*/

	.subnav ul {overflow: auto;white-space: nowrap}
	.cooper li, .pro_in .list li{width: 50%}
	.pro_in {padding: 60px 0}
	.pro_in .list li {padding-left: 5px;padding-right: 5px;margin-bottom: 20px}
	.sunfoon1 {height: 150px}
	.sunfoon1 img {
		display: block;
		height: 200px;
		right: 0;
		bottom: -60px;}
	.title_in h2 {font-size: 31px}
	.title_in p {font-size: 14px}
	.hsldr-next, .hsldr-prev {background-image: none;width: auto}
	.hsldr-next:before, .hsldr-next:after, .hsldr-prev:before, .hsldr-prev:after {width: 16px}
	.hsldr-prev:before, .hsldr-prev:after {left: 10px}
	.hsldr-prev:after,.hsldr-next:after {margin-top: 9px}
	.hsldr-next:before,.hsldr-next:after {right: 10px}
	.app_in a.more_in {margin-top: 30px}
	.feed_in {
		padding: 35px 0px;
	}
	.copyright {height: auto;line-height: 22px;padding:20px}

	.product .list li a .pic span, .product .list li a .pic {height: 186px}
	.product .list li {margin-bottom: 2px}
	.product .list li .box {padding-left: 1px;padding-right: 1px}
	.type .list li {width: 100%}
	.app .list li {padding: 0} 
}

/*首页微信二维码弹出*/
.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}
.lightbox a {display:block;color:#f6032c;font-size:14px}
/*应用领域内容排版*/
/*.appdetail .brief p {line-height:30px;font-size:14px;float:left;width: 100%;padding-right:20px;box-sizing:border-box;}*/

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:40px;right:0px;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:18px;color:#fb4848}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatwx {text-align:center;padding:10PX 0 5px 0;background:#EBEBEB;}
#floatDivBoxs .floatwx img{max-width:170px;}
#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;position:fixed;top:40px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

@media (max-width:558px){
	.topline .fr{text-align:left;}
	.topline .fr a {padding:5px 0px 5px 5px;font-size:13px}
	.footnav {display: block}
	#rightArrow {display:none;}
	#floatDivBoxs {display:none;}
}

/*底部联系方式*/
.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}

.title_in1 {text-align:center}
.title_in1 h2 {font-size:28px;position:relative;font-weight:200;color:#333;padding-bottom:20px;margin-bottom:20px}
.title_in1 h2:before {width:335px;height:1px;background:#dfdfdf;position:absolute;content:'';bottom:0px;left:50%;margin-left:-167px}
.title_in1 h2:after {content:'';position:absolute;width:10px;height:10px;background:#ec0032;bottom:-5px;left:50%;margin-left:-5px;border-radius:10px}
.title_in1 p {font-size:12px;color:#989898}
.type_in1 {background:#f8f8f8;position:relative;padding-top:10px;padding-bottom:10px}
.type_in1 .title_in{position:relative;z-index:5}