/* banner */
.banner { width:100%; height:590px; background:url(banner.jpg) center top}
.banner .licheng{ width:1100px; height:590px; margin:0 auto}
.box{ width:100%; height:auto}
.box.bg{ background:#f3f3f3}
.box.bga{ background:#ededed}
.box.bg-wenhua{ background:url(banner1.png) center top; height:490px;}
.box.bg-yingxiang{background:url(banner2.png) center top; height:370px;}
.box .box-box{ width:1100px; height:auto; margin:0 auto;}
.box .box-boxa{ width:1100px; height:auto; margin:0 auto; padding:60px 0;}
.box .box-boxa.bg{background:url(wenhua.png) 0 0; height:490px; }
.box .box-boxa.bga{background:url(yingxiang.jpg) 0 0; height:250px; }
.box .box-boxa h2{ font:48px/48px "\5FAE\8F6F\96C5\9ED1"; color:#333; width:100% }
.box .box-boxa h2 span{ color:#ee512a }
.box .box-boxa h2 span.quan{ width:10px; height:10px; font-size:0; line-height:0; display:inline-block; margin:10px;border-radius:100%; border:2px solid #333;}
.box .box-boxa h3{font:24px/24px "\5FAE\8F6F\96C5\9ED1"; border:2px solid #ddd; color:#666; padding:15px 30px; margin:10px 0 40px 0; display:inline-table }
.box .box-boxa h4{font:24px/24px "\5FAE\8F6F\96C5\9ED1"; width:90%; border-left:2px solid #ee512a; color:#333; padding-left:10px; margin-bottom:10px; display:inline-table }
.box .box-boxa .box-boxa-left{ width:660px; display:inline-block; float:left}
.box .box-boxa .box-boxa-left p{font:18px/36px "\5FAE\8F6F\96C5\9ED1";}
.box .box-boxa img{display:inline-block;}
.f-pt50{ padding-top:60px;}
.f-pt100{ padding-top:150px;}

/*wenhua*/
.wenhua{ width:286px; padding:55px 40px 0 40px; font:18px/36px  "\5FAE\8F6F\96C5\9ED1"; display:inline-block; float:left}
.wenhua h5{ font:30px/48px "\5FAE\8F6F\96C5\9ED1"; color:#ee512a; width:100%; text-align:center}
.wenhua .pingpai{width:286px; padding-top:160px;background:url(icon-wenhua.png) 85px 0 no-repeat; color:#333; }
.wenhua .pingpai.linian{ background-position:-270px 0}
.wenhua .pingpai.jiazhi{background-position:-642px 0}

/*yingxiang*/
.yingxiang{ width:300px; height:120px; background:#ee491f; padding:20px 30px; margin-top:50px;margin-bottom:50px; font:18px/36px  "\5FAE\8F6F\96C5\9ED1"; color:#fff; display:inline-block; float:left;filter:alpha(opacity=90); /*IE滤镜，透明度70%*/-moz-opacity:0.7; /*Firefox私有，透明度70%*/opacity:0.7;/*其他，透明度70%*/ }
.yingxiang span.f-fl{ font:72px/72px "\5FAE\8F6F\96C5\9ED1"; width:50px; border-right:1px solid #fff; height:120px; display:inline-block}
.yingxiang span.f-fr{ width:75%; float:left; padding-left:20px;}

.box .box-boxa.pb{ padding-bottom:0}
.box .box-boxa.pb h4{ border:none; padding-left:0; height:75px; line-height:70px; font-weight:bold}
.box .box-boxa.pb h4 span{ color:#ee512a}
.box .box-boxa.pb h4 span.yuan{ width:75px; height:75px;background:#ee512a; border-radius:100%; text-align:center; color:#fff; display:inline-block; margin-right:15px; font-size:42px;}
.box .box-boxa .box-boxa-right{ width:465px;display:inline-block;}

.ui-list{ width:100%;font:normal 18px/36px "\5FAE\8F6F\96C5\9ED1"; padding-left:92px;}
.ui-list li{width:100%; vertical-align:bottom; clear:both; height:36px; overflow:hidden;white-space:nowrap; text-indent:25px; background: url(ico-1.png) no-repeat -84px 8px;}
.box-boxa-right a.bottom{ width:200px; height:40px;font:normal 18px/40px "\5FAE\8F6F\96C5\9ED1"; border:1px solid #facabd; background:#fff; color:#ee491f; border-radius:3px; text-align:center; display:inline-block; margin-top:25px; margin-left:100px}
.box-boxa-right a.bottom:hover{ background:#ee491f; border-color:#ee491f;color:#fff;}



/*产品中心*/
.box .box-boxb{ width:1100px; height:auto; margin:0 auto; padding:40px 0;}
.box.bg-chanpin{ background:url(banner3.png) center top; height:168px; }
.box .box-boxa.bgb{background:url(chanpin.png) 0 0; height:148px; padding:10px 0 }
.chanpin-box{ width:190px; height:90px;background:url(cp.png) 0 0 no-repeat; margin-top:40px;display:inline-block; float:left}
.chanpin{ width:150px; padding:25px 15px 0 15px; font:18px/36px  "\5FAE\8F6F\96C5\9ED1"; display:inline-block; float:left; text-align:center;}
.chanpin h5{ font:24px/24px "\5FAE\8F6F\96C5\9ED1"; font-weight:bold; width:100%; text-align:center;color:#fff;}
.chanpin a.zixun{width:150px; padding-top:50px;background:url(cp.png) 60px -250px no-repeat; color:#333;color:#ffdad0; display:inline-block }
.chanpin .zixun.kecheng{ background-position:-50px -250px}
.chanpin .zixun.tiku{background-position:-160px -250px}
.chanpin .zixun.app{background-position:-270px -250px}
.chanpin a.zixun:hover,.nav-four a:hover,.wenhua .pingpai{
-webkit-animation:bounce 1s 0s ease both;
-moz-animation:bounce 1s 0s ease both;}
@-webkit-keyframes bounce{
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-15px)}
60%{-webkit-transform:translateY(-7px)}
}
@-moz-keyframes bounce{
0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-15px)}
60%{-moz-transform:translateY(-7px)}
}



.box .box-boxa img,.yingxiang{
-webkit-animation:fadeInDown 1s .2s ease both;
-moz-animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

.chanpin-biaoti{font:24px/24px "\5FAE\8F6F\96C5\9ED1"; width:90%; border-left:2px solid #ee512a; color:#333; padding-left:10px; margin:0px 0 20px 0; display:inline-table }
.chanpin-biaoti span{font:16px/24px "\5FAE\8F6F\96C5\9ED1"; padding-left:10px;color:#666}

/**/
.nav-four{ margin:0 12px;padding:14px 0  }
.nav-four li{ width:153px; display:inline; float:left}
.nav-four a{display:block; text-align:center;margin:0 auto; font-size:18px; color:#666}
.nav-four i{ width:105px; height:105px; margin:0 auto; display:block; clear:both; margin-bottom:8px;position:relative; background:url(cp.png) no-repeat;}
.nav-four i.zj-ico{ background-position:0 -105px; }
.nav-four i.mk-ico{background-position:-166px -105px; }
.nav-four i.sp-ico{background-position:-328px -105px; }
.nav-four i.vip-ico{background-position:-489px -105px; }
.nav-four i.mr-ico{ background-position:-657px -105px; }
.nav-four i.yc-ico{background-position:-824px -105px; }
.nav-four i.gf-ico{background-position:-986px -105px; }
.nav-four b.number-one{ display:block; position:absolute; right:-4px ; bottom:18px; border-radius:50px; width:6px; height:6px;background:#fff; color:#fff; font:normal 0/4px "arial"}
.nav-four b.number-one{ right:12px ; top:8px;}

.box.bgc{ background:url(banner4bg.jpg) center 50px no-repeat; height:610px; padding-top:50px}
.box .box-boxb.bg-app{ height:300px; padding:0}
.box .box-boxb.bg-app .chanpin-biaoti{ position:absolute; top:-50px}
.box .box-boxb.bg-appbt{background:url(banner5.png) center top no-repeat; height:259px;}

.img-a{ position:relative; display:inline-block}
.img-a span{ display:none}
.img-a:hover span{ position:absolute; display:inline-block; bottom:0; left:0; width:130px; height:35px; line-height:35px; font-size:16px; color:#fff; background:#dd1401; text-align:center}



/*联系我们*/
.ditu{width:1100px;height:508px; margin:20px auto 0 auto; position:relative; border:1px solid #e9e9e9 }
.lianxi{width:1060px;height:250px; padding:10px 20px; position:absolute; top:238px; left:0; background:#f9f9f9;}
.lianxi .lianxi-box{ width:1100px; margin:0 auto; color:#666}

.lianxi-box{ margin:0 12px;padding:14px 0  }
.lianxi-box li{ width:550px; display:inline-block; float:left; font-size:14px}
.lianxi-box li.che{ width:100%; }
.lianxi-box li.che span.f-fl{ width:88%;}
.lianxi-box li.big{ width:100%; font-size:18px; padding-bottom:15px;}
.lianxi-box li span{display:inline-block; line-height:30px;}
.lianxi-box i{ width:35px; height:30px;display:inline-block; clear:both; margin-bottom:8px;position:relative; background:url(../img/dizhi.png) no-repeat;}
.lianxi-box i.dz-ico{ background-position:0 0; }
.lianxi-box i.yb-ico{background-position:-39px 0; }
.lianxi-box i.dh-ico{background-position:0 -40px; }
.lianxi-box i.yx-ico{background-position:-40px -37px; }
.lianxi-box i.cz-ico{ background-position:2px -75px; }
.lianxi-box i.zz-ico{background-position:-40px -70px; }
.lianxi-box i.cc-ico{background-position:-78px 0; }
.lianxi-box b.number-one{ display:block; position:absolute; right:-4px ; bottom:18px; border-radius:50px; width:6px; height:6px;background:#fff; color:#fff; font:normal 0/4px "arial"}
.lianxi-box b.number-one{ right:12px ; top:8px;}

.xuanxiangka{ display:block; width:1098px; height:auto;border:1px solid #e8e8e8; border-bottom:none}
.xuanxiangka li{ width:365px; background:#f9f9f9; border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; display:inline-block; line-height:40px; padding:20px 0; float:left; font-size:18px; text-align:center; cursor:pointer}
.xuanxiangka li.nobd{ border-left:none}
.xuanxiangka li.hover{ background:#fff; border-bottom-color:#fff; color:#ee491f}
.xuanxiangka li span{ width:auto; height:40px;display:inline-block;}
.xuanxiangka i{ width:50px; height:40px;display:inline-block;background:url(../img/dizhi.png) no-repeat;}
.xuanxiangka i.js-ico{ background-position:-60px -130px; }
.xuanxiangka i.wz-ico{background-position:-60px -195px; }
.xuanxiangka i.yq-ico{background-position:-60px -255px; }
.xuanxiangka li.hover i.js-ico{ background-position:0 -130px; }
.xuanxiangka li.hover i.wz-ico{background-position:0 -195px; }
.xuanxiangka li.hover i.yq-ico{background-position:0 -255px; }
.xuanxiangka-bt{ width:1000px; padding:40px 49px; border:1px solid #e8e8e8; font:14px/30px "\5b8b\4f53"; background:#fff }
.xuanxiangka-bt.pd60{width:940px; padding:50px 80px;}
.xuanxiangka-bt p{ text-indent:30px;}
.xuanxiangka-bt.notp{ border-top:none;}
.xuanxiangka-bt h6{font:18px/24px "\5FAE\8F6F\96C5\9ED1"; border-left:2px solid #ee491f; padding-left:10px; margin:20px 0 10px 0;}
.xuanxiangka-bt h5{font:18px/24px "\5FAE\8F6F\96C5\9ED1"; color:#ee491f; padding-bottom:10px}
.xuanxiangka-bt h5.bg{ background:#f6f6f6; padding:20px; margin-bottom:20px; margin-left:-10px; width:980px;height:24px;}
.xuanxiangka-bt h5.bg.bga{ background:#ff5c4a; color:#fff; padding:10px 20px; font-size:14px;width:920px;}
.position_basic{ width:800px;}
.position_basic li {color: #333;line-height: 40px;margin-left: 15px;width: 195px;overflow: hidden;padding-right: 10px; float:left}
.position_basic li span.position_basic_title {color: #777;}

.yinyan{ display:block; position:relative;text-indent:30px}
.yinyanbox{ position:absolute; width:30px;height:30px;background:url(../img/dizhi.png) no-repeat 0 -364px;}
.yinyanbox.yinyan-a{ left:0; top:-10px}
.yinyanbox.yinyan-b{ right:0;bottom:-10px; background-position:0 -328px}


/*加入我们*/
.jiaru{width:100%;height:450px; background:#ff7058 }
.jiaru .jiarume{ width:1100px; height:450px; margin:0 auto;position:relative }
.jiaru .jiarume .jiaru-box{width:100%;height:120px;position:absolute; bottom:0; left:0; }
.jiaru .jiarume .jiaru-box li{ width:250px;font:18px/24px "\5FAE\8F6F\96C5\9ED1"; border:2px solid #fff; display:inline-block; float:left;background:#fff;filter:alpha(opacity=90); /*IE滤镜，透明度70%*/-moz-opacity:0.9; /*Firefox私有，透明度70%*/opacity:0.9;/*其他，透明度70%*/}
.jiaru .jiarume .jiaru-box li.hover{ color:#ee491f !important; border-color:#ee491f}.jiaru .jiarume .jiaru-box li.hover a{color:#ee491f}
.jiaru .jiarume .jiaru-box li img{ width:145px; padding-right:35px;}

.h1{font:24px/24px "\5FAE\8F6F\96C5\9ED1"; padding-bottom:20px}
.zhiwei{ width:251px; padding:20px 30px; border:1px solid #e8e8e8; float:left}
.zhiwei.h200{ height:216px}
.ui-lista{ width:100%;font:normal 14px/36px "\5FAE\8F6F\96C5\9ED1";}
.ui-lista li{width:100%; vertical-align:bottom; clear:both; height:36px; overflow:hidden;white-space:nowrap; text-indent:25px; background: url(fenlei.png) no-repeat -95px 12px;}
.zhiwei h4{font:18px/50px "\5FAE\8F6F\96C5\9ED1"; font-weight:bold; width:90%; color:#333; padding:0 0 10px 0; border-bottom:1px dashed #ddd;display:inline-table; margin-bottom:10px }
.zhiwei span.yuan{ width:50px; height:50px; background: url(fenlei.png) no-repeat; display:inline-block; padding-right:10px}
.zhiwei span.yuan.jishu{ background-position:0 -120px }
.zhiwei span.yuan.sheji{background-position:0 -300px }
.zhiwei span.yuan.biancheng{background-position:0 -240px }
.zhiwei span.yuan.bianji{background-position:0 -60px }
.zhiwei span.yuan.shangwu{background-position:0 -180px }
.zhiwei span.yuan.shichang{background-position:0 -360px }
.zhiwei span.yuan.xinzheng{background-position:0 -415px }


.huanjing-bt{ width:1100px; padding-top:20px; border-top:1px solid #e8e8e8; font:14px/30px "\5b8b\4f53"; background:#fff }
.shenghuo{ width:450px;}
.shenghuo .shenghuo-left{font:24px/50px "\5FAE\8F6F\96C5\9ED1";  width:52px; height:90px; background: url(ico-1.png) no-repeat 0 -200px; color:#fff; padding-left:68px; float:left }
.shenghuo .shenghuo-right{width:300px;float:left; padding-top:15px; font-size:14px}
.shenghuo .shenghuo-right span{ width:300px;font:24px/24px "\5FAE\8F6F\96C5\9ED1"; display:block; padding-bottom:10px }

.xinchou{ width:1098px; height:100px; background:#fafafa; border:1px solid #dcdcdc; border-bottom:1px dashed #dcdcdc;}
.xinchou-left{ width:160px; height:100px; background: url(fenlei.png) no-repeat 50px -485px; float:left}
.ui-listb{ width:900px;font:normal 14px/36px "\5FAE\8F6F\96C5\9ED1"; padding-top:15px; float:left}
.ui-listb li{width:450px; vertical-align:bottom;height:36px; overflow:hidden;white-space:nowrap; text-indent:25px; background: url(fenlei.png) no-repeat -93px -40px; float:left}





/*客服中心*/
.kefu{width:100%;height:190px; background:#ededed}
.kefu .kefu-banner{ width:1100px; height:190px; margin:0 auto}
.help-service-block { width:1100px; height:260px;margin:0 auto;background: #fff none repeat scroll 0 0;border-radius: 3px; margin-bottom: 15px;position: relative;}
.help-service-info {float: left;margin-left:44px;*margin-left:22px;width: 680px;}
.help-service-des span.rwm{ float:left;width:220px; height:82px; padding:25px 30px; border:1px solid #e6e6e6; background:#fafafa;position:relative;z-index:0}
.help-service-des span.rwm.w300{ width:300px; padding-top:45px; height:62px}
.help-service-des span.rwm.w300 p{ width:80px}
span.rwm p{ float:left; width:100px; height:auto; font-size:14px; text-align:left; line-height:22px; color:#666}
span.rwm img{ float:right; width:90px; height:90px; background:#000}
.help-service-info h2 {border-bottom: 1px solid #eeeeee;color: #333333;font-size: 18px;font-weight: bold; margin-bottom: 12px;margin-top: 34px;padding-bottom: 9px;}
.help-service-info h2.online-people em{display: inline-block;width: 27px;height: 23px;background:url("../img/dizhi.png") no-repeat 0px -430px;vertical-align: middle;}
.help-service-info h2.online-people em.em1{ background-position:0 -482px}
.help-service-info h2.online-people em.em2{background-position:0 -531px}
.help-service-info h2 span{padding-left:10px;vertical-align: middle;}
.help-service-des p{color: #333;font-size: 14px;line-height: 25px;position: relative;padding-left: 17px;}

.help-service-btn{float: right;width: 320px;background: #ef6b49;height: 100%;position: absolute;right: 0px;top: 0px;}
.help-service-btn a{display: block;height: 100%; width:92px;}
.help-service-btn.hover{cursor:pointer;}
.help-service-btn.hover:hover{background: #fe9900;}
.help-service-ask{position: absolute;left: 50%;top: 50%;margin-left: -120px;margin-top: -48.5px; width:250px;}
.help-service-ask i{float: left;background: #fff;width: 1px;height: 104px;margin: 0 31px;}

.help-service-buyer span{width: 67px;height: 72px;background: url("../img/dizhi.png") no-repeat 0px -576px;display: block;margin: 2px auto 8px;}
.help-service-buyer.help-service-seller span{ background-position:0px -730px;}
.help-service-buyer.help-phone span{ background-position:0px -1050px;}
a.help-service-buyer,a.help-service-seller{float: left;font-family: "\5FAE\8F6F\96C5\9ED1";}
a.help-service-buyer:hover p,a.help-service-seller:hover p{color: #ffdba4;text-decoration: none;}
a.help-service-buyer:hover span{ background-position:0px -656px;}
.help-service-buyer.help-service-seller:hover span{ background-position:0px -800px;}
.help-service-buyer.help-phone:hover span{ background-position:0px -1130px;}
.help-service-buyer p,.help-service-seller  p{ color: #eeeeee;font-size: 16px;text-align: center;}

.help-service-btn .wei {left: 50%;margin-left: -77.25px;margin-top: -89.5px;position: absolute;top: 50%;width: 144px;}
.new_btn_box .new_weima{ background:#fff url(ico1.png) no-repeat 10px -268px; width:131px; height:131px; display:inline-block; float:right; }
.help-service-btn .wei .new_weima{ background:#fff url(ico1.png) no-repeat 17px -258px; width:144px; height:144px; display:inline-block; float:right;clear:both} 
.help-service-btn .wei p {width:100%;display:inline-block;background: #000 none repeat scroll 0 0;color: #fff;font-size: 15px;height: 36px;line-height: 36px;text-align: center;}
.ke-list{ display:block; width:100%; height:auto; margin-left:30px;}
.ke-list li{ float:left; width:100%; margin-top:10px; display:inline;}
.ke-list li a{ float:left; width:250px;border:1px solid #e6e6e6; border-radius:2px; border:1px solid #e6e6e6; height:40px; line-height:40px; font-size:16px; color:#ff5400; text-align:center; background:#fff; box-shadow:0px 2px 2px #f6f6f6; text-decoration:none; z-index:3}
.ke-list li a:hover{ background:#ff5400; border-color:#ff5400; color:#fff;}
.h2 {float: left;font-size: 16px;text-align: left;width: 100px;}
.h2 i.ico-pc {background-position:-76px -431px;}
.h2 i {background: rgba(0, 0, 0, 0) url("../img/dizhi.png") no-repeat scroll -76px -472px;display: inline-block;height: 42px;margin-right: 8px;vertical-align: middle;width: 26px;}

.grade{ width:100%; height:55px; display:block;font-size:20px}
.grade dl { padding-left:40px;  clear:both; padding-bottom:5px}
.grade dt { float:left; display:inline;  padding:5px 0 10px 0px;color:#555; font-weight:bold}
.grade dd { float:left; margin:0 5px 5px 0; position:relative;  }
.grade dd a { float:left; height:35px; line-height:35px;padding:0 15px; overflow:hidden;color:#555; white-space: nowrap; }
.grade dd a  i{ width: 14px;height: 14px; display:block; position: absolute;top:3px; right: 0; background-position:-463px -115px;}
.grade dd .na-more a{ padding:0 18px 0 12px; *padding:0 18px 3px 12px;}
.grade dd.this a,.grade dd a:hover{ color:#fff; background:#e13b29; border-radius:3px }
.grade dd.this i,.grade dd a:hover i{background-position:-463px -135px;}


.xuanxiangka li.hover span a{color: #ee491f;}
.h2 i.ico-ipad {background-position:-76px -524px;}
.chanpin .zixun.xiaoxue{ background-position:-790px -250px}

.help-service-info {float: left;margin-left:44px;*margin-left:22px;width: 680px;}
.help-service-info.w100 {width: 1000px;}
em.xiaonian {float:left; width:80px; height:100px; background: url("../img/dizhi.png") no-repeat 30px -737px;}
span.rwm p.wenzi{font-size:18px; color:#e2341d; padding-top:6px;}

/*合作联系新增~20180608*/
div.erweima{float:left;margin-top:16px;border:1px solid #e8e8e8;width:440px;height:120px;padding:20px;}
div.erweima p{text-indent:0px;margin-left:130px;line-height:24px;}
.ewm-pic{float:left;font-size:12px;color:#ddd;text-align:center;}
.ewm-pic div{margin-top:-10px;}
.ewm-pic span{color:#999;}
.ewm-pic img{width:114px;}
div.erweima p.red-txt{font-size:20px;height:32px;line-height:32px;margin-top:8px;}
div.erweima p i{display:inline-block;margin-right:8px;margin-top:-3px;vertical-align:middle;width:32px;height:32px;background:url(ewm_icon.jpg) no-repeat;}
div.erweima p i.mess-icon{background:url(ewm_icon.jpg) no-repeat -32px 0px;}
.red-txt{color:#e00 !important;}
a.red-txt:hover{ text-decoration:underline!important;}
.xuanxiangka-bt h6 {margin-top:30px;}