@charset "utf-8";



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {



margin: 0;



padding: 0;



border: 0;



outline: 0;



vertical-align: baseline;



}



body, a {font-family:Arial, Helvetica, sans-serif; font-size:12px;}



.clearboth {width:100%; height:0px; line-height:0px; display:block; clear:both; overflow:hidden; font-size:0px;}







ol, ul {



list-style: none;



}



a {text-decoration:none;}



blockquote, q {



quotes: none;



}



blockquote:before, blockquote:after, q:before, q:after {



content: ”;



content: none;



}



:focus {



outline: 0;



}



table {



border-collapse: collapse;



border-spacing: 0;



}



caption, th, td {



text-align: left;



font-weight: normal;



}



strong {



font-weight: bold;



}



em {



font-style: italic;



}



html{-webkit-text-size-adjust:none;}







.cor_red {color:#f00;}



@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: #cc0000}



.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:#cc0000;left:0;bottom:0;opacity:0;transition:all 0.3s}



.head_nav li.current-menu-item a:before,.head_nav li:hover a:before {opacity:1;width:100%}



.head_nav li.current-menu-item 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.current-menu-item 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}







.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:1016px;



	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:#cc0000;



	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:#cc0000;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:#cc0000}











/*----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:730px;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: 16px;color:#333;line-height: 73px;transition: all 0.3s；width:90%;height: 50px;overflow: hidden;}



.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;object-fit: cover;}



.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: #cc0000}



.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:#cc0000;color: #fff;cursor: pointer;border-radius:5px}



.foot-feed p.p3 .btn1:hover {background:#0084ff}







.foot .foot-con {padding:20px 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:501px;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: 300px;padding-right: 40px;}



.foot .con .tel .tt {display: block;width:130px;height: 45px;line-height: 45px;color:#fff;background: #cc0000;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 {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)}



.flinks {font-size:14px;color:rgba(255,255,255,0.4);opacity:1}



.flinks a {color:rgba(255,255,255,0.4);font-size:14px;opacity:1}



.flinks 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:#cc0000;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_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:#cc0000;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:#cc0000}



.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: 530px;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}







	.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}







	.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){







	



	/*----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){



	











	.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}



	.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;}















/*----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}



	



	.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}







.foot-feed .tt h4, .foot .list a.tt {font-weight:700}



.brand {padding-bottom:10px}



.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;



}







/*产品新增*/



.clearfix{zoom:1;}



.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}



.clearfix:after{clear:both;}



a {color: #333;text-decoration: none;}



a:hover {color: #0060b7;}



ul {margin: 0;list-style: none;padding: 0;}



.container {width: 1200px;margin: 0 auto;}







.yunu-section {padding: 75px 0 1px 0;}



.yunu-section-title {margin-bottom: 50px;text-align: center;font-size: 0;}



.yunu-section-title small {display: block;color: #a7a7a7;text-transform: uppercase;font-size: 14px;}



.yunu-section-title span {display: inline-block;vertical-align: middle;position: relative;font-size: 48px;padding: 0 20px;}



.yunu-section-title span:before,.yunu-section-title span:after {position: absolute;top: 50%;content: '';width: 133px;height: 9px;margin-top: -5px;background: no-repeat center;}



.yunu-section-title span:before {right: 100%;background-image: url(../images/tit1.png);}



.yunu-section-title span:after {left: 100%;background-image: url(../images/tit2.png);}



.yunu-section-title p {margin: 0;font-size: 20px;color: #666;}











.cp-list {margin: 0 0 0 -20px;}



.cp-list li {float: left;width: 33.3%;}



.cp-list li .img-center {line-height: 225px;overflow: hidden; text-align: center;}



.cp-list li .img-center img {-webkit-transition: all 0.5s;transition: all 0.5s;}



.cp-list li a {display: block;background-color: #fff;margin: 20px 0 0 20px;}



.cp-list li p {margin: 0;text-align: center;padding: 15px 0;}



.cp-list li a:hover {background-color: #1568b4;color: #fff;}



.cp-list li a:hover .img-center img {-webkit-transform: scale(1.1);transform: scale(1.1);}















.ct2-sd {float: left;width: 240px;}



.ct2-sr {float: right;width: 240px;}



.ct2-mn {float: right;width: 930px;}



.panel-sd-hd {background-color: #0060b7;color: #fff;padding-bottom: 5px;}



.panel-sd-hd h4 {text-align: center;border-bottom: 1px solid #fff;margin: 0;font-size: 24px;padding: 20px 0;}



.panel-sd-bd {border: 1px solid #ececeb;padding: 5px 10px;border-top: 0;}



.yunu-column h3 {margin: 0 0 2px;font-weight: normal;background: url(../images/p14-icon5.png) no-repeat right center #ddd;padding: 0 40px;}



.yunu-column h3 a {display: block;line-height: 50px;font-size: 18px;color: #333;}



.yunu-column h3.current-menu-item,.yunu-column h3:hover {background: url(../images/p14-icon2.png) no-repeat right center #0060b7;}



.yunu-column h3.current-menu-item a,.yunu-column h3:hover a {color: #fff;}



.yunu-column li {line-height: 50px;border-bottom: 1px solid #fff;}



.yunu-column li a {display: block;padding: 0 40px;background-color: #ECECEC;}



.yunu-column .sub>a {position: relative;}



.yunu-column .sub>a:after {content: '';width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}



.yunu-column .sub.open>a:after {border-color: #0060b7;}



.yunu-column .sub-box {border-left: 1px solid #ECECEC;border-right: 1px solid #ECECEC;display: none;}



.yunu-column .sub.open .sub-box {display: block;}



.yunu-column .sub-box p {margin: 0;border-bottom: 1px solid #ECECEC;}



.yunu-column .sub-box a {background-color: transparent;padding-left: 60px;}







.yunu-contact-z2 {background-color: #0060b7;text-align: center;color: #fff;padding: 20px;margin-bottom: 20px;}



.yunu-contact-z2 p {margin: 0;}



.yunu-contact-z2 p img {vertical-align: middle;margin-right: 5px;}



.yunu-contact-z2 span {display: block;font-size: 26px;font-weight: bold;margin-top: 10px;line-height: 1;}



 







.cptd {margin: 0;border: 1px solid #ddd;}



.cptd dt {float: right;width: 400px;}



.cptd dd {margin: 0 400px 0 0;padding: 30px;}



.cptd dd p {margin: 0 0 15px;padding-bottom: 15px;border-bottom: 1px dashed #eee;}



.cptd dd p:last-child {margin-bottom: 0;}



.cptd dd p span {color: #0060b7;margin-right: 10px;}















.cp-right{width: 940px;float: right;}



.cp-title{border: 1px solid #eee;background: #ececec;}



.cp-title a{float: right;line-height: 44px;margin-right: 10px;font-size: 12px;}



.cp-fenlei li{float: left;}



.cp-fenlei li a{display: block;line-height: 44px;padding: 0 25px;font-size: 16px;background: #ddd;margin-right: 10px;}



.cp-fenlei li.active a {color: #fff;background: #0060b7;}







.panel-sd {margin-bottom: 20px;}



.panel-sd .tit {background-color: #0060b7;color: #fff;text-align: center;line-height: 50px;font-size: 20px;font-weight: bold;}



.panel-sd .bd {border: 1px solid #ddd;padding: 10px 20px;}



.list-7 li a {display: block;line-height: 26px;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}











.about_in {width:100%;padding-top:102px}



.about_in .fw1 {position:relative}



.about_in .pic {position:absolute;width:430px;height:280px;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%;padding:20px 0 30px}



.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;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:100%;margin:0 auto}



.brand_in .list .li1 a.box .pic span {display:table-cell;width:100%;height:320px;background:#fff;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 #cc0000;background: none;color: #cc0000;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: #cc0000;color:#fff}



.brand_in .list .li1 a.box:hover .pic span {border:5px solid #cc0000}







/*优势*/



.bt01{height:178px; text-align: center; overflow: hidden; font-size: 36px;line-height: 40px;}



.bt01 a{ color:#342c2a;}



.bt01 span{display: inline-block;height:24px; padding: 0 20px; font-size: 16px; font-weight: normal; color:#fff;background:#cc0000; border-radius: 20px; line-height: 24px; margin-top: 10px;}



.bt01 p{padding: 18px 70px 0; font-size: 14px; color:#666666;font-weight: normal; text-align: center; line-height: 25px;}











.ys{height:835px; overflow: hidden;font-family:"Microsoft Yahei"; position: relative; z-index: 3;}



.ys h2{height:134px; overflow: hidden; color:#342c2a;}



.ys_nav{position: absolute; top:134px;left:50%; margin-left: -240px;width:506px; overflow: hidden; z-index: 4;}



.ys_nav .li1{margin-right: 1px;background: url(../images/ys_nav1.png) no-repeat center 0; font-size: 22px; color:#666666;  line-height: 30px;padding-left: 25px;width:95px; height:222px; overflow: hidden; float: left; box-sizing: content-box;}



.ys_nav .li2{margin-right: 1px;background: url(../images/ys_nav2.png) no-repeat center 0; font-size: 22px; color:#666666;  line-height: 30px;padding-left: 25px;width:95px; height:222px; overflow: hidden; float: left; box-sizing: content-box;}



.ys_nav .li3{margin-right: 1px;background: url(../images/ys_nav3.png) no-repeat center 0; font-size: 22px; color:#666666;  line-height: 30px;padding-left: 25px;width:95px; height:222px; overflow: hidden; float: left; box-sizing: content-box;}



.ys_nav .li4{margin-right: 1px;background: url(../images/ys_nav4.png) no-repeat center 0; font-size: 22px; color:#666666;  line-height: 30px;padding-left: 25px;width:95px; height:222px; overflow: hidden; float: left; box-sizing: content-box;}



.ys_nav li span{display: block; font-size: 40px; font-family: Times New Roman; line-height: 42px;padding: 26px 0 15px 14px;}



.ys_nav li i{display: block; font-size: 14px; color:#928f8f; font-family: Times New Roman;text-transform: uppercase; line-height: 20px;padding-top: 8px; word-wrap:break-word;}



.ys_nav .li1:hover , .ys_nav .li1.cur {background: url(../images/ys_navl1.png) no-repeat center 0; color:#fff; font-weight: bold;}



.ys_nav .li2:hover , .ys_nav .li2.cur {background: url(../images/ys_navl2.png) no-repeat center 0; color:#fff; font-weight: bold;}



.ys_nav .li3:hover , .ys_nav .li3.cur {background: url(../images/ys_navl3.png) no-repeat center 0; color:#fff; font-weight: bold;}



.ys_nav .li4:hover , .ys_nav .li4.cur {background: url(../images/ys_navl4.png) no-repeat center 0; color:#fff; font-weight: bold;}



.ys_nav li:hover span , .ys_nav li.cur span{color:#fff;font-weight: normal;}



.ys_nav li:hover i , .ys_nav li.cur i{color:#fff;font-weight: normal;}



.ys_c{height:696px; overflow: hidden;position: relative; }



.ys_c p{background: url(../images/ys.jpg) no-repeat center 0; height: 655px; overflow: hidden;}



.ys_c1 p{background: url(../images/ys2.jpg) no-repeat center 0; height: 655px; overflow: hidden;}



.ys_c2 p{background: url(../images/ys3.jpg) no-repeat center 0; height: 655px; overflow: hidden;}



.ys_c3 p{background: url(../images/ys4.jpg) no-repeat center 0; height: 655px; overflow: hidden;}







.ys_c dl{position: absolute; bottom: 0;left:50%; margin-left: -600px;width:1200px;height:168px;background: url(../images/ys_wz_bj.jpg) no-repeat center 0;}



.ys_c dt{padding: 27px 0 0;text-align: center;line-height: 35px; font-size: 20px; font-weight: bold; color:#342c2a;}



.ys_c dt img{vertical-align: middle;margin:0 10px;}



.ys_c dd{padding: 5px 170px 0; font-size: 16px; line-height: 35px; color:#342c2a;text-align: center;}







.lc_bj{height:764px; overflow: hidden;font-family:"Microsoft Yahei"; background: url(../images/lc_bj.jpg) no-repeat center 0;position: relative;margin-top: -46px; z-index: 1;}



.lc {width:1200px; margin: 0 auto; padding-top: 93px;overflow: hidden;}



.lc h2{height:120px; overflow: hidden; color:#342c2a;}



.lc ul{height:422px; overflow: hidden;}



.lc li{margin-right: 26px;padding-right: 45px;background: url(../images/lc_ico1.png) no-repeat right 155px; width:181px; height:357px; overflow: hidden; float: left; box-sizing: content-box;}



.lc li.li01 h3{background: url(../images/lc06.png) no-repeat center 0;}



.lc li.li02 h3{background: url(../images/lc02.png) no-repeat center 0;}



.lc li.li03 h3{background: url(../images/lc03.png) no-repeat center 0;}



.lc li.li04 h3{background: url(../images/lc04.png) no-repeat center 0;}



.lc li.li05{padding-right: 0;margin-right: 0;background:none;}



.lc li.li05 h3{background: url(../images/lc05.png) no-repeat center 0;}



.lc li h3{width:181px; height:357px; }



.lc li h3 b{ display: block;text-align: center; font-size: 22px; color:#342c2a; padding-top: 100px; height:60px; line-height: 30px;}



.lc li h3 p{padding: 57px 20px 0 30px; font-size: 16px; line-height: 35px; color:#fff;font-weight: normal;display: none;}



.lc li:hover p{display: block;}



.lc li.li01 h3:hover{background: url(../images/lc01.png) no-repeat center 0;}



.lc li.li02 h3:hover{background: url(../images/lc07.png) no-repeat center 0;}



.lc li.li03 h3:hover{background: url(../images/lc08.png) no-repeat center 0;}



.lc li.li04 h3:hover{background: url(../images/lc09.png) no-repeat center 0;}



.lc li.li05 h3:hover{background: url(../images/lc10.png) no-repeat center 0;}











.zx{display: block;width:271px; height:46px; margin: 0 auto;}