@charset "utf-8";
/* reset */
html { height: 100%;overflow-x: hidden; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size:14px; font-family:arial;}
body { line-height: 1.5; color:#797979; /*font-family:"黑体";*/font-family:"微软雅黑";}
a { text-decoration: none; color:#797979;transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
a:hover { color:#00CE66;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 




.edit_con_original{ line-height:1.5; padding:0 0; color:#8D8D8D; font-size:12px;}
.edit_con_original ul{ margin:inherit; padding:inherit}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto;}
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}


/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }


.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

/*公用样式end*/
/*{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#bbaf1f24", EndColorStr="#bbaf1f24")}*/

.auto-img { position: relative; overflow: hidden; display:block; }
.auto-img img { position: relative; }

.yahei{ font-family:"微软雅黑";}
.arial{ font-family::Arial;}

.mobile-navigation, .mobile-nav-toggle-btn, .mobile-blank, .mobile-search-toggle-btn, .mobile-user-link, .mobile-cancel-search-btn { display: none }

.mobile-nav-toggle-btn { 
	-webkit-transition: .4s ease transform;
	-moz-transition: .4s ease transform;
	-ms-transition: .4s ease transform;
	-o-transition: .4s ease transform;
	transition: .4s ease transform;
 }

.nav-opened .mobile-navigation { display: block }
.nav-opening #content-box, .nav-opening .mobile-nav-toggle-btn { 
	-webkit-transform: translate(-100px, 0);
	-moz-transform: translate(-100px, 0);
	-ms-transform: translate(-100px, 0);
	-o-transform: translate(-100px, 0);
	transform: translate(-100px, 0);
}


.mobile-navigation { position: fixed; top: 0; bottom: 0; right: 0; width: 100px; overflow: auto; -webkit-overflow-scrolling: touch; background: #fff; z-index:999999;}
.mobile-navigation .list > li {   border-top: 1px solid #d5d5d5; font-size: 14px }
.mobile-navigation .list > li:first-child { border-top: 0 none }
.mobile-navigation .list > li a { display: block; padding:10px 10px; line-height:20px }
.mobile-navigation .list > li > a{color:#00CE66}
.mobile-navigation .list > li .child{padding-bottom:20px}
.mobile-navigation .list > li .child a{ line-height:18px; font-size:12px; padding:5px 10px 5px 20px;}




.mobile-nav-toggle-btn { position: fixed; top:48px; right: 10px; z-index:999999; width:15px; height:15px; border:10px solid #ffffff; background: #ffffff; box-shadow:-1px 1px 3px #888; -moz-box-shadow:-1px 1px 3px #888;-webkit-box-shadow:-1px 1px 3px #888;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; }
.mobile-nav-toggle-btn:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-top:2px solid #00CE66; border-bottom:2px solid #00CE66 }
.mobile-nav-toggle-btn:after { content: ''; position: absolute; top:7px; right: 0; left: 0; height:2px; overflow: hidden; background: #00CE66; }
.mobile-blank { position: fixed; z-index: 10000; background: rgba(3, 2, 1, 0) }
.nav-opened .mobile-blank { top: 0; right:100px; bottom: 0; left: -100px; display: block }
.nav-opened .mobile-nav-toggle-btn { z-index:9999;}

#content-box { min-width: 320px; max-width:1920px; margin:0 auto; overflow:hidden;}

.wrap{/*max-width:1280px;*/ width:90%; margin:0 auto; position:relative;}

.header{ position:relative;height:100px; z-index:110;color:#fff; background:#fff;}
/*后添加 style*/
.header.fixedhede { position:fixed; display:none; top:0; left:0; width:100%;height:71px;}
.header.fixedhede .head_line{display:none;}
.header.fixedhede .navbg{top:69px;}
.header.fixedhede .top-search{top:0;}
.header.fixedhede .logo img{height:57px;width:auto;margin:3px auto 0;}
/*后添加 style*/
.header .wrap{width:100%;}
.head_line{ height:29px; line-height:29px;  text-align:right; border-bottom:1px solid #eef1f1;}
.head_line > a{ color:#353535; padding-left:18px; background:url(../images/dot01.png) left center no-repeat; display:inline-block; padding-right:30px;  border-right:1px solid #eef1f1;}
.head_line > a:hover{ color:#00CE66;background:url(../images/dot01_on.png) left center no-repeat;}
.head_line span{ padding:0 20px 0 30px;color:#fff; display:inline-block; background:#219363 }
.header .logo{float:left; width:19%; *margin-left:-1px;}
.header .right_l { float:right; width:80%; *margin-left:-1px;   border-left:1px solid #eef1f1; }
.header .logo img{ width:295px; height:60px; margin:20px auto 0; display:block;}
.header nav {  height:70px; line-height:70px; position:relative; z-index:12;}
.header nav li {float:left;width:14%; border-right:1px solid #eef1f1;  text-align:center; padding-right:1.6%; font-size:18px;color:#353535; position:relative;}

.header nav li a{ display:block;color:#353535;}
.header nav li.on,.header nav li:hover{background:url(../images/dot02.png) 80% center no-repeat #e4e8e8; }
.header nav .child { background:#e4e8e8; display:none; position:absolute; z-index:11; left:0;top:100%; width:800%; height:49px; line-height:49px;}
.header nav .child a{color:#000; font-size:14px; float:left; width:100px; text-align:center;}
.header nav .child a:hover,
.header nav .child a.hover{color:#00CE66}
.header nav li.on .child{display:block;}

.header .navbg{ border-top:1px solid #eef1f1;width:100%; height:50px; line-height:50px; background:#e4e8e8; position:absolute; display:block !important; left:0; top:98px; z-index:10;}
.header .top-search { position:absolute; right:0; top:31px; padding:20px 0 20px;  min-width:5%; height:28px; z-index:100;}
.header .top-search.open { z-index:13; background:#e4e8e8; width:290px;}
.header .top-search.open .inp { display:block;}
.header .top-search .inp { position:absolute; background:#fff; left:20px;  top:50%; margin-top:-15px; padding:0 5px; border:0; background:none; border:1px solid #eef1f1; color:#A0A0A0;width:180px; height:30px; line-height:30px; display:none;}
.header .top-search .inp:focus{ border:1px solid #eef1f1;}
.header .top-search .btn { border:0; background:url(../images/dot03.png) center center no-repeat; width:30px; display:block; position:absolute; left:50%; margin:-15px 0 0 -15px; top:50%; height:30px; overflow:hidden;}
.header .top-search.open .btn { left:auto; right:20px; margin-left:0; }

a.more{ display:block; font-size:14px;width:135px; height:40px; line-height:40px; text-align:center; background:#fff; color:#30363F;}
a.more:hover{background:#00CE66; color:#fff;}
a.more1{ display:inline-block; font-size:14px; color:#fff; background:url(../images/dot05.png) left center no-repeat; padding-left:18px;}
a.more1:hover{color:#00CE66;background:url(../images/dot05_on.png) left center no-repeat;}
a.more2{ display:inline-block; font-size:14px;color:#4C4C4C; background:url(../images/dot06.png) left center no-repeat; padding-left:18px;}
a.more2:hover{color:#00CE66;background:url(../images/dot05_on.png) left center no-repeat;}

.block_home_slider {position: relative; background:#4e4e4e; margin:49px 0 0;}  
.block_home_slider .slideban {position:relative;}
.block_home_slider .caption {position:absolute; left:200px; bottom:80px;text-align:left;color:#fff;}
.block_home_slider .caption h2 { font-size:50px; font-weight:normal; padding:0 0 0; /*text-shadow:0px -1px #000000;*/ }
.block_home_slider .caption p.title {font-size:20px; margin:-5px 0 0;}
.block_home_slider .caption a.more { margin:20px 0 0; position:relative; z-index:100;}
.block_home_slider .flex-direction-nav{ display:none;}
.block_home_slider .flex-direction-nav a {width:25px; height:49px; margin-top:-25px; display:block; position:absolute; top:50%; text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:5px;background:url(../images/ban_btnll.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-prev:hover,.block_home_slider .flex-direction-nav a.flex-next:hover,.block_home_slider .flex-direction-nav a.flex-disabled{filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
.block_home_slider .flex-direction-nav a.flex-next {right:5px;background:url(../images/ban_btnrr.png) no-repeat;}
.block_home_slider .flex-control-paging { width:80%; position:absolute; left:0; bottom:15px; z-index:100;text-align:right;}
.block_home_slider .flex-control-paging li {margin: 0px 7px;overflow: hidden; display:inline-block; zoom:1; *+display:inline; font-family:Arial, Helvetica, sans-serif;}
.block_home_slider .flex-control-paging li a { display:block; text-align:center; color:#313131;font-size:30px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active { color:#00ce66;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;list-style-type: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; height:auto;}
.flex-pauseplay span {text-transform: capitalize;}

.b_box{ width:100%; height:100%; left:0; top:0; position:absolute;}
.b_ll{ float:left;width:49.5%; height:100%;cursor: url(../images/cursor-left.cur.ico), pointer; z-index:1;}
.b_rr{ float:right;width:49.5%;height:100%;cursor: url(../images/cursor-right.cur.ico), pointer;z-index:1;}

.i_block01{ background:#4a4f54; padding:75px 0 90px;}
.i_block02{ background:#e9ecec; padding:60px 0 80px;}
.i_block03{ background:#e9ecec; position:relative;}
.i_block04{ background:#e9ecec;}

.i_block01 ul{ margin-left:-15px; }
.i_block01 li{ float:left; width:25%;*+width:24.9%;}
.i_block01 li .inner{ margin:0 0 0 15px;}
.i_block01 li img{width:100%; height:auto;border:1px solid #ccc;}
.i_block01 li h2{ margin:10px 0 25px;}
.i_block01 li h2 a{ color:#000;}
.i_block01 li p{color:#666;}
.i_block01 li a.more1{ color:#666; margin:20px 0 0;}
.i_block01 li h2 a:hover,.i_block01 li a.more1:hover{ color:#00CE66;}
.i_block01 li:hover p,.i_block01 li:hover a,.i_block01 li:hover a.more1{color:#00CE66;}
.i_block01 li:hover a.more1{color:#00CE66; background:url(../images/dot05_on.png) left center no-repeat;}
.i_block01 li:hover img{ border:1px solid #00CE66;}


.i_block02 h2{ text-align:center; color:#000; font-weight:normal; font-size:30px; margin:0 0 45px;}
.i_block02 h2 em{display:block;font-family:Arial; text-transform:uppercase;}
.i_block02 h2 a{display:block; color:#000; width:320px;margin:0 auto;}
.i_block02 h2 a:hover{color:#00CE66;}
.panles{width:1280px;height:604px;position: relative;overflow:hidden;margin:0 auto;}
.panelHolder{float:left;position: relative;width:94px;height:604px;overflow:hidden;}
.contentHolder{float:left;position: relative;width:716px;}
.tab{width:94px;position: absolute;z-index: 1; cursor:pointer;}
.tab span{ position:absolute; left:25%; top:50px; text-align:center; width:50%; padding:20px 0; text-align:center;background-color: #fff; background-color: rgba(255,255,255, 0.9); /*background:url(../images/dot49.jpg) center top no-repeat;*/}
.tab span em{font-size:18px; width:20px; margin:0 auto; color:#000; display:block;}
.tab:hover span{}
.tab:hover span em{ color:#00CE66}
.model{position: absolute; opacity: 0;width:100%;height:604px;}
.model .inner{position: absolute;left: 60px;top: 50px;display: inline-block;width: 285px;height:160px;background-color: #fff; background-color: rgba(255,255,255, 0.9);padding: 40px;font-size: 14px;color: #313131;overflow: hidden;}
.model .inner h1 { font-size: 36px;letter-spacing: 0;font-weight: normal;color: #313131;padding: 0px;margin:0 0 20px;}
.model .inner p {font-size: 14px;color: #4C4C4C;line-height: 17px;padding: 0px; height:51px; overflow:hidden;}
.model .inner a.more2{ margin:20px 0 0;}
.active.panelHolder{width:716px;}
.active .tab{opacity: 0;}
.active .model{visibility: visible;z-index:2;opacity: 1;}


.i_block03 img{  display:block; width:100%; height:auto;/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.12);transform: scale(1.12);*/}
.i_block03:hover img{/*opacity: 0.5;-webkit-transform: scale(1);transform: scale(1);*/}
.i_block03 span{ display:block;position:absolute; left:0; top:0; width:100%; height:100%;background:url(../images/tm_70.png) repeat;}
.i_block03 .inner{position:absolute; left:0; top:50%; margin:-130px 0 0; width:80%; padding:0 10%; height:260px; text-align:center; color:#fff; }
.i_block03 h2{ font-size:36px; font-weight:normal; margin:0 0 15px;}
.i_block03 h2 a{color:#fff;}
.i_block03 h2 a:hover{ color:#00CE66}
.i_block03 p{ font-size:16px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.i_block03 a.more{ margin:55px auto 0;}
.i_block03 ul{ padding:20px 0 0;}
.i_block03 ul li{ float:left; width:30%; padding:0 1.6%; text-align:center;}
.i_block03 ul li h3{ font-size:16px; font-weight:normal; padding:0 0 10px;}
.i_block03 ul li p{ font-size:12px;}

.i_block04 li{ float:left; width:25%; *+width:24.9%;}
.i_block04 li .inner{ border-left:1px solid #C8C8C8; text-align:center; padding:55px 0 45px;}
.i_block04 li:first-child .inner{ border-left:none;}
.i_block04 li .img{ width:59px; height:59px; margin:0 auto; overflow:hidden;}
.i_block04 li .img img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);}
.i_block04 li .img img:hover{opacity: 0.7;-webkit-transform: scale(1.1);transform: scale(1.1);}
.i_block04 li span{ display:block; margin:15px 0 0;}
.i_block04 li span a{ color:#2B2B2B;}
.i_block04 li span a:hover{color:#00CE66}

.footer {background:#4a4f54; color:#fff;}
.footlist{ background:#4a4f54; padding:60px 0;}
.footbot{ background:#343739; line-height:24px; padding:15px 0;}
.footlist li{ float:left; width:15%;}
.footlist li h2{ font-size:16px; font-weight:normal; margin:0 0 20px;}
.footlist li h2 a{ color:#fff;}
.footlist li span{display:block; margin:2px 0;}
.footlist li span a{ color:#B0B0B0;}
.footlist li span a:hover,.footlist li h2 a:hover{ color:#00CE66}
.footer .foot_ll{ float:left; width:45%;}
.footer .foot_rr{ float:right; width:45%; text-align:right;}
.footer .foot_ll .cop{ font-size:12px;}
.footer .foot_ll a{color:#fff; margin-left:20px;}
.footer .foot_ll a.arial{ font-family:arial;}
.footer .flist{ text-align:right;}
.footer .flist a{color:#fff;padding:0 15px;}
.footer .flist a:hover,.footer .foot_ll a:hover{ color:#00CE66}

.footlist .code{ position:absolute; right:80px; top:0; width:120px; height:120px;}
.footlist .code span{ float:left; width:100%; height:50px; margin:0 0 10px;}
.footlist .code span a{ float:left; width:100%; height:50px;}
.footlist .code span a i{ float:left; width:50px; height:50px;}
.footlist .code span a em{ float:left; width:70px; text-align:center; height:50px; line-height:50px; color:#fff; font-size:16px;}
.footlist .code span a.wb i{ background:url(../images/wb.png) center center no-repeat;}
.footlist .code span a.wx i{background:url(../images/wx.png) center center no-repeat;}
.footlist .code span a.wb:hover i{ background:url(../images/wb.png) center center no-repeat #DF2029;}
/*.footlist .code span a.wx:hover i{background:url(../images/wx.png) center center no-repeat #93D034;}*/
.footlist .code span .wx_img{margin-left:10px;display:block;}


.weixin { position: fixed; width: 300px; height: 310px; z-index: 100000; left: 50%; top: 50%; margin: -120px 0 0 -150px; background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 2px 2px 5px #999;display:none; }
.weixin .c { position: absolute; width: 30px; height: 30px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; }
.weixin h2 { position: relative; line-height: 30px; font-size: 16px; padding-left: 10px; }
.weixin .img { padding: 10px; text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.weixin .img img { width: 200px; height: 200px; }
.weixin p { padding: 15px 10px 0; text-align:center; font-size:20px; }


.right_nav{ position:fixed; right:0; top:50%; width:50px; height:150px;margin-top:-75px; z-index:1000000;}
.right_nav.hover{ width:170px;}
.right_nav li{ float:left; width:100%; height:50px; background:#4a4f54; border-bottom:1px solid #4A4F54; position:relative;}
.right_nav li:hover{ float:left; width:100%; background:#fff;}
.right_nav li span{ float:left; width:120px; height:50px; line-height:50px; padding-right:50px; position:relative; z-index:-1;}
.right_nav li span a{ font-size:14px; color:#fff;}
.right_nav li em{ width:50px; height:50px; position:absolute; right:0; top:0; z-index:112; cursor:pointer;}
.right_nav.hover li span{ width:100px; padding-left:20px; z-index:1;}
.right_nav.hover li:hover span a{ color:#0C121C;}
.right_nav li.li_03{ border-bottom:none;}
.right_nav li.li_03:hover{ background:#4a4f54;}
.right_nav li.li_01 em{ background:url(../images/r_nd01.png) center center no-repeat;}
.right_nav li.li_01:hover em{background:url(../images/r_nd01_on.png) center center no-repeat; z-index:11111;}
.right_nav li.li_02 em{ background:url(../images/r_nd02.png) center center no-repeat;}
.right_nav li.li_02:hover em{background:url(../images/r_nd02_on.png) center center no-repeat;}
.right_nav li.li_03 em{ background:url(../images/r_nd03.png) center center no-repeat;}

.right_nav li.li_03 span{ width:100px; margin:0; padding:0;}
.right_nav li.li_03 span a{float:left; width:50px; height:50px; padding:0; margin:0;}
.right_nav li.li_03 span a.wb{ background:url(../images/wb.png) center center no-repeat;}
.right_nav li.li_03 span a.wx{background:url(../images/wx.png) center center no-repeat;}
.right_nav li.li_03 span a.wb:hover{ background:url(../images/wb.png) center center no-repeat #DF2029;}
.right_nav li.li_03 span a.wx:hover{background:url(../images/wx.png) center center no-repeat #93D034;}

.lt8 .right_nav li span{ width:50px; padding-left:51px;}
.lt8 .right_nav.hover li span{width:70px; padding-left:30px;}
.lt8 .right_nav.hover li.li_03 span{ width:100px; padding:0;}


/*案例展示 start*/
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.i_block01 h2{ text-align:center; color:#fff; font-weight:normal; font-size:30px; margin:0 0 45px;}
.i_block01 h2 em{display:block;font-family:Arial; text-transform:uppercase;}
.i_block01 h2 a {color: #fff;display: block;margin: 0 auto;width: 320px;}
.i_block01 h2 a:hover{color:#00CE66;}

.main_001{max-width:1280px;margin:0 auto;}
.brandBox .brandItem{width:33%;float:left;margin-bottom:70px;}
.brandBox .brandItem .brandImg{display:block;width:30%;float:left;margin-right:10px;}
.brandBox .brandItem .brandImg img{width:100%;height:auto;}
.brandBox .brandItem .brandFont{overflow:hidden;color:#fff;}
.brandBox .brandItem .brandMar{margin:0 20px;}
.brandFont h3{font-size:20px;margin-bottom:25px;}
.brandFont h3 a{color:#fff;}
.brandFont h3 a:hover{color:#00CE66;}
.brandFont p{height:5em;overflow:hidden;text-overflow:ellipsis;}
.brandFont p:hover{text-decoration:underline;}
.brandFont a.brandMore{ color:#aaa; float:right;margin-right:10px;}
.brandFont a.brandMore:hover{ color:#fff;text-decoration:underline;}

/*新闻中心 start*/
.newsBox .newsFocus{width:35%;float:left;margin-right:20px;}
.newsFocus .bx-wrapper .bx-pager{ position:static;margin-top:20px;}
.newsFocus .bx-wrapper .bx-pager.bx-default-pager a{width:50px;height:5px;border-radius:0;}
.newsFocus .bx-wrapper .bx-pager.bx-default-pager a.active{background:#222;}
.newsFocus .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#222;}
.newsFocus .focusFont{display:block; background:rgba(51,51,51,0.7);text-align:center; position:absolute; left:0; bottom:0;color:#fff;width:97%;padding:10px 2%;}
.newsFocus .focusFont:hover{ text-decoration:underline;}

.newsBox .newsTab{overflow:hidden;}

.newsTab .newsTabBtn{ padding-bottom:5px;border-bottom:1px solid #999;}
.newsTab .newsTabBtn span{ display:block;float:left;width:20%;font-size:22px;text-align:center;color:#000;cursor:pointer;height:36px;line-height:36px;border-radius:5px;}
.newsTab .newsTabBtn span.cur{ background:#4a4f54; color:#fff;}
.newsTab .newsTabCont .newsItem{ margin-top:30px;}
.newsTab .newsTabCont .newsItem span{ float:right;color:#000;}
.newsTab .newsTabCont .newsItem a{display:block;text-indent:22px;max-width:70%;color:#000;}
.newsTab .newsTabCont .newsItem a:hover{ background:url(../images/newsArow.png) left no-repeat;color:#00CE66;}

.newsFocus .bx-wrapper .bx-controls-direction a{ display:block !important;font-size:2em;color:#ccc;}
.newsFocus .bx-wrapper .bx-controls-direction a:hover{ color:#fff;}
.newsFocus .bx-wrapper .bx-controls-direction .bx-prev{ left:0; background:url(../images/newsFocusPr.png) no-repeat;}
.newsFocus .bx-wrapper .bx-controls-direction .bx-next{ right:0; background:url(../images/newsFocusNe.png) no-repeat;}

@media only screen and (max-width:1500px) {
.header nav li.li_nav04 .child,.header nav li.li_nav05 .child{ left:-100%;}
.header nav li.on,.header nav li:hover{background:url(../images/dot02.png) 90% center no-repeat #4E4E4E; }
}

@media only screen and (max-width:1360px) {
.panles{width:1000px;height:472px;}
.panelHolder{ width:73px;height:472px;}
.tab{width:73px;}
.active.panelHolder{ width:562px;}
.contentHolder{width:562px;}
.footlist .code{ position:absolute; right:0px; top:0; width:120px; height:120px;}

}

@media only screen and (max-width:1280px) {
.wrap{ width:98%;}
.block_home_slider .flex-control-paging{ width:100%;}
.block_home_slider .flex-control-paging li{ margin:0 3px; font-size:12px;}

/*新闻中心、品牌优势*/
.brandBox .brandItem{width:50%;margin-bottom:70px;}
}

@media only screen and (max-width:1279px) {
.header nav li.on,.header nav li:hover{background:url(../images/dot02.png) 95% center no-repeat #4E4E4E; }
.header nav li.li_nav02 .child{ left:-150px;}
.header nav li.li_nav04 .child{ left:-250px;}
.header nav li.li_nav05 .child{ left:-200px;}
.header .logo img{ width:170px; height:auto; margin-top:35px;}
.header nav li{ font-size:16px;}
.block_home_slider .caption h2{ font-size:40px;}

/*.footlist .code{ top:100px;}*/
.footlist .code span a em{ font-size:14px;}


}

@media only screen and (max-width: 1023px) {
.header nav li.on,.header nav li:hover{background:#4E4E4E; }
.header .logo img{ width:130px; margin-top:40px;}
.header nav li{ font-size:14px;}
.header nav .child a{ font-size:12px; width:80px;}
a.more{ height:32px; line-height:32px;}
.block_home_slider .caption{ left:50px;}
.block_home_slider .caption h2{ font-size:30px;}
.i_block01 h2,.i_block02 h2,#slider .slide-block h1,.i_block03 h2,.model .inner h1{ font-size:20px;}
.footer .flist a{ padding:0 10px;}
.footer .foot_ll a.arial{ display:block; margin-left:0;}

.panles{width:750px;height:354px;}
.panelHolder{ width:55px;height:354px;}
.contentHolder{width:420px;}
.tab{width:55px;}
.active.panelHolder{ width:420px;}
.model .inner{ left:30px; padding:20px;}

.tab span em,.i_block03 p{ font-size:14px;}
.i_block03 .inner{ width:96%; padding:0 2%;}


.newsTab .newsTabCont .newsItem{ margin-top:20px;}
.newsTab .newsTabBtn span{font-size:18px;}
}


@media only screen and (max-width: 767px) {
/*body{ font-size:12px;}*/
.right_nav{display:none}
.wrap{ width:96%;}
.header nav{ display:none;}
.header .top-search{ display:none;}
.header{ height:100px;}
	.head_line { border:0;}
.header .logo{ position:absolute; top:25px; left:0px;}
	.header .logo img { width:200px;}
	.head_line > a { border:0;}
	.header .right_l { width:auto; border:0;}
.header .logo img{ margin:20px;}
.block_home_slider .caption{ bottom:40px;}
.block_home_slider .caption h2{font-size:18px;}
.block_home_slider .caption p.title{ font-size:14px; margin:0;}
a.more{ font-size:12px;width:95px;height:22px; line-height:22px;}
a.more1{font-size:12px;padding-left:10px;}
a.more2{ font-size:12px; padding-left:10px;}
.block_home_slider .flex-control-paging li a{ font-size:16px;}
.panelHolder,.contentHolder{ float:none;}
.i_block01,.i_block02{ padding:20px 0;}
.i_block01 li{ width:100%; margin-bottom:20px;}
.i_block01 li h2{ margin:10px 0 15px;}
.i_block02 h2{ margin:0 0 20px;}
.i_block02 h2 a{ width:auto;}
.i_block01 ul,.i_block01 li .inner{ margin:0;}
.i_block01 h2,.i_block02 h2, #slider .slide-block h1, .i_block03 h2,.model .inner h1{ font-size:16px;}
.i_block03 p{ font-size:14px;}
.i_block03 a.more{ margin:20px auto 0;}
.i_block03,.i_block03 img{ height:240px;}
.i_block03 .inner{ height:180px; margin-top:-90px;}

.i_block04 li{ width:50%; border-bottom:1px solid #c8c8c8;}
.i_block04 li:nth-child(3) .inner{ border-left:none;}
.i_block04 li .inner{ padding:20px 0;}

.panles{ width:100%; height:auto;}
.panelHolder{width:100%; height:auto;}
.contentHolder{width:100%}
.active.panelHolder{ width:100%;}
.model{ position:relative; height:auto;opacity:1;}
.tab{ display:none;}
.model img{ display:block; width:100%; height:auto;}
.model .inner{ width:90%; height:auto; padding:10px 5%; left:0; top:inherit; bottom:0;}
.model .inner h1{ margin-bottom:10px;}
.model .inner p{ font-size:12px;}
.model .inner a.more2{ margin-top:10px;}



.head_line{ font-size:12px;}
.footlist{ padding:20px 0;}
.footlist li{ width:100%; margin:0 0 20px;}
.footlist li h2{ font-size:14px; margin:0 0 0;}
.footlist li span{ float:left; margin:0 20px 0 0;}
.footlist li span a{ font-size:12px;}

.footer .foot_ll,.footer .foot_rr{ float:none; width:100%;}
.footer .flist{text-align:left;}
.footer .flist a{ padding:0 10px 0 0; font-size:12px;}
.footlist .code{ display:none;}



.mobile-nav-toggle-btn { display: inline}
#content-box { width: 100%; height: 100%; overflow: hidden;overflow-x: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, .5); background: #ffffff;
		-webkit-transition: .4s ease;
		-moz-transition: .4s ease;
		-ms-transition: .4s ease;
		-o-transition: .4s ease;
		transition: .4s ease;
	position:fixed;}
.content-inner { width:100%; height: 100%; overflow: auto;-webkit-overflow-scrolling: touch; overflow-x: hidden; }


/*新闻中心、品牌优势*/
.brandBox .brandItem{width:100%;float:none;margin-bottom:40px;}
.brandFont h3{font-size:18px;margin-bottom:15px;}
.newsBox .newsFocus{width:100%;float:none;margin:0 auto;max-width:420px;}
.newsTab{margin-top:20px;}
.newsTab .newsTabBtn span{ width:25%;font-size:16px;height:36px;line-height:36px;}

}