/* reset */
html,body{ font-size: 14px; -webkit-text-size-adjust:none; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",Arial, sans-serif; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button,figure,figcaption{ margin:0;padding:0; }
fieldset,li,img{border:0;vertical-align:top}
ul,ol,li{list-style:none}
i { font-style: normal; }
button{overflow:visible;border:0;background-color:transparent;cursor:pointer}
button::-moz-focus-inner{padding:0;}
address,caption,em{font-style:normal}
a,a:focus,a:active,a:hover{ text-decoration:none; outline: 0; }
hr{display:none}
table {border-spacing: 0; border-collapse: collapse;}
td,th {  padding: 0; }
::-webkit-input-placeholder{color:#bbb}
::-moz-placeholder{color:#bbb;opacity:1}
:-ms-input-placeholder{color:#bbb}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; vertical-align: baseline;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@font-face {font-family: 'webfont';
  src: url('../fonts/kl7w4qydl87x2yb9.eot'); /* IE9*/
  src: url('../fonts/kl7w4qydl87x2yb9.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/kl7w4qydl87x2yb9.woff') format('woff'), /* chrome、firefox */
  url('../fonts/kl7w4qydl87x2yb9.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/kl7w4qydl87x2yb9.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */
}

/*==================a====================*/
a { color: #333; }
a:hover { color: #f16a00; }
h2 { font-size: 32px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

.box { max-width: 1170px;	*zoom: 1;	margin-right: auto;	margin-left: auto; position: relative; }
.box:before,.box:after,.list:after,.list:before,.clearfix:before,.clearfix:after {content: " ";	display: table }
.clearfix:after,.box:after,.list:after {clear: both}
.clearfix,.box,.list {*zoom: 1}
.jb {
	  background: -moz-linear-gradient(top, #0080d1 0%, #009cff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0080d1), color-stop(100%,#009cff));
    background: -webkit-linear-gradient(top, #0080d1 0%,#009cff 100%);
    background: -o-linear-gradient(top, #0080d1 0%,#009cff 100%);
    background: -ms-linear-gradient(top, #0080d1 0%,#009cff 100%);
    background: linear-gradient(to bottom, #0080d1 0%,#009cff 100%);
}

/*==================b====================*/
.siteBanner { width: 100%; overflow: hidden; }
.siteHeader { position: relative; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.2); background: url(../images/siteheader-bg.png) center top no-repeat; padding-top: 4px; }
.siteHeader-logo { position: absolute; display: block; left: 50%; margin-left: -103px; width: 206px; height: 138px; background: url(../images/siteheader-logo-bg.png) no-repeat; }
.siteHeader-logo .mobeli-logo { display: none; }
.siteHeader-logo img { display: block; max-width: 100%; margin-left:auto; margin-right: auto; margin-top: 10px; }
.siteHeader-tel { position: absolute; right: 0; top: 10px; color: #888; }
.siteHeader-tel span { color: #f16a00; }

.siteHeader-nav { margin-top: 38px; background: url(../images/nav-li-bg.jpg) left bottom no-repeat; }
.siteHeader-nav .item { float: left; height: 100px; width: 120px; }
.siteHeader-nav .link { display: block; border-bottom: 0px solid #fff; height: 100px; text-align: center; background: url(../images/nav-li-bg.jpg) right bottom no-repeat; }
.siteHeader-nav .icon-layer,.siteHeader-nav .icon-layer * { transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }
.siteHeader-nav .icon-layer { display: block; width: 80px; height: 56px; overflow: hidden; margin-left: auto; margin-right: auto; }
.siteHeader-nav .icon-layer img { display: block; }
.siteHeader-nav .icon-layer span { display: block; height: 56px; padding-top: 32px; font-size: 16px; font-weight: bold; color: #666; }
.siteHeader-nav .link span.en { color: #aaa; text-transform:uppercase; font-size: 12px; display: block; padding-top: 5px; }
.siteHeader-nav .link:hover,.siteHeader-nav .on { border-bottom:2px solid #f16a00; }/*nav hover css*/
.siteHeader-nav .link:hover .icon-layer span,.siteHeader-nav .on .icon-layer span { margin-top: -56px; }
.siteHeader-nav .link:hover .en,.siteHeader-nav .on .en { color: #f16a00 !important }
.siteHeader-nav .item-sep { margin-right: 206px; }
.siteHeader-nav .item-sep .link { background: none; }

.proNav  { box-shadow: 0 0 10px rgba(0,0,0,.2); position: relative; z-index: 10; }
.proNav .list { border-right: 1px solid #f2f2f2; }
.proNav .list .item { float: left; border-left: 1px solid #f2f2f2; overflow: hidden; width: 11.111111111%; }
.proNav .list .item a { display: block; line-height: 70px; height: 70px; padding: 0 10px; }
.proNav .list .item:hover a,.proNav .list .on a { border-bottom: 2px solid #f16a00; color: #f16a00 }
.proNav .icon-layer { display: block; width: 40px; height: 40px; overflow: hidden; float: left; margin-right: 10px; margin-top: 15px; }
.proNav .icon-layer img { display: block; max-width: 100%; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }
.proNav .list .item:hover .this1,.proNav .list .on .this1 { margin-top: -40px; }

.section .hd-title { font-weight: normal; color: #333; text-align: center; margin-top: 50px; }
.section .hd-title-en {  color: #999; text-align: center; margin-top: 10px; text-transform:uppercase; } 
.section .hd-txt { color: #999; text-align: center; margin-top: 10px; }
.section .bd { padding-top: 50px; padding-bottom: 50px; }

.home-brand { background: #eee; }
.homebrand-roll-make { overflow: hidden; position: relative; }
.homebrand-left,.homebrand-right { cursor: pointer; z-index: 99; display: block; width: 70px; height: 70px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -35px; }
.homebrand-right { right: 0; left: auto;}
.home-brand .list { width: 1000%; position: relative; }
.home-brand .item { float: left; width:300px; padding-right: 30px; }
.home-brand .item-box { background: #fff; position: relative; overflow: hidden; border-top: 1px solid #6bc233; padding:10px; display: block; }
.home-brand .item-img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; }
.home-brand .item-title { font-size: 16px; text-align: center; height: 44px; overflow: hidden; }
.home-brand .item-title .en,.home-brand .item-title .cn { text-align: center; height: 22px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.home-brand .item-layer { left: 0; display: block; position: absolute; width: 100%; top: 100%; bottom: 0; background: rgba(241,106,0,.8); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
.home-brand .item-layer span { display: block; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 150px; font-size: 18px; font-weight: bold; color: #fff; text-align: center; }
.home-brand .item-box:hover .item-layer { top: 0; }
.home-brand .item-box:hover { border-top: 1px solid #f16a00 }

.home-video { height: 360px; background-color:#000;}
.sep12 { margin-left: -15px; margin-right: -15px; }
.sep5 { width: 50%; float: left; padding-right: 15px; padding-left: 15px; }

.home-news .item { margin-bottom: 30px; }
.home-news .item-link { display: block; height: auto; background: #eee; overflow: hidden; }
.home-news .item-pic { float: left; width: 150px; }
.home-news .item-pic-img { display: block; max-width: 100%; max-height: 100px;}
.home-news .item-info { padding:10px; padding-left: 170px;  }
.home-news .item-info-title { font-size: 18px; height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.home-news .item-info-txt { height: 40px; line-height: 20px; overflow: hidden; }
.home-news .item-link:hover { color: #fff; background: #6bc233 }
.more-news-btn { display: block; width: 120px; margin:0 auto; height: 46px; line-height: 46px; border: 1px solid #6bc233; color: #6bc233; text-align: center; border-radius: 5px; }

.home-brand2 { background: #eee; }
.demo {  overflow: hidden; }
.kehu-roll {  width: 1000em;  overflow: hidden;}
.kehu-roll .demo1,.kehu-roll .demo2 {  float: left;  overflow: hidden; }
.kehu-roll li {  float: left;  margin-right: 15px;}
.kehu-roll .demo1  li:last-child { /*margin-right:0*/ }
.kehu-roll li a { display: block;  margin-bottom: 15px; position: relative; height: 122px; overflow: hidden; position: relative; }
.kehu-roll li a img { display: block; max-width: 100%; }
.kehu-roll li a .hide-layer { width: 100%; top: 100%; bottom: 0; position: absolute; background: rgba(241,106,0,.8); transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }
.kehu-roll li a .hide-layer span { display: block; color: #fff; text-align: center; margin-top: 35px; }
.kehu-roll li a:hover .hide-layer { top: 0; }
.more-brand-btn { background: #fff; color: #6bc233; border-color: #fff; margin-top: 25px; }

.footer-topBtn { border-bottom: 1px solid #6bc233; text-align: center; background: #eee; padding-top: 15px; }
.footer-topBtn-link { display: inline-block; *display: inline; *zoom: 1; }
.footer-info { padding-top: 25px; padding-bottom: 25px; }
.footer-logo { float: left; display: block; }
.footer-logo img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; }
.footer-nav { float: left; border-left: 1px solid #ddd; overflow: hidden; margin-left:40px; }
.footer-erweima { float: right; text-align: right; }
.footer-erweima div { max-width: 120px; display: inline-block; *display: inline; *zoom: 1; margin-left: 15px; text-align: center; }
.footer-erweima div img { display: block; max-width: 100%; margin-bottom: 5px; }
.footer-nav li { float: left; padding:0 40px; border-right: 1px solid #ddd; }
.footer-nav li a { display: block; color: #888; margin-top: 10px; position: relative; }
.footer-nav li a:hover { color: #f16a00 }
.footer-nav li a i { display: inline-block; margin-right: 10px; }
.footer-copyright { background: #6bc233; padding: 8px 0; color: #fff; text-align: center; }
.footer-copyright a {
    color: #fff;
}
.main-bg { background: #eee; }
.main-side { width: 270px; float: left; margin-top: 20px; }
.main-body { margin-left: 300px; margin-top: 20px; overflow: hidden; }

.main-side-nav { border-top: 3px solid #6bc233; background: #fff; padding-bottom: 25px; }
.main-side-nav .hd { background: url(../images/side-titlebg.png) left top no-repeat; padding:15px 0; border-bottom: 1px solid #eee; }
.main-side-nav .hd h5 { text-align: center; }
.main-side-nav .hd p { font-size: 12px; color: #ddd; text-align: center; padding-top:5px; }
.main-side-nav .list li { border-bottom: 1px solid #eee; }
.main-side-nav .menu1 { display: block; overflow: hidden; padding:10px 0; line-height: 35px; color: #333; font-size: 16px; font-weight: bold; }
.main-side-nav .menu1 i { display: block; float: left; width: 35px; height: 35px; overflow: hidden; margin-left: 25px; margin-right: 25px; }
.main-side-nav .menu1 i img { display: block; max-width: 100%;  }
.main-side-nav .menu1:hover { color: #f16a00; }
.main-side-nav .menu1:hover i .img01 { margin-top: -35px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }

.main-side-nav .list li .sublist { display: none; }
.main-side-nav .menu2 { display: block; padding:10px 25px; line-height: 25px; font-size: 14px; color: #666; border-top: 1px solid #eee; }
.main-side-nav .menu2:hover,.main-side-nav .menu2.on{ color: #f16a00 }
.main-side-nav .list li.on .menu1 { color:#f16a00 }
.main-side-nav .list li.on .menu1 i .img01 { margin-top: -35px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }
.main-side-nav .list li.on .sublist { display: block; }


.data-porlist { margin-left: -15px; margin-right: -15px; }
.data-porlist .item { float: left; width: 300px; padding-right: 15px; padding-left: 15px; margin-bottom: 30px; }
.data-porlist .item-a { display: block; background: #fff; padding:10px; }
.data-porlist .item-img { display: block; width: 100%; margin-left: auto; margin-right: auto; }
.data-porlist .item-title { text-align: center; padding:10px ; height: 60px; overflow: hidden; }
.data-porlist .item-title .en,.data-porlist .item-title .cn { text-align: center; height: 20px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.data-brand .item-a {padding:0px;}

.fanye { text-align: center; font-size: 0; padding-top: 25px; }
.fanye a { border:1px solid #fff; display: inline-block; *display: inline; *zoom: 1; padding:10px 20px; background: #fff; font-size: 14px; margin: 0 2px; }
.fanye a:hover,.fanye a.on { border:1px solid #f16a00; }

.nav-toggle { display: none; cursor:pointer; position: relative; float: right; border: 1px solid #6bc233; padding: 9px 10px; border-radius: 3px; margin: 22px 15px; }
.nav-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #6bc233; }
.nav-toggle .icon-bar+.icon-bar { margin-top: 4px; }

.main-side-nav .side-nav-btn  { display: none; cursor: pointer; position: absolute; right: 35px; width: 25px; height: 25px; top: 25px; }

.data { padding:30px; background: #fff; }
.data-pro { padding:0 !important; background: none !important }

.proxx-imgshow { /*max-width:400px;*/width:400px; float: left; }
.proxx-imgshow .big { border: 1px solid #ddd; width: 100%; }
.proxx-imgshow .big img {display: block;}
.proxx-imgshow .big-pic{width:100%;}
.proxx-imgshow .small { margin-top: 15px; }
.proxx-imgshow .small-left { padding:0 6px; float: left; cursor: pointer; width: 30px; position: relative; height: 75px; }
.proxx-imgshow .small-right { padding:0 6px; float: right; cursor: pointer; position: relative; width: 30px; height: 75px; }
.proxx-imgshow .small-left img ,.proxx-imgshow .small-right img { display: block; position: absolute; top: 50%; margin-top: -11px; left: 5px; }
.proxx-imgshow .small-mask { overflow: hidden; }
.proxx-imgshow .small-mask .small-roll { width: 1000%; position: relative; }
.proxx-imgshow .small-mask a { display: block; float: left; margin-right: 10px; border: 1px solid #ddd; width: 77px; }
.proxx-imgshow .small-mask a img { display: block; max-width: 100%; }
.proxx-imgshow .small-mask a.on { border-color: #f16a00 }

.proxx-info { width: 380px; float: left; margin-left: 30px; }
.proxx-info .info-title { font-size: 18px; color: #f16a00; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.proxx-info .info-style { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; color: #888; }
.proxx-info .info-style p { padding:5px 0; }
.proxx-info .info-style .t { color: #333; font-weight: bold; display: inline-block; margin-right: 20px; }
.proxx-info .info-price span { display: block; float: left; line-height: 43px; }
.proxx-info .info-price em { font-size: 36px; color: #f16a00; display: inline-block; font-family: Arial }
.proxx-info .info-txt p { line-height: 26px; }
.proxx-info .info-goumai a { display: block; background: #f16a00; line-height: 48px; width: 200px; text-align: center; color: #fff; font-size: 16px; margin-top: 15px; }
.proxx-jieshao { overflow: hidden; padding-top: 50px; }
.proxx-jieshao .title-img { text-align: center; background: url(../images/proxx-jieshao-title.jpg) center top no-repeat; height: 26px; overflow: hidden; width: 100%; }
.proxx-jieshao .jieshao-txt { max-width: 750px; margin-left: auto; margin-right: auto; overflow: hidden; }
.proxx-jieshao img{max-width:100%; height:auto;}
.data-newslist { background: #fff; }
.data-newslist .list { margin-top: -30px; }
.data-newslist li { overflow: hidden; border-bottom: 1px solid #eee;  padding-bottom: 30px; padding-top: 30px; }
.data-newslist .item-pic { display: block; width: 155px; float: left; }
.data-newslist .item-pic img { display: block; max-width: 100%; }
.data-newslist .item-info { padding-left: 175px; }
.data-newslist .info-title  { display: block; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.data-newslist .info-txt { line-height: 20px; height: 40px; overflow: hidden; color: #888; font-size: 12px; margin-top: 10px; }
.data-newslist .info-time { display: block; color: #888; font-size: 12px; margin-top: 10px; }

.newsxx-title { font-size: 24px; color: #f16a00; text-align: center; font-weight: normal }
.newsxx-time { text-align: center; color: #888; padding:20px 0 30px; border-bottom: 1px solid #eee; font-size: 12px; }
.newsxx-time span { padding:0 15px; }
.newsxx-txt { line-height: 24px; padding-top: 15px; /*color: #888;*/ }
.newsxx-txt img{max-width:100%; height:auto;}
.xxfanye { padding-top: 20px; border-top: 1px solid #eee; margin-top: 20px; overflow: hidden; }
.xxfanye a { display: block; width: 50%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #888; }
.xxfanye a i { float: left; display: block;  margin-right: 15px; font-size: 0; padding-top: 3px; }
.xxfanye a:hover { color: #f16a00 }

.ff { float: left; }
.contact-info { float: left; }
.contact-info h6 { color: #f16a00; }
.contact-info p { line-height: 24px; color: #888; padding-top: 15px; }
.contact-info img{max-width:100%; height:auto;}
.contact-erweima { float: left; margin-left: 150px; }
.contact-erweima img { display: block; float: left; }
.contact-erweima p { float: left; color: #888; margin-left: 15px; }
.contact-erweima p span { font-size: 16px; }
.contact-layer { overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #eee; }

.data-hr .list { margin-top: -15px; }
.data-hr .item { border-bottom: 1px solid #eee; padding-bottom: 15px; padding-top: 15px; }
.data-hr .item-info { overflow: hidden; line-height: 32px; cursor: pointer; } 
.data-hr .hr-icon { margin-top: 9px; display: block; float: left; width:15px; height: 15px; background: #808080; line-height: 12px; text-align: center; color: #fff; }
.data-hr .hr-zhiwei { margin-left: 20px; display: block; float: left; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: bold; }
.data-hr .hr-info { overflow: hidden; float: right; color: #888; }
.data-hr .hr-renshu { display: block; float: left; margin-right: 30px; }
.data-hr .hr-time { display: block; float: left; margin-right: 30px; }
.data-hr .hr-more { display: block; float: left; padding:8px 16px; border: 1px solid #eee; color: #f16a00; line-height: 1; }
.data-hr .item-hide { display: none; padding-top: 15px; }
.data-hr .hr-txt { border-top: 1px dashed #eee; padding-top: 15px; }
.data-hr .hr-txt img{ max-width:100%; height:auto;}
.data-hr .hr-txt dt { font-size: 14px; font-weight: bold; color: #000; padding-bottom: 10px;  }
.data-hr .hr-txt dd { line-height: 22px; font-size: 14px; color: #888; }
.data-hr .on .item-hide { display: block; }
.data-hr .on .hr-icon { background: #f16a00; color: #fff; }
.data-hr .on .hr-zhiwei { color: #f16a00 }
.data-hr .on .hr-txt { border-top: 1px dashed #f16a00 }
.data-hr .on .hr-more { background: #f16a00; color: #fff; }

.data-brand .item img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; }

.brandxx-title { font-size: 24px; color: #f16a00; text-align: center; font-weight: normal }
.brandxx-txt { line-height: 24px; padding-top: 15px; color: #888; }
.brandxx-txt img{ max-width:100%; height:auto;}
.site-banner {
  overflow: hidden;
}
.wrap-box { position: relative; }
.wrap-ul {
  position: relative;
  overflow: hidden;
}
.wrap-li {
  float: left;
  height: 600px;
  background: center center;
}
.wrap-li a{ display:block; width:100%; height:100%;}
.wrap-label {
  position: absolute;
  z-index: 10;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.wrap-label span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  margin:0 3px;
  cursor: pointer;
}
.wrap-label span.on {
  background: #f16a00;
}
.wrap-btn-left { 
  position: absolute;
  z-index: 10;
  top: 50%;
  margin-top: -51px;
  left: 5%;
  width: 102px;
}
.wrap-btn-right { 
  position: absolute;
  z-index: 10;
  top: 50%;
  margin-top: -51px;
  right: 5%;
  width: 102px;
}
.wrap-btn-left img,.wrap-btn-right img {
  display: block;
  max-width: 100%;

}
.data-about .big-title { font-weight: normal; font-size: 28px; color: #333; border-bottom: 1px solid #ddd; padding-bottom: 15px; }
.data-about .big-title span { color: #f16a00 }
.data-about .big-title em { font-size: 14px; color: #888;  padding-left:20px; }
.data-about .small-txt { line-height: 22px; color: #888; padding-top: 15px; }
.data-about img{ max-width:100%; height:auto;}
.home-youqing {
  padding:10px 0;
  background: #eee;
}
.home-youqing-title { overflow: hidden; border-bottom: 1px solid #6bc233; }
.home-youqing-title h5 { display: block; float: left; padding:10px 25px; background: #6bc233; font-weight: normal; color: #fff; }
.home-youqing-cont { padding:10px 15px; background: #fff; }
.home-youqing-cont li { float: left; margin-right: 15px; line-height: 24px; }

.proxx-imgshow .big { position: relative; }
.proxx-imgshow .big-pic {  display: block; max-width: 100%; }
.jqzoom { position: relative; display:block; }
.zoomdiv { width: 250px; height: 250px; border: 1px solid #ddd; position: absolute; left: 420px; z-index: 100; top: 20px; display: none; overflow: hidden; }
.zoomdiv img { display: block; min-width:400px; }
.jqZoomPup { z-index:10; visibility:hidden;position:absolute;top:0px;left:0px; width:50px; height:50px; border:0px solid #aaa;background:#3a8de9 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

.weixin-layer { position: absolute; width: 100px; height: 100px; left: 0px; top: -110px; border: 1px solid #ddd; box-shadow: 0 0 10px rgba(0,0,0,.2); display: none; }
.weixin-layer img { display: block; max-width: 100%; }
.data embed{max-width: 100%;}