*{ font-family:"Microsoft Yahei", Arial, "Hiragino Sans GB", "Helvetica Neue", Helvetica, sans-serif; box-sizing:border-box; -webkit-box-sizing-border:border-box; -moz-box-sizing-border:border-box; -o-box-sizing-border:border-box; margin:0; padding:0;list-style-type:none;}
.nowrap,.nowrapall,.nowrapall * { white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.break,.breakall,.breakall * { word-wrap:break-word; word-break: break-all; }
.animate , .animateall , .animateall * { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }
.clearfix{ clear: both;}
.clearfix:after，.clearfix:before{ content: ""; clear: both; height:0;}

body{margin: 0; padding: 0;color: #666; font-size: 12px;line-height: 20px;border: 0;}
a { text-decoration: none;color: #666; }
ul { list-style: none;margin: 0;padding: 0; }
img{ border:none;}
i{ font-style: normal; }
table { border-collapse: collapse; }
input:focus , select:focus , textarea:focus , img, * { outline: none; }


/*公共样式*/
.pd10{ padding:0 10px;}
.wrap{ width: 100%; margin: 0; clear: both;}
.wrapbox{ max-width: 1200px; margin:0 auto; display: block;}
.kefubox .kefucont .kefu:hover, .kefubox .kefucont .kefu:hover a.qqicon,.kefubox .kefucont .kefu:hover a.tele, .footer .links a, .kefucont .kefu{ transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; }
.btn{ display:inline-block; height: 36px; line-height: 36px; color:#fff; padding:0 25px; border-radius:5px; background:#099aff;}
.fl{float:left;}
.fr{float: right;}


/* 底部工具 */
.bottomtool{ height:60px; width:100%; background:#3d3d3d; position: fixed; left:0; bottom:0; z-index: 9999; display: none;}
.bottomtool li{ width:25%; text-align:center; float: left; list-style:none; }
.bottomtool li:hover,.phone-menu li.active{ background-color:#222;}
.bottomtool li a{ color:#FFF; font-size:12px; text-decoration:none;}
.bottomtool li i{ background:url('../images/phone-menu.png') no-repeat; background-size:100%; margin:10px auto 10px; display:block; width:30px; height:38px; float:none; }
.bottomtool li i.icon1{ background-position:0 4px}
.bottomtool li i.icon2{ background-position:0 -33px;}
.bottomtool li i.icon3{ background-position:0 -71px;}
.bottomtool li i.icon4{ background-position:0 -111px;}
.bottomtool li i.icon5{ background-position:0 -101px;}

.bottomtool li.orderopen{ display: block; width:60px; height: 60px; border-radius: 50px; line-height: 20px; padding:10px 0; background: #0084ff; font-weight: bold; text-indent: center; position: absolute; top:-30px; left:50%; margin-left:-30px; color:#333; }
.bottomtool li.orderopen a{ font-size: 16px;}
.bottomtool li.item3, .bottomtool li.item4{ float: right;}

.detinfo{ position: fixed; width: 100%; height: 80px; bottom: -80px; z-index: 9998; }
.detinfo .context{width: 100%; background: #222; }
.detinfo .phone, .detinfo .meg, .detinfo .qq{display:none; }
.detinfo .context a, .detinfo .context span{ display: block; line-height: 40px; font-size: 20px; width: 100%; color:#fff; border-bottom: 1px solid #3d3d3d; font-size: 16px; text-align: center;  }
.detinfo .context span{ background: #2e2e2e; }

/* 微信二维码 */
.open_wind{ display: none;}
.mask{ width:100%; height: 100%; position: fixed; top:0; left: 0; background:rgba(0,0,0,.6); z-index: 9999;}
.weixincode{ width:260px; height:auto; padding:10px; border-radius:5px; background:#fff; position: fixed; top:10%; left: 50%; margin-left:-130px; z-index: 10000;}
.codeimg{ width:230px; height: 230px; background:#fff; margin:0 auto;}
.codeimg img{ width:100%;}
.weixincode span{ width:100%; text-align: center; display: block;}



/* 首页 */
.topbar{ background: #333; height: 30px; line-height: 30px; color: #808080; font-size: 14px; overflow: hidden; }
.topbar p{ float: left; }
.topbar span{ float: right; }
.topbar span b{ color: #ff7e00; }
.topbar a.login{display: block; padding: 2px 10px 4px; border: 1px solid #ff7e00; color: #fff; float: right; margin:5px 10px; line-height: 12px; border-radius: 3px; background: #ff7e00; }
.topbar a.login:hover{ color: #fff; border-color: #ff7200; background: #ff7200; }

.header{ min-height: 90px; width: 100%; background:  url('../images/headbg.jpg'); }
.header .wrapbox{ position: relative; }

.header .logo{ float: left; height: 90px; overflow: hidden; }
.header .nav{ position: absolute; top: 17px; right: 0; }
.header .nav ul li{position: relative; float: left; height:70px; line-height: 70px; width:100px;}
.header .nav ul li.compapi{ display: none; }
.header .nav ul>li>a{ font-size: 16px; display:block; text-align: center; margin: 0 10px; color:#666; border-bottom:3px solid transparent;  }
.header .nav ul>li:hover>a{ color: #ff7e00; }
.header .nav ul>li.active>a{ border-color: #ff7e00; color: #ff7e00; font-weight:bold; }

.header .nav ul li ol{ position: absolute; top: 80px; left: 0; width: 100%; background: #e8dcbe; z-index: 9999; height: 0; overflow: hidden; border-radius:0 0 5px 5px; opacity: 0; }
.header .nav ul li:hover ol{ height:auto; top: 90px; opacity: 1; }
.header .nav ul li ol li{ width: 100%; height: 40px;}
.header .nav ul li ol li a{ display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; color: #666; font-size: 14px; }
.header .nav ul li ol li a:hover{ background: #e7ce8f; color: #ff6200; }

.header .navBtn{ display: none; position: absolute; top: 20px; right: 20px; width: 40px;height: 40px; border-radius: 5px; background: url(../images/icons.png) no-repeat -120px 0; background-color: rgba(255,255,255,.2); }


/* banner马上注册 */
.banner .wrapbox{ position: relative; }
.orderwin{ position: absolute; right: 0; top: 90px; z-index: 999; width: 300px; height: 280px; background: url('../images/wbg.png') repeat; border-radius: 5px; overflow: hidden; }
.orderwin .tit{ width: 100%; height: 50px; text-align: center; color: #fff; font-size: 20px; line-height: 50px; background: #ff7e00; }
.orderwin form{ padding: 30px 20px; }
.orderwin .text{ position: relative; float: left; width: 260px; height: 40px; border-radius: 3px; margin: 0 auto 25px; }
.orderwin .text input.textbox{ width: 100%; height: 40px; line-height: 40px; background: #fff; padding-left: 40px; border: none; color: #999; border-radius: 5px; }
.orderwin .text i{ position: absolute; top: 0; left: 0; display: block; width: 40px; height: 40px; float: left; z-index: 10;  background-image: url('../images/icons.png'); }
.orderwin .text i.nameicon{ background-position: 0 0;}
.orderwin .text i.phoneicon{ background-position: -40px 0;}
.orderwin .text .btn{ width: 120px; height: 40px; border-radius: 5px; border: none; background: #ff7e00; cursor: pointer; font-size: 16px; }
.orderwin .text .btn:hover{ background: #ff6600; }
.orderwin .text .btn:active{ background: #ff7200; }

.orderwin .text label{ line-height: 26px; font-size: 12px; color: #b80000; text-align: left; }

/* banner轮播 */
.flexslider{position:relative;height:360px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:480px;}
.slides li a{ display: block; height: 100%; width: 100%; }
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline; }
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; opacity: 0;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; opacity: 0.5;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.banner:hover .flex-direction-nav{opacity: 1;}

.sbanner{ display: none; }

/* 热门服务 */
.hotserve{ padding: 90px 0; overflow: hidden; }
.hotserve .tit{ margin: 0 auto; width: 255px; height: 58px; background: url('../images/titbg.png') center; line-height: 66px; text-align: center; font-size: 26px; color: #fff;}
.hotserve .serveitem{ padding: 70px 0 50px; overflow: hidden; }
.hotserve .serveitem ul{ width: 100%; }
.hotserve .serveitem ul li{ width: 25%; float: left; }
.hotserve .serveitem ul li:hover{transform: translate(0,-10px);}
.hotserve .serveitem ul li.icon1{ background-position: -200px 0;  }
.hotserve .serveitem ul li .item{ display: block; width: 240px; height: 210px; border-radius: 8px; margin: 0 auto; text-align: center; color: #fff; overflow:hidden;}
.hotserve .serveitem ul li .item h2{ font-size: 24px; line-height: 30px; margin: 50px auto 20px;  }
.hotserve .serveitem ul li .item p{ font-size:16px;}
.hotserve .serveitem ul li .item a.checkBtn{ display: block; width: 120px; height: 32px; border-radius: 3px; border: 1px solid #fff; text-align: center; line-height: 30px; font-size: 14px; background: none; color: #fff;  margin:20px auto;}
.hotserve .serveitem ul li .item a.checkBtn:hover{ background:#fff; color: #333; }

.hotserve .serveitem ul li.icon1 .item{ background: #f49022 url('../images/icon1.png') no-repeat -10px -10px; }
.hotserve .serveitem ul li.icon2 .item{ background: #f75e5e url('../images/icon2.png') no-repeat -10px -10px; }
.hotserve .serveitem ul li.icon3 .item{ background: #53c3b0 url('../images/icon3.png') no-repeat -10px -10px; }
.hotserve .serveitem ul li.icon4 .item{ background: #399de4 url('../images/icon4.png') no-repeat -10px -10px; }

/* 公司注册 */
.compReg{ width: 100%; height: 500px; padding: 70px 0; background: url('../images/compbg.jpg'); }
.compReg .tit{ overflow: hidden; }
.compReg .tit h2{ color: #fff; font-size: 26px; text-align: center; line-height: 60px; font-weight:normal;}
.compReg .tit i.shortLine{ display: block; width: 40px; height: 2px; background: #fff; margin: 0 auto; }
.compReg .tit p{ width: 100%; text-align: center; color: #00ffea; font-size: 16px; line-height: 30px; margin: 20px auto; }
.compReg .compCont{ overflow: hidden; margin: 10px auto; }
.compReg .compCont ul{width: 100%; }
.compReg .compCont ul li{ width: 20%; float: left;}
.compReg .compCont ul li:hover{transform: translate(0, -10px);}
.compReg .compCont ul li i{ display:block; width: 60px; height: 60px; margin: 10px auto; background-image: url('../images/icons.png'); background-repeat: no-repeat;}
.compReg .compCont ul li i.cicon1{ background-position: 0 -40px; }
.compReg .compCont ul li i.cicon2{ background-position: 0 -100px; }
.compReg .compCont ul li i.cicon3{ background-position: 0 -160px; }
.compReg .compCont ul li i.cicon4{ background-position: 0 -220px; }
.compReg .compCont ul li i.cicon5{ background-position: 0 -280px; }
.compReg .compCont ul li span{ display: block; font-size: 14px; color: #fff; text-align: center; }
.compReg a.askBtn{ display: block; width: 150px; height: 42px; line-height: 40px; font-size: 18px; border-radius: 5px; text-align: center; border: 1px solid #fff; background: none; color: #fff; margin: 60px auto 0; }
.compReg a.askBtn:hover{ background: #fff; color: #333;}


/*资讯*/
.infoBlock{ padding:90px 0; overflow: hidden; }
.infoBlock .info{ float: left; width:27%; height:auto; margin-left:3%; }
.infoBlock .info.newsinfo{ float: left; width:40%; margin-left: 0; }
.infoBlock .info .tit{ width:100%; height: 40px; line-height: 40px; overflow: hidden; }
.infoBlock .info .tit i{ display: block ; width:5px; height: 18px; border-radius: 3px; background:#ff7e00; margin:11px 10px 0 0; float: left; }
.infoBlock .info .tit h3{ float: left; font-size:20px; color:#333; }
.infoBlock .info .tit a{ float: right; color:#999; }
.infoBlock .info .tit a:hover{ color:#ff7e00; }
.infoBlock .info ul{ margin:10px auto; overflow: hidden;}
.infoBlock .info ul li{ width:100%; line-height: 36px; overflow: hidden; font-size:16px; color:#444962; position: relative; }
.infoBlock .info.newsinfo ul li a{ position: relative; padding-right: 100px; padding-left: 15px; }
.infoBlock .info.newsinfo ul li a:before{ position: absolute; content: ""; width: 7px; height: 7px; border-radius: 50%; top: 14px; left: 0px; display: inline-block; background: #ff7e00; }
.infoBlock .info.newsinfo ul li span{position: absolute; top:0; right:0; color:#999;}
.infoBlock .info ul li a{ display: block; width:100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; }
.infoBlock .info ul li a:hover{ color:#ff7e00; }

/*客户评价*/
.feedback{ background: #f4f4f4; padding:70px 0; overflow: hidden; }
.feedback .effect{ max-width:1200px; overflow: hidden; margin:0 auto; }

.leftLoop{ overflow:hidden; position:relative;  }
.leftLoop .bd{ margin:30px 0; }

.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ width:41.6%; margin:0 50px; text-align:center; float:left; _display:inline; overflow:hidden; position: relative; min-height: 150px; }
.leftLoop .bd ul li .pic{ position: absolute; overflow: hidden; width:100px; height: 100px; float: left; }
.leftLoop .bd ul li .pic .picmask{ position: absolute; z-index: 10; top:0; left:0; }
.leftLoop .bd ul li .pic .avata{ width:100%; height: 100%; }
.leftLoop .bd ul li .textCont{ width:100%; padding-left:120px; text-align: left; }
.leftLoop .bd ul li .textCont span{ display: block; width:100%; line-height:40px; overflow: hidden; color:#999; font-size:14px; }
.leftLoop .bd ul li .textCont span b{ color:#000; font-size:18px; margin-right:20px; }
.leftLoop .bd ul li .textCont p{ font-size:14px; color:#666; line-height:24px; }

.leftLoop .hd{ overflow:hidden;  height:30px; background:#f4f4f4; position: relative;  }
.leftLoop .hd ul{ position: absolute; left:50%; margin-left:-30px; overflow:hidden; zoom:1; margin-top:10px;  }
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#b3b3b3; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.leftLoop .hd ul li.on{ background:#999; width:20px;  }

.uniTit{ margin:0 auto 20px; }
.uniTit h2{ font-size:24px; font-weight:normal; line-height: 40px; color:#333; text-align:center; }
.uniTit i{ display: block; margin:10px auto 0; width:40px; height: 2px; background:#333; }
.uniTit p{ display: block; text-align: center; font-size:14px; color:#666; line-height: 40px; }
.uniTit span{ display: block; margin: 0 auto; line-height: 40px; font-size: 30px; color: #666; text-align: center; }



/*我们的优势*/
.advantage{ padding:70px 0; overflow: hidden;}
.advantage ul.advList { margin:20px auto; }
.advantage ul li{ width:20%; float:left; text-align: center; }
.advantage ul li i{ display: block; width:100px; height: 100px; margin:10px auto; background-image: url(../images/icons.png); background-repeat: no-repeat; }
.advantage ul li i.aicon1{ background-position: -200px 0;  }
.advantage ul li i.aicon2{ background-position: -200px -100px;  }
.advantage ul li i.aicon3{ background-position: -200px -200px;  }
.advantage ul li i.aicon4{ background-position: -200px -300px;  }
.advantage ul li i.aicon5{ background-position: -200px -400px;  }
.advantage ul li b{ display: block; font-size:16px; color:#333; font-weight: normal; }
.advantage ul li span{ display: block; line-height: 24px; color:#999; font-size:14px; }

/*底部*/
.footer{ background: #333; padding:40px 0 0; }
.footer .wrapbox{ position: relative;}
.footer .footL{ position: absolute; top:0; left:0; }
.footer .footL .phone{ overflow: hidden; }
.footer .footL .phone i.picon{ display: block; float: left; width:40px; height: 40px; background: url(../images/icons.png) -80px 0 no-repeat; }
.footer .footL .phone span{ float: left; margin-left:20px; font-size:16px; color:#ccc; }
.footer .footL .phone span strong{ display: block; color:#ff7e00; font-size:26px; line-height: 40px; }
.footer .footL ul{ overflow: hidden; margin-top:10px; }
.footer .footL ul li{width:100%; overflow: hidden; line-height: 30px; font-size:14px; }
.footer .footM{ width:100%;padding:0 12% 0 38%; overflow: hidden; }
.footer .footM dl{width:33.33%; float: left; text-align: left; overflow: hidden;}
.footer .footM dl dt{ font-size:20px; color:#fff; line-height: 40px;}
.footer .footM dl dd{ font-size:14px; line-height: 30px; color:#ccc; }
.footer .footM dl dd a:hover{color:#fff;}

.foorR { width:15%; position: absolute; top:0; right: 0; text-align: center;}
.foorR img{ width:100px; height: 100px; display: block; margin:15px auto 0; }
.foorR b{ font-size:12px; margin:0 auto; line-height: 40px; display: block; text-align: center; }
.bottom{ width:100%; padding:40px 0 10px; overflow: hidden; text-align: center;}
.bottom p{ width: 100%; border-top:1px solid #404040; line-height: 40px; font-size:14px; }
.bottom p span{ display: inline-block; margin: 0 10px; }
.bottom a{ margin-left:20px; color:#808080;}
.bottom a:hover{ color:#ff7e00; }

/* 友情链接 */
.footer .links{ margin-top: 40px; overflow-y: hidden; line-height: 24px;  font-size:14px;}
.footer .links b{ float: left; margin-right: 10px; color: #ccc; }
.footer .links a{ float: left; margin-right: 10px; color: #808080;  }
.footer .links a:hover{ color: #ff7e00; }


/* 客服置顶 */
.goTop{ position: fixed; right: 0; bottom: 60px; z-index: 999; }
.goTop li{ width: 50px; height: 50px; margin-bottom: 5px; border-radius: 5px; }
.goTop li a.kicon{ display: block; width: 50px; height: 50px; border-radius: 5px; background: #ff7e00 url('../images/icons.png') -60px -40px no-repeat; line-height: 110px; overflow: hidden;  color:#fff; font-size:16px; padding:4px 9px;}
.goTop li a.kicon:hover{ background: #ff6200; line-height: 20px; }
.goTop li .cd-top { display: inline-block;  height: 50px; width: 50px;  border-radius:5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); 
  /* image replacement properties */
  overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(255,126,0,1) url(../images/icons.png) no-repeat -60px -92px;  visibility: hidden; opacity: 0; -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;}
.goTop li .cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.goTop li .cd-top.cd-fade-out { opacity: 1;}
.goTop li .no-touch .cd-top:hover { background-color: #e86256; opacity: 1;}
.goTop li a:hover{ background-color: #ff6200; }

/*资讯列表页面*/
.inbanner{ width: 100%; height: 340px; overflow: hidden; }

.crump{ height: 40px; line-height: 40px; font-size:14px; color:#999; }
.crump a{margin:0 5px; color:#666;}
.crump a:hover{ color:#ff7e00; }

.listCont{ position: relative; margin-bottom: 30px; }
.mainLBox{ overflow: hidden; padding-right:320px; }
.mainL{ border:1px solid #e6e6e6; min-height: 900px; overflow: hidden; }
.mainL .tit {height:50px; line-height: 50px; margin:0 20px; border-bottom:1px solid #e6e6e6; }
.mainL .tit i.tag{display: block ; width:5px; height: 18px; border-radius: 3px; background:#ff7e00; margin:17px 10px 0 0; float: left;}
.mainL .tit h2{ font-size:20px; color:#333; font-weight:normal; float: left; }
.mainL ul li{ position: relative; padding:20px 0; margin:0 20px; border-bottom:1px dashed #e6e6e6; }
.mainL ul li:hover{ background: #fafafa; margin:0;  padding:20px;}
.mainL ul li a.newPic{ position: absolute; top:15px; width:200px; height: 134px; overflow: hidden; }
.mainL ul li a.newPic img{ width: 100%; height: 100%; }
.mainL ul li a.newPic img:hover{ opacity: 0.9}
.mainL ul li .newCont{ padding-left:220px; height: 134px; }
.mainL ul li .newCont h3 a{ display: block; color:#333; font-size:20px; text-align: left; font-weight:normal;  line-height: 42px; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mainL ul li .newCont h3 a:hover{ color:#ff7e00; }
.mainL ul li .newCont p{ font-size:16px; color:#999; line-height: 28px; height:56px; overflow: hidden; }
.mainL ul li .newCont .newTag{ line-height: 20px; font-size:14px; color:#999; margin-top:10px; }

.page{ margin:30px auto; text-align: center; }
.page a{ display: inline-block; font-size:14px; padding:8px 15px; color:#999; margin:5px 2px; border:1px solid #e6e6e6; border-radius:3px; }
.page a.on, .page a.on:hover{ background:#ff7e00; border:none; color:#fff;}
.page a:hover{ border-color:#ff7e00; background: #ffeddb; color:#ff7e00; }
.page span.current{ display: inline-block; font-size:14px; padding:8px 15px;background:#ff7e00; border:none; color:#fff; margin:5px; border-radius:3px; }

.mainR{ position: absolute; right: 0; top:0; width:298px; overflow: hidden; }
.mainR .rBlock{ border:1px solid #e6e6e6; margin-bottom: 20px;  }
.mainR .rBlock .tit{ height: 50px; margin:0 10px; line-height: 50px; border-bottom:1px solid #e6e6e6; }
.mainR .rBlock .tit i.tag{display: block ; width:5px; height: 18px; border-radius: 3px; background:#ff7e00; margin:17px 10px 0 0; float: left;}
.mainR .rBlock .tit h3{ font-size:16px; color:#333; font-weight:normal; float: left; }
.mainR .rBlock .tit a.more{ float: right; }
.mainR .rBlock .tit a.more:hover{ color:#ff7e00; }
.mainR .rBlock .hotRank li{ overflow: hidden; margin:0 10px; padding:15px 0; border-bottom:1px dashed #e6e6e6; }
.mainR .rBlock .hotRank li:last-child{border-bottom: none;}
.mainR .rBlock .hotRank a.newPic{ position: relative; display: block; width:90px; height: 60px; overflow: hidden; float: left;}
.mainR .rBlock .hotRank a.newPic i.num{ position: absolute; top:0; left: 0; display: block; width:20px; height: 20px; border-radius:0 0 10px 0; background:#ff7e00; color:#fff; text-align: center; line-height: 20px;z-index: 10;  }
.mainR .rBlock .hotRank a.newPic img{ width:100%; height: 100%; }
.mainR .rBlock .hotRank a.newPic img:hover{ opacity: 0.9; }
.mainR .rBlock .hotRank .newCont{ float: right; width:170px; height: 60px; }
.mainR .rBlock .hotRank .newCont h3 a{ display: block; font-size:14px; font-weight: normal; color:#333; line-height:20px; height: 40px; text-align: left; overflow: hidden; }
.mainR .rBlock .hotRank .newCont h3 a:hover{ color:#ff7e00; }
.mainR .rBlock .hotRank .newCont span{ color:#999; float: left; line-height: 25px; font-size:12px; }
.mainR .rBlock.newsList .hotRank{ margin: 10px auto; }
.mainR .rBlock.newsList .hotRank li{ position: relative; padding: 0; }
.mainR .rBlock.newsList .hotRank li a{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; padding-left: 15px; font-size: 14px; }
.mainR .rBlock.newsList .hotRank li a:hover{ color: #ff7e00; }
.mainR .rBlock.newsList .hotRank li i.dot{ display: inline-block; position: absolute; top: 18px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #ff7e00; }

/* FAQ页面 */
.mainL.FAQ ul li:hover{margin: 0 0 0 20px; }
.mainL.FAQ ul li:hover .newCont{ padding:0 0 0 30px; }
.mainL.FAQ ul li .faqicon{ width: 30px; position: absolute; top: 27px; left: 10px; }
.mainL.FAQ ul li .faqicon i{ display: block; width: 30px; height: 30px; background-image: url('../images/icons.png'); background-repeat: no-repeat; }
.mainL.FAQ ul li .faqicon i.aPic{ background-position: -70px -150px; margin-bottom: 5px; }
.mainL.FAQ ul li .faqicon i.qPic{ background-position: -70px -200px; }
.mainL.FAQ ul li .newCont{ padding-left: 50px; height:100px; }


/*资讯详情页面*/
.articalCont{ position: relative; }
.articalCont .mainLBox{ margin-bottom:30px; }
.articalCont .mainL{min-height: 900px; padding:10px 20px; }
.articalCont .mainL .artHead{ margin: 0 20px; border-bottom: 1px solid #e6e6e6; padding: 20px 0; text-align: center; }
.articalCont .mainL .artHead h1{color:#333; font-size:24px; font-weight:normal; line-height: 50px; margin:10px auto 0;}
.articalCont .mainL .artHead p{ width: 100%; line-height: 30px; }
.articalCont .mainL .artHead p span{ font-size: 14px; color: #999; margin: 0 10px; }
.articalCont .mainL .brief{ margin: 20px; background: #f5f5f5; padding: 10px 15px; line-height: 30px; color: #666; font-size: 14px; }
.articalCont .mainL .brief b{ color: #ff7e00; float: left; font-size: 14px; }
.articalCont .mainL .detailCont{ margin: 20px; line-height: 30px; font-size: 16px; color: #666; }
.articalCont .mainL .artKeyw{ margin: 20px; overflow: hidden; border-bottom: 1px solid #e6e6e6; line-height: 30px; font-size:16px; color:#333; padding:15px 0;}
.articalCont .mainL .artKeyw b{ float: left; }
.articalCont .mainL .artKeyw span{ float: left; display: inline-block; padding: 0 15px; border-radius: 15px; margin-right: 10px; font-size:14px; color:#fff;}
.bOrange{ background: #0084ff; }
.bBlue{ background: #ff9752; }
.shengming{ padding:0 0 20px; margin:0 20px; padding:15px; font-size:12px; line-height: 24px; color:#999; background: #f2f2f2; border-radius: 5px; overflow: hidden;}
.shengming{ display: block; }
.shengming b{ display: inline-block; padding:0 10px; line-height: 24px; color:#fff; background: #ff7e00; margin-right:10px; border-radius: 3px; }
.articalCont .mainL .otherArt{ margin: 20px; }
.articalCont .mainL .otherArt P{ position: relative; width: 100%; overflow: hidden; font-size: 14px; color: #999; line-height: 30px; }
.articalCont .mainL .otherArt p i{ display: block; position: absolute; top: 0; left: 0;}
.articalCont .mainL .otherArt p a{ display: block; padding-left: 55px;text-align: left; color: #999; }
.articalCont .mainL .otherArt p a:hover{ color: #666; }


/* 预约成功弹窗 */
.preWin{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none; }
.preWin .mask{ position: fixed; width: 100%; height: 100%; background:rgba(0,0,0,.2); z-index: 9999;}
.preWin .winMain{ position: absolute; top: 30%; left: 50%; margin-left: -180px; width: 360px; height: 230px; background: #fff; border-radius: 8px; box-shadow: 0 0 8px rgba(0,0,0,.3); z-index: 99999; }
.preWin .winMain .cont{ margin: 40px auto 0; }
.preWin .winMain p{ text-align: center; }
.preWin .winMain p.tit1 i{display: inline-block;  width: 50px; height: 50px; vertical-align: middle; }
.preWin .winMain p.tit1 i.succicon{background: url('../images/icons.png') no-repeat -60px -240px; }
.preWin .winMain p.tit1 i.failicon{background: url('../images/icons.png') no-repeat -60px -290px; }

.preWin .winMain p.tit1 span{ display: inline-block; margin-left: 10px; font-size: 28px; line-height: 50px; color: #ff7e00; vertical-align: middle; }
.preWin .winMain .fail p.tit1 span{ color: #0062f5; }
.preWin .winMain p.tit2{ line-height: 50px; color: #333;  font-size: 22px; }
.preWin .winMain .winBtn{ text-align: center; overflow: hidden; }
.preWin .winMain .winBtn a{ display: inline-block; width: 120px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; border-radius: 5px; color: #fff; background: #ff7e00; margin: 20px; }
.preWin .winMain .winBtn a:hover{ background: #ff6200; }


/* 诚聘英才页面 */
.jobCont{ margin: 20px; overflow: hidden; }
.jobCont .jobList{width:100%; overflow: hidden; margin-bottom:20px;}
.jobCont .jobList .jobPosition{ height: 40px; width: 100%; border-radius: 20px; overflow: hidden; background: #f0f0f0; line-height: 40px; font-size: 18px; font-weight: bold; }
.jobCont .jobList .jobPosition b{ display: block; width: 80px; height: 40px; float: left; background: #ff7e00; text-align: center;  color:#fff; margin-right:20px; padding-left:10px;}
.jobCont .jobList .jobPosition span{ color: #ff7e00; }
.jobCont .jobList .jobDetail{ font-size: 16px; line-height: 30px; color: #333; }
.jobCont .jobList .jobDetail h3{ font-size: 16px; display: block; height: 30px; padding: 0 20px; background: #f0f0f0; border-radius: 15px; line-height: 30px; margin: 10px 0; float: left; }
.jobCont .jobList .jobDetail .jobText{ display: block; line-height: 30px; overflow: hidden; width: 100%; padding-left: 50px;  }



/*公司注册页面*/

/*热门服务*/
.serve{ padding:70px 0; overflow: hidden; }
.serve .serveCont ul li{ width:25%;float: left; padding:20px 0; }
.serve .serveCont ul li:hover{ transform:translate(0,-10px); }
.serve .serveCont ul li span{ display: block; width:80px; height:70px; margin:0 auto; background-image: url(../images/cicons.png); background-repeat: no-repeat; }
.serve .serveCont ul li p{ width: 100%; line-height: 30px; font-size:16px; color:#333; text-align: center; }
.serve .serveCont ul li span.scicon1{ background-position:0 0; }
.serve .serveCont ul li span.scicon2{ background-position:0 -70px; }
.serve .serveCont ul li span.scicon3{ background-position:0 -150px; }
.serve .serveCont ul li span.scicon4{ background-position:0 -210px; }
.serve .serveCont ul li span.scicon5{ background-position:0 -280px; }
.serve .serveCont ul li span.scicon6{ background-position:0 -350px; }
.serve .serveCont ul li span.scicon7{ background-position:0 -420px; }
.serve .serveCont ul li span.scicon8{ background-position:0 -490px; }

/*公司注册流程*/
.flow{ padding:70px 0; overflow: hidden; background:#f0f0f0; }
.flow .flowCont{ overflow: hidden; }
.flow .flowCont ul li{ width: 20%; float: left; padding:20px 0; }
.flow .flowCont ul li span{ display: block; width:100px; height: 100px; margin:0 auto; background-image: url(../images/cicons.png); background-repeat: no-repeat; }
.flow .flowCont ul li:hover span{ transform: rotateY(180deg); }
.flow .flowCont ul li p{ width: 100%; line-height: 30px; font-size:16px; color:#333; text-align: center; }
.flow .flowCont ul li span.ficon1{ background-position:-80px 0;}
.flow .flowCont ul li span.ficon2{ background-position:-80px -100px;}
.flow .flowCont ul li span.ficon3{ background-position:-80px -200px;}
.flow .flowCont ul li span.ficon4{ background-position:-80px -300px;}
.flow .flowCont ul li span.ficon5{ background-position:-80px -400px;}
a.btBtn{ display: block; width:220px; height: 50px; border-radius:5px; border:2px solid #1c98ff; background: none; text-align: center; font-size:18px; line-height: 46px; color:#1c98ff; margin:20px auto; }
a.btBtn:hover{ background: #1c98ff; color:#fff; }

/*您需要准备什么材料*/
.material{padding:70px 0; overflow: hidden;}
.material .matL{ width:20%; height: 320px; float: left;  background:url(../images/idpic.png) no-repeat center; }
.material span{ display: block;  margin:0 auto; background-image: url(../images/cicons.png); background-repeat: no-repeat;}
.material .matL p{ color:#fff; }
.material .matR ul li span{ width:120px; height: 120px; background-color:#f0f0f0; border-radius:5px; margin-top:45px;}
.material .matR ul li:hover span{ box-shadow: 0 0 10px rgba(0,0,0,.2); }
.material p{ width: 100%; line-height: 30px; font-size:16px; color:#333; text-align: center;}
.material .matR{ width:80%; float: right; overflow: hidden; }
.material .matR ul{ overflow: hidden; width: 100% }
.material .matR li{ float: left; width:20%; }
.material span.micon1{background-position:-190px -10px; width:100px; height: 90px; margin-top:150px;}
.material span.micon2{background-position:-180px -120px;}
.material span.micon3{background-position:-180px -240px;}
.material span.micon4{background-position:-180px -360px;}
.material span.micon5{background-position:-180px -480px;}
.material span.micon6{background-position:-180px -600px;}


/*为什么选择金代账*/
.whyus{padding:70px 0; overflow: hidden; background:#f0f0f0;}
.whyus .whyusCont{ overflow: hidden; }
.whyus .whyusCont ul li{ width: 25%; float: left; padding:20px 0; }
.whyus .whyusCont ul li span{ display: block; width:100px; height: 100px; margin:0 auto; background-image: url(../images/cicons.png); background-repeat: no-repeat; }
.whyus .whyusCont ul li:hover span{ transform: translate(0, -10px); }
.whyus .whyusCont ul li b{ display: block; width: 100%; font-size:16px; color:#333; line-height: 40px; text-align: center; }
.whyus .whyusCont ul li p{ width: 100%; line-height: 24px; font-size:14px; color:#333; text-align: center; }
.whyus .whyusCont ul li span.wicon1{background-position:-300px 0;}
.whyus .whyusCont ul li span.wicon2{background-position:-300px -100px;}
.whyus .whyusCont ul li span.wicon3{background-position:-300px -200px;}
.whyus .whyusCont ul li span.wicon4{background-position:-300px -300px;}

/*您将得到什么*/
.get{ padding:70px 0; overflow: hidden; }
.get .getCont ul li{ width: 20%; float: left; padding:20px 0; }
.get .getCont ul li span{ display: block; width:147px; height: 200px; margin:0 auto; }
.get .getCont ul li span:hover{ box-shadow: 0 0 8px rgba(0,0,0,.2); transform: translate(0 ,-10px); }
.get .getCont ul li p{ width: 100%; line-height: 30px; font-size:16px; color:#333; text-align: center; }
.get .getCont ul li span.gicon1{ background: url(../images/gicon1.png); }
.get .getCont ul li span.gicon2{ background: url(../images/gicon2.png); }
.get .getCont ul li span.gicon3{ background: url(../images/gicon3.png); }
.get .getCont ul li span.gicon4{ background: url(../images/gicon4.png); }
.get .getCont ul li span.gicon5{ background: url(../images/gicon5.png); }



/*我们还为您准备了这些*/
.getMore{padding:70px 0; overflow: hidden; background:#f0f0f0;}
.getMoreCont .getL{ width: 15%; float: left; margin-left:5%;  }
.getMoreCont .getL span.gicon{ display: block; width:82px; height: 281px; background:url(../images/oldman.png) no-repeat; margin:0 auto; }
.getMoreCont .getR{ width:75%; margin-right:5%; float: right; overflow: hidden; margin-top:75px; }
.getMoreCont .getR li{ width:16.66%; float: left; }
.getMoreCont .getR li span{display: block; width:80px; height: 80px; margin:0 auto; background-image: url(../images/cicons.png); background-repeat: no-repeat;}
.getMoreCont .getR li p{width: 100%; line-height: 30px; font-size:16px; color:#333; text-align: center; }
.getMoreCont .getR li span.gicon1{ background-position:-400px 0; }
.getMoreCont .getR li span.gicon2{ background-position:-400px -80px; }
.getMoreCont .getR li span.gicon3{ background-position:-400px -160px; }
.getMoreCont .getR li span.gicon4{ background-position:-400px -240px; }
.getMoreCont .getR li span.gicon5{ background-position:-400px -320px; }
.getMoreCont .getR li span.gicon6{ background-position:-400px -400px; }


/*为什么要注册公司*/
.why{padding:70px 0; overflow: hidden;}
.why .whyCont{ position: relative; }
.why .whyL{ position: absolute; width: 15%; float: left; top:10px; left:10%;}
.why .whyL span.whyicon{ display: block; width:136px; height:348px; background:url(../images/young.png) no-repeat; margin:0 auto; }
.why .whyR{ padding-left:20%; padding-right:10%; float: right; overflow: hidden; margin-top:50px; }
.why .whyR li{ width:16.66%; float: left; }
.why .whyR li span{display: block; width:80px; height: 80px; margin:0 auto; background-image: url(../images/cicons.png); background-repeat: no-repeat;}
.why .whyR li p{width: 100%; line-height: 30px; font-size:16px; color:#333; text-align: center; }
.why .whyR .whyText{ background: #1e612f; border-radius: 10px; border:4px solid #ff7e00; padding:30px; margin:0 20px 30px;  }
.why .whyR .whyText p{ line-height: 30px; font-size:16px; color:#fff;  }
.why .whyR .whyicons li span.whyicon1{ background-position:-480px 0; }
.why .whyR .whyicons li span.whyicon2{ background-position:-480px -80px; }
.why .whyR .whyicons li span.whyicon3{ background-position:-480px -160px; }
.why .whyR .whyicons li span.whyicon4{ background-position:-480px -240px; }
.why .whyR .whyicons li span.whyicon5{ background-position:-480px -320px; }
.why .whyR .whyicons li span.whyicon6{ background-position:-480px -400px; }

/*公司成立后还需要做什么?*/
.need{padding:70px 0; overflow: hidden; background:#f0f0f0;}
.needCont{ width:85%; margin:20px auto;  }
.needCont img{ width:100%; height: auto; }

/*相关知识*/
.knowl{padding:70px 0; overflow: hidden;}
.knowl .tit{ width:50%; height: 50px; margin:0 auto; border-radius:5px; border:1px solid #0093ff; background: #fff; overflow: hidden;}
.knowl .tit a{float:left; display: block; width:50%; text-align: center; line-height: 48px; color:#333; font-size:20px; }
.knowl .tit a:hover, .knowl .tit a.hover{ background:#0093ff; color:#fff; }
.knowl .tagcont{ width:90%; height: 500px; overflow: hidden; margin:20px auto 0; overflow: hidden; }
.knowl .knowledge p{ line-height: 30px; font-size:16px; color:#666; margin:10px auto;}
.knowl .knowledge p b{ font-size:16px; color:#333; display: inline-block; float: left; }

.knowl .faq ul li{ position: relative; margin-bottom:20px;}
.knowl .faq ul li .faqicon{ width: 30px; position: absolute; top: 0; left: 0; }
.knowl .faq ul li .faqicon i{ display: block; width: 30px; height: 30px; background-image: url('../images/icons.png'); background-repeat: no-repeat; }
.knowl .faq ul li .faqicon i.aPic{ background-position: -70px -150px; margin-bottom: 5px; }
.knowl .faq ul li .faqicon i.qPic{ background-position: -70px -200px; }
.knowl .faq ul li .faqCont{ padding-left:40px; line-height: 30px; font-size:16px;  }
.knowl .faq ul li .faqCont h3 a{ color:#000;  font-size:16px; font-weight:normal;}
.knowl .faq ul li .faqCont h3 a:hover{color:#ff7e00;}
.knowl .faq ul li .faqCont p{ color:#666; margin-top:5px;}



/* 代理记账服务内容 */
.account{padding:70px 0; overflow: hidden; background:#f0f0f0;}
.account .accountCont{ margin: 30px auto; }
.account .accountCont li{width:33.33%; float: left; margin:10px auto;}
.account .accountCont li:hover{transform: translate(0, -10px);}
.account .accountCont li span{display: block; width:100px; height: 100px; margin:0 auto; background-image: url(../images/aicons.png); background-repeat: no-repeat;}
.account .accountCont li p{width: 100%; line-height: 30px; font-size:16px; color:#333; text-align: center; }
.account .accountCont li span.acicon1{ background-position:0 0; }
.account .accountCont li span.acicon2{ background-position: 0 -100px; }
.account .accountCont li span.acicon3{ background-position: 0 -200px; }
.account .accountCont li span.acicon4{ background-position: 0 -300px; }
.account .accountCont li span.acicon5{ background-position: 0 -400px; }
.account .accountCont li span.acicon6{ background-position: 0 -500px; }
.account .accountCont li span.acicon7{ background-position: 0 -600px; }
.account .accountCont li span.acicon8{ background-position: 0 -700px; }
.account .accountCont li span.acicon9{ background-position: 0 -800px; }


/* 为什么选择金代账 */
.whyjin{ padding:70px 0; overflow: hidden; }
.whyjin .whyjinCont{ margin: 30px auto; }
.whyjin .whyjinCont li{width:33.33%; float: left; margin:10px auto;}
.whyjin .whyjinCont li:hover{ transform: translate(0,-10px); }
.whyjin .whyjinCont li span{display: block; width:100px; height: 100px; margin:0 auto; background-image: url(../images/aicons.png); background-repeat: no-repeat;}
.whyjin .whyjinCont li b{ display: block; text-align: center; font-size: 16px; color: #333; line-height: 40px; }
.whyjin .whyjinCont li p{width: 100%; line-height: 30px; font-size:16px; color:#333; text-align: center;  color:#999;}
.whyjin .whyjinCont li span.jicon1{background-position: -100px 0;}
.whyjin .whyjinCont li span.jicon2{background-position: -100px -100px;}
.whyjin .whyjinCont li span.jicon3{background-position: -100px -200px;}
.whyjin .whyjinCont li span.jicon4{background-position: -100px -300px;}
.whyjin .whyjinCont li span.jicon5{background-position: -100px -400px;}
.whyjin .whyjinCont li span.jicon6{background-position: -100px -500px;}


/* 代理记账服务费说明 */
.price{ padding: 70px 0; overflow: hidden; background: url('../images/pricebg.jpg') no-repeat; background-size: 100% 100%; }
.price .uniTit h2{ color: #fff; }
.price .uniTit i{ background: #fff; }
.price .priceCont{ width: 80%; margin: 20px auto; }
.price .priceCont table{ width: 100%; color:#fff; text-align: center; line-height: 40px; font-size:16px; border-top:1px solid #fff; border-left:1px solid #fff;}
.price .priceCont table th{ background: rgba(255,255,255,.2); border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.price .priceCont table td{ border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0 10px; }
.price .priceCont table td b{ color: #ff7e00; font-size: 18px; font-weight: normal; }
.price .priceCont table td i{ color: #afd3ff;  font-size: 18px; }
.price .priceCont table td.tip{ font-size: 14px; color: #fff; text-align: left; line-height: 26px; }


/* 金代账代理记账流程 */
.aflow{ padding:70px 0; overflow: hidden; }
.aflow .aflowCont ul{ width: 80%; margin: 0 auto; overflow: hidden; }
.aflow .aflowCont ul li{ width:25%;float: left; padding:20px 0;}
.aflow .aflowCont ul li:hover{ transform:translate(0,-10px); }
.aflow .aflowCont ul li .afbox{ margin: 0 auto; width: 150px; height:150px; border-radius:0 8px 8px 8px; background: #f0f0f0 url('../images/tri.png') top left no-repeat; text-align: center; padding-top: 30px; }
.aflow .aflowCont ul li.san{ width: 33.33%; }
.aflow .aflowCont ul li span{ display: block; width:60px; height:60px; margin:0 auto; background-image: url(../images/aicons.png); background-repeat: no-repeat; }
.aflow .aflowCont ul li p{ width: 100%; line-height: 30px; font-size:16px; color:#333; text-align: center; }
.aflow .aflowCont ul li span.aficon1{ background-position:-200px 0; }
.aflow .aflowCont ul li span.aficon2{ background-position:-200px -60px; }
.aflow .aflowCont ul li span.aficon3{ background-position:-200px -120px; }
.aflow .aflowCont ul li span.aficon4{ background-position:-200px -180px; }
.aflow .aflowCont ul li span.aficon5{ background-position:-200px -240px; }
.aflow .aflowCont ul li span.aficon6{ background-position:-200px -300px; }
.aflow .aflowCont ul li span.aficon7{ background-position:-200px -360px; }


/* 企业为什么要代理记账 */
.regwhy{ background: #f0f0f0; }
.regwhy .whyR{ margin-top: 20px; }
.regwhy .whyR p strong{ color: #ff0; }


/* 关于我们页面 */
.aboutus .aboutCont1{ width: 90%; margin: 0 auto; padding: 120px 0 20px; overflow: hidden;}
.aboutus .aboutCont1 .comPic, .aboutus .aboutCont2 .comPic{ width: 45%; position: relative; }
.aboutus .aboutCont1 .comPic .company, .aboutus .aboutCont2 .comPic .company{ width: 100%; height:auto; border-radius:10px;}
.aboutus .aboutCont1 .comPic .slogan{ position: absolute; top: -120px; left:0; width: 100%; }
.aboutus .aboutCont1 .aboutText{ width: 55%; min-height: 330px; line-height: 30px; font-size: 16px; padding:10px 0 10px 20px; }
.aboutus .aboutCont1 .aboutText h2{ font-size: 20px; color: #000; line-height: 40px; }
.aboutus .aboutCont1 .aboutText p{ margin-bottom: 20px; }

.aboutus .aboutCont2{width: 90%; margin: 0 auto;}
.aboutus .aboutCont2 .aboutText{width: 55%; min-height: 330px; line-height: 30px; font-size: 16px; padding:10px 20px 10px 0;}
.aboutus .aboutCont2 .comPic{}

/* 公司资质 */
.zizhi{ padding:50px 0; margin:30px auto; height: 500px; background: url('../images/zizhibg.jpg');}
.zizhi .zizhiCont{ padding:30px 0; overflow: hidden; text-align: center; }
.zizhi .zizhiCont img{ display: inline-block; margin:0 50px; }

/* 公司环境 */
.envir{padding:50px 0; margin:30px auto;}
.envir .envirCont{overflow: hidden; text-align: center;}

/* 我们的服务范围 */
.range{ padding: 70px; overflow: hidden; background: url('../images/rangebg.jpg') }
.range .rangeCont{ width: 80%; margin: 30px auto; padding: 30px 50px; background: url('../images/wbg.png'); border-radius: 10px; }
.range .rangeCont p{ font-size: 16px; line-height: 40px; text-align: center; color: #333; }


/* 我们的优势 */
.adv{ padding: 70px; overflow: hidden;}
.adv .advCont{ overflow: hidden; padding: 30px 0; }
.adv .advCont ul li{ width: 33.33%; float: left; text-align: center; line-height: 30px; }
.adv .advCont ul li:hover{ transform: translate(0, -10px); }
.adv .advCont ul li div{ width: 280px; height: 300px; margin: 0 auto; border-radius: 5px; color: #fff; padding: 30px 20px; }
.adv .advCont ul li div b{ display: block; font-size: 20px; margin: 30px; }
.adv .advCont ul li div p{ text-align: left; font-size: 16px; }
.adv .advCont ul li div.adv1{ background: url('../images/adv1.jpg'); }
.adv .advCont ul li div.adv2{ background: url('../images/adv2.jpg'); }
.adv .advCont ul li div.adv3{ background: url('../images/adv3.jpg'); }


/* 我们的使命 */
.mission{ padding: 70px; overflow: hidden; background: url('../images/missionbg.jpg') ;background-size: 100% 100%; }
.mission .missionCont{ width: 80%; margin: 30px auto; padding: 30px 50px; background: url('../images/wbg.png');  border-radius: 10px;  }
.mission .missionCont p{ font-size: 16px; line-height: 40px; text-align: left; color: #333; margin-bottom: 10px; }


/* 联系我们 */
.map{ padding: 70px 0; overflow: hidden; }
.map .contact{ margin-top: 20px; }
.map .contact p{ width: 100%; font-size: 16px; color: #333; float: left; line-height: 30px ;font-weight: normal; }
.map .contact p b{  color: #333; }

/*企业风采*/
.compic{ max-width: 1200px; margin:20px auto; }
.compic .activebox { overflow: hidden;  }
.compic h2{ font-size:24px; color:#333; margin:20px 0; line-height: 40px; text-align: left; border-bottom:1px solid #e6e6e6;}
.compic h2 span{ font-size:14px; color:#999; font-weight: normal; }
.compic .picbox{ width:100%; margin:10px auto; }
.compic .picbox a{ width:23%; margin-right:2%; display: inline-block; float:left; margin-bottom:20px; }
.compic .picbox a img{ width:100%; border-radius: 5px; }
.compic .picbox a img:hover{ box-shadow: 0 0 10px rgba(0,0,0,.5); transform:translate(0,5px);}

/* 404页面 */
.page404{ padding: 90px 0;}
.page404 .pic404{ width: 80%; height: auto; margin: 30px auto; }
.page404 .pic404 img{ width: 100%; }
.page404 p{ font-size: 20px; color: #222;  line-height: 40px; text-align: center; width:100%;}
.page404 p b{ color: #f00; margin: 0 5px; }
.page404 .backBtns{  text-align: center; margin: 20px auto }
.page404 .backBtns a{ display: inline-block; background: #ff7e00; width: 150px; height: 50px; text-align: center; line-height: 50px; font-size: 20px; color: #fff; border-radius: 5px; margin: 0 30px; cursor:pointer; }
.page404 .backBtns a:hover{ background: #ff5a00; }


/* 在线客服 */
.kefu-wrap{ position: fixed; top: 35%; right: 30px; width: 200px; z-index: 9999; }
.kefubox{position:relative; background: url('../images/girl.png') no-repeat top center;  height: 143px; cursor: pointer; }
.kefubox h3{position: absolute; top: 103px; left: 0;width: 100%; height: 40px; line-height: 40px; background: #ff7e00; color: #fff; font-size: 18px; text-align: center; border-radius: 8px 8px 0 0; font-weight: normal;}
.kefucont{ display: block; background: #fff; border-radius: 0 0 8px 8px; height: auto; border: 1px solid #f3e9d3; border-top: none; border-bottom: none; }
.kefucont .kefu1{ padding: 20px 0 3px; }
.kefucont .kefu2{ padding: 10px 0 13px; }
.kefucont span, .kefucont a { display: block; height: 30px; border-radius: 15px; line-height: 30px; color: #ff7e00; font-size: 15px; }
.kefucont a.qqicon{ background: #f3e9d3 url('../images/kefuicon.png') no-repeat 8px 4px; color:#281a2e; padding-left:40px; margin:0 10px; display: block; height: 30px; border-radius: 15px; line-height: 30px; font-size: 15px;}
.kefucont a.tele{ background: url('../images/kefuicon.png') no-repeat 8px -55px;  padding-left:40px; color:#ff7e00; font-size:16px; font-weight: bold; margin:5px 10px; }
.kefucont .kefu{ position: relative; }
.kefucont .kefu .wchat{ transition: all 0.3s; opacity: 0; position: absolute; left:0; top:7px; width:158px; height:170px; z-index:-1; }
.kefucont .kefu.kefu2 .wchat{ top:-3px; }
.kefucont .kefu:hover .wchat{ opacity:1;  left:-150px; z-index:1;  }
.kefucont .kefu:hover{ background: #f5f5f5; }
.kefucont .kefu:hover a.qqicon{ background-color: #ff7e00; color: #fff;}
.kefucont .kefu:hover a.tele{ color: #281a2e; background: url('../images/kefuicon.png') no-repeat 8px -25px;}

.kefucont .comtele{ background: #f3e9d3 url('../images/kefuicon.png') no-repeat 15px -120px; padding: 10px 10px 5px 55px; }
.kefucont .comtele i{ color: #281a2e; }
.kefucont .comtele span{ font-size:16px;}
.kefucont .comtele a.closebtn{ width: 30px; height: 30px; background: url('../images/kefuicon.png') no-repeat -2px -88px; margin-left: 25px; }


/* 以下是响应 */
@media screen and (max-width:1200px){

.orderwin{ right: 50px; }
.wrapbox{ margin: 0 15px; }
.leftLoop .bd ul li .textCont span b{ width: 100%; display: block; }
.adv{ padding: 30px 0; }
}


@media screen and (max-width:1000px){

.topbar{ display: none;}
.inbanner{ display: none; }
.wrapbox{ margin: 0 auto; }
.header{min-height: 80px;}
.header .logo{ height: 60px; }
.header .logo img{ width: auto; height: 60px; }
.header .navBtn{ display: block; }
.header .nav{position: relative; width: 100%; overflow: hidden; background:#e8dcbe;  height:0; overflow: hidden;}
.header .nav ul li{ width: 100%; height:auto; line-height: 40px; border-bottom:1px solid #e1d0a7;}
.header .nav ul li ol li{ background: #d9c8a0; }
.header .nav ul li ol li:hover{ background: #cdba8e; }
.header .nav ul li:hover ol{position: relative; height: auto; top:0;}
.header .nav ul > li > a{ margin: 0 auto; }
.header .nav ul li ol li a{ padding-left: 50px; }
.header .nav ul>li.active>a{ border:none; color: #fff; background: #ff7e00; }
.banner{ width: 100%; overflow: hidden; }

.header .nav.showmenu{border-top:1px solid #e1d0a7; height:auto;}

.banner{display: none;}
.sbanner{ display: block; }
.sbanner img{ width: 100%; height: auto; }
.hotserve{ padding: 50px 0; }
.footer .footL{padding:0 15px;}
.map .contact{ margin-left: 20px; }
.header .nav ul li.compapi{ display: block; }
.header .nav ul li.compapi a.complogin{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: #333; }

@media screen and (max-width:768px){

.hotserve .serveitem{ padding: 50px 0 0; }
.hotserve .serveitem ul li .item{ width: 170px; height: 200px; }
.hotserve .serveitem ul li .item h2{ margin: 40px auto 20px; }

.infoBlock{ padding:40px 0 ; }
.infoBlock .info.newsinfo, .infoBlock .info{ width: 90%; margin: 0 5% 20px;  }

.leftLoop .bd ul li{ width: 45%; margin: 0 20px; }
.leftLoop .bd ul li .pic{ display: none; }
.leftLoop .bd ul li .textCont{ padding-left: 10px; }

.footer{ padding: 40px 0 0; }
.footM{ display: none; }
.footer .footL{position: relative; float: left; width: 60%; margin-left: 10%;}
.footer .foorR{ float: right; position: relative; width: 30%; }

.aboutus .aboutCont1 .comPic, .aboutus .aboutCont2 .comPic{ width: 100%; margin: 0 auto; }
.aboutus .aboutCont1 .aboutText, .aboutus .aboutCont2 .aboutText{ width: 100%; min-height: auto; padding: 10px; }
.aboutus .aboutCont1{ padding: 120px 0 0; }
.aboutus .aboutCont2 .comPic{ margin-bottom: 30px; }
.range{ padding: 30px 20px; }
.range .rangeCont{ width: 100%; }
.adv .advCont ul li div{ width: 90%; }
.adv .advCont ul li div b{ margin: 30px auto; }
.mission{ padding:  30px 20px; }
.mission .missionCont{ width: 100%; }
.map{ padding: 50px 20px; }
.map .contact{ margin-left: 0; }

.why .whyL{ top: 180px; }
.knowl .tagcont{ height: auto; }

.hotserve{ padding: 30px 0 30px; }

.range .rangeCont, .mission .missionCont{ padding:30px; }

/* 在线客服 */
.kefu-wrap{ top: 70px; right:0;}

.footer .links { width: 100%; padding: 0 10%; float: left; margin-left: 10px;}

.zizhi{height:auto;}
.zizhi .zizhiCont img{ height:200px; margin:0 10px; }
#gla_box{ width:500px; }
.roundabout-holder{width:500px;}

.compic{margin:20px;}
.compic .picbox a{ width:30%; margin-right:1.5%; margin-left:1.5%; }
}

@media screen and (max-width:600px){

.hotserve .serveitem ul li{ width: 46%; margin: 0 2% 20px; }	
.hotserve .serveitem ul li .item{ width: 90%; height: 200px; }
.compReg{ height: auto; background-size: auto 100%; }
.compReg .compCont ul li{ width: 46%; margin: 20px 2%; }
.compReg .compCont ul li:nth-child(5){ display: none; }
.compReg .tit p{ margin: 20px; width: auto; }
.leftLoop .bd ul li{ width: 40%; margin: 0 20px; }

.advantage ul li{ width: 33.33%; }

.footer .foorR{ display: none; }
.footer .footL{ width: 80%; margin: 0 10%; }

.price .priceCont{ width: 94%; margin: 0 auto; }
.why .whyL{ display: none; }
.why .whyR{ padding-left: 0; padding-right: 0; }
.aflow .aflowCont ul li .afbox{width:90%; }

.mainLBox{ padding-right: 0; width:98%; margin:0 auto}
.mainR{ position: relative; width:98%; margin:0 auto;}
.mainR .rBlock .hotRank li{ position: relative; margin: 10px auto; height:100%;}
.mainR .rBlock .hotRank a.newPic{position: absolute; top: 0;left: 20px; width: 130px ;height: 90px; }
.mainR .rBlock .hotRank .newCont{ width: 100%; padding-left: 170px; }
.mainR .rBlock .hotRank .newCont h3 a{ font-size: 16px; }
.mainR .rBlock.newsList .hotRank li{ margin: 0 10px; padding: 0; }
.mainR .rBlock.newsList .hotRank li a{ font-size: 18px; }

.get .getCont ul li{ width: 50%; }
.material{ position: relative; }
.material .matL{position:absolute; width: 100%; margin-top:100px;}
.material .matR{ width: 100%; }
.material .matR ul{ margin-top: 320px; }
.material .matR li{ width: 33.33%; }
.whyus .whyusCont ul li{ width: 50%; }
.getMoreCont .getR{ margin-top: 30px; }
.getMoreCont .getR li{ width:33.33%;}

}

@media screen and (max-width:480px){

.page404 p{ padding: 0 20px; }
.page404{ padding: 10px 0; }
.adv .advCont ul li{ width: 90%; margin: 20px 5%; }
.adv .advCont ul li div.adv1, .adv .advCont ul li div.adv2, .adv .advCont ul li div.adv3{ background-size: 100% 100%; }
.account .accountCont li{ width: 50%; }
.whyjin .whyjinCont li{ width:50% ; }
.aflow .aflowCont ul li.san, .aflow .aflowCont ul li{ width: 50%; }
.articalCont .mainL{ padding: 10px 0; }

.mainL ul li a.newPic{ width: 160px; height: 114px; }
.mainL ul li .newCont{ padding-left: 180px; height: 105px; } 
.mainL ul li .newCont p{ display: none; }
.mainL.FAQ ul li .newCont p{ display:block; }
.mainL ul li .newCont h3 a{ white-space: unset; line-height: 36px; font-size: 16px; height: 72px; overflow: hidden; }
.mainL.FAQ ul li .newCont h3 a{ height: 43px; }

.serve .serveCont ul li{ width: 50%; }
.flow .flowCont ul li{ width: 33.33%; }
.footer .bottom p span{ display: block; width: 100%; }
.footer .bottom p a{ display: none; }

.bottomtool{ display: block; }
.kefu-wrap{ display: none; }
.bottom{ padding:20px 0 70px; }
.advantage ul li{ width: 50%; }
.advantage ul li:nth-child(2){display: none;}

.zizhi .zizhiCont img{ width:80%; height: auto; margin:10px auto; }
#gla_box{ width:400px; }
.roundabout-holder{width:400px;}
.compic .picbox a{ width:47%;}
}

@media screen and (max-width:360px){
	
.hotserve .serveitem ul li .item{ width: 100%; }
.leftLoop .bd ul li{width:90%;}

.hotserve .serveitem ul li{width:96%;}
.footer .footL{ margin: 0 auto; width: auto; }

.page404 .backBtns a{ width: 90%; margin: 10px 5%; }
.whyjin .whyjinCont li{ width: 100%; }

.material .matL{ margin-top: 140px; }
.material p{ padding: 0 20px; }
.material .matR li{ width: 50%; }
.getMoreCont .getR li{ width: 50%; }
.getMoreCont .getR{ margin-top: -20px;margin-right:0 ; }
.why .whyR li{ width: 50%; }
.aboutus .aboutCont1{ padding:90 0 0; }
.aboutus .aboutCont1 .comPic .slogan{ top:-90px; }
.mainL ul li .newCont .newTag span{ display: inline-block; width:85px; overflow: hidden; height:25px;}

.mainL ul li a.newPic{ width: 100px; height: 70px; }
.mainL ul li .newCont{ padding-left: 110px; height: 60px; }
.mainL ul li .newCont h3 a{ height: 32px; white-space: nowrap; }



}


@media screen and (max-width:320px){


}