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

.topline {width:100%;height:40px;background:#f2f2f2;line-height:40px}
.topline .fr a {padding:5px 15px 5px 17px;font-size:14px;color:#666}
.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;}

.head .logo {margin-top:22px}
.head_nav li {float:left;position:relative}
.head_nav li a {font-size:16px;color:#333;display:block;height:117px;line-height:117px;padding:0 20px;transition:all 0.3s}
.head_nav li:before {content:'';position:absolute;width:0;height:2px;background:#204c97;left:0;bottom:0;opacity:0;transition:all 0.3s}
.head_nav li.cur:before,.head_nav li:hover:before {opacity:1;width:100%}
.head_nav li a:hover {color:#204c97}
.head_nav li.cur a {color:#204c97;font-weight:bold}
.head_nav li dl {position:absolute;background:#fff;width:380px;z-index:999;visibility:hidden;top:127px;opacity:0;padding:10px 0;box-shadow:2px 5px 10px rgba(23,23,103,0.28);transition:all 0.3s}
.head_nav li dl dd {float:left;width:50%;padding:0 10px}
.head_nav li dl dd a {display:block;font-size:13px;height:38px;line-height:38px;border-bottom:1px solid #eee;padding:0 5px;text-align:left}
.head_nav li.cur dl dd a {color:#333}
.head_nav li dl dd a:before {display:none}
.head_nav li dl dd a:hover {background:#ececec;color:#333}
.head_nav li:hover dl {visibility:visible;top:117px;opacity:1}

.fullSlide {width:100%;position:relative;height:622px;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:622px;overflow:hidden;text-align:center;transition:none}
.fullSlide .bd li a {display:block;height:622px;transition:none}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;display:none}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:16px;height:2px;margin:1px;overflow:hidden;background:#EE0E51;color:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:16px;background:#E2025E center 0 no-repeat;background-size:cover;/*html中提到这里*/}
.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 .pic{display:none;width:100%;}
.fullSlide .pic img{width:100%;}


.fullSlideMobi {width:100%;position:relative;height:auto;background:#000;transition:none;display:none}
.fullSlideMobi .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;width:100%}
.fullSlideMobi .bd ul {width:100% !important;height:auto;}
.fullSlideMobi .bd li {width:100% !important;height:auto;overflow:hidden;text-align:center;transition:none}
.fullSlideMobi .bd li a {display:block;height:auto;transition:none}
.fullSlideMobi .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;display:none}
.fullSlideMobi .hd ul {text-align:center;}
.fullSlideMobi .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;background:#E2025E center 0 no-repeat;background-size:cover;/*html中提到这里*/}
.fullSlideMobi .hd ul .on {background:#EE0E51;filter:alpha(opacity=100);opacity:1;}
.fullSlideMobi .prev,.fullSlideMobi .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;}
.fullSlideMobi .next {left:auto;right:0;background-position:-6px -137px;}
.fullSlideMobi .pic{width:100%;}
.fullSlideMobi .pic img{width:100%;}

.search-top {width:100%;margin:0 auto;background:url(../images/search_bg.gif) no-repeat center;height:121px;background-color:#204c97}
.search-top .tt {float:left;width:185px;text-align:right;margin-top:25px;margin-right:60px;padding-right:20px}
.search-top .tt h2 {color: #204c97;font-size: 40px}
.search-top .tt p {font-size:16px;color:#fff;opacity:0.6}
.search-top .text1 {
	width:165px;
	height:45px;
	line-height:45px;
	padding:0 20px;
	background:#fff;
	float:left;
	margin-top:38px;
	margin-right:23px;
	border-radius: 10px;
	color: #999;
	position:relative;z-index:102
}
.search-top input::-webkit-input-placeholder {color: #999}
.search-top input.text2 {width:80px;position:relative;z-index:102}
.search-top .btn1 {
	width:90px;
	height:45px;
	margin-right: 20px;
	border-radius: 10px;
	display:block;
	float:right;
	background:#dd0000;
	border:0;
	text-align:center;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	font-size:14px;
	margin-top:38px;
	line-height:45px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.4);
	transition:all 0.4s;
	-ms-transition:all 0.4s;
	position:relative;z-index:102
}
.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;
	z-index:102
}
.selet_open{display:inline-block;position:absolute;right:10px;top:0;width:20px;height:45px; background:url(../images/search_icon1.gif) 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:#204c97; color:#fff;}

.phone_search {width:100%;background:#204c97;padding:10px;box-sizing:border-box;display:none;}
.phone_search .text {display:block;box-sizing:border-box;background:#fff;width:100%;height:40px;position:relative;border-radius:20px;line-height:40px;font-size:14px;color:#666;padding-left:20px}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:20px;line-height:40px}
.search-over{display:none;position:fixed;z-index:110;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}
.search-warmp{display:none;position:fixed; z-index: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:#204c97;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}

.about_in {margin-top:85px}
.about_in .content {width:50%}
.about_in .content .pic {width:100%;display:block;height:162px}
.about_in .content .tt1 {font-size:47px;color:#333; text-transform:uppercase;margin-top:35px}
.about_in .content .tt2 {font-size:18px;color:#888}
.about_in .content .txt {line-height:22px;padding:30px 0}
.about_in .con1 {width:50%}
.about_in .con1 .tt {position:relative;width:100%;height:162px;padding:28px 0 0 50px}
.about_in .con1 .tt .btn {position: absolute;bottom:24px;width: 49px;height: 49px;text-align: center;border-radius: 50%;font-size: 18px;transition: all 0.3s;-ms-transition: all 0.3s;}
.about_in .con1 .tt .btn i {line-height: 49px;color: #fff}
.about_in .con1 .tt .btn.qq {right:138px;background: #287feb}
.about_in .con1 .tt .btn.wx {right:69px;background: #3cb035}
.about_in .con1 .tt .btn.add {right:0px;background: #e01e3c}
.about_in .con1 .tt .btn:hover {box-shadow: 0 2px 5px rgba(0,0,0,0.2); transform: translateY(-10px)}
.about_in .con1 .pic1 {width:100%}

.more-in {position:relative;display:block;width:131px;height:39px;background:#333;color:#fff;overflow:hidden;border-radius:20px;text-align:center;text-indent:-20px}
.more-in:before {content:'';position:absolute;width:203px;height:203px;background:#204c97;right:30px;top:-40px;border-radius:50%;z-index:1;transition:all 0.3s}
.more-in span, .more-in i {position:relative;z-index:5;line-height:39px;font-size:14px}
.more-in i {position:absolute;right:10px;font-size:22px}
.more-in:hover:before {right:-10px;top:-50px}

.title_in {width:1300px;margin:0 auto}
.title_in .fl {font-size:39px;font-family:Arial, Helvetica, sans-serif;font-weight:600;color:#fff;line-height:36px}
.title_in .fr {color:#fff}
.title_in .fr p {font-size:20px;font-weight:bold}
.title_in .fr a {display:block;text-align:right;font-size:14px;color:#fff;position:relative;margin-top:20px}
.title_in .fr a i {padding-left:5px}
.title_in .fr a:before {position:absolute;content:'';background:#fff;width:20px;height:2px;right:0;top:-8px;transition:all 0.3s}
.title_in .fr a:hover:before {width:100%}

.lev1 {background:#f2f2f2}
.brand_in {width:100%;margin-top:80px;background:url(../images/brand_bg.jpg) no-repeat center top;overflow:hidden;padding-top:65px;position:relative}
.brand_in .list {width:1300px;margin:58px auto 40px;background:#fff;border-radius:10px;padding:50px 0;overflow:hidden}
.brand_in .list .listbox {overflow:hidden;margin-left:-1px}
.brand_in .list li {float:left;width:16.666666%}
.brand_in .list li .box {padding:20px 35px;position:relative;height:181px}
.brand_in .list li .box:before {position:absolute;content:'';width:1px;height:100%;background:#ddd;left:0;top:0}
.brand_in .list li a .pic {display:table;width:100%}
.brand_in .list li a .pic span {display:table-cell;width:100%;height:100px; vertical-align:middle;overflow:hidden}
.brand_in .list li a .pic span img {display:block;max-width:100%;max-height:100%; vertical-align:middle; margin:0 auto;transition:all 0.3s;transform:scale(1)}
.brand_in .list li a p {text-align:center;font-size:16px;color:#666;margin-top:10px}
.brand_in .list li a:hover .pic span img {transform:scale(1.1)}
.brand_in .list li a:hover p {color:#204c97}


.brand_in a.next, .brand_in a.prev, .pro_in .listbox a.next, .pro_in .listbox a.prev, .type_in a.next, .type_in a.prev, .app_in a.next, .app_in a.prev{position:absolute;color:#cecece;text-align:center;line-height:41px;top:58%;width:65px;height:65px;background:#fff;border-radius:50%}
.brand_in a.next i, .brand_in a.prev i, .pro_in .listbox a.next i, .pro_in .listbox a.prev i, .type_in a.next i, .type_in a.prev i, .app_in a.next i, .app_in a.prev i{font-size:50px;line-height:65px}
.brand_in a.next, .pro_in .listbox a.next, .type_in a.next, .app_in a.next {right:10%;text-indent:1px}
.brand_in a.prev, .pro_in .listbox a.prev, .type_in a.prev, .app_in a.prev {left:10%;text-indent:-1px}
.brand_in a.next:hover, .brand_in .list a.prev:hover, .pro_in .listbox a.next:hover, .pro_in .listbox a.prev:hover, .type_in a.next:hover, .type_in .list a.prev:hover, .app_in a.next:hover, .app_in .list a.prev:hover {color:#204c97}
.brand_in .hd, .pro_in .hd, .type_in .hd, .app_in .hd {text-align:center;margin-top:30px}
.brand_in .hd li, .pro_in .hd li, .type_in .hd li, .app_in .hd li {width:13px;height:13px;overflow:hidden;line-height:999px;border-radius:50%;border:2px solid #f2f2f2;display:inline-block;margin:0 3px;background:#c2c2c2}
.brand_in .hd li.on, .pro_in .hd li.on, .type_in .hd li.on, .app_in .hd li.on {background:none;border:2px solid #204c97}

.pro_in {margin-top:70px;padding-bottom:60px}
.sublist {width:201px}
.sublist .tt {margin-bottom:30px}
.sublist .tt h2 {font-size:39px;color:#333;line-height:39px;margin-bottom:10px}
.sublist .tt p {font-size:18px;color:#888}
.sublist li a {display:block;width:100%;height:39px;line-height:39px;border-bottom:1px solid #ddd;padding:0 5px;font-size:14px;color:#333;position:relative;transition:all 0.5s}
.sublist li a i {position:absolute;right:10px;top:0;line-height:39px;color:#888;transition:all 0.5s}
.sublist a.more-in {margin-top:40px}
.sublist li a:hover, .sublist li a.cur {background:#204c97;padding-left:20px;color:#fff;border-radius:20px}
.sublist li a:hover i, .sublist li a.cur i {color:rgba(255,255,255,0.7);right:20px}

.pro_in .listbox {width:996px;position:relative}
.pro_in .list li {float:left;width:25%}
.pro_in .list li .box {padding:0 5px 30px}
.pro_in .list li a {display:block;background:#fff;border-radius:10px}
.pro_in .list li a .pic {display:table;width:100%}
.pro_in .list li a .pic span {display:table-cell;width:100%;height:239px;overflow:hidden; vertical-align:middle;border-radius:10px 10px 0 0}
.pro_in .list li a .pic span img {display:block;margin:0 auto; vertical-align:middle;max-width:100%;max-height:100%}
.pro_in .list li a .txt {padding:20px 30px 45px; text-align:center;border-top:1px solid #ddd;position:relative}
.pro_in .list li a .txt:before {position:absolute;content:'';width:0px;height:1px;background:#204c97;top:-1px;left:0;transition:all 0.5s}
.pro_in .list li a .txt h2 {font-size:16px;color:#333;font-weight:200}
.pro_in .list li a .txt p {display:block;font-size:13px;color:#888;line-height:30px}
.pro_in .list li a .txt .btn {position:absolute;display:block;width:49px;height:49px;background:#333;color:#fff;text-align:center;line-height:45px;font-size:28px;bottom:-25px;left:50%;margin-left:-25px;border-radius:50%;transition:all 0.5s}
.pro_in .list li a:hover .txt:before {width:100%}
.pro_in .list li a:hover .txt .btn {transform:rotate(180deg);background:#204c97}

.pro_in .listbox a.next, .pro_in .listbox a.prev {top:50%;margin-top:-65px;background:none}
.pro_in .listbox a.next {right:-65px}
.pro_in .listbox a.prev {left:-65px}

.type_in {width:1330px;margin:90px auto}
.type_in .title_in .fl, .type_in .title_in .fr {color:#333}
.type_in .title_in .fr a {color:#204c97}
.type_in .title_in .fr a:before {background:#204c97}
.type_in .list {width:100%;position:relative;margin-top:56px}
.type_in .list li {float:left;width:20%}
.type_in .list li .box {padding:0 15px}
.type_in .list li .box a .pic {display:table;width:100%}
.type_in .list li .box a .pic span {display:table-cell;width:100%;height:236px;overflow:hidden;border:1px solid #ddd;border-radius:10px; vertical-align:middle;transition:all 0.3s}
.type_in .list li .box a .pic span img {display:block;margin:0 auto; vertical-align:middle;max-width:100%;max-height:100%;transition:all 0.3s}
.type_in .list li .box a p {text-align:center;line-height:30px;margin-top:10px;font-size:16px;color:#333;transition:all 0.3s}
.type_in .list li .box a:hover .pic span {border:1px solid #204c97}
.type_in .list li .box a:hover .pic span img {transform:scale(1.1)}
.type_in .list li .box a:hover p {color:#204c97}

.type_in a.prev,.type_in a.next {top:50%;margin-top:-50px;color:#666}
.type_in a.prev {left:-95px;background:#eee}
.type_in a.next {right:-95px;background:#eee}
.type_in .hd li {border:2px solid #fff}

.app_in {width:100%;background:url(../images/app_bg.jpg) no-repeat;background-size:cover;padding:85px 0}
.app_in .title_in {margin-bottom:65px}
.app_in .title_in .fr a:before {background:#204c97}
.app_in .list {width:100%;position:relative;overflow:hidden}
.app_in .list ul {border-bottom:1px solid rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.1);}
.app_in .list li {float:left;width:16.666666%}
.app_in .list li .box {width:100%;height:471px;position:relative;box-sizing:border-box;border-left:1px solid rgba(255,255,255,0.1);overflow:hidden}
.app_in .list li .box a .pic {display:table;margin:133px auto 0;z-index:5;position:relative;transition:all 0.3s}
.app_in .list li .box a .pic span {display:table-cell;width:208px;height:208px;border-radius:50%;overflow:hidden;border:5px solid #fff; vertical-align:middle}
.app_in .list li .box a .pic span img {display:block;margin:0 auto;width:auto;height:100%; vertical-align:middle;transform:scale(2);transition:all 0.3s}
.app_in .list li .box a .txt {text-align:center;color:#fff;margin-top:42px;z-index:5;position:relative;transition:all 0.3s}
.app_in .list li .box a .txt h4 {font-size:16px;font-weight:200}
.app_in .list li .box a .txt p {font-size:12px;opacity:0.5; text-transform:uppercase}
.app_in .list li .box a .more {position:absolute;width:49px;height:49px;background:#fff;color:#204c97;text-align:center;opacity:0;line-height:45px;left:50%;margin-left:-24px;top:388px;border-radius:50%;font-size:28px;z-index:5;transition:all 0.3s}
.app_in .list li .box a .bg {position:absolute;width:100%;height:100%;background:#204c97;opacity:0;left:0;top:0;transition:all 0.3s}
.app_in .list li .box a:hover .pic {margin-top:90px}
.app_in .list li .box a:hover .txt {margin-top:32px}
.app_in .list li .box a:hover .more {top:328px;opacity:1}
.app_in .list li .box a:hover .bg {opacity:0.5}

.app_in .hd li {border:2px solid #333}
.app_in .list a.next, .app_in .list a.prev {top:50%;margin-top:-40px;background:none;color:#fff;opacity:0;transition:all 0.3s}
.app_in .list a.next {right:0}
.app_in .list a.prev {left:0}
.app_in .list:hover a.next, .app_in .list:hover a.prev {opacity:0.8}
.app_in .list a.next:hover, .app_in .list a.prev:hover {color:#204c97}
.app_in .hd li {border:2px solid #494844}

.news_in {width:100%; margin:0 auto;}
.news_in .l_float {width:25%;padding-right:60px}
.news_in .sublist {float:right;margin-top:80px}
.news_in .r_float {width:75%;height:100%;background:#f2f2f2;border-radius:0 0 0 80px;padding:56px 0}
.news_in .newslist {width:673px}
.news_in .newslist li a {display:block;padding:21px 40px;transition:all 0.3s}
.news_in .newslist li a .pic {float:left;width:195px;height:129px;border-radius:10px;overflow:hidden}
.news_in .newslist li a .pic img {display:block;width:100%;height:100%;transition:all 0.3s}
.news_in .newslist li a .txt {float:left;padding-left:30px;width:381px}
.news_in .newslist li a .txt h2 {font-size:16px;font-weight:200;color:#333;line-height:50px;transition:all 0.3s}
.news_in .newslist li a .txt p {font-size:13px;line-height:22px;height:44px;color:#888;overflow:hidden}
.news_in .newslist li a .txt .date {display:block;font-size:13px;color:#888;margin-top:10px}
.news_in .newslist li a:hover {background:#fff}
.news_in .newslist li a:hover .txt h2 {color:#204c97}
.news_in .newslist li a:hover .pic img {transform:scale(1.1)}
.news_in .klist {background:#fff;width:334px;margin-left:40px;margin-top:20px}
.news_in .klist .tt {display:block;background:url(../images/know_bg.jpg) no-repeat;width:100%;height:141px;background-size:cover;text-align:center;color:#fff;overflow:hidden;transition:all 0.3s}
.news_in .klist .tt h2 {font-size:32px;font-family:Arial, Helvetica, sans-serif;margin-top:36px}
.news_in .klist .tt p {font-size:18px}
.news_in .klist .list {padding:10px 20px}
.news_in .klist .list li {width:100%;border-bottom:1px solid #ddd;padding:15px 0}
.news_in .klist .list li:last-child {border-bottom:0}
.news_in .klist .list li a {display:block;font-size:16px;color:#333;margin-bottom:10px;transition:all 0.3s}
.news_in .klist .list li a i {color:#204c97;margin-right:10px}
.news_in .klist .list li p {font-size:13px;color:#888;height:44px;line-height:22px;overflow:hidden}
.news_in .klist .list li a:hover, .news_in .klist .tt:hover {color:#204c97}

.hz_in {width:100%;margin-bottom:160px}
.hz_in .r_float {width:35%;padding-left:60px}
.hz_in .sublist{width:330px;text-align:right;float:left;margin-top:80px}
.hz_in .sublist .tt {position:relative;padding-bottom:20px;margin-bottom:20px}
.hz_in .sublist .tt:before {position:absolute;content:'';width:70px;height:2px;background:#204c97;right:0;bottom:0}
.hz_in .sublist .txt {text-align:left;line-height:24px}

.hz_in .l_float {width:65%;background:url(../images/hz_bg.jpg) no-repeat; background-size:cover;background-color:#204c97;border-radius:0 0 80px 0}
.hz_in .list {width:858px;float:right;padding:78px 86px 78px 0}
.hz_in .list li {float:left;width:33.333333%}
.hz_in .list li .box {padding:10px 29px}
.hz_in .list li .box a {display:block;width:100%;background:#fff;border-radius:10px;overflow:hidden;transition:all 0.3s}
.hz_in .list li .box a .pic {display:table;width:100%}
.hz_in .list li .box a .pic span {display:table-cell; vertical-align:middle;width:100%;height:110px}
.hz_in .list li .box a .pic span img {display:block;margin:0 auto; vertical-align:middle;max-width:80%;max-height:90%;transition:all 0.5s}
.hz_in .list li .box a:hover {transform:translateY(-10px);box-shadow:0 10px 30px rgba(0,0,0,0.3)}
.hz_in .list li .box a:hover .pic span img {transform:scale(1.05)}

.foot {background:#333;width:100%;position:relative;padding:118px 0 60px}
.feed_in {padding:30px;background:#fff;position:absolute;left:50%;margin-left:-650px;border-radius:10px;top:-80px;box-sizing:border-box;box-shadow:0 5px 30px rgba(0,0,0,0.2)}
.feed_in h2 {font-size:18px;color:#204c97;margin-bottom:20px}
.feed_in .text1{float:left;width:280px;height:40px;line-height:40px;padding:0 20px;margin-right:20px;background:#f2f2f2;border-radius:20px}
.feed_in .text2 {width:506px;border:0}
.feed_in .btn1 {width:110px;background:#204c97;transition:all 0.3s;-ms-transition: all 0.3s;color:#fff;border-radius:20px;height:40px; cursor:pointer}
.feed_in .btn1:hover {background:#333}

.foot .fl {width:350px;padding-left:35px}
.foot .list h2 {font-size:18px;color:#fff;font-weight:600;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:20px;font-weight:200}
.foot .list li {width:50%;float:left;box-sizing:border-box;padding-right:15px;line-height:35px}
.foot .list li a {color:#adadad;display:block;border-bottom:1px dashed rgba(255,255,255,0.1);font-size: 14px}
.foot .list li a:hover {color:#fff}
.foot .bout {width:280px;float:left;padding-right:15px}
.foot .bout .logo img {display:block;margin-bottom:20px}
.foot .bout p {color:#eee;font-size:14px;line-height:24px}
.foot .bout h2 {font-size:35px;color:#204c97;margin-bottom:15px}
.foot .ewm {width:173px;float:right}
.foot .ewm .pic {width:100%;height:173px;background:#fff;border-radius:5px;padding:5px}
.foot .ewm .pic img {display:block;width:100%}
.foot .ewm p {text-align:center;line-height:40px;color:#eee}

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

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


.banner {width:100%;height:350px;background-size:cover;position:relative}
.banner_pro {background:url(../images/probanner.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/conbanner.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}

.banner_brand_v2 {width:100%;text-align:center;}
.banner_brand_v2 img{width:100%;max-width:1920px;}

.website {width:100%;height:60px;line-height:60px;font-size:14px;color:#666;position:relative;border-bottom:1px solid #eee}
.website a {color:#999;font-size:14px}
.website a:hover {color:#D4003C}
.website .toggle {position:absolute;top:0;right:10px;color:#333;display:none}


.met_pager {
    margin-top:20px;
    text-align:center;
}
.met_pager .PreSpan, .met_pager .NextSpan {
    border:1px solid #e4eaec;
    padding:9px 15px;
    background:#fff;
    color:#ccd5db;
    cursor:default
}
.met_pager a, .met_pager span {
    border:1px solid #e4eaec;
	margin-right:-1px;
    background:#fff;
    padding:9px 15px;
    text-align:center;
    color:#76838f
}
.met_pager span {background:#204c97;color:#fff}
.met_pager a.current {
    background:#204c97;
    border-color:#204c97;
    color:#fff;
    cursor:default
}
.met_pager a:hover {background:#204c97;border-color:#204c97;color:#fff}
.met-shownews-footer {padding-bottom:30px;overflow:hidden;margin-top:60px}
.met-shownews-footer ul.pager {
    border-top:1px solid #f0f2f5;
    padding-top:20px
	}
.met-shownews-footer ul.pager li {display:inline}
.met-shownews-footer ul.pager li > a, .met-shownews-footer ul.pager li > span {
	display:inline-block;
	padding:10px 20px;
	color:#76838f;
	font-size:14px;
	border:1px solid #e4eaec;
	-webkit-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	border-radius:1000px;
	}
.met-shownews-footer ul li a:hover {border:1px solid #206bd1;background:#206bd1;color:#fff}
.met-shownews-footer ul li a:hover span{color:#fff}
.met-shownews-footer ul li.previous a {float:left;width:45%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.met-shownews-footer ul li.next a {float:right;width: 45%;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
	
.inner_l {float:left;width:30%;padding-top:80px;padding-left:50px;padding-right:50px;padding-bottom:160px}
.inner_r {float:right;width:70%;background:#f2f2f2;padding:0 80px 160px 30px}
.inner_bt {padding-bottom:160px}

.product .sublist {width:230px}
.product .sublist .tt p {position:relative;padding-top:10px}
.product .sublist .tt p:before {position:absolute;content:'';width:75px;height:2px;background:#204c97;top:0;left:0}
.product .pro_in .listbox{width:100%}
.product .pro_in .list li {width:25%;margin-bottom:30px}
.product .pro_in .list li .box {padding:0 20px 30px}
.product .pro_in .list li a .pic span {height:230px}
.pro_detail {padding-top:80px;padding-left:50px}
.pro_detail .intro .pic {display:table;float:left;box-sizing:border-box;width:40%;padding:0 15px;overflow:hidden;background:#fff;border-radius:10px;text-align:center;vertical-align:middle;}
.pro_detail .intro .pic span {display:table-cell; vertical-align:middle;height:350px;width:100%}
.pro_detail .intro .pic img {max-width:100%;display:block;margin:0 auto;vertical-align:middle}
.pro_detail .intro .txt {width:49%;box-sizing:border-box;float:left;margin-left:50px;font-size:14px;color:#666;line-height:24px;margin-top:20px}
.pro_detail .intro .txt h2 {font-size:30px;color:#333;line-height:50px;padding-bottom:10px;margin-bottom:10px;font-weight:200}
.pro_detail .intro .txt h1 {font-size:30px;color:#333;line-height:50px;padding-bottom:10px;margin-bottom:10px;font-weight:200}
.pro_detail .intro .txt table {width:100%}
.pro_detail .intro .txt table th {color:#333;border:1px solid #ddd;background:#fff}
.pro_detail .intro .txt table td {color:#666;border:1px solid #ddd}
.pro_detail .intro .txt table th span, .pro_detail .intro .txt table td span {
    padding:8px 10px;
    display:block;
	font-size:14px;
	line-height:25px
	}
.pro_detail .intro .txt .more-in {border:1px solid #204c97;width:151px;background:#204c97;color:#204c97;text-indent:-25px;margin-top:20px;transition:all 0.3s;float:left;margin-right:20px}
.pro_detail .intro .txt .tel {width:170px}
.pro_detail .intro .txt .more-in:before {background:#fff}
.pro_detail .intro .txt .more-in i {color:#fff;font-size:18px;right:8px}
.pro_detail .intro .txt .more-in:hover {color:#fff}
.pro_detail .intro .txt .more-in:hover:before {right:140px;top:0px}

.pro_detail .detail {box-sizing:border-box;margin-top:30px}
.pro_detail .detail .title {background:#fff;height:51px;line-height:51px;border-radius:10px 10px 0 0;padding:0 20px;border-bottom:1px solid #ddd}
.pro_detail .detail .title span {font-size:14px;display:inline-block;color:#333;font-weight:bold;position:relative;padding:0 10px}
.pro_detail .detail .title span:before {content:'';position:absolute;width:100%;height:2px;border-bottom:2px solid #204c97;left:0;bottom:0}
.pro_detail .detail .content {line-height:24px;font-size:14px;color:#666;background:#fff;padding:30px;margin-bottom:30px;border-radius:0 0 10px 10px}
.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:#f1b11a;color:#fff}
.pro_detail .detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#f1b11a;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 .detail .pro_in {margin-top:30px;padding-bottom:0}
.pro_detail .detail .pro_in .list {margin-left:-20px}
.pro_detail .detail .pro_in .list li .box {padding:0 0 20px 20px}
.pro_detail .detail .pro_in .list li a .txt {padding-bottom:15px}


/*.product .sublist li a:hover, .product .sublist li a.cur {padding-left:20px;border-radius:5px 0 0 5px;background:#f2f2f2;color:#204c97}
.product .sublist li a:hover i, .product .sublist li a.cur i {right:20px;color:#333}*/

.about {padding-top:80px}
.about .tt1 {font-size:38px;color:#204c97; text-transform:uppercase;line-height:50px}
.about .tt2 {font-size:18px;color:#333;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd}
.about .pic {width:40%}
.about .pic img{margin-bottom:20px;width:100%}
.about .txt {width:60%;padding-left:40px;line-height:24px}

.title_inner {text-align:center;padding:70px 0 50px}
.title_inner h2 {font-size:38px;color:#204c97}
.title_inner p {font-size:18px;color:#333}

.brand {background:none}
.brand .list li {float:left;width:20%}
.brand .list li .box {padding:20px 30px}
.brand .list li .box .pic {width:100%;background:#fff;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.1);display:table;transition:all 0.3s}
.brand .list li .box .pic span {display:table-cell;width:100%;height:130px; vertical-align:middle;overflow:hidden}
.brand .list li .box .pic span img {display:block;margin:0 auto; vertical-align:middle; width:100%; height:auto;}
.brand .list li .box p {text-align:center;line-height:50px;font-size:14px;color:#666;transition:all 0.3s}
.brand .list li .box a:hover .pic {box-shadow:none}
.brand .list li .box a:hover p {color:#204c97}

.brand_detail .sublist {width:280px}
.brand_detail .sublist .tt1 {padding:10px}
.brand_detail .sublist .tt1 h2 {font-size:24px;color:#204c97; text-transform:uppercase;}
.brand_detail .sublist .tt1 p {font-size:16px;color:#333;position:relative;padding-bottom:20px}
.brand_detail .sublist .tt1 p:before {content:'';position:absolute;width:100%;height:1px;background:#eee;left:0;bottom:0}
.brand_detail .sublist dl dd {width:50%;float:left;padding:10px}
.brand_detail .sublist dl dd .pic {width:100%;background:#fff;border-radius:5px;border:1px solid #eee;display:table;transition:all 0.3s}
.brand_detail .sublist dl dd .pic span {display:table-cell;width:100%;height:81px; vertical-align:middle;overflow:hidden}
.brand_detail .sublist dl dd .pic span img {display:block;margin:0 auto; vertical-align:middle;max-width:80%;max-height:80%}
.brand_detail .sublist dl dd p {text-align:center;font-size:14px;color:#666;line-height:30px}
.brand_detail .sublist dl dd a:hover .pic {border:1px solid #204c97}
.brand_intro .pic {float:left;width:40%;border-radius:10px;overflow:hidden}
.brand_intro .pic img {display:block;width:100%}
.brand_intro .txt {float:left;width:60%;padding-left:50px;line-height:24px}
.brand_intro .txt h2.tt {font-size:33px;color:#333;font-weight:200;line-height:60px;border-bottom:1px solid #ddd;padding:10px 0;margin-bottom:20px}

.type {margin:0 auto}
.type .list {margin-top:0}
.type .list li .box {padding:0 15px 25px}

.app {background:#f2f2f2}
.app .list li {float:left;width:20%}
.app .list li .box a {display:block;padding:30px;text-align:center;transition:all 0.3s}
.app .list li .pic {width:151px;display:table;margin:0 auto}
.app .list li .pic span {width:100%;height:151px;border-radius:50%;border:5px solid #fff; display:table-cell; vertical-align:middle;overflow:hidden}
.app .list li .pic span img {display:block;width:auto;height:100%;margin:0 auto; vertical-align:middle; transform:scale(1.8)}
.app .list li .txt h4 {font-size:16px;color:#333;line-height:30px;padding-top:10px;transition:all 0.3s}
.app .list li .txt p {font-size:12px;color:#888;transition:all 0.3s}
.app .list li .box a:hover {background:#204c97;transform:translateY(-10px);border-radius:10px}
.app .list li .box a:hover .txt h4 {color:#fff}
.app .list li .box a:hover .txt p {color:rgba(255,255,255,0.5)}
.app_detail .sublist dl dd .pic {width:101px;background:#fff;border:none;margin:0 auto;display:table}
.app_detail .sublist dl dd .pic span {display:table-cell;width:100%;height:101px;border-radius:50%;border:5px solid #ddd;vertical-align:middle;overflow:hidden;transition:all 0.3s}
.app_detail .sublist dl dd .pic span img {display:block;margin:0 auto; vertical-align:middle;width:auto;height:100%;transform:scale(2.2)}
.app_detail .sublist dl dd a:hover .pic {border:none}
.app_detail .sublist dl dd a:hover .pic span {border:5px solid #204c97}
.app_detail .brand_intro .pic {width:35%}

.news .newslist {padding:50px 50px 10px}
.news .newslist li a {display:block;padding:30px;position:relative;background:#fff;margin-bottom:15px;border-radius:10px;transition:all 0.3s}
.news .newslist li a .pic {width:20%;height:130px;overflow:hidden;border-radius:5px}
.news .newslist li a .pic img {display:block;width:100%;transition:all 0.3s}
.news .newslist li a .txt {width:80%;padding:0 180px 0 30px;transition:all 0.3s}
.news .newslist li a .txt h2 {font-size:16px;font-weight:200;color:#333;line-height:30px;padding:10px 0}
.news .newslist li a .txt p {color:#888;line-height:24px;height:48px;overflow:hidden;font-size:13px}
.news .newslist li a .more, .news .newslist li a .date {position:absolute;right:30px;transition:all 0.3s}
.news .newslist li a .date {font-size:13px;top:40px;color:#888}
.news .newslist li a .more {border:1px solid #ddd;width:100px;height:39px;line-height:36px;border-radius:20px;text-align:center;color:#888;font-size:13px;bottom:30px}
.news .newslist li a .more i {padding-left:5px}
.news .newslist li a:hover {box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.news .newslist li a:hover .pic img {transform:scale(1.1)}
.news .newslist li a:hover .txt {padding-left:40px}
.news .newslist li a:hover .txt h2 {color:#204c97}
.news .newslist li a:hover .date {right:40px}
.news .newslist li a:hover .more {background:#204c97;border:1px solid #204c97;color:#fff}
.news .newslist .hidden-xs {margin-top:60px}

.news_detail {padding:50px}
.news_detail .box {padding:50px;background:#fff;border-radius:10px}
.news_detail h1.tt {font-size:22px;font-weight:200;color:#333;text-align:center;line-height:30px}
.news_detail .date {text-align:center;line-height:60px;border-bottom:1px solid #ddd;margin-bottom:20px}
.news_detail .txt {line-height:24px;overflow:hidden}
.news_detail .txt img {max-width:100%}

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

.contact .txt {text-align:center;padding: 0px 40px 40px 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:14px}
.contact .txt h4 {margin-bottom: 10px}
.contact .txt h4 a{color:#204c97;font-size:40px;line-height:50px}
.contact .txt span {padding:0 10px;line-height:30px; white-space:nowrap}

.product .inner_l .select_box{
 position:relative;
 width:100%;
display:none
}
.product .inner_l .select{
 padding:8px 20px;
 border:1px solid #dedede;
 background:#f8f8f8;
 border-radius:20px;
 position:relative
}
.product .inner_l .select:hover{
 cursor:pointer;
}
.product .inner_l .select span{
 display: block;
 background:url("../../img/downicon.png") no-repeat right;
}
.product .inner_l .select span a {color:#666;font-size:14px}
.product .inner_l .select span i {position:absolute;right:20px;top:0;line-height:37px}
.product .inner_l .list{
 display: none;
 position:absolute;
 top:37px;
 width:100%;
 background:#fff;
 border-top:none;
 z-index:1000;
 box-shadow:0 10px 20px rgba(0,0,0,0.2)
}
.product .inner_l .list li{
 padding:0 20px;
 line-height:39px;
 border-bottom:1px solid #ddd;
}
.product .inner_l .list li a {
 font-size:14px;
 color:#666
 }
.product .inner_l .list li:hover{
 background:#ddd;
}

.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;border-radius:10px;padding:10px;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}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:200px;right:0px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#204c97;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:#204c97}
#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:200px;right:170px;z-index:999;}
#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}

/*虚拟按键*/
/*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*/


@media screen and (max-width:1200px){
.head_nav {display:none}
.head {position:relative;padding:20px 0}
.head .logo {margin-top:0}
.head .fw .toggle {display:block;top:50%;margin-top:-30px}
.fw {width:auto;padding:0 20px}
.search-top {display:none}
.phone_search {display:block}

.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:380px}
.title_in {width:100%;padding:0 10px}
.brand_in .list {width:100%;margin:58px 0 40px}
.brand_in .list li {width:20%}
.brand_in a.prev, .type_in a.prev {background:none;left:0}
.brand_in a.next, .type_in a.next {background:none;right:0}
.pro_in {padding:40px 0 60px}
.sublist {width:20%;margin-left:20px}
.pro_in .listbox {width:75%;overflow:hidden}
.type_in {width:100%;margin:70px auto 60px}
.type_in .list {overflow:hidden}
.type_in .list li .box a .pic span {height:180px}
.app_in .list li {width:25%}
.news_in .l_float{padding-left:20px}
.news_in .sublist {width:100%}
.news_in .klist {display:none}
.hz_in .sublist {width:100%;margin-left:0;padding-right:20px}
.hz_in .list {width:100%;padding-right:20px}

.feed_in {width:100%;left:0;margin-left:0;padding:30px}
.feed_in .text1 {width:20%}
.feed_in .text2 {width:35%}
.feed_in .btn {width:16%}

.foot .list,.foot .bout {width:33.333333%}
.foot .ewm {display:none}

.banner {height:300px}
.inner_bt {padding-bottom:160px}
.inner_r {padding:0 30px 160px}
.product .pro_in .list li {width:33.333333%}
.product .pro_in .list li .box {padding:0 10px 30px}
.hidden-xs {padding-bottom:10px}
.about {padding-top:50px}

.brand_detail .inner_l {padding:80px 30px 160px}
.brand_detail .sublist {width:100%}
.brand_detail .pro_detail {padding-left:0}
.type {margin-top:0}
.app .list li {width:25%}

.news .newslist {padding:50px 0 10px}
}

@media screen and (max-width:960px){

.pro_in .list li {width:33.33333%}
.type_in .list li {width:25%}
.app_in .list li .box {height:371px}
.app_in .list li .box a .pic {margin-top:83px}
.hz_in .r_float {padding-left:30px}
.inner_l {padding-left:20px;padding-right:20px}
.product .sublist {width:100%}
.pro_detail {padding-left:0}
.pro_detail .intro .pic ,.pro_detail .intro .txt{width:100%}
.pro_detail .intro .txt {margin-left:0;margin-top:40px}
.pro_detail .detail .pro_in {margin-top:0;padding-top:20px}
.pro_detail .detail .pro_in .list li {margin-bottom:0}
.pro_detail .detail .pro_in .list li a .pic span {height:160px}
.brand .list li .box {padding:10px}
.news_detail {padding:50px 0}
}

@media screen and (max-width:768px){
.fullSlide{display:none;}
.fullSlideMobi {display:block}

.about_in {margin-top:50px}
.about_in .content, .about_in .con1, .pro_in .listbox, .news_in .newslist, .hz_in .r_float {width:100%}
.about_in .con1 .tt {padding-left:0}
.brand_in .list li {width:25%}
.sublist {position:relative;width:100%;padding:0 10px;margin-left:0}
.sublist ul {display:none}
.sublist a.more-in {position:absolute;right:10px;top:0;margin-top:0}
.type_in .list li .box {padding:0 5px}
.news_in .l_float {width:100%;padding-left:0;padding-right:0}
.news_in .r_float {width:96%;padding:20px 0}
.hz_in .l_float {width:96%;margin-top:30px}
.hz_in .list {padding-left:10px;padding-right:10px;padding-top:35px;padding-bottom:35px}
.hz_in .list li .box {padding:10px}

.feed_in .text1 {padding:0 10px;margin-right:10px}
.inner_l,.inner_r {width:100%}
.inner_l {padding-bottom:30px}
.product .inner_l .select_box {display:block}
.product .pro_in {margin-top:10px}
.product .pro_in .list li {width:50%}
.product .pro_in .list li .box .pic span, .pro_detail .detail .pro_in .list li a .pic span {height:260px}
.about .txt {width:100%;padding-left:0}
.about .pic {width:100%;margin-top:20px}
.brand .list li {width:25%}
.brand_detail .inner_l {width:20%;padding:50px 0 100px}
.brand_detail .inner_r {width:80%}
.brand_detail .sublist {margin-left:0}
.brand_detail .sublist .tt1 h2 {font-size:18px}
.brand_detail .sublist dl dd {width:100%}
.brand_intro .pic {width:100%}
.brand_intro .txt {width:100%;padding-left:0}
.brand_detail .pro_detail .detail .pro_in .list li {width:50%}
.brand_detail .pro_detail .detail .pro_in .list li  a .pic span {height:230px}
.type .list li .box {padding-bottom:10px}

.app .list li {width:33.333333%} 
.news .sublist ul {display:block}
.news .sublist ul li {float:left;width:33.33333%;padding:0 10px}
.news .sublist li a {border:1px solid #ddd;border-radius:20px;padding:0 20px}
.news_detail .box {padding:30px 20px}
.banner {height:250px;background-size:cover;background-position:-200px 0}
}
@media screen and (max-width:628px){
.brand_in .list li, .type_in .list li, .app_in .list li {width:33.333333%}
.pro_in {padding-top:20px}
.pro_in .list li a .pic span {height:186px}
.news_in .newslist li a .pic {width:30%;height:95px}
.news_in .newslist li a .txt {width:70%}
.news_in .newslist li a .txt h2 {line-height:30px;margin-bottom:5px}
.news_in .newslist li a .txt .date {display:none}

.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%}
.feed_in {position:relative}
.foot {padding-top:0}
.foot .bout {width:100%}
.foot .list {width:100%;padding-left:0;margin-top:30px}
.copyright {height:auto;line-height:24px;padding:20px 10px;padding-bottom:150px}
.copyright .fr {float:left}

.inner_r {padding:0 0 160px}
.pro_detail {padding:50px 20px 0}
.brand .list li {width:33.333333%}
.brand_detail .inner_l {display:none}
.brand_detail .inner_r {width:100%}
.brand_detail .pro_detail {padding:50px 20px 0}
.app .list li {width:50%}
}
@media screen and (max-width:580px){
	.footnav {display: block}
	#rightArrow {display:none;}
	#floatDivBoxs {display:none;}
	
	.topline .fr a{padding: 5px 15px 5px 5px;font-size:12px;}
	.app_in .list li .box a .pic span {width:158px;height:158px;border-radius:50%;overflow:hidden;border:5px solid #fff; vertical-align:middle}
}
@media screen and (max-width:480px){
.topline .fl {display:none}
.topline .fr {text-align:center;width:100%}
.topline .fr a{padding:5px 5px 5px 5px;font-size:12px;}
.fw {padding:0 10px}
.head .fw .toggle {right:10px}
.head .logo {width:80%}

/*.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:180px}*/

.about_in {margin-top:30px}
.about_in .content .pic {height:121px}
.about_in .content .tt1 {font-size:39px}
.brand_in {margin-top:50px;padding-top:40px}
.brand_in .list {margin-top:40px}
.brand_in .list li, .type_in .list li, .app_in .list li, .pro_in .list li {width:50%}
.sublist .tt h2 {font-size:32px;margin-bottom:0}
.pro_in .listbox {padding-bottom:40px}
.type_in {margin:50px auto}
.title_in .fl {font-size:35px}
.app_in {padding:50px 0}
.app_in .list li .box {height:280px}
.app_in .list li .box a .pic {margin-top:50px}
.app_in .list li .box a .txt {margin-top:20px}
.app_in .title_in {margin-bottom:40px}

.news_in .r_float {width:97%}
.news_in .sublist, .hz_in .sublist {margin-top:50px}
.news_in .newslist li a {padding:20px}
.news_in .newslist li a .pic {height:85px}
.news_in .newslist li a .txt {padding-left:20px}
.hz_in .r_float {padding-left:10px}
.hz_in .sublist {padding-right:10px}
.hz_in .l_float {width:97%}
.hz_in .list li .box {padding:2px}
.hz_in .list li .box a .pic span {height:100px}

.feed_in {padding:30px 10px}
.inner_l {padding:50px 10px 30px}
.inner_r {padding:0 0 100px}
.product .pro_in .list li .box {padding:0 5px 20px}
.product .pro_in .list li .box .pic span, .pro_detail .detail .pro_in .list li a .pic span {height:180px}

.pro_detail {padding:30px 10px 0}
.about {padding-top:30px}
.about .pic {margin-bottom:100px}
.brand .list li {width:50%}
.brand_detail .pro_detail .detail .pro_in .list li  a .pic span {height:150px}
.type {margin:0 auto}
.app .list li .box a {padding:10px}
.app .list li .pic {width:129px}
.app .list li .pic span {height:129px}
.app_detail .brand_intro .pic {display:none}
.news .sublist ul li {padding:0 5px}
.news .newslist {padding:30px 10px}
.news .newslist li a {padding:10px}
.news .newslist li a .txt {padding-right:0}
.news .newslist li a .date, .news .newslist li a .more {display:none}
.news .newslist li a .pic {height:auto;width:30%}
.news .newslist li a .txt {width:70%;padding-left:10px}
.news .newslist li a .txt h2 {padding:5px 0}
.tabBtn a.prev {padding:0 20px 0 60px}
.tabBtn a.next {padding:0 60px 0 20px}
.tabBtn a.prev span.btn {left:20px;padding-right:20px}
.tabBtn a.next span.btn {right:20px;padding-left:20px}
.news_detail .box {padding:30px 10px}
.contact .txt {padding:0}

.banner {height:220px;background-size:cover;background-position:-160px 0}
}