@charset "utf-8";
@font-face {font-family:'helvet';src: url('fonts/HelveticaNeueLTPro-ThEx.otf');font-weight: normal;font-style: normal;}
* {padding:0;margin:0;}
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:12px;-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:12px Arial,"Microsoft YaHei";color:#929292;width:100%;height:100%;background:#fff}
.fw {margin:0 auto;width:1192px;}

.head {position:relative;padding:30px 0}
.head .logops {margin-top:20px;margin-left:50px}
.head .fr p {font-size:22px;color:#ff7200;line-height:30px;position:relative;padding:5px 0;padding-left:40px}
.head .fr p i {display:block;width:30px;height:30px;border-radius:50%;border:2px solid #ff7200;text-align:center;position:absolute;left:0;top:0;font-size:18px;line-height:28px}

.head-nav-phone {background:#ff7200;width:100%;padding:10px;display:none;text-align:center}
.head-nav-phone .toggle {font-size:20px;color:#fff;display:block;line-height:30px}
.head-nav-phone .toggle i {font-size:30px; vertical-align:middle;margin-right:10px}

.head-nav {width:100%;height:56px;background:#ff7200}
.head-nav .fw {width:976px}
.head-nav li {float:left}
.head-nav li a {display:block;width:122px;height:56px;line-height:56px;font-size:14px;color:#fff;text-align:center}
.head-nav li a:hover {color:#333}
.head-nav li a.cur {background:url(../images/nav_cur.gif) no-repeat center top;color:#333;font-weight:bold}

.fullSlide {
	width:100%;
	position:relative;
	height:600px;
	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:600px;
	overflow:hidden;
	text-align:center;
	transition:none
}
.fullSlide .bd li a {
	display:block;
	height:600px;
	transition:none
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:16px;
	height:2px;
	margin:1px;
	overflow:hidden;
	background:#EE0E51;
	color:#fff;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:16px;
}
.fullSlide .hd ul .on {
	background:#EE0E51;
	filter:alpha(opacity=100);
	opacity:1;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:0;
	z-index:1;
	width:40px;
	height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:0;
	background-position:-6px -137px;
}

.banner {width:100%;height:249px;background:#666}
.banner_news {background:url(../images/banner_news.jpg) no-repeat center top}
.banner_pro {background:url(../images/banner_product.jpg) no-repeat center top}
.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_protype {background:url(../images/banner_protype.jpg) no-repeat center top}

.search-top {width:1192px;height:70px;margin:30px auto 0;background:url(../images/search_bg.gif) no-repeat center top;color:#fff}
.search-top .fw {width:auto;padding-left:60px}
.search-top span.tt {float:left;line-height:28px;display:inline-block;padding:0 5px 0 20px;margin-top:20px}
.search-top input.text1 {
	width:126px;
	height:28px;
	line-height:28px;
	border-radius:3px;
	padding:0 5px;
	background:#fff;
	float:left;
	margin-top:20px
	}
.search-top input.text2 {width:60px}
.search-top .btn1 {
	float:left;
	width:90px;
	height:41px;
	display:block;
	background:#fff;
	border:0;
	text-align:center;
	color:#333;
	cursor:pointer;
	font-size:14px;
	line-height:41px;
	border-radius:20px;
	margin-left:20px;margin-top:14px
	}
.search-top .btn1:hover {background:#fed52f}
.select_box{
	float:left;
	width:137px;
	position:relative;cursor:pointer;
	background:#fff;
	font-size:12px;
	margin-top:20px;
	margin-right:10px;
	color:#000;
	height:28px;
	line-height:28px;
	border-radius:3px;
	z-index:500;
	}	
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:20px;height:30px; background:url(../images/search_icon1.gif) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:5px;width:110px;line-height:28px;height:28px;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:26px;line-height:26px;text-align:left;padding:0 10px;width:100%;background:#fff;color:#666}
.option a:hover{background:#ff7200; color:#fff;}

.phone_search {width:100%;background:#ff7200;padding:10px;box-sizing:border-box;display:none;}
.phone_search .text {display:block;box-sizing:border-box;background:#fff;width:100%;height:30px;position:relative;border-radius:20px;line-height:30px;font-size:12px;color:#666;padding-left:10px}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:10px;line-height:30px}
.search-over{display:none;position:fixed;z-index:110;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}
.search-warmp{display:none;position:fixed; z-index:120;left:0;top:0;width:100%;font-family:Microsoft Yahei;color:#757575;}
.search-hd{padding:1em;overflow:hidden;background:#ececec;border-bottom:1px solid #dcdcdc;}
.search-hd .bd{position:relative;float:left;width:80%;overflow:hidden;background:#FFF;border-radius:0.3em;}
.search-hd .keywords{width:88%;padding:0 10% 0 2%;height:2em;border:none;font-size:1em;line-height:2em;color:#757575;font-family:Microsoft Yahei;outline:none;box-shadow:0 0 0.2em #ababab;}
.search-hd .bd i{display:none;position:absolute;right:0.5em;top:0.5em;width:1em;height:1em;background:#ececec 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:#ff7200;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:url(../images/type_bg.gif) no-repeat center top;background-size:cover}
.title_in {width:100%;height:63px;overflow:hidden;line-height:999px;background:url(../images/tticon.png) no-repeat center top;margin:30px 0}


.type_in {width:1200px;margin:0 auto}
.type_in .title_in {background-position:center 0}
.type_in .list li {float:left;width:25%;padding:15px 5px}
.type_in .list li a {display:block;width:100%;height:auto;border:1px solid #ddd}
.type_in .list li a .pic {display:table;width:100%}
.type_in .list li a .pic span {display:table-cell;width:100%;height:286px; vertical-align:middle;background:#fff}
.type_in .list li a .pic span img {display:block;margin:0 auto; vertical-align:middle;max-width:90%;max-height:90%}
.type_in .list li a p {height:59px;line-height:59px;background:#ff7200;text-align:center;color:#fff;font-size:18px}
.type_in .list li a:hover {box-shadow:0 0px 20px #666}

a.more_in {display:block;width:240px;height:45px;border:1px solid #ddd;text-align:center;line-height:45px;color:#666;margin:30px auto;border-radius:20px}
a.more_in:hover {background:#ff7200;color:#fff;border:1px solid #ff7200}

.brand_in {margin-top:50px}
.brand_in .title_in, .brand .title_in {background-position:center -86px}
.brand_in .list {width:100%;height:776px;background:url(../images/brand_bg.jpg) no-repeat center;overflow:hidden}
.brand_in .list .fw {margin-top:168px}
.brand_in .list li {float:left;width:16.66666%}
.brand_in .list li a {display:block;padding:8px;border-radius:50%;border:2px solid #fff}
.brand_in .list li a span{display:block;background:#fff;width:100%;height:auto;border-radius:50%;overflow:hidden;opacity:0.8}
.brand_in .list li a span img {display:block;width:100%}
.brand_in .list li a:hover {border:2px solid #ff7200}
.brand_in .list li a:hover span{opacity:1}
.brand_in .list a.more_in {margin-top:90px}
.brand_in .list a.more_in {color:#fff}

.brand_in .list li:nth-child(odd) {margin-top:180px;position:relative}
.brand_in .list li:nth-child(odd):before {position:absolute;content:'';width:2px;height:70px;background:#fff;transform:rotate(45deg);right:0;top:-30px}
.brand_in .list li:nth-child(odd):after {position:absolute;content:'';width:2px;height:70px;background:#fff;transform:rotate(-45deg);left:0;top:-30px}
.brand_in .list li:nth-child(1):after {display:none}

.ad_in1 {width:100%;height:290px;background:#ff7200}
.ad_in1 p {font-size:16px;color:#fff}
.ad_in1 p strong {font-size:38px}
.ad_in1 .fw {height:100%;position:relative;background:url(../images/ad1_bg.gif) no-repeat right bottom}
.ad_in1 .txt {position:absolute;top:60px;left:0;color:#fff}
.ad_in1 .txt h1 {font-size:45px}
.ad_in1 .txt h3 {font-size:27px;font-weight:100;padding-top:10px;padding-bottom:20px}

.pro_in .title_in {background-position:center -172px;margin-top:50px}
.pro_in .leftloop {width:1148px; margin:0 auto}
.pro_in .leftloop li {width:277px;float:left;margin:0 5px;}
.pro_in .leftloop li .pic {
	display:table;
	width:277px;
	overflow:hidden;
	background:#ededed
	}
.pro_in .leftloop li .pic a {display:table-cell;width:100%;height:177px; vertical-align:middle}
.pro_in .leftloop li .pic a img {display:block;margin:0 auto; vertical-align:middle; max-width:90%;max-height:90%}
.pro_in .leftloop .txt {padding:15px 0; border-bottom:1px solid #ddd; line-height:22px;position:relative}
.pro_in .leftloop .txt a {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	font-size:14px;
	color:#505458
	}
.pro_in .leftloop li .txt p {font-size:12px; color:#999}
.pro_in .leftloop li .txt:before {
	content:'';
	position:absolute;
	width:0px;
	height:1px;
	background-color:#ff7200;
	transition:all 0.4s;
	bottom:-1px;
	left:0
	}
.pro_in .leftloop li:hover .txt:before {width:100%}
.pro_in .leftloop .btn {width:210px; height:42px; margin:40px auto 0;overflow:hidden;position:relative}
.pro_in .leftloop .btn a.next, .pro_in .leftloop .btn a.prev {
	display:block;
	width:38px;
	height:25px;
	margin-top:8px;
	background:url(../images/leftloop_icon.gif) no-repeat;
	overflow:hidden;
	background-position:0 0;
	transition:all 0.3s;
	float:left
	}
.pro_in .leftloop .btn a.next {background-position:-38px 0;float:right}
.pro_in .leftloop .btn a.prev:hover {background-position:0 -25px}
.pro_in .leftloop .btn a.next:hover {background-position:-38px -25px}
.pro_in .leftloop .btn a.more {
	position:absolute;
	width:60px;
	height:40px;
	background:url(../images/leftloop_icon1.gif) no-repeat;
	top:0;
	transition:all 0.3s;
	left:50%;
	margin-left:-30px;
	border:1px solid #DFDFDF
	}
.pro_in .leftloop .btn a.more:hover {background-position:0 -40px}

.typelist {text-align:center;width:100%;margin-bottom:50px}
.typelist a {font-size:14px;color:#888;display:inline-block;padding:5px 10px}
.typelist a:hover {background:#ff7200;color:#fff}

.about_in {width:100%;height:651px;background:url(../images/about_bg.jpg) no-repeat center top;overflow:hidden;margin-top:60px}
.about_in .title_in {background-position:center -261px;margin:70px auto 60px}
.about_in .content {width:738px;margin:0 auto;padding:30px 35px;font-size:18px;color:#666;line-height:46px;background:#fff;opacity:0.8}
.about_in .more_in {margin-top:80px;border:1px solid #666}

.ad_in2 {background:#ff7200;width:100%;height:auto}
.ad_in2 img {display:block;margin:0 auto}

.app_in {width:100%;background:url(../images/app_bg.jpg) no-repeat center top;overflow:hidden;position:relative}
.app_in .title_in, .app .title_in {background-position:center -350px;margin:50px auto}
.app_in .btn {font-size:68px;color:#ff7200;position:absolute;top:50%;margin-top:-34px;opacity:0.6}
.app_in .btn.next {right:10%}
.app_in .btn.prev {left:10%}
.app_in .btn:hover {opacity:1}
.app_in .list li{float:left;width:20%; position:relative;height:540px;overflow:hidden}
.app_in .list li a:after {
	content:'';
	width:100%;
	height:100%;
	border:1px solid #333;
	opacity:0;
	top:-10px;
	bottom:-10px;
	left:-10px;
	right:-10px;
	position:absolute;
	transition:all .36s ease
	}
.app_in .list li:hover a:after {width:90%;height:95%;top:10px;bottom:10px;left:10px;right:10px;opacity:0.5}
.app_in .list li .pic {
	display:block;
	position:absolute;
	width:100%;
	height:auto;
	overflow:hidden;
	top:0
	}
.app_in .list li .pic img {display:block;width:100%}
.app_in .list li .txt {
	position:absolute;
	width:100%;
	height:110px;
	text-align:center;
	top:430px;
	background:#fff;
	transition:all 0.3s
	}
.app_in .list li:hover .txt {top:420px}
.app_in .list li .txt p.title {margin-top:50px;font-size:18px;color:#6b6b6b;position:relative;transition:all 0.3s}
.app_in .list li .txt p.title:after {
	content:'';
	position:absolute;
	width:19px;
	height:2px;
	background:#CFCFCF;
	left:50%;
	margin-left:-10px;
	top:-10px
	}
.app_in .list li .txt p.subtitle {font-size:12px;color:#7e7f7f;opacity:0;transition:all 0.3s}

.app_in .list li:hover .txt p.title:after {background:#ff7200}
.app_in .list li:hover .txt p.subtitle {opacity:1}

.app_in .list li:nth-of-type(even) .pic {top:110px}
.app_in .list li:nth-of-type(even) .txt {top:0}
.app_in .list li:nth-of-type(even):hover .txt {top:10px}
.app_in .more_in {margin-top:60px;margin-bottom:40px}

.news_in {width:100%}
.news_in .title_in {background-position:center -436px}
.news_in .content {width:100%;background:url(../images/news_bg.jpg) no-repeat center top;overflow:hidden;padding-bottom:35px}
.news_in .list {width:930px;margin:60px auto 15px}
.news_in .list li {width:100%;height:219px;position:relative;padding-right:219px;margin-bottom:15px;box-shadow: 0 2px 10px #666;}
.news_in .list li .txt {float:left;width:45%;height:100%;padding:40px 25px;overflow:hidden;background:#f76b20}
.news_in .list li .txt a {font-size:18px;color:#fff;font-weight:bold;line-height:25px}
.news_in .list li .txt a:hover {color:#333}
.news_in .list li .txt p {font-size:14px;color:#fff;line-height:22px;padding-top:25px}
.news_in .list li .pic {width:55%;height:100%;background-size:cover;float:left}
.news_in .list li .date {position:absolute;right:0;top:0;width:218px;height:219px;border:1px solid #fff;border-left:0;text-align:center;padding-top:40px}
.news_in .list li .date p {font-size:18px;color:#ff7200;font-weight:bold;line-height:28px}
.news_in .list li .date a {display:inline-block;padding:10px 45px;font-size:16px;color:#fff;background:#ff7200;margin-top:40px}
.news_in .list li .date a:hover {background:#fed52f;color:#333}

.foot {width:100%;padding:40px 0;background:#333}
.foot .box {width:33.33333%;padding-right:20px;float:left}
.foot .footlogo img {display:block}
.foot .footlogo p {font-size:16px;color:#aeaeae;line-height:40px}
.foot .box a.tt {font-size:18px;color:#fff;display:block;padding-bottom:20px}
.foot .box ul li {float:left;width:50%;padding-right:20px;line-height:28px}
.foot .box ul li a {font-size:14px;color:#aeaeae}
.foot .box a:hover {color:#ff7200}
.copyright {width:100%;text-align:center;height:45px;line-height:45px;;background:#464646;color:#aeaeae;font-size:12px}
.copyright a {color:#aeaeae}
.copyright a:hover {color:#ff7200}

.type {padding:20px 0 40px}
#content {margin:0 auto;margin-top:40px}
.product {width:1200px;marign:0 auto}
#leftfloat {transition:none}
.leftlist {width:220px;background:#ff7200;padding-bottom:15px;border-radius:5px}
.leftlist .title {padding:25px 30px;color:#fff;border-bottom:1px solid #dc6200;margin-bottom:10px}
.leftlist .title h2 {font-size:24px;border-bottom:1px solid #dc6200;line-height:50px}
.leftlist .title p {font-size:15px;font-family:"helvet";line-height:35px}
.leftlist ul {padding:0 15px}
.leftlist ul li a{display:block;padding:0 10px;height:43px;line-height:43px;font-size:14px;color:#fff;border-bottom:1px solid #ff9037}
.leftlist ul li a:hover,.leftlist ul li a.cur {background:#c55800;padding-left:20px}
.right_in {width:78%;padding-bottom:60px}
.product .frlist .list li {width:33.3333%;float:left;padding:10px}
.product .frlist .list li .pic {
    background:#f8f8f8;
    overflow:hidden;
    display:table;
    width:100%
	}
.product .frlist .list li .pic span {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:100%;
    height:180px
	}
.product .frlist .list li .pic img {
    display:block;
    margin:0 auto;
    max-width:100%;
    max-height:100%;
    vertical-align:middle;
    border:none
	}
.product .frlist .list li .info {padding:10px;border-bottom:1px solid #ddd;line-height:22px}
.product .frlist .list li .info .title {font-size:14px;color:#333}
.product .frlist .list li .info .subtitle {font-size:12px;color:#999}
.product .frlist .list li a {display:block}
.product .frlist .list li a:hover {box-shadow:0 5px 20px #ddd}

.pro_detail {padding:20px 0 0}
.pro_detail .row {background:#fff}
.pro_detail .row .pic {float:left;width:40%;height:236px;padding:0;overflow:hidden;display:table;border: 1px solid #eaeaea}
.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:20px;color:#333;margin-bottom:15px}
.pro_detail .row .txt table {border:1px solid #f7f7f7;width:100%}
.pro_detail .row .txt table th {background:#f7f7f7}
.pro_shuxing td {border:1px solid #f7f7f7}
.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:#cc0033;padding:3px;color:#fff;border-radius:5px;padding-left:10px;margin-top:15px}
.pro_detail .row .txt .hotline span {font-size:18px;color:#cc0033;font-weight:bold;display:inline-block;background:#fff;padding:5px 10px;border-radius:5px}
.pro_detail .detail {float:left;background:#fff;margin-top:30px}
.pro_detail .detail .title {border-bottom:1px solid #ddd;margin-bottom:20px}
.pro_detail .detail .title span {font-size:14px;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}
.pro_detail .detailist {margin-top:20px}
.pro_detail .detailist li {float:left;width:25%;box-sizing:border-box}
.pro_detail .detailist li p {padding:0 15px;margin-bottom:11px}
.pro_detail .detailist li p a {
	display:block;
	background:#eee;
	line-height:30px;
	padding:0 10px;
	font-size:12px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	border-radius:3px;
	transition:all 0.3s
	}
.pro_detail .detailist li p a:hover {background:#ff7200;color:#fff}
.pro_detail .detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#ff7200;color:#fff;margin:30px auto 0;text-align:center;border-radius:30px;transition:all 0.3s}
.pro_detail .detailist a.more i {font-size:16px;text-indent:-20px;opacity:0;transition:all 0.3s}
.pro_detail .detailist a.more:hover {box-shadow:0 10px 20px #ccc}
.pro_detail .detailist a.more:hover i {text-indent:0;opacity:1}

.about .right_in .txt {padding:40px 0;line-height:24px}
.about .right_in .txt img {display:block;margin:30px auto 0}
.website {border-bottom:1px solid #ddd;line-height:50px;position:relative}
.website .fl h2 {display:inline;font-size:22px;font-weight:100;color:#333}
.website .fr a, .website .fr span {padding:0 5px;color:#333}
.website .fr a {color:#999}
.website .fr a:hover {color:#fa7200}
.website .toggle {position:absolute;right:0;background:#333;color:#fff;height:30px;line-height:30px;bottom:15px;width:80px;border-radius:5px;text-align:center;display:none}

.brandetail .txt {padding:20px 0;font-size:14px;color:#666;line-height:24px}
.brandetail .txt h1 {color:#333;line-height:60px;font-size:26px;font-weight:100}
.brandetail .txt .img {float:left;width:30%;margin:0 20px 10px 0}

.brandetail .detailist .title {
    border-bottom:1px solid #ddd;
    margin:20px 0
	}
.brandetail .detailist .title span {
    font-size:14px;
    padding:10px;
    border-bottom:2px solid #666;
    display:inline-block;
    color:#333
	}
.brandetail .detailist li {float:left;width:25%;box-sizing:border-box}
.brandetail .detailist li p {padding:0 10px;margin-bottom:10px}
.brandetail .detailist li p a {
	display:block;
	background:#eee;
	line-height:30px;
	padding:0 5px;
	font-size:12px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	border-radius:5px
	}
.brandetail .detailist li p a:hover {background:#fa7200;color:#fff}
.brandetail .detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#cc0033;color:#fff;margin:30px auto 0;text-align:center;border-radius:30px;transition:all 0.3s}
.brandetail .detailist a.more i {font-size:16px;text-indent:-20px;opacity:0;transition:all 0.3s}
.brandetail .detailist a.more:hover {box-shadow:0 10px 20px #ccc}
.brandetail .detailist a.more:hover i {text-indent:0;opacity:1}
.app .list {padding-bottom:40px}
.app .list li {float:left;width:33.3333%;padding:15px;text-align:center;line-height:40px}
.app .list li .info 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 .info a .img {width:100%;border-radius:10px;overflow:hidden}
.app .list li .info a .img img {display:block;width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.app .list li .info a:hover {box-shadow:0 5px 20px #ccc}
.app .list li .info a:hover img {transform:scale(1.1,1.1)}

.met-shownews-footer {padding-bottom:30px;overflow:hidden}
.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;
	max-width:45%
	}
.met-shownews-footer ul li a:hover {border:1px solid #cc0033;color:#cc0033}
.met-shownews-footer ul li.previous a {float:left}
.met-shownews-footer ul li.next a {float:right}

.news .list li a{display:block;padding:20px 150px 20px 230px;position:relative;border-bottom:1px solid #ddd}
.news .list li .pic {position:absolute;width:200px;height:130px;overflow:hidden;left:0;border-radius:5px}
.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:#ff7200}
.news .list li a:hover .pic img {transform:scale(1.08,1.08)}

.newsdetail .met-shownews-header {padding:30px 0;text-align:center}
.newsdetail .met-shownews-header h1 {font-size:24px;margin-bottom:5px;color:#333;font-weight:100;line-height:60px}
.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 .title {font-size:24px;color:#cc0033;margin-bottom:10px}
.contact .txt .subtitle {font-size:14px;color:#999;margin-bottom:20px}
.contact .txt {font-size:14px;color:#666;line-height:24px;padding:30px 20px}

.met_pager {
    margin-top:40px;
    text-align:center;
}
.met_pager .PreSpan, .met_pager .NextSpan {
    border:1px solid #e4eaec;
    padding:9px 15px;
    background:#fff;
    color:#ccd5db;
    cursor:default
}
.met_pager a, .met_pager span {
    border:1px solid #e4eaec;
	margin-right:-1px;
    background:#fff;
    padding:9px 15px;
    text-align:center;
    color:#76838f
}
.met_pager span {background:#e4eaec}
.met_pager a.current {
    background:#e4eaec;
    border-color:#e4eaec;
    cursor:default
}
.met_pager a:hover {background:#ff7200;border-color:#ff7200;color:#fff}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;left:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#d4003c;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li.tit{text-align:center;color:#3476b7;font-size:16px;font-weight:bold;padding-top:5px;}
#floatDivBoxs .floatDqq li.qq{height:45px;line-height:45px;border-bottom:1px solid #e3e3e3; padding:0 0 0 40px;background:url(../images/qq.png) no-repeat left;}
#floatDivBoxs .floatDqq li a {color:#ff0000;font-size:15px;font-weight:bold;}
#floatDivBoxs .floatDqq li a:hover {color:#d4003c}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:5px 14px 0 14px;}
#floatDivBoxs .floatDtel{padding:0 0 0px 14px;font-size:15px;color:#ff0000}
#floatDivBoxs .floatDtel p {padding-top:5px;padding-bottom:5px;font-size:16px;font-weight:bold;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;background-position:-50px 0;position:fixed;top:180px;left:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

.brand {width:100%}
.brand .list {width:1200px;margin:20px 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 .info {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}
.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;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}
.brand .list li a .pic img {display:block;width:100%}
.brand a.more_in {margin-top:10px}
.brand .list li a:hover {background:#ff7200;}
.brand .list li a:hover h4 {color:#fff}
.brand .list li a:hover p {color:#f8f8f8}

@media screen and (max-width:1180px){
.fw {width:auto;padding:0 20px}
.head {padding:20px 10px}
.head-nav .fw {padding:0}
.head .logops {display:none}
.head .nav .fw .toggle {display:block}

.search-top {display:none}
.phone_search {display:block}

.type_in {width:100%}
.ad_in1 .txt {left:20px}
.pro_in .leftloop {width:100%;overflow:hidden}
.pro_in .leftloop li {width:25%}
.pro_in .leftloop li .pic {width:100%}

.ad_in2 img {max-width:100%}
.app_in .btn.next {right:0}
.app_in .btn.prev {left:0}
.product {width:100%}
.brand .list {width:100%}
}


@media screen and (max-width:960px){
.head .logo {width:100%;text-align:center}
.head .fr {width:100%;text-align:center;margin-top:20px}
.head .fr p {display:inline}
.head .fr p i {display:inline-block;position:inherit;margin-right:5px}
.head-nav-phone {display:block}
.head-nav {display:none}
.type_in .list li a .pic span {height:186px}
.brand_in .list li:nth-child(odd):before,.brand_in .list li:nth-child(odd):after {display:none}
.app_in .fw {padding:0}
.app_in .list li {height:auto}
.app_in .list li:nth-of-type(even) .pic {top:0}
.app_in .list li .txt {display:none}
.app_in .list li .pic {position:inherit}
.news_in .list {width:100%}
.right_in {width:74%}
.brand .list li {width:50%}
}
@media screen and (max-width:768px){
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:260px}
.type_in .list li {width:33.33333%}
.brand_in .list li {width:33.33333%}
.brand_in .list li a {border:0;padding:30px}
.brand_in .list li:nth-child(odd) {margin-top:0}
.brand_in .list a.more_in {margin-top:10px}
.brand_in .list .fw {margin-top:30px}
.brand_in .list {height:auto}
.pro_in .leftloop li {width:33.33333%}
.about_in {height:auto}
.about_in .content {width:100%}
.news_in .list li {padding-right:160px}
.news_in .list li .date {width:160px}
.foot .box {width:100%;margin-bottom:30px}
.head .logo img{max-width:85%}
.leftlist {display:none}
.right_in {width:100%;padding:0 10px 60px}
.app .list li {width:50%}
.banner {height:160px;background-size:cover}

.product .frlist .list li .pic span {height:140px}
.pro_detail .row .pic {width:100%;float:none;height:auto}
.pro_detail .row .txt {width:100%;float:none;margin-top:30px;padding:0}
.pro_detail .detailist li,.brandetail .detailist li {width:33.3333%}
.website .toggle {display:block}
.website .hidden {display:none}
}

@media screen and (max-width:580px){
.type_in .list li {width:50%}
.brand_in .list li a{padding:20px}
.pro_in .leftloop li {width:50%}
.about_in .more_in {margin-top:20px}
.app_in .list li {width:50%}
.news_in .list li .txt {width:100%}
.news_in .list li .pic {display:none}
.head .fr p {display:block}
.ad_in1 .txt h1 {font-size:36px}
.ad_in1 .txt h3 {font-size:24px}
.product .frlist .list li {width:50%;padding:5px}
.pro_detail .detailist li, .brandetail .detailist li {width:50%}
.brand .list li {width:100%}
.brandetail .txt .img {width:100%}
.news .list li a {padding:20px 0 20px 0px}
 .news .list li .pic, .news .list li .date{display:none}
 .fw {padding:0}
 .foot {padding:40px 20px}
 .head {
    padding: 20px 10px;
}
}
@media screen and (max-width:480px){
.brand_in .list li {width:50%}
.copyright {height:auto;line-height:18px;padding:10px}
.app .list li {width:100%}
}
@media screen and (max-width:430px){
.news_in .list li {padding-right:0;height:auto}
.news_in .list li .date {display:none}
}