@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","宋体";font-size:14px;transition:all 0.3s}
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;transition:all 0.3s}
.fw {margin:0 auto;width:1400px;}
/*----0907-----*/
.headline {width:100%;height:40px;background:#f2f2f2;line-height:40px}
.headline .fr a {padding:5px 15px 5px 17px;font-size:14px;color:#666}
.headline .fr a:hover {color: #e01e3c}
.headline .fr a.phone {display:none}
.headline .fr a.qq i {color: #287feb}
.headline .fr a.wx i {color: #3cb035}
.headline .fr a.wx {position:relative}
.headline .fr a.tel i {color: #eb2852}
.headline .fr a i {padding-right: 5px}
.headline .fr .wxm{width: 150px;height: 150px; display: none; margin-left: 90px; position: absolute;top: 35px; right:0; z-index:9999;border: 1px #ddd solid;}
.headline .fr .wxm img{display: block;width: 100%;height: 100%;}
.headline .fr .wx:hover .wxm{display: block;}
/*----0907-----*/
.head {position:fixed;top:40px;width:100%;border-bottom:1px solid rgba(255,255,255,0.2);z-index:999;transition:all 0.3s}
.head .fw {width:1400px;height: 100%}
.head .fl {height: 100%}
.head .fl a.logo {height: 100%;display: block;transition: all 0.3s}
.head .logo img {margin-top:17px;transition: all 0.3s}
.head_nav {margin-left:50px}
.head_nav li {float:left}
.head_nav li a {font-size:16px;color:#fff;display:block;height:107px;line-height:107px;padding:0 20px;transition:all 0.3s;position: relative}
.head_nav li a:before {content:'';position:absolute;width:0;height:2px;background:#e01e3c;left:0;bottom:0;opacity:0;transition:all 0.3s}
.head_nav li.cur a:before,.head_nav li:hover a:before {opacity:1;width:100%}
.head_nav li.cur a {font-weight:bold}
.head_nav li dl {position:absolute;top:117px;background:#fff;width:560px;z-index:999;visibility:hidden;opacity:0;padding:10px 0;box-shadow:2px 5px 10px rgba(23,23,103,0.28);transition:all 0.3s}
.head_nav li dl dd {float:left;width:50%;padding:0 10px}
.head_nav li dl dd a {display:block;font-size:14px;color: #666; height: 38px; line-height:38px;border-bottom:1px solid #eee;border-radius: 5px;transition: all 0.3s; padding:0 5px}
.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:#0084ff;color:#fff;padding-left: 15px}
.head_nav li:hover dl {visibility:visible;top:107px;opacity:1}


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

.small_head {/*background:#0084ff;*/ top:0;background:#0065BC;box-shadow:0 10px 20px rgba(0,0,0,0.1);border-bottom:1px solid #ddd}
/*.small_head .logo img {height: 80%;display: block;margin-top: 6px}
.small_head .head_nav li a {height: 67px;line-height: 67px}
.small_head .topline {padding-top: 6px}
.small_head .head_nav li:hover dl {visibility:visible;top:67px;opacity:1}
.small_head .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}*/

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

.search-top {height:85px;margin:-85px auto 0;position:relative;z-index:99}
.search-top .fw {background:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.2);}
.search-top .tt {float:left;font-size:18px;color:#333;width:189px;text-align:center;line-height:85px;font-weight:bold;border-right:1px solid #eee}
.search-top .tt i {color:#0084ff;font-size:24px;margin-right:10px}
.search-top form {width:1201px;float:right}
.search-top input.text1 {
	width:216px;
	height:41px;
	line-height:41px;
	border-radius:5px;
	padding:0 10px;
	background:#f2f2f2;
	float:left;
	margin-left:27px;
	margin-top:23px
	}
.search-top input.text2 {width:68px}
.search-top .btn1 {
	width:115px;
	height:41px;
	margin-top:23px;
	display:block;
	float:right;
	background:#e01e3c;
	border:0;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	line-height:41px;
	margin-right:30px;
	border-radius:5px
	}
.search-top .btn1:hover {background:#0084ff}
.select_box{
	position:relative;cursor:pointer;
	background:#f2f2f2;
	font-size:12px;
	color:#000;
	height:41px;
	line-height:41px;
	border-radius:5px;
	z-index:500;
	float:left;
	margin-left:27px;
	margin-top:23px
	}	
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:40px;height:41px; background:url(../images/search_icon1.png) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:10px;font-size:14px;width:216px;line-height:41px;height:41px;cursor:text;overflow:hidden; z-index:200;}
.option{width:100%;border:solid 1px #EDE7D6;position:absolute;top:40px;left:-1px;z-index:999;overflow:hidden;display:none;}
.option a{display:block;height:35px;line-height:35px;text-align:left;padding:0 10px;width:100%;background:#fff;color:#666}
.option a:hover{background:#0084ff; color:#fff;}

.phone_search {width:100%;background:#e60039;padding:10px;box-sizing:border-box;display:none;}
.phone_search .text {display:block;box-sizing:border-box;background:#fff;width:100%;height:40px;position:relative;border-radius:20px;line-height:40px;font-size:14px;color:#666;padding-left:20px}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:20px;line-height:40px}
.search-over{display:none;position:fixed;z-index:9991;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}
.search-warmp{display:none;position:fixed; z-index:9992;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:#d7003f;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px;position:relative}
.search-warmp h1.tt a.cancel {position:absolute;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;right:0;top:0;font-family:helvet;font-size:14px}
.search-warmp dl {padding:10px}
.search-warmp dl dd {border:1px solid #ddd;margin-bottom:10px}
.search-warmp dl dd .text1 {height:30px;line-height:30px;padding:0 10px;width:100%;border:0}
.search-warmp .btn1 {width:50%; display:block;margin:0 auto; height:35px;line-height:35px;background:#333;color:#fff;text-align:center;border:0;padding:0}

.more-in {display:block;width:149px;text-align:center;height:39px;line-height:39px;border-radius:40px;background:#e01e3c;color:#fff;}
.more-in:hover {background:#0084ff}
.title_in {text-align:center}
.title_in h2 {font-size:32px;color:#333;font-weight:500}
.title_in h4 {font-size:27px;color:#e01e3c}

.about_in {width:100%;padding-top:102px}
.about_in .fw1 {position:relative}
.about_in .pic {position:absolute;width:430px;height:530px;left:0;top:0;z-index:10}
.about_in .pic:before {content:'';position:absolute;width:100%;height:100%;background:#fff;z-index:11;right:-10px;bottom:-10px;opacity:0.3}
.about_in .pic img {position:absolute;left:0;top:0;z-index:12}
.about_in .content {width:788px}
.about_in .content p.tt {font-size:18px;color:#98a9b3}
.about_in .content h2.tt1 {font-size:29px;color:#293243;position:relative;padding:40px 0}
.about_in .content h2.tt1:before, .about_in .content h2.tt1:after {width:101px;height:1px;content:'';position:absolute;background:#0084ff}
.about_in .content h2.tt1:before {left:0;bottom:-10px}
.about_in .content h2.tt1:after {left:130px;top:-10px}
.about_in .content p.txt {padding-left:150px;color:#98a9b3;line-height:30px}
.about_in .more-in {margin-top:30px}
.about_in .bgnum {width:100%;height:250px;background:#0065bc;margin-top:60px}
.about_in .bgnum .fw {height:100%;background:url(../images/about_bg.gif) no-repeat center}
.about_in .bgnum .num {width:900px;margin-top:80px}
.about_in .bgnum .num li {float:left;width:33.333333%;text-align:center;color:#fff;border-left:1px solid rgba(255,255,255,0.3)}
.about_in .bgnum .num li:nth-child(1) {border-left:0}
.about_in .bgnum .num li p.p1 b {font-size:72px}
.about_in .bgnum .num li p.p1 span {font-size:14px; vertical-align:45px;font-weight:200}
.about_in .bgnum .num li p.p2 {font-size:15px}

.brand_in {width:100%;background:#f5f6f5;padding:75px 0 110px}
.brand_in .list {height:432px;margin-top:30px}
.brand_in .list .li1 {float:left;width:25%;padding:15px}
.brand_in .list .li1 a.box {display:block;width:100%;height:100%;padding:10px 45px 40px;position:relative;z-index:1}
.brand_in .list .li1 a.box:before {content:'';width:100%;height:100%;position:absolute;background:#fff;background-image:linear-gradient(#f5f6f5, rgba(255,255,255,0));border-radius:10px;z-index:-1;left:0;top:0}
.brand_in .list .li1 a.box:after { content: '';
  width: 100%;
  height: 70%;
  position: absolute;
  background-image:linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.5));
  bottom:0;
  left:0;
  filter: blur(0.4rem);
  opacity: 0;
  z-index: -2;
  transition:all 0.3s
}
.brand_in .list .li1 a.box .pic {display:table;width:175px;margin:0 auto}
.brand_in .list .li1 a.box .pic span {display:table-cell;width:175px;height:175px;background:#fff;border-radius:50%;border:5px solid #eee; vertical-align:middle}
.brand_in .list .li1 a.box .pic span img {display:block;width:auto;max-width:90%;margin:0 auto; transition: all 0.3s;vertical-align:middle}
.brand_in .list .li1 a.box h4 {font-size:18px;color:#333;font-weight:300;line-height:60px;text-align:center}
.brand_in .list .li1 a.box p.txt {line-height:24px;color:#888;height:48px;overflow:hidden}
.brand_in .list .li1 a.box .more-in {margin:30px auto 0;width:119px;border: 1px solid #e01e3c;background: none;color: #e01e3c;transition: all 0.3s;line-height: 35px}
.brand_in .list .li1 a.box .more-in i {margin-left:5px}
.brand_in .list .li1 a.box:hover:after {opacity:0.7}
.brand_in .list .li1 a.box:hover .more-in {background: #e01e3c;color:#fff}
.brand_in .list .li1 a.box:hover .pic span {border:5px solid #e01e3c}

.pro_in {width:100%;padding:75px 0;background:url(../images/probg.jpg) no-repeat center top;}
.pro_in .title_in {margin-bottom: 40px}
.pro_in .title_in h2 {color:#fff}
.pro_in .title_in h4 {color:#fff;opacity:0.5}
.pro_in .cd-tabs {box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 10px;overflow: hidden}
.pro_in .cd-tabs .nav {float:left;width:287px;background:#fff}
.cd-tabs-navigation li a {display: block;width: 100%; height:79px;line-height:79px;font-size:16px;color:#333;padding:0 30px;transition:all .5s ease;position: relative}
.cd-tabs-navigation li a:before {content: '';position: absolute;width: 39px;height: 100%;left: 0;top: 0;background:url(../images/jdd_home_common_icon_light.png) no-repeat 0 0;opacity: 0}
.cd-tabs-navigation li a:after {content: '';position: absolute;width: 18px;height: 9px;right: 40px;top: 50%;margin-top: -4px;background: url(../images/pro_tab_jt.gif) no-repeat 0 0;opacity:0;transition: all 0.3s}
.cd-tabs-navigation li a span {display:block;border-bottom:1px solid #e6e7eb;font-weight: 700}
.cd-tabs-navigation li a.selected {background:linear-gradient(90deg,#4c9eff,#195aff);color:#FFFFFF;padding-left:40px}
.cd-tabs-navigation li a.selected span {border-bottom: 0}
.cd-tabs-navigation li a.selected:before {opacity: 1}
.cd-tabs-navigation li a.selected:after {opacity: 1;right: 30px}

.cd-tabs-content {width:1113px;background:#f7f9ff;padding:40px;float:left}
.cd-tabs-content .box {display: none}
.cd-tabs-content .box.selected {display: block}
.cd-tabs-content .tt {position:relative;padding-right: 200px}
.cd-tabs-content .tt h4 {font-size:22px;color:#333;font-weight:500;line-height:40px;margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cd-tabs-content .tt p {color:#a5aab9}
.cd-tabs-content .tt .more-in {position:absolute;right:0;top:10px}
.cd-tabs-content .list ul {margin:20px -12px 0}
.cd-tabs-content .list li {float:left;width:25%;padding:12px}
.cd-tabs-content .list li a.pic {display:table;width:100%}
.cd-tabs-content .list li a.pic span {display:table-cell;width:100%;height:176px;border:1px solid rgba(0,0,0,0.1);overflow:hidden; vertical-align:middle;border-radius: 5px;background:#fff}
.cd-tabs-content .list li a.pic span img {display:block;margin:0 auto;max-width:100%; vertical-align:middle;transition: all 0.3s}
.cd-tabs-content .list li .att {font-size:16px;line-height:40px;color:#333;margin-top:6px}
.cd-tabs-content .list li p {line-height:22px;height:44px;overflow:hidden;color:#a5aab9}
.cd-tabs-content .list li a.pic:hover span img {transform: scale(1.1)}
.cd-tabs-content .list li .att:hover {color: #0084ff}

/*----0907-----*/
.ad_in {background: url(../images/ad_bg.jpg) no-repeat;width: 100%;height: 378px;color: #FFFFFF;text-align:center;overflow:hidden}
.ad_in h2.tt {font-size:41px;font-weight:700;line-height:60px;margin-top:70px}
.ad_in p.tit {width:558px;height:47px;background:#d10000;border-radius:5px;color:#fff;font-size:18px;line-height:47px;text-align:center;margin:10px auto}
.ad_in .tel {font-size:18px;margin:30px auto 10px}
.ad_in .tel span {display:inline-block;width:35px;height:35px;border-radius:50%;margin-right:10px;background:#d10000;text-align:center}
.ad_in .tel span i {line-height:35px;font-size:18px}
.ad_in .tel b {font-size:35px;font-weight:700}
.ad_in h4.tt {font-size:24px;font-weight:300}
/*----0907-----*/
.app_in {width: 100%;padding: 75px 0;background: #f5f6fb}
.app_in .list {height: 481px;margin-top: 30px}
.app_in .list .li1 {width: 25%;padding: 20px 10px;float: left}
.app_in .list .li1 a.box {display: block;width: 100%;height: 441px;padding: 73px 39px 0 0;position: relative;background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 20px rgba(0,0,0,0.1)}
.app_in .list .li1 a.box .tt {position: absolute;left: 20px;top: 0;font-size: 22px;color:#333;line-height: 73px;font-weight: 500;transition: all 0.3s}
.app_in .list .li1 a.box .entt {position: absolute;font-weight: 300;color: #888;width:441px;height: 39px;line-height: 39px;transition: all 0.3s;font-size: 15px;transform:rotate(90deg);right:-50%;margin-right: -39px; bottom:0;margin-bottom: 220px;text-align: right}
.app_in .list .li1 a.box .pic {width: 100%;height: 100%;overflow: hidden;border-top-right-radius:30px ;transition: all 0.3s}
.app_in .list .li1 a.box .pic img {display: block;width: 100%;height: 100%;transition: all 0.3s}
.app_in .list .li1 a.box:hover {padding: 0}
.app_in .list .li1 a.box:hover .pic {border-top-right-radius: 0}
.app_in .list .li1 a.box:hover .tt, .app_in .list .li1 a.box:hover .entt {opacity: 0}

.news_in {width: 100%;background: url(../images/news_bg.gif) repeat-y center top;}
.news_in .tt {position: relative;margin-bottom: 30px}
.news_in .tt b {font-size: 24px;color:#333;font-weight: 500}
.news_in .tt span {font-size: 16px;color:#c5c5c5;padding-left: 10px}
.news_in .tt a.more {position: absolute;right: 0;bottom: 0;line-height: 30px}
.news_in .tt a.more i {margin-left: 5px}
.news_in .list {width: 60%;background: #fff;padding: 55px 60px 55px 0;border-top-right-radius: 50px}
.news_in .list li {position: relative;padding: 13px 0 13px 226px;height: 149px}
.news_in .list li .pic {position: absolute;width:206px;height: 123px;left: 0;top: 13px;overflow: hidden}
.news_in .list li .pic img {display: block;width: 100%;height: 100%;transition: all 0.3s}
.news_in .list li .pic:hover img {transform: scale(1.1)}
.news_in .list li .litt {line-height: 43px;border-bottom: 1px solid #ddd;position: relative;padding-right: 122px}
.news_in .list li .litt a {font-size: 16px;color:#333;}
.news_in .list li .litt a:hover {color: #0084ff}
.news_in .list li .litt .date {position: absolute;right: 0;bottom: 0;line-height: 43px;font-weight: 200}
.news_in .list li .litxt {line-height: 22px;color:#888;height: 66px;overflow: hidden;margin-top: 10px}
.know_in {width: 40%;background:#f5f6fb;padding: 55px 0 55px 60px}
.know_in .tt {border-bottom: 1px solid #c4c5c9;line-height: 41px;padding-bottom: 15px;margin-bottom: 5px}
.know_in .tt a.more {height: 41px;line-height: 41px;bottom: 15px}
.know_in .list1 li a {display: block;padding: 15px 0 15px 45px;border-bottom: 1px solid #dcdde1}
.know_in .list1 li a .ktt {position: relative}
.know_in .list1 li a .ktt p {font-size: 16px;color:#333;height: 41px;line-height: 41px;font-weight: 500}
.know_in .list1 li a .txt {position: relative;margin-top: 10px}
.know_in .list1 li a .txt p {color: #888;line-height: 22px;height: 66px;overflow: hidden}
.know_in .list1 li a span.icon{width: 31px;height: 31px;position: absolute;text-align: center;line-height: 31px;background:#0084ff;color:#fff;font-size:14px;border-radius:50%;left:-45px;top: 50%;margin-top: -15px;font-weight: 300;transition: all 0.3s}
.know_in .list1 li a .txt span.icon {top: 0;margin-top: 0;background: #e01e3c}
.know_in .list1 li a:hover {background: #fff;padding: 15px 15px 15px 55px}
.know_in .list1 li a:hover span.icon {left: -40px}

.hz_in {width:100%;padding: 75px 0;background: url(../images/hz_bg.jpg) no-repeat; background-size: cover;background-attachment: fixed}
.hz_in .list {margin-top: 20px}
.hz_in .list li {float: left;width: 20%;padding: 15px;transition: all 0.6s}
.hz_in .list li .box {display: table;width: 100%}
.hz_in .list li .box span {display: table-cell;width: 100%;height: 131px;overflow: hidden; vertical-align: middle;background:#fff;border-radius: 5px}
.hz_in .list li .box .new_span {display: table-cell;width: 100%;height:auto;overflow: hidden; vertical-align: middle;background:#F2F2F2;border-radius: 5px}
.hz_in .list li .box span img {display: block;max-width: 90%;max-height: 90%;margin: 0 auto; vertical-align: middle;transition: all 0.6s}
.hz_in .list li:hover {transform: translateY(-10px)}
.hz_in .list li:hover .box span img {transform: scale(1.1)}

.foot {width: 100%;background:#0056a7}
.foot-feed {padding: 30px 0;position: relative;padding-left: 156px}
.foot-feed .tt {position: absolute;left: 0;top: 30px;width: 156px}
.foot-feed .tt h4 {font-weight: 500;font-size: 18px;color: #fff}
.foot-feed .tt p {color: #fff}
.foot-feed p.p1 {float: left;height: 45px;width: 20%;padding-left: 25px}
.foot-feed p.p1 .text1 {width: 100%;height: 100%;border: 1px solid rgba(255,255,255,0.2);padding: 0 10px;color: #fff;border-radius:5px}
.foot-feed p.p1 .text1::-webkit-input-placeholder { /* WebKit browsers */
  color: rgba(255,255,255,0.5);
}

.foot-feed p.p1 .text1::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgba(255,255,255,0.5);
}

.foot-feed p.p1 .text1:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: rgba(255,255,255,0.5);
}
.foot-feed p.p2 {width: 46%}
.foot-feed p.p3 {width: 14%}
.foot-feed p.p3 .btn1 {width: 100%;height: 100%;background:#e01e3c;color: #fff;cursor: pointer;border-radius:5px}
.foot-feed p.p3 .btn1:hover {background:#0084ff}

.foot .foot-con {padding:50px 0;width: 100%;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2)}
.foot .footlogo {margin-right:60px}
.foot .list {float: left;width:301px;margin-right:30px;padding-top: 10px}
.foot .list a.tt {font-size: 18px;color:#fff;font-weight:500;display: block;margin-bottom: 20px;transition: all 0.3s}
.foot .list li {float: left;width: 50%;padding-right: 10px}
.foot .list li a{line-height: 30px;font-size: 14px;color: #fff;opacity:0.7;transition: all 0.3s}
.foot .list li a span {margin-right:5px;transition:all 0.3s}
.foot .list a.tt:hover , .foot .list li a:hover {opacity:1}
.foot .con .tel {width: 290px;padding-right: 40px;}
.foot .con .tel .tt {display: block;width:130px;height: 45px;line-height: 45px;color:#fff;background: #b9902f;font-size: 14px; text-align: center;position:relative}
.foot .con .tel .tt .lit-logo {position:absolute;left:-70px;top:0;width:55px}
.foot .con .tel .tt i {font-size: 18px;line-height: 45px;margin-right: 10px}
.foot .con .tel p {color: rgba(255,255,255,0.5);padding: 10px 0;text-align: right}
.foot .con .tel h2 {text-align: right}
.foot .con .tel h2 a {font-size:28px;color:#fff}
.foot .con .tel h2 a i {margin-right:5px}
.foot .c1 {display:none}

.foot .ewm {padding-left: 40px;width: 220px; border-left:1px solid rgba(255,255,255,0.4)}
.foot .ewm img {display: block;width: 100%;height: 100%}
.foot .ewm p {text-align: center;font-size: 14px;color:rgba(255,255,255,0.5);padding-top: 10px}

.copyright {height:51px;line-height:51px;font-size:14px;color:rgba(255,255,255,0.4)}
.copyright a {color:rgba(255,255,255,0.4);font-size:14px;opacity:1}
.copyright a:hover {color:rgba(255,255,255,1)}

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

.banner {width:100%;height:460px;background-size:cover;position:relative;}
.banner .tt {text-align:center;color:#fff;position: absolute;left: 0;top: 50%;margin-top: -20px; width: 100%;}
.banner .tt b {font-size:41px;color:#fff;font-weight:700;line-height: 50px}
.banner .tt span {font-size: 25px;line-height: 50px;padding-left: 10px}

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

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


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

.inner_box {width: 100%;background: #f7f9ff;padding: 50px 0}
.inner_left {width:260px}
.leftlist {width:100%;background:#e01e3c;padding-bottom:15px;border-radius:5px}
.leftlist .title {padding:25px 30px;background: #c7122e; color:#fff;margin-bottom:10px;border-radius: 5px 5px 0 0}
.leftlist .title h2 {font-size:24px;border-bottom:1px solid rgba(255,255,255,0.1);line-height:50px}
.leftlist .title p {font-size:15px;font-family:"helvet";line-height:35px;text-align: right}
.leftlist .title i.fa {display:none}
.leftlist ul {padding:0 15px}
.leftlist ul li a{display:block;padding:0 10px;height:43px;line-height:43px;font-size:14px;color:#fff;transition: all 0.3s; border-bottom:  solid 1px rgba(255, 255, 255, 0.1)}
.leftlist ul li a:hover,.leftlist ul li a.cur {border-radius: 5px; background:#c7122e;padding-left:20px}

.inner_right {width: 1090px;float: right}
.product .list {width:100%}
.product .list li {float: left;width: 25%;padding:0 15px 30px}
.product .list li a.pic {display:table;width:100%}
.product .list li a.pic span {display:table-cell;width:100%;height:176px;border:1px solid rgba(0,0,0,0.1);overflow:hidden; vertical-align:middle;border-radius: 5px}
.product .list li a.pic span img {display:block;margin:0 auto;max-width:100%; vertical-align:middle;transition: all 0.3s}
.product .list li .att {font-size:16px;line-height:40px;color:#333;margin-top:6px}
.product .list li p {line-height:22px;overflow:hidden;color:#a5aab9}
.product .list li a.pic:hover span img {transform: scale(1.1)}
.product .list li .att:hover {color: #0084ff}

.pro_detail {}
.pro_detail .jianjie .pic {width:45%;height:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,0.06);background: #fff}
.pro_detail .jianjie .pic img {display:block;margin:0 auto;max-width:100%}
.pro_detail .jianjie .brief {width:50%}
.pro_detail .jianjie .brief h1 {font-size:23px;color:#333;line-height:30px;border-bottom:1px solid #ddd;padding:20px 0;margin-bottom:20px}
.pro_detail .jianjie .brief p {line-height:30px;font-size:14px;float:left;width:50%;padding-right:20px;box-sizing:border-box}
.pro_detail .jianjie .hotline {display:inline-block;background:#fb4848;font-size:14px;color:#fff;border:2px solid #fb4848;padding-left:20px;overflow:hidden;margin-top:20px;border-radius:38px;margin-right:15px}
.pro_detail .jianjie a.mob {display:none}
.pro_detail .jianjie .hotline b {background:#fff;color:#333;border-radius:38px;display:inline-block;padding:0 20px;height:38px;line-height:38px;margin-left:10px;font-size:16px}

.pro_detail .detail {margin-top:30px}
.pro_detail .detail .title, .detailist .title {border-bottom:1px solid #ddd;margin-bottom:20px}
.pro_detail .detail .title span, .detailist .title span {font-size:16px;padding:10px;border-bottom:2px solid #333;display:inline-block;color:#333}
.pro_detail .detail .content {line-height:24px;font-size:14px;color:#666}
.pro_detail .detail .content img {display:block; max-width:100%;margin:10px auto}
.detailist {margin-top:20px}
.detailist li {float:left;width:25%;box-sizing:border-box;padding:5px}
.detailist li a {
	display:block;
	background:#fff;
	line-height:40px;
	padding:0 10px;
	font-size:14px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	border-radius:3px;
	transition:all 0.3s
}
.detailist li a:hover {background:#ec0032;color:#fff}
.detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#ec0032;color:#fff;margin:30px auto 0;text-align:center;border-radius:30px;transition:all 0.3s}
.detailist a.more i {font-size:16px;text-indent:-20px;opacity:0;transition:all 0.3s}
.detailist a.more:hover {box-shadow:0 10px 20px #ccc}
.detailist a.more:hover i {text-indent:0;opacity:1}

.about {width: 100%;background: #fff}
.content-box {background: #fff;/*margin-top: -100px;*/position: relative;z-index: 1}
.about-txt {/*padding: 100px 70px*/}
.about-txt .pic {width: 430px}
.about-txt .txt {width: 660px;padding-left:30px;color: #777}
.about-txt .txt h2.tt {font-size: 32px;color: hsl(0,0%,30%);line-height: 40px;margin:30px 0}
.about-txt .txt .txt1 {line-height: 24px}
.about-txt .txt .num {width:100%;margin-top:80px}
.about-txt .txt .num li {float:left;width:33.333333%;text-align:center;color:#333;border-left:1px solid rgba(0,0,0,0.1)}
.about-txt .txt .num li:nth-child(1) {border-left:0}
.about-txt .txt .num li p.p1 b {font-size:72px;color:#0084ff}
.about-txt .txt .num li p.p1 span {font-size:14px; vertical-align:45px;font-weight:200;color:#0084ff}
.about-txt .txt .num li p.p2 {font-size:15px}
.about .hz_in {background: #f2f2f2}
.about .hz_in .title_in h2 {font-weight: 700}

.brand {width: 100%;background: #f5f6f5;overflow: hidden;padding: 50px 0 70px}
.brand .brand_in, .brand .app_in {width: 1400px;padding: 0}
.brand_detail .content {background: #fff;padding: 30px;line-height: 28px}
.brand_detail .content .pic {float: left;width: 45%;margin-right: 20px}
.brand_detail .content p.tt {font-size: 30px;color: #005ac4;padding: 30px 0}
.brand .app_in .list {margin-top: 0}

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

.newslist li a{display:block;padding:20px 150px 20px 230px;position:relative;border-bottom:1px solid #ddd;transition: all 0.3s}
.newslist li .pic {position:absolute;width:200px;height:130px;overflow:hidden;left:0}
.newslist li .pic img {width:100%;height:130px;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.newslist 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}
.newslist li .txt {height:130px;overflow:hidden}
.newslist li .txt h4 {font-size:16px;color:#333;line-height:40px;padding-bottom:8px;font-weight:100}
.newslist li .txt p {font-size:13px;line-height:22px;color:#999}
.newslist li a:hover {padding-left:240px;padding-right:140px}
.newslist li a:hover .txt h4 {color:#cc0033}
.newslist li a:hover .pic img {transform:scale(1.08,1.08)}

.types .list {width: 1400px}
.types .list li {float: left;width:33.333333%}
.types .list li a.box {display: block;padding:50px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd}
    .types .list li:nth-child(1) a.box, .types .list li:nth-child(4) a.box, .types .list li:nth-child(7) a.box, .types .list li:nth-child(10) a.box, .types .list li:nth-child(13) a.box, .types .list li:nth-child(16) a.box {
        border-left: 1px solid #ddd
    }
.types .list li a.box .pic {width:180px;display: table}
.types .list li a.box .pic span {display: table-cell;width: 100%;height: 180px;vertical-align: middle;overflow: hidden;border-radius: 50%;border:1px solid #ddd}
.types .list li a.box .pic span img {display: block;margin: 0 auto;vertical-align: middle;max-width: 100%;max-height: 100%;transition: all 0.5s}
.types .list li a.box h3 {font-size: 24px;font-weight: 700;color:#333;line-height: 30px;padding: 20px 0;transition: all 0.5s}
.types .list li a.box p.txt {line-height: 24px;color: #888}
.types .list li a.box span.more-in {margin-top: 20px}
.types .list li a.box:hover {box-shadow: 0 5px 20px rgba(0,0,0,0.2)}
.types .list li a.box:hover .pic span img {transform: scale(1.1)}
.types .list li a.box:hover h3 {color: #0084ff}

/*.contact {width: 100%;background: #f2f2f2;padding-bottom:70px}
.contact .fw {background: #fff;position: relative;z-index: 1;box-shadow: 0 5px 30px rgba(0,0,0,0.2)}
.contact .map {width: 65%;height: 547px;overflow: hidden}
.contact .con {width: 35%;height: 547px;overflow: hidden;padding:60px 70px;background: rgb(44, 87, 171);color: #fff}
.contact .con p {line-height: 22px}
.contact .con h4 {font-weight: 700;line-height: 40px;font-size:27px;margin-bottom: 20px}
.contact .con h4 a {font-size:27px;color:#fff; text-decoration:underline}
.contact .con .btn {margin-right:20px;transition: all 0.5s}
.contact .con .btn i {color: #fff;font-size: 18px;transition: all 0.5s;transform: scale(0.9)}
.contact .con .btn:hover i{transform: translateY(-3px) scale(1);}
.contact .con .btn.wx {position: relative}
.contact .con .btn.wx .bg {position: absolute;width: 150px;height: 150px;background: #fff;border-radius: 5px;box-shadow: 0 1px 10px rgba(0,0,0,0.2);
left: 50%;margin-left: -75px;bottom: 45px;transition: all 0.3s; visibility: hidden;opacity: 0}
.contact .con .btn.wx .bg img {display: block;width: 100%;border-radius: 5px}
.contact .con .btn.wx .bg:before {content: '';position: absolute;width: 10px;height: 10px;background: #fff;transform: rotate(45deg);left: 50%;margin-left: -5px;bottom: -5px}
.contact .con .btn.wx:hover .bg {visibility: visible;opacity: 1;bottom: 35px}*/

.contact {background:#f8f8f8}
.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:#e01e3c;font-size:40px;line-height:50px}
.contact .txt span {padding:0 10px;line-height:30px; white-space:nowrap}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.news .know_in {width:100%;padding:30px 50px;background:#fff}

/**新增库存**/

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

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


.content_news {  }
.content_news h2 { font-size:20px; padding:5px 0; color:#0f58d6 }
.content_news h2:first-child { padding:0 0 5px; }
.content_news h3 { font-size:18px; padding:5px 0 3px; color:#0f58d6; }
.content_news p { text-indent:2em; padding:0 0 3px; line-height:22px; font-size:14px; }
.float_clear { clear:both; }
#solutions hgroup { padding:30px 0 0; border-top:1px solid #ccc; margin:30px 0 0; }
#solutions hgroup h2 { padding:0 }
#solutions dl { border-bottom:1px solid #ccc; }
#solutions hgroup dl:last-child { border:0; }
#solutions dt { font-size:16px; padding:10px 0 5px; color:#0f58d6; }
#solutions dl.close dd.intro,#solutions dl.close dd.up { display:none; }
#solutions dl.open dd.sintro,#solutions dl.open dd.down { display:none; }
#solutions dd.flex { position:relative; padding:20px 0 30px; font-size:16px; color:#0f58d6; cursor:pointer; }
#solutions dd.flex i { font-size:22px; padding:0 10px 0 0; -webkit-animation-duration:1.3s; animation-duration:1.3s; -o-animation-duration:1.3s; -ms-animation-duration:1.3s; -moz-animation-duration:1.2s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; -ms-animation-fill-mode:both; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; -webkit-animation-timing-function:linear; -ms-animation-timing-function:linear;  }
#solutions dd.down.flex i { -moz-animation-fill-mode:UPDOWN; -webkit-animation-name:UPDOWN; animation-name:UPDOWN; -o-animation-name:UPDOWN; -ms-animation-name:UPDOWN; }
#solutions dd.up.flex i { -moz-animation-fill-mode:DOWNUP; -webkit-animation-name:DOWNUP; animation-name:DOWNUP; -o-animation-name:DOWNUP; -ms-animation-name:DOWNUP; }
@-webkit-keyframes UPDOWN {
0% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:1; }
100% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:0; }
}
@keyframes UPDOWN { 
0% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:1; }
100% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:0; }
}
@-webkit-keyframes DOWNUP {
0% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:1; }
100% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:0; }
}
@keyframes DOWNUP { 
0% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:1; }
100% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:0;}
}
#solutions dd.intro {  }
#solutions dd.intro img { float:left; max-width:300px; margin:5px 20px 0 0; }
#solutions dd.img { margin:5px 0 30px; text-align:center; }
#solutions dd.img img { max-width:100%; }


.youshi{ padding:30px 0; width:100%; overflow:hidden;}
.ys{ width:550px; height:250px; box-sizing:border-box; margin:35px 0;}
.ys p{ display:block; margin-top:20px; color:#666;}
.ys h1{ font-size:34px; color:#003366}
.ys1{ background:url(/images/ys01.jpg) no-repeat bottom right; padding:50px 40px 30px 0}
.ys2{ background:url(/images/ys02.jpg) no-repeat bottom right; padding:50px 40px 30px 0}
.ys3{ width:600px; background:url(/images/ys03.jpg) no-repeat bottom left; padding:50px 0px 0 300px}
.ys4{ width:600px; background:url(/images/ys04.jpg) no-repeat bottom left; padding:50px 0px 0 305px}


/*----0917--新增二维码-----*/
.ewm_li {margin-top:15px}
.ewm_li a {display:block;float:right;width:45px;height:45px;border:1px solid #002b53;border-radius:50%;margin-left:10px;background:url(../images/ewm_icon.png) no-repeat;background-size:250%;position:relative}
.ewm_li a .icon {position:absolute;width:150px;height:170px;background:url(../images/ewm_bg.png) no-repeat;left:50%;margin-left:-78px;transition:all 0.3s; visibility:hidden; opacity:0;bottom:55px;padding:1}
.ewm_li a .icon img {display:block;width:100%}
.ewm_li a:hover .icon {visibility:visible;bottom:45px;opacity:1}
.ewm_li a.a1 {background-position:8px 8px;}
.ewm_li a.a1:hover {background-position:8px -28px;border:1px solid #fff}
.ewm_li a.a2 {background-position:-34px 8px;}
.ewm_li a.a2:hover {background-position:-34px -28px;border:1px solid #fff}
.ewm_li a.a3 {background-position:-73px 8px;}
.ewm_li a.a3:hover {background-position:-73px -28px;border:1px solid #fff}
@media screen and (max-width:628px){
.ewm_li {display:none}
}
/*----0917--新增二维码-----*/

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



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

.banner {height:300px;background-size:cover}
.hidden-xs {padding-bottom:10px}
	.about_in {padding-top: 60px}
	.about_in .fw1{padding-left: 400px}
	.about_in .pic {width: 350px;height: auto;left: 20px;}
	.about_in .pic img {width: 100%;position: inherit}
	.about_in .content {width: 100%}
	.about_in .bgnum .fw {padding-left: 400px;padding-right: 0}
	.about_in .bgnum .num {width: 100%}
	.brand_in {padding:  55px 0 90px}
	.jSlider .navigator .next, .jSlider .navigator .prev {display: none}
	.pro_in {padding: 55px 20px}
	.pro_in .cd-tabs {padding: 0}
	.pro_in .cd-tabs .nav {width: 25%}
	.cd-tabs-content{width: 75%}
	.cd-tabs-content .list li {padding: 5px}
	.app_in .list {height: 390px}
	.app_in .list .li1 {width: 33.333333%}
	.app_in .list .li1 a.box {height:351px;padding:55px 28px 0 0}
	.app_in .list .li1 a.box .tt {font-size: 18px;line-height: 55px}
	.app_in .list .li1 a.box .entt {margin-right: -89px;font-size:12px}
	.foot-feed {padding: 20px 20px;padding-left: 130px}
	.foot-feed .tt {left: 20px;top: 20px}
	.foot-feed p.p1 {padding-left: 10px}
	.foot .footlogo {display: none}
	.foot .foot-con {padding:10px 0 40px}
	.foot .c1 {display:block}
	.foot .list {width: 50%;padding: 20px;margin-right: 0}
	.foot .con {width: 510px;margin: 20px auto 0;float: none}
	.inner_left {width:25%}
	.inner_right {width:75%;padding-left:20px}
	.content-box {margin-top:0}
	.about-txt {padding:40px 0}
	.about-txt .pic {width:30%}
	.about-txt .pic img {width:100%}
	.about-txt .txt {width:70%;padding-left:30px}
	.about-txt .txt .num {margin-top:40px}
	.banner .tt {margin-top:10px}
	.brand {padding:0 0 20px}
	.brand .brand_in, .types .list, .brand .app_in {width:100%}
	.types .list {padding:0}
	/*.contact .fw {padding:0;margin-top:0}
	.contact, .contact .con {padding:50px 30px}*/

    .imglist .list {width: 100%}
	.imglist .list li {padding: 10px}
}

@media screen and (max-width:960px){
	.brand_in .list {height: 322px}
	.brand_in .list .li1 {padding: 0 10px}
	.brand_in .list .li1 a.box {padding: 10px 15px 20px}
	.brand_in .list .li1 a.box .pic {width: 105px}
	.brand_in .list .li1 a.box .pic span {width: 100%;height: 105px}
	.pro_in .cd-tabs .nav {width: 100%;float:none;box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);height: auto}
	.cd-tabs-navigation {overflow: auto;white-space: nowrap;text-overflow: ellipsis;word-break: break-all}
	.cd-tabs-navigation li {display: inline-block;padding: 10px 0}
	.cd-tabs-navigation li a {display:inline;padding:15px 15px;font-size: 15px;height:auto;line-height:inherit}
	.cd-tabs-navigation li a.selected {padding: 10px 15px}
	.cd-tabs-navigation li a.selected:after, .cd-tabs-navigation li a.selected:before {display: none}
	.cd-tabs-navigation li a span {border-bottom: 0;font-weight: 500;display: inline}
	.cd-tabs-content {width: 100%;padding: 20px}
	/*----0907-----*/
	.ad_in {height: auto;padding:40px 0}
	.ad_in h2.tt {margin-top:0}
	/*----0907-----*/
	.app_in {padding: 55px 0}
	.news_in .fw {padding: 0}
	.news_in .list {border-top-right-radius:0}
	.news_in .list, .know_in {width: 100%;padding: 40px 30px}
	.hz_in {padding: 50px 0}
	.hz_in .list li, .product .list li {width: 33.33333%}
	.product .list li {padding:10px}
	.product .list li .att {line-height:28px}
	.types .list li a.box {padding:20px}
	/*.contact .fw {background:none}
	.contact .map, .contact .con {float:none;height:auto;width:100%}
	.contact .map {height:380px}*/

    .imglist .list li{width: 33.333333%}
}
@media screen and (max-width:768px){
	.about_in .bgnum .fw {padding-left: 0}
	.about_in .fw1 {padding-left: 20px}
	.about_in .pic {display: none}
	.about_in .bgnum {height: auto}
	.about_in .bgnum .fw {padding: 50px 0}
	.about_in .bgnum .num {margin-top: 0}
	.brand_in .list .li1 {padding: 0 15px}
	.cd-tabs-content .list li {width:33.33333%}
	.inner_left, .inner_right {width:100%}
	.inner_right {padding-left:0}
	.leftlist {padding-bottom:0;background:#0366c1}
	.leftlist .title {padding:0 20px;height:50px;position:relative;margin-bottom:0;background:#0084ff}
	.leftlist .title h2 {border-bottom:0;line-height:50px;font-size:18px}
	.leftlist .title p {display:none}
	.leftlist .title i.fa {display:block;position:absolute;right:20px;top:0;line-height:50px;transition:all 0.3s}
	.leftlist .title i.fa.add {transform:rotate(180deg)}
	.leftlist ul {height:0;overflow:hidden;transition:all 0.6s}
	.leftlist ul li a:hover, .leftlist ul li a.cur	{background:none;font-weight:700}
	.inner_box {padding:30px 0}
	.inner_box .fw {padding:0 10px}
	.banner {height:240px}
	.banner .tt {margin-top:10px}
	.banner .tt b {font-size:35px}
	.banner .tt span {font-size:21px}
	.pro_detail {margin-top:20px}
	.detailist li {width:33.333333%}
	.about-txt {padding:10px 0 30px}
	.about-txt .pic {display:none}
	.about-txt .txt {width:100%;padding-left:0}
	.brand .brand_in .list .li1 {width:33.33333%;padding:0 5px;margin-bottom:10px}
	.types .list li {width:50%}
	.types .list li:nth-child(1) a.box, .types .list li:nth-child(4) a.box, .types .list li:nth-child(7) a.box, .types .list li:nth-child(10) a.box {border-left:0}
	.types .list li:nth-child(odd) {border-left:1px solid #ddd}
	.news .know_in {padding:10px 20px}
    .l,.r{ width:100%; float:none; padding:0}
    .ys{ background-size:100% auto; height:auto; padding:20px 0;}
    .ys_p{ width:55%;}
    .ys h1{ font-size:24px; padding-left:15px;} 
    .ys3{background:url(/images/ys03_1.jpg) no-repeat bottom right;background-size:100% auto;}
    .ys4{background:url(/images/ys04_1.jpg) no-repeat bottom right;background-size:100% auto;}
	
	.headline .fl {display:none}
	.headline .fr {float:none;width:100%}
}
@media screen and (max-width:628px){
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:320px}
.head {height:69px;}
.about_in .content h2.tt1 {font-size:24px;padding:30px 0}
.about_in .bgnum .fw {padding:40px 0}
.about_in .bgnum .num li p.p1 b, .about-txt .txt .num li p.p1 b {font-size:58px}
.about_in .bgnum .num li p.p1 span, .about-txt .txt .num li p.p1 span {vertical-align:38px;font-size:13px}
.about_in .bgnum .num li p.p2, .about-txt .txt .num li p.p2 {font-size:14px}


/*----0907-----*/
.ad_in {height:auto;padding:30px 0;background-size:cover}
.ad_in h2.tt {font-size:28px}
.ad_in .tel {font-size:16px;margin:10px auto}
.ad_in .tel b {font-size:30px}
.ad_in h4.tt {font-size:18px}
.ad_in p.tit {display:none}
/*----0907-----*/
.news_in .list, .know_in {padding:20px 10px}
.news_in .tt {margin-bottom:10px}
.hz_in .list li {width:50%;padding:10px}
.foot-feed {padding:10px;padding-top:80px}
.foot-feed p.p1, .foot-feed p.p2 {padding-left:0;width:100%;margin-bottom:10px}
.foot .list {padding:20px 10px;width:100%}
.foot-con .fw {padding:0}
.foot .ewm {display:none}
.foot .con {width:100%}
.foot .con .tel {width:100%}
.foot .con .tel .tt {float:none;margin:0 auto}
.foot .con .tel p, .foot .con .tel h2 {text-align:center}
.copyright {height:auto;padding:10px 0;line-height:22px}
.copyright p {float:none}
.copyright p.fl {margin-bottom:5px}
.product .list li {width:50%;padding:5px}
	.inner_box {padding:10px 0 30px}
	.brand_detail .content {padding:10px}
	.brand .app_in .list .li1 {padding:5px;width:50%}
	.brand .app_in .list .li1 a.box {padding:49px 24px 0 0}
	.brand .app_in .list .li1 a.box .tt {line-height:49px}
	.brand .app_in .list .li1 a.box:hover {padding:0}
	.newslist li .date {display:none}
	.newslist li a {padding:20px 0px 20px 220px}
	.newslist li a:hover {padding-left:220px;padding-right:0}
	.newslist li .txt h4 {padding-bottom:0}
    
    #rightArrow {display:none;}
    #floatDivBoxs{display:none;}
    .imglist .list li{width: 50%}
	.headline .fr a:nth-child(3) {display:none}
	.headline .fr a {padding:5px 10px 5px 10px}
}
@media screen and (max-width:580px){
.pro_detail .jianjie .pic, .pro_detail .jianjie .brief {width:100%}
	.detailist li {width:50%}
	.brand_detail .content .pic {width:100%;margin-bottom:20px;float:none}
    .foot{margin-bottom:60px;}
    #footnav {display: block;}

    .headline .fr .wxm {margin-left:0px; left:0px;}
}
@media screen and (max-width:480px){
	.head .logo img {height: 60%;margin-top: 16px}
	.small_head .logo img {margin-top: 7px;height: 70%}
.fw {padding:0 10px}
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:170px}
	.app_in .list {height: 290px}
	.app_in .list .li1 a.box {height: 271px}
	.app_in .list .li1 a.box .entt {margin-right: -120px}
	.brand_in .list .li1 {padding: 0 10px}
	.about_in {padding-top:40px}
	.about_in .content h2.tt1 {padding:10px 0}
	.about_in .content p.txt {padding-left:0;line-height:22px}
	.about_in .fw1 {padding:0 10px}
	.about_in .content h2.tt1 {font-size:21px}
	.about_in .content h2.tt1:before {display:none}
	.about_in .bgnum {margin-top:30px}
	.about_in .bgnum .num li p.p2 {font-size:12px}
	.about_in .content h2.tt1:after {left:90px}
	.brand_in .list .li1 a.box h4 {font-size:16px;line-height:50px}
	.brand_in .list .li1 a.box p.txt {line-height:22px;height:44px}
	.brand_in .list .li1 a.box .more-in {margin-top:20px}
	.brand_in .list {height:292px}
	.pro_in {padding:45px 10px}
	.cd-tabs-content .list li {width:50%}
	.cd-tabs-content .tt p {display:none}
	.more-in {width:119px;height:35px;line-height:35px}
	.cd-tabs-content .tt .more-in {top:0}
	.ad_in {background-color:#0084ff}
	.ad_in .fl h2.tt {font-size:28px;line-height:45px}
	.news_in .list li {padding:10px 0 10px 146px;height:113px}
	.news_in .list li .pic {width:136px;height:93px;top:10px}
	.news_in .list li .litt {line-height:39px;padding-right:0}
	.news_in .list li .litt .date {display:none}
	.news_in .list li .litxt {height:44px}
	.hz_in .list li {padding:5px}
	.hz_in .list li .box span {height:101px}
.foot-feed {padding:10px;padding-top:80px}
.title_in h2 {font-size:28px}
.title_in h4 {font-size:21px}
.brand_in {padding:35px 0 60px}
.foot-feed .tt h4, .foot .list a.tt {font-weight:700}
.brand {padding-bottom:10px}
.brand .brand_in .list .li1 {width:50%}
.types .list li a.box .pic {width:130px}
.types .list li a.box .pic span {height:130px}
.types .list li a.box h3 {font-size:21px;padding:10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsdetail {padding:10px}
.newsdetail .met-shownews-header {padding:10px 0}
.met-shownews-footer {margin-top:0}
.newslist li .pic {width:150px;height:100px}
.newslist li .pic img {height:100%}
.newslist li a, .newslist li a:hover {padding-left:160px}
.newslist li .txt {height:100px}
.newslist li .txt h4 {line-height:35px}
/*.contact .fw {padding:0}
.contact .con {padding:30px 20px}
.contact .map {height:280px}
.contact .con h4, .contact .con h4 a {font-size:21px}*/
.foot .con .tel h2 a {text-decoration:underline}
.news .know_in {padding:0px 10px}
.types .list li a.box p.txt {height:72px;overflow:hidden}
.met-shownews-footer ul.pager li {display:block;width:100%}
.met-shownews-footer ul.pager li a {width:100%;float:none}
.met-shownews-footer ul.pager li.previous {margin-bottom:10px}

.contact .txt span {padding:0;white-space:normal;display:block;width:100%;}
.imglist .list li {padding: 0} 
}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:200px;left:-175px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#fb4848;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li img{vertical-align:middle}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;font-size:24px;color:#fb4848}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatwx {text-align:center;padding:10PX 0 5px 0;background:#EBEBEB;color:#0000EE;}
#floatDivBoxs .floatwx img{max-width:100px;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;background-position:-50px 0;position:fixed;top:200px;left: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;z-index:9000; display:none;}
.footnav a {display:block;width:25%;text-align: center;color:#555;float:left}
.footnav a i {font-size:24px;display: block}

.search_box {padding:0px 0px 30px 0;}
.search_box .table1 {width:100%;box-shadow:0 5px 10px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;margin-top:40px; }
.search_box .table1 th span, .search_box .table1 td span, .search_box .table1 td a {white-space:nowrap;display:inline-block;line-height:22px; overflow:hidden; width:100%;padding:10px 5px;text-align:center;font-size:14px;transition:all 0.3s}
.search_box .table1 th {background:#0a4384;color:#fff}
.search_box .table1 tr:nth-child(even) td {background:#fff}
.search_box .table1 tr:nth-child(odd) td {background:#f4f8ff}
.search_box .table1 td a {padding:0 5px;color:#0078ff;font-size:14px;transition:all 0s}
.search_box .table1 tr:hover td{background:#0078ff;color:#fff}
.search_box .table1 tr:hover td a {color:#fff}

.alert {
    display: none;
    position: fixed;
    top: 30%;
    left: 50%;
    min-width: 200px;
    margin-left: -100px;
    z-index: 99999;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}