@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:16px;-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:16px Arial,"Microsoft YaHei";color:#929292;width:100%;height:100%;background:#fff}
.fw {margin:0 auto;width:1200px;}

.head {padding:24px 0}
.head .fr {background:url(../images/hottel_bg.gif) no-repeat;width:227px;height:61px;padding-left:78px;padding-top:15px}
.head .fr p {color:#fff;font-size:19px}

.head_nav li {float:left;width:12.5%;line-height:49px;text-align:center;position:relative}
.head_nav li a {font-size:18px;color:#2b2b2b;display:block}
.head_nav li:before {content:'';position:absolute;width:0;height:3px;background:#009944;left:0;bottom:0;opacity:0;transition:all 0.3s}
.head_nav li.cur:before,.head_nav li:hover:before {opacity:1;width:100%}
.head_nav li a:hover, .head_nav li.cur a {color:#009944;font-weight:bold}

.nav-box {    
	width:1200px;
    position:absolute;
    height:30px;
    bottom:30px;
    left:50%;
    margin-left:-600px;
}
.horizontal-dots.outside-dots.bottom-dots .dots {display:none}

.search-top {width:100%;background:url(../images/search_bg.png) no-repeat center;height:99px;position:relative;z-index:999;margin-top:-10px}
.search-top .tt {display:none}
.search-top form {width:990px;float:right;margin-top:30px;margin-left:10px}
.search-top input.text1 {
	width:540px;
	height:37px;
	line-height:37px;
	padding:0 5px;
	background:#fff;
	float:left;
	margin-right:20px;
	margin-left:50px;
	}
.search-top input.text2 {width:100px}
.search-top .btn1 {
	width:147px;
	height:37px;
	display:block;
	float:right;
	background:#f69900;
	border:0;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:16px;
	line-height:37px
	}
.select_box{
	float:left;
	position:relative;cursor:pointer;
	background:#fff;
	font-size:16px;
	margin-right:20px;
	color:#666;
	width:140px;
	height:37px;
	line-height:37px;
	z-index:500;
	}	
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:20px;height:37px; background:url(../images/search_icon1.gif) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:5px;width:110px;line-height:37px;height:37px;cursor:text;overflow:hidden; z-index:200;}
.option{width:100%;border:solid 1px #EDE7D6;position:absolute;top:37px;left:0px;z-index:999;overflow:hidden;display:none;}
.option a{display:block;height:30px;line-height:30px;font-size:14px;text-align:left;padding:0 10px;width:100%;background:#fff;color:#666}
.option a:hover{background:#f69900; color:#fff;}

.phone_search {width:100%;background:#f69900;padding:10px;box-sizing:border-box;display:none;z-index:50}
.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}

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

.title_in {position:relative}
.title_in h2 {font-size:32px;color:#2b2b2b;position:relative;padding-left:20px}
.title_in h2:after {content:'';position:absolute;width:3px;height:30px;background:#0f58d6;left:0;top:7px}
.title_in a.more {position:absolute;width:46px;height:46px;color:#fff;text-align:center;line-height:46px;font-size:24px;right:0;background:#f69900;top:0;box-shadow:0 10px 10px rgba(246,153,0,0.3);transition:all 0.3s}
.title_in a.more:hover {background:#0f58d6;box-shadow:0 10px 10px rgba(15,88,214,0.3)}

.pro_in {margin-top:-10px;padding-top:65px;width:100%;background:url(../images/pro_bg.jpg) no-repeat center;height:654px}
.pro_tt {border-bottom:1px solid #e1e1e1;margin-top:25px}
.pro_in .content {width:1220px}
.pro_in .content li {float:left;width:25%;padding:10px}
.pro_in .content li a {display:block;width:100%;/*height:283px;*/border:1px solid #e1e1e1;background:#fff}
.pro_in .content li a .pic {display:table;width:100%;/*height:210px*/}
.pro_in .content li a .pic span {display:table-cell;width:100%;height:210px; vertical-align:middle}
.pro_in .content li a .pic span img {display:block;margin:0 auto; vertical-align:middle;max-width:100%}
.pro_in .content li a .txt {padding:10px 76px 0 18px;position:relative}
.pro_in .content li a .txt h4 {font-size:18px;color:#2b2b2b}
.pro_in .content li a .txt p {font-size:16px;color:#666}
.pro_in .content li a .txt .btn {position:absolute;width:46px;height:46px;background:#e1e1e1;right:18px;top:10px;transition:all 0.3s}
.pro_in .content li a .txt .btn i {position:absolute;width:46px;height:46px;background:url(../images/btn_icon.png) no-repeat 0 0; left:0;top:0;transition:all 0.3s}
.pro_in .content li a:hover .txt .btn {background:#0f58d6;box-shadow:0 10px 10px #bdd1f4}
.pro_in .content li a:hover .txt .btn i {background-position:0 -46px}

.brand_in {width:100%;background:url(../images/brand_bg.jpg) no-repeat center;height:455px}
.brand_in .fl {width:360px;background:#f69900;color:#fff;padding:20px;background-image:url(../images/brand_bg1.gif); background-position:right bottom; background-repeat:no-repeat;padding-bottom:60px;margin-top:-70px}
.brand_in .fl h2 {font-size:32px;position:relative;margin-top:26px;margin-bottom:30px}
.brand_in .fl h2:before {content:'';position:absolute;width:3px;height:32px;background:#fff;left:-20px;top:10px}
.brand_in .fl p {font-size:16px;line-height:28px}
.brand_in .fl a.more {display:block;width:180px;height:46px;background:#0f58d6;text-align:center;font-size:18px;color:#fff;line-height:46px;margin-top:117px;transition:all 0.3s}
.brand_in .fl a.more:hover {background:#1567f5;box-shadow:0 3px 10px rgba(0,0,0,0.3)}
.brand_in .list {width:820px;margin-top:40px}
.brand_in .list li {float:left;width:25%;padding-left:20px;margin-bottom:20px}
.brand_in .list li a {display:block;width:100%;background:#fff;overflow:hidden;transition:all 0.3s}
.brand_in .list li a:hover {box-shadow:0 5px 20px rgba(0,0,0,0.6);transform:translateY(-10px)}
.brand_in .list li a .pic {display:table;width:100%}
.brand_in .list li a .pic span {display:table-cell;width:100%;height:140px; vertical-align:middle}
.brand_in .list li a .pic span img {display:block;max-width:95%;max-height:95%; vertical-align:middle;margin:0 auto}

.youshi .txt {width:720px;padding-top:50px}
.youshi .txt .text {position:relative;padding-left:76px;padding-bottom:40px}
.youshi .txt .text .num {position:absolute;width:41px;height:41px;text-align:center;line-height:34px;color:#f69900;border:5px solid #f69900;left:0;top:0}
.youshi .txt .text-noh .num {position:absolute;width:41px;height:41px;text-align:center;line-height:34px;color:#f69900;border:5px solid #f69900;left:0;top:0}
.youshi .txt .text h4 {font-size:24px;color:#2b2b2b;border-bottom:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:10px}
.youshi .txt .text-noh h4 {font-size:24px;color:#2b2b2b;border-bottom:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:10px}
.youshi .txt .text p {font-size:16px;color:#666;line-height:24px;height:68px;overflow:hidden}
.youshi .txt .more {display:block;width:181px;height:45px;line-height:45px;text-align:center;font-size:18px;color:#fff;background:#0f58d6;box-shadow:0 10px 10px rgba(15,88,214,0.3);margin-left:76px;margin-top:-30px;transition:all 0.3s;position:relative;}
.youshi .txt .more:hover {box-shadow:none}

.youshi .odd .pic {float:left}
.youshi .odd .txt {float:right}
.youshi .even .pic {float:right}
.youshi .even .txt {float:left}
.youshi .even {background:#f0f0f0}

.hezuo {width:100%;padding:80px 0 90px;/*background:url(../images/app_bg.jpg) no-repeat center top;*/background-color:#f9fafc;overflow:hidden}
.hezuo .title_in a {position:absolute;top:0;right:0;width:41px;height:41px;background:#cbcbcb;color:#fff;text-align:center;transition:all 0.3s}
.hezuo .title_in .prev {right:42px}
.hezuo .title_in a i {font-size:22px;line-height:41px}
.hezuo .title_in a:hover {background:#f69900}
.hezuo .title {position:relative;margin-top:25px}
.hezuo .title .bg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:#0f58d6;opacity:0.8}
.hezuo .title .txt {position:relative;left:0;top:0;width:100%;text-align:center;z-index:2;color:#fff;padding:20px 0}
.hezuo .title .txt h4 {font-size:18px;line-height:35px;font-weight:200}
.hezuo .title .txt p {font-size:14px}

.hezuo .list li {float:left;width:20%}
.hezuo .list li a {display:block;border:1px solid #e1e1e1;width:100%;background:#fff;transition:all 0.3s}
.hezuo .list li a div {display:table;width:100%}
.hezuo .list li a div span {display:table-cell;width:100%;height:119px; vertical-align:middle}
.hezuo .list li a div span img {display:block;max-width:90%;max-height:95%;margin:0 auto;transition:all 0.3s}
.hezuo .list li a:hover {border:1px solid #f69900}
.hezuo .list li a:hover div span img {transform:scale(1.1)}

.about_in {width:100%;/*background:url(../images/ad1.jpg) no-repeat center top;padding-top:281px*/padding-top:100px;}
.about_in .fw {position:relative}
.about_in .fw .pic {position:absolute;right:0;top:-125px}
.about_in .content {width:420px;margin-top:35px}
.about_in .content .aboutlogo{width:100%;text-align:center;font-size:60px;margin-bottom:20px;color:#333;}
.about_in .content .aboutlogo img{width:200px;}
.about_in .content .txt {/*margin-top:35px;*/margin-bottom:50px;font-size:18px;color:#2b2b2b;line-height:36px;padding-left:25px;border-left:1px solid #ddd}
.about_in .content .more {display:block;width:46px;height:46px;color:#fff;text-align:center;line-height:46px;font-size:24px;background:#f69900;box-shadow:0 10px 10px rgba(246,153,0,0.3);transition:all 0.3s}
.about_in .content .more:hover {background:#0f58d6;box-shadow:0 10px 10px rgba(15,88,214,0.3)}

.ad_in {background:url(../images/ad2.jpg) no-repeat center;width:100%;height:358px;margin-top:104px}
.ad_in .fw {position:relative}
.ad_in a {position:absolute;width:180px;height:46px;background:#f69900;color:#fff;text-align:center;font-size:18px;line-height:46px;box-shadow:0 5px 10px rgba(0,0,0,0.3);left:0;top:240px;transition:all 0.3s}
.ad_in a:hover {box-shadow:none}

.news_in {width:100%;background:#f0f0f0;padding-top:140px;padding-bottom:214px}
.news_in .title_in {margin-bottom:40px}
.news_in .fl {width:480px}
.news_in .fl .pic {display:block;width:480px;height:300px;overflow:hidden}
.news_in .fl .pic img {display:block;width:100%;transition:all 0.3s}
.news_in .fl .pic:hover img{transform:scale(1.1)}
.news_in .news_txt {background:#0f58d6; background-image:url(../images/news_bg.gif); background-position:right bottom; background-repeat:no-repeat;padding:20px 106px 20px 20px;height:123px;position:relative}
.news_in .news_txt a {color:#fff;display:block;border-bottom:1px solid #578ae2;padding-bottom:10px;margin-bottom:10px;font-size:18px}
.news_in .news_txt a:hover {color:#f69900}
.news_in .news_txt p {color:#fff;font-size:14px}
.news_in .news_txt p.dd {line-height:24px;height:48px;overflow:hidden}
.news_in .news_txt .date {position:absolute;top:40px;right:20px}
.news_in .news_txt .date p.p1 {font-size:38px;font-weight:bold}
.news_in .news_txt .date p.p2 {font-size:12px}

.news_in .fr {width:720px}
.news_in .fr .news_txt {background:#fff;background-image:none;height:141px;padding:30px 107px 30px 43px;transition:all 0.3s;position:relative}
.news_in .fr .news_txt a {color:#333;border-bottom:1px solid #e1e1e1}
.news_in .fr .news_txt p {color:#333}
.news_in .fr .news_txt .date {right:30px}
.news_in .fr .news_txt:hover {box-shadow:0 5px 30px rgba(15,88,214,0.3);z-index:10}
.news_in .fr .news_txt a:hover {color:#f69900}

.foot {width:100%;background:#474841;position:relative;padding-top:154px;padding-bottom:58px}
.feed {background:url(../images/feed_bg.jpg) no-repeat center;height:193px;padding:20px;padding-top:40px;position:absolute;left:50%;margin-left:-600px;top:-94px}
.feed .title {margin-bottom:40px}
.feed .title h2 {font-size:32px;color:#fff;position:relative}
.feed .title h2:before {content:'';position:absolute;width:3px;height:29px;background:#f69900;left:-20px;top:7px}
.feed .title p {font-size:18px;color:#fff}
.feed .text1 {float:left;background:#fff;border:none;width:240px;height:45px;line-height:45px;color:#666;padding:0 25px;margin-right:25px}
.feed .text2 {width:420px}
.feed .btn {width:180px;height:45px;text-align:center;color:#fff;line-height:45px;background:#f69900;float:right; cursor:pointer}
.feed .btn:hover {background:#e28d00}

.foot .con {width:505px;position:relative;margin-right:60px}
.foot .con .logo {display:block;margin-bottom:50px}
.foot .con p {color:#fff;font-size:16px;line-height:26px}
.foot .con .btn {position:absolute;width:48px;height:48px;background:#666;text-align:center;/*bottom:0;*/right:0;border-radius:50%}
.foot .con .btn i {font-size:18px;color:#fff;line-height:48px}
.foot .con .btn.wx {right:70px}
.foot .con .btn:hover {background:#f69900}
.foot .list {/*width:220px;*/margin-right:20px}
.foot .list h3 {font-size:18px;color:#fff;position:relative;padding-left:12px;margin-bottom:20px}
.foot .list h3:after {content:'';position:absolute;width:3px;height:20px;background:#f69900;left:0;top:5px}
.foot .list li {float:left;width:50%;padding-right:10px}
.foot .list li a {font-size:16px;color:#999;line-height:32px}
.foot .list li a:hover {color:#f69900}
.foot .ewm {width:124px;text-align:center}
.foot .ewm img {display:block;width:100%}
.foot .ewm p {font-size:18px;color:#fff;line-height:40px}

.head_com_name{line-height:60px;font-size:36px;color:#3a5a78;}
.foot .fl .foot_com_name{font-size:26px;line-height:60px;}

.copyright {height:61px;line-height:61px;font-size:14px;color:#999;border-top:1px solid #5b5b58;background:#474841}
.copyright a {color:#999;font-size:14px}
.copyright a:hover {color:#f69900}

.innerbox {width:100%;padding-bottom:100px}

.banner {width:100%;height:260px;background-size:cover}
.banner_pro {background:url(../images/product_banner.jpg) no-repeat center top;background-color:#D2D2D2}
.banner_brand {background:url(../images/brandbanner.jpg) no-repeat center top}
.banner_about {background:url(../images/aboutbanner.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/appbanner.jpg) no-repeat center top}
.banner_news {background:url(../images/newsbanner.jpg) no-repeat center top;height:414px;}

.website {height:60px;line-height:60px;font-size:14px;color:#666;position:relative}
.website a {color:#999;font-size:14px}
.website a:hover {color:#D4003C}
.website .toggle {position:absolute;top:0;right:10px;color:#333;display:none}
.title_inner {width:100%;margin:0 auto;text-align:center}
.title_inner h2 {font-size:35px;color:#f69900}
.title_inner p {font-size:36px;color:#333;/*background:url(../images/title_bg.gif) no-repeat center;*/}

.title_inner .nav {text-align:center;margin:25px auto}
.title_inner .nav li {display:inline-block;margin:10px 2px}
.title_inner .nav li a {font-size:14px;color:#666;padding:8px 20px; background:#E7E7E7;transition:all 0.3s}
.title_inner .nav li a.cur, .title_inner .nav li a:hover {background:#364261;color:#fff}

.about {background:#fafafa;padding:40px 0}
.about .txt {padding:20px;font-size:18px;line-height:26px;color:#333;width:1070px;margin:0 auto;}
.about .txt p{margin-top:10px;}
.about .txt img {display:block;max-width:100%;margin:10px auto}

.brand {background:#f0f0f0;padding:60px 0;height:auto}
.brand .list {width:1200px}
.brand .list li {width:20%}

.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:#f69900;
    border-color:#f69900;
    color:#fff;
    cursor:default
}
.met_pager a:hover {background:#f69900;border-color:#f69900;color:#fff}

.pro_detail {background:#fafafa;padding:40px 0}
.pro_detail .row {background:#fff;padding:30px;width:1230px}
.pro_detail .row .pic {float:left;box-sizing:border-box;width:550px;height:336px;padding:0 15px;overflow:hidden;border:1px solid #f7f7f7;text-align:center;vertical-align:middle;}
.pro_detail .row .pic img {max-width:540px;vertical-align:middle}
.pro_detail .row .txt {width:49%;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;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 {line-height:60px}
.pro_detail .row .txt .hotline span {font-size:22px;color:#D4003C;font-weight:bold}
.pro_detail .detail {float:left;background:#fff;width:75%;padding:30px;box-sizing:border-box;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 5px;
	font-size:12px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	transition:all 0.3s;
	box-sizing:border-box
	}
.pro_detail .detailist li p a:hover {background:#f69900;color:#fff}
.pro_detail .detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#f69900;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}

.pro_detail .hotpro {width:25%;float:right;margin-top:30px}
.pro_detail .hotpro h4 {font-size:16px;color:#333}
.pro_detail .hotpro .box {background:#fff;margin-left:45px;padding:30px}
.pro_detail .hotpro .box li {margin-top:10px;text-align:center}
.pro_detail .hotpro .box li a {color:#666;font-size:14px;line-height:30px}
.pro_detail .hotpro .box li a img {display:block;margin:0 auto;width:100%}
.pro_detail .hotpro .box li a:hover {color:#f69900}

.pro_type {border-bottom:1px solid #e1e1e1;margin-top:50px;margin-bottom:40px;text-align:center}
.pro_type a {padding:15px 40px;position:relative;font-size:16px;color:#8b8b8b;display:inline-block;transition:all 0.3s}
.pro_type a:before {content: '';position:absolute;width:1px;height:17px;left:0;top:18px;background:#ccc}
.pro_type a:first-child:before {display:none}
.pro_type a:hover, .pro_type a.cur {color:#0f58d6}
.product {background:#f8f8f8;height:auto;padding-bottom:60px}

.news {width:100%;background:#f8f8f8;padding-bottom:160px}
.news .title_inner {padding:50px 0 0}
.news li a{display:block;background:#fff;padding:50px 137px 30px 380px;transition:all 0.3s;position:relative;height:210px;margin-bottom:5px}
.news li .pic {width:300px;height:150px;overflow:hidden;position:absolute;left:30px;top:30px}
.news li .pic img {width:100%;transition:all 0.3s}
.news li .tt {border-bottom:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:10px;font-size:18px;color:#333;transition:all 0.3s}
.news li .dd {line-height:24px;overflow:hidden;color:#999;font-size:14px}
.news li .date {position:absolute;top:60px;right:30px;color:#333}
.news li .date .p1 {font-size:38px;font-weight:bold}
.news li .date .p2 {font-size:12px}
.news li a:hover {box-shadow:0 5px 30px rgba(0,0,0,0.3);transform: translateY(-5px)}
.news li a:hover .tt {color:#f69900}
.news li a:hover .pic img {transform:scale(1.1)}

.newsdetail {background:#fafafa;padding:40px 0}
.newsdetail .content {box-sizing:border-box;background:#fff;float:left;width:75%;padding:0 30px;box-shadow:0 0 1px #ddd}
.newsdetail .content .met-shownews-header {padding:30px 0}
.newsdetail .content .met-shownews-header h1 {font-size:17px;margin-bottom:5px;color:#333}
.newsdetail .content .met-shownews-header .info {
	color:#a3afb7;
	font-size:14px;
	font-weight:300;
	padding-bottom:20px;
	border-bottom:1px solid #f0f2f5
	}
.newsdetail .content .txt {font-size:16px;color:#666;line-height:26px;padding-bottom:30px;overflow:hidden}
.newsdetail .content .txt img {display:block;margin:10px auto;max-width:100%}
.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;
	}
.met-shownews-footer ul li a:hover {border:1px solid #f1b11a;color:#f1b11a}
.met-shownews-footer ul li a:hover span{color:#f1b11a}
.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;}

.newsdetail .tuijian {width:25%;padding-left:30px;box-sizing:border-box}
.newsdetail .tuijian .row {background:#fff;box-sizing:border-box;padding:20px;box-shadow:0 0 1px #ddd}
.newsdetail .tuijian .row h2 {font-size:16px;font-weight:100;color:#333}
.newsdetail .tuijian .row ul {margin-top:10px}
.newsdetail .tuijian .row ul li {
	position:relative;
	display:block;
	padding:10px 15px;
	margin-bottom:-1px;
	background-color:#fff;
	border:1px solid #e4eaec;
	}
.newsdetail .tuijian .row ul li:first-child {
    border-top-left-radius:3px;
    border-top-right-radius:3px
	}
.newsdetail .tuijian .row ul li a {font-size:14px;color:#333}
.newsdetail .tuijian .row ul li a img {display:block;width:100%}
.newsdetail .tuijian .row ul li a:hover {font-size:14px;color:#f1b11a}

.search {background:#fafafa;padding:40px 0}
.search .title_inner {margin-bottom:30px}
.search table {width:100%}
.search table th {background:#0f58d6;color:#fff;border:1px solid #efefef; font-weight:bold}
.search table td {background:#fff;border:1px solid #efefef;transition:all 0.3s}
.search table tr:nth-child(odd) td {background:#efefef}
.search table td a, .search table th span {display:block;padding:9px 5px;text-align:center;box-sizing:border-box;word-break:break-all}
.search table td a {color:#666}
.search table tr:hover td {background:#f69900}
.search table tr:hover td a{color:#fff}

.app {width:100%;background:#FAFAFA;padding:60px 0 20px}
.app .fw {position:relative;margin-top:50px}
.app .list li {float:left;width:33.3333%;margin-bottom:20px}
.app .list li .info {padding:0 8px;text-align:center;line-height:50px}
.app .list li .info a {font-size:15px;color:#333;transition:all 0.3s}
.app .list li .info a:hover {color:#f1b11a}
.app .list li .info .pic {width:100%;height:262px;overflow:hidden}
.app .list li .info img {width:100%;display:block;margin:0 auto;transition:all 0.3s}
.app .list li .info:hover img {background:#fff;box-shadow:0 20px 30px #ccc}

.contact {background:#f8f8f8;padding-bottom:50px}
.contact .title_inner {padding:40px 0}
.contact .fw {text-align:center}
.contact h1 {font-size:24px;color:#333;margin-bottom:40px;font-weight:200}
.contact p {font-size:16px;color:#666;line-height:30px}
.contact h3 {font-size:40px;color:#ff0000;line-height:50px;margin-bottom:10px}
.contact p span {margin:0 20px; display:inline-block}

.anli li {float:left;width:33.33333%;padding:15px}
.anli li a {display:block;width:100%;background:#fff;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,0.1);transition:all 0.3s}
.anli li a h4 {font-size:18px;color:#333;margin-bottom:10px;font-weight:500;transition:all 0.3s}
.anli li a p {font-size:14px;color:#999;line-height:22px;height:44px;overflow:hidden}
.anli li a .pic {width:100%;height:230px;margin-top:20px;overflow:hidden}
.anli li a .pic img {display:block;width:100%;height:100%;transition:all 0.3s}
.anli li a:hover {box-shadow:0 5px 30px rgba(0,0,0,0.1);transform:translateY(-10px)}
.anli li a:hover h4 {color:#f69900}
.anli li a:hover .pic img {transform:scale(1.1)}

@media screen and (max-width:1200px){
.fw {width:auto;padding:0 20px}
.search-top {display:none}
.phone_search {display:block}
.pro_in {margin-top:0}
.pro_in .content {width:100%}
.brand_in .fl {width:25%}
.brand_in .list {width:75%}
.youshi .odd .pic,.youshi .even .pic {display:none}
.youshi .txt {width:100%}
.youshi .txt .more {margin-top:0;margin-bottom:50px}
.about_in .fw .pic {width:50%}
.about_in, .ad_in {background-size:150%}
.ad_in a {left:5%;top:220px}
.news_in .fl {width:37%}
.news_in .fr {width:63%}
.feed {width:100%;left:0;margin-left:0;padding-top:30px}
.feed .text1 {width:20%}
.feed .text2 {width:35%}
.feed .btn {width:16%}
.foot .ewm {display:none}
.pro_detail .row {width:100%}
.pro_detail .row .pic {width:45%}
.pro_detail .row .txt {width:53%}
.brand .list,.about .txt {width:100%}
}

@media screen and (max-width:960px){
.head .fr {display:none}
.head {background:#fff}
.head .fw {position:relative}
.head .fw .toggle {display:block}
.head_nav {display:none}

.pro_in {height:auto;background:#f0f0f0;padding-bottom:80px}
.pro_in .content li {width:33.33333%}
.brand_in {height:auto;background-size:cover}
.brand_in .fl {width:100%;padding-bottom:20px}
.brand_in .fl h2 {margin-top:20px;margin-bottom:10px}
.brand_in .fl a.more {margin-top:30px}
.brand_in .list {width:100%}
.brand_in .list li {padding-left:10px;padding-right:10px}
.about_in .content {width:100%;margin-top:0}
.about_in .fw .pic {display:none}
.ad_in {margin-top:0}
.foot .list {width:100%;margin-top:40px}

.app .list li, .anli li {width:50%}
.brand .list li {width:25%}
}
@media screen and (max-width:768px){
.pro_in .content li {width:50%}
.hezuo .list {overflow:hidden}
.hezuo .list li {width:25%}
.news_in .fl, .news_in .fr {width:100%}
.news_in .fl .pic {width:100%}
.news_in {padding-bottom:145px;padding-top:80px}
.feed {background-size:cover;height:auto;padding-bottom:30px;position:inherit}
.feed .text1,.feed .text2, .feed .btn {width:100%}
.feed .text1 {margin-bottom:10px}
.foot {padding-top:0}

.search .fw {padding:0}
.news li .pic {display:none}
.news li a {padding:30px 137px 30px 30px;height:auto}
.news li .date {top:50px}
.newsdetail .tuijian {display:none}
.newsdetail .content {width:100%}
.website .toggle {display:block}
.product .pro_type {display:none}
.product .title_inner {padding-bottom:40px}
.pro_detail .hotpro {display:none}
.pro_detail .detail, .anli li {width:100%}
.pro_detail .fw {padding:0}
.pro_detail .row ,.pro_detail .detail{padding:20px}
.pro_detail .detailist li p {padding:0 5px}
.brand .list li {width:33.3333%}
.anli li a .pic {max-height:300px;height:auto}
}
@media screen and (max-width:628px){
	.head .fl {width:80%}
	.head .fl img {width:100%}
	.brand_in .list li {width:50%}
	.hezuo .title .txt {padding:20px}

	.about_in {padding-top:30px}
	.copyright {height:auto;padding:20px 0;line-height:28px;text-align:center;overflow:hidden}
	.copyright .fl, .copyright .fr {width:100%}
	.app .list li,.pro_detail .row .pic,.pro_detail .row .txt {width:100%}
	.pro_detail .row .txt {margin-top:20px;padding:0}
	.pro_detail .detailist li {width:33.3333%}
	.pro_detail .row .pic {height:auto}

	.pro_in{padding-bottom:10px;padding-top:10px;}
	.hezuo{padding-top:10px;padding-bottom:15px;}
	.news_in{padding-top:10px;}
}
@media screen and (max-width:580px){
	.hezuo .list li {width:33.3333%}
	.copyright {height:auto;line-height:26px;padding:10px 0}
	.copyright .fr,.copyright .fl {float:none}
	.product .fw {padding:0}
}
@media screen and (max-width:480px){
	.head .fw .toggle {width:45px;height:45px;right:10px;top:9px}
	.head .fw .toggle i {line-height:45px}
	.pro_in .content {padding:0}
	.pro_in .content li {padding:0}
	.brand_in .list li {padding-left:1px;padding-right:1px;margin-bottom:2px}
	.ad_in{height:158px}
	.ad_in a {top:100px;width:80px;height:26px;line-height:26px;font-size:12px}
	.news_in .fr .news_txt {padding-left:20px}
	.news_in .fw {padding:0 10px}
	.feed .title h2 {font-size:28px}
	.feed .title p {font-size:14px;margin-top: 10px}
	.foot .con {width:100%;margin-right:0}
	.foot .con .btn {bottom:auto;top:0}
	.foot .con .btn.wx {right:58px}
	.newsdetail {padding:20px 0}
	.news .fw, .newsdetail .fw {padding:0}
	.news li .date {display:none}
	.news li a {padding:30px 20px}
	.pro_detail .detailist li {width:50%}
	.brand .fw {padding:0}
	.anli {padding:10px}
	.anli li {padding:5px 0}
	.newsdetail .content {padding:0 10px}
}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:200px;right:-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: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;background-position:-50px 0;position:fixed;top:200px;right:170px;z-index:999;right:-5px}
#rightArrow a{display:block;height:45px;}

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

@media (max-width:558px){
.footnav {display: block}
#rightArrow {display:none}
}
@media (max-width:398px){
#rightArrow {display:none}
}

.lightboxbg {position:fixed;background:#000;opacity:0.5;left:0;top:0;width:100%;height:100%;z-index:9999;display:none}
.lightbox {width:208px;background:#fff;position:fixed;top:50%;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;width:100%}
.lightbox a {display:block;color:#f6032c;font-size:14px}