@charset "utf-8";
@font-face{font-family:'΢ÈíÑźÚ';}
html,body{overflow-x:hidden;-webkit-tap-highlight-color:transparent;}
body{font-family:PingFangSC,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;color:#333;}
body,div,ul,li,dl,h1,h2,h3,h4,p,i,em{margin:0;padding:0;outline:0;font-style:normal}
li,ul,dl{list-style:none;vertical-align:middle}
a{color:#ccc;text-decoration:none;}
img{border:none;}
a:hover{border:none;blr:expression(this.onFocus=this.blur());outline:none;}
.none{display:none}
.clear{clear:both}
.bodytitle{padding:60px 0 40px 0;text-align:center;}
.bodytitle h2{font-size:35px;color:#000;font-weight:normal;}
.bodytitle h2 i{color:#2780e3;}
.bodytitle p{padding:10px 0;font-size:15px;color:#666}
.head{height:55px;line-height:55px;background:#be0080;}
.head div{margin:0 auto;width:1200px;}
.head a.back{display:none}
.head ul.logo{float:left;width:200px;height:55px;overflow:hidden;}
.head ul.nav{float:right}
.head ul.nav li{float:left;}
.head ul.nav li.left{border-left:1px solid #f2bd4a;}
.head ul.nav li.right{border-right:1px solid #FF6600;}
.head ul.nav li span{font-size:16px;border-left:1px solid #FF5050;border-right:1px solid #FFff00;display:block;color:#fff;cursor:pointer}
.head ul.nav li span a{color:#fff;display:block;padding:0 20px;}
.head ul.nav li span a:hover{background:#d30303}
.time{ position:absolute;right:0;top:80px;width:280px; height:360px;line-height:28px;font-size:16px; background:#fff; padding:30px; margin:25px; z-index:2;  border-radius:20px;}
.time2{line-height:30px;font-size:18px;color:#333;text-align:center;padding:30px 0;background:#f5f8ff;}
.time ul{width:300px;margin:0 auto;}



.notice{height:35px;line-height:35px;font-size:25px;color:#ff0000;text-align:center;padding:30px 0;background:#fff;}
.notice i:before{background: url("sideonlie_arrow.png");content:"\e6c8";padding-right:15px;color:#5297fa;}
.notice strong{font-size:28px}
.banner{background:#1a3373;}
.banner ul{width:1400px;height:515px;margin:0 auto;}
.banner ul img{margin:0 auto;vertical-align:middle}
.project .nav{width:1200px;margin:0 auto;padding-top:20px;}
.project .nav ul{position:relative}
.project .nav ul li{width:380px;height:465px;border-radius:3px;border:solid 1px #e9e9e9;background:#fff}
.project .nav ul li img{width:100%;}
.project .nav ul li.left{margin:28px 0 0 0;float:left;}
.project .nav ul li.mid{position:absolute;z-index:1;left:400px;_left:17px;top:0;width:400px;height:520px;border-color:#1c86d1;box-shadow:0 0 4px 2px rgba(0,0,0,.1);overflow:hidden;}
.project .nav ul li.mid h3{color:#fff;border:#5297fa;background:#5297fa;}
.project .nav ul li.right{margin:28px 0 0 0;float:right}
.project .nav ul li h3{height:80px;line-height:80px;font-size:28px;text-align:center;color:#666;border-bottom:solid 1px #ebebeb;background:#f9f9f9;margin-bottom:15px;}
.project .nav ul li dl{padding:10px 30px 0 30px;font-size:12px;color:#666;line-height:22px;}
.project .nav ul li dl span{color:#ccc;text-align:center;display:block;}

.sp{margin:0 auto;width:100%;height:80px;line-height:35px;font-size:22px;color:#ff0000;text-align:center;padding:30px 0;background:#f5f8ff;}
.sp ul{margin:0 auto;width:1200px;padding:10px;position:relative}
.sp li{border-radius:3px;border:solid 0px #e9e9e9;}
.sp li.left{width:200px;float:left;left:400px;_left:17px;}
.sp li.mid{width:420px;padding-top:10px;position:absolute;z-index:1;left:400px;_left:17px;top:0;overflow:hidden;}
.sp li.right{width:320px;float:right}
.sp li input{width:80%;padding-left: 18px;font-size:25px;border-radius: 4px;border: 1px solid #ccc;height:50px;color: #333;background: #eaeaea}
.sp li input.tj{cursor:pointer; border-radius: 4px;color: #fff;border: none;background: linear-gradient(#c19b50,#cba455);}



.introduce{background:#f5f8ff;margin:100px 0 0 0;padding-bottom:20px;}
.introduce ul{width:1200px;height:auto;margin:0 auto;overflow:hidden}
.introduce ul li{float:left;width:400px;height:230px;text-align:center}
.introduce ul li span{background: url("sideonlie_arrow.png") no-repeat fixed center;background-size: cover;color:#fff;font-size:65px;}
.introduce ul li span.a{background: url("c1.png")no-repeat center ;background-size: cover;padding: 5px;  }
.introduce ul li span.a:before{content:"\e64f";}
.introduce ul li span.b{background: url("c2.png")no-repeat center ;background-size: cover;padding: 5px;  }
.introduce ul li span.b:before{content:"\e6ed";}
.introduce ul li span.c{background: url("c3.png")no-repeat center ;background-size: cover;padding: 5px;  }
.introduce ul li span.c:before{content:"\e600";}
.introduce ul li span.d{background: url("c4.png")no-repeat center ;background-size: cover;padding: 5px;  }
.introduce ul li span.d:before{content:"\e690";}
.introduce ul li span.e{background: url("c5.png")no-repeat center ;background-size: cover;padding: 5px;  }
.introduce ul li span.e:before{content:"\e6fe";}
.introduce ul li span.f{background: url("c6.png")no-repeat center ;background-size: cover;padding: 5px;  }
.introduce ul li span.f:before{content:"\e614";}
.introduce ul li i{font-size:18px;line-height:30px;color:#383838;padding:0 50px 10px 50px;display:block}
.introduce ul li p{font-size:12px;line-height:20px;color:#a0a0a0;text-align:left;padding:0 50px;}
.process{margin:10px 0 90px 0}
.process ul{width:1200px;height:160px;margin:0 auto;padding-top:30px;}
.process li{font-size:18px;position:relative;color:#383838;display:inline-block;width:240px;text-align:center;float:left;}
.process li+li:after{background: url("sideonlie_arrow.png")no-repeat top;content:"\e6f2";position:absolute;top:41px;width:22px;height:30px;left:-11px;font-size:25px;color:#fff;}
.process li i{background: url("sideonlie_arrow.png")no-repeat top;color:#fff;font-size:60px;width:112px;height:112px;line-height:112px;border-radius:0px;background:#5297fa;margin:0 auto 20px;display:block;}
.process li i.a{background: url("c1.png");background-size: cover;padding: 5px; }
.process li i.a:before{content:"\e628";}
.process li i.b{background: url("c3.png");background-size: cover;padding: 5px; }
.process li i.b:before{content:"\e648";}
.process li i.c{background: url("c2.png");background-size: cover;padding: 5px; }
.process li i.c:before{content:"\e6a4";}
.process li i.d{background: url("c5.png");background-size: cover;padding: 5px; }
.process li i.d:before{content:"\e759";}
.process li i.e{background: url("c4.png");background-size: cover;padding: 5px; }
.process li i.e:before{content:"\e625";}
.process li p{font-size:18px;}
.ask{background:#f5f8ff;overflow:hidden;_height:510px;}
.ask ul{width:1200px;margin:0 auto;overflow:hidden;}
.ask ul li{font-size:15px;line-height:22px;color:#666;margin-bottom:25px;}
.ask ul li span{display:block;padding-bottom:7px;_line-height:29px;}
.ask ul li span i{width:22px;background: url("c2.png");background-size: cover;padding: 5px;margin-right:15px; float:left;}
.ask ul li span i:before{content:"\e6c8";}
.ask ul li p{text-indent:20px;font-size:14px;color:#999}
.ask .entrust{width:500px;overflow:hidden;margin:0 auto;padding:20px 0 60px 0;_padding:40px 0 40px 0;}
.ask .entrust a{float:left;color:#076bf2;border:1px solid #076bf2;border-radius:4px;width:166px;text-align:center;height:40px;line-height:40px;display:block;font-size:16px;margin:0 40px;_margin:0 30px;}
.ask .entrust a:hover,.ask .entrust a.hover{color:#fff;background:#4e8bdd;border-color:#4e8bdd;}
.describe {width:auto;margin:0 auto;}
.describe .prompt{font-size:16px;color:#666;padding:0 0 70px 0;text-align:center;line-height:22px;}
.describe .map{margin:0 auto;text-align:center;}
.link{padding:35px 0;background:#f5f8ff;}
.link ul{width:1200px;margin:0 auto;padding-bottom:10px;overflow:hidden;}
.link ul li{float:left;text-align:left;color:#999;width:1146px;line-height:24px;font-size:12px;}
.link ul li a{color:#999;font-size:12px;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:24px;line-height:24px;}
.link ul li.name{font-weight:700;color:#666;width:64px;}
.link ul li.nav{margin-left:21px;width:1100px;}
.link ul li.nav a{margin-right:12px;width:68px;}
.footer{height:60px;line-height:60px;color:#fff;background:#21292f;font-size:14px;}
.footer ul{width:1200px;margin:0 auto;}
.footer .fl{float:left}
.footer .fr{float:right}
.sideonlie{font-family:微软雅黑,microsoft yahei,Arial,Helvetica,sans-serif,宋体;z-index:16777271;position:fixed!important;position:absolute;bottom:100px;right:30px;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:100px;width:50px}
.sideonlie a,.sideonlie img{border:0;text-decoration:none}
.sideonlie ul,.sideonlie li,.sideonlie p,.sideonlie i{margin:0;padding:0;font-style:normal;list-style:none}
.sideonlie .family{font-family:"sjjbh.com";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;font-size:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:24px}
.sideonlie .family_shopping{before:'\e638'}
.sideonlie .family_shopping:before{content:"\e638"}
.sideonlie .family_qq{before:'\e633'}
.sideonlie .family_qq:before{content:"\e633"}
.sideonlie .family_wx{before:'\e628'}
.sideonlie .family_wx:before{content:"\e628"}
.sideonlie .family_phone{before:'\e65b'}
.sideonlie .family_phone:before{content:"\e65b"}
.sideonlie .family_top{before:'\e74a'}
.sideonlie .family_top:before{content:"\e74a"}
.sideonlie .both{clear:both;font-size:0;line-height:0;height:0}
.sideonlie .showbox{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background:#fff;color:#2780e3;cursor:pointer}
.sideonlie .showbox span{font-size:26px;line-height:48px}
.sideonlie .showbox sup{display:block;width:20px;height:20px;text-align:center;line-height:20px;color:#fff;border-radius:50%;background:#2780e3;position:absolute;left:-10px;top:-10px;font-size:12px}
.sideonlie .hidebox{display:none;position:absolute;right:48px;padding-right:25px;top:-10px}
.sideonlie .hidebox .border{border:1px solid #ccc;border-top:4px solid #2780e3;padding:20px;background:#fff;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.15);-moz-box-shadow:0 3px 8px rgba(0,0,0,.15);box-shadow:0 3px 8px rgba(0,0,0,.15);position:relative}
.sideonlie .hidebox .border .title span{font-size:42px;float:left;display:inline;line-height:56px;color:#9c9c9c;margin-right:20px!important;margin-right:10px}
.sideonlie .hidebox .border .title p{float:left;color:#9c9c9c;font-size:24px;line-height:28px}
.sideonlie .hidebox .border .title p i{display:block;font-size:14px;color:#9c9c9c}
.sideonlie .hidebox .border .list{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4;overflow:hidden;}
.sideonlie .hidebox .border .list h4{color:#ccc;font-size:13px;font-weight:normal;padding-bottom:15px}
.sideonlie .hidebox .border .list ul{padding:10px 0 15px 0}
.sideonlie .hidebox .border .list li{float:left;width:50%}
.sideonlie .hidebox .border .list li a{font-family:"sjjbh.com";display:inline-block;color:#999;font-size:16px;before:'\e633 &nbsp'}
.sideonlie .hidebox .border .list li a:before{font-family:"sjjbh.com";before:'\e633';content:"\e633";padding-right:10px;font-size:18px;line-height:22px;color:#2780e3}
.sideonlie .hidebox .border .list li a:hover{color:#2780e3}
.sideonlie .hidebox .border .list img{width:130px;margin:0 10px;float:left;}
.sideonlie .hidebox .border .arrow{display:block;width:13px;height:16px;background:url(sideonlie_arrow.png) no-repeat;position:absolute;right:-13px;top:25px}
.sideonlie .hidebox .w300{width:300px}
.sideonlie ul{position:relative}
.sideonlie ul .hover{background:#2780e3;color:#fff;border:1px solid #2780e3}
.sideonlie ul.shopping{margin-bottom:20px;display:none}
.sideonlie ul.wx .hidebox{top:-120px}
.sideonlie ul.wx .hidebox .border .arrow{top:134px}
.sideonlie ul.phone{display:none}
.sideonlie ul.phone .hidebox .border{width:230px}
.sideonlie ul.phone .hidebox{top:0}
.sideonlie ul.phone .hidebox .border .arrow{top:15px}
.sideonlie ul.top{height:50px;}
.sideonlie_m{display:none}

@media screen and (max-width:1200px){
html,body{font-size:20px;}
img{max-width:100%;width:100%;}
.bodytitle{padding:1.5rem 0.5rem 1.2rem 0.5rem;}
.bodytitle h2{font-size:1.2rem;font-weight:700;}
.bodytitle p{padding:0.3rem 0;line-height:1rem;font-size:0.6rem;}
.head{height:2.2rem;line-height:2.2rem;position:fixed;z-index:1984001;width:100%;top:0rem;}
.head div{width:100%;text-align:center;}
.head a.back{display:none;width:1.25rem;height:2.2rem;overflow:hidden;position:absolute;left:0.15rem;z-index:100001;}
.head a.back:before{background: url("sideonlie_arrow.png");content:"\e635";color:#fff;font-size:0.8rem;}
.head ul.logo{width:100%;height:2.2rem;overflow:hidden;position:absolute;margin:0 auto;z-index:100000;}
.head ul.logo img{height:2.2em;width:auto;margin:0 auto;}
.head ul.nav{display:none}
.banner ul{width:100%;height:auto;margin-top:2.2rem;}

.time{position:relative;width:auto;top:0;border-radius: 0rem;line-height:1.2rem;font-size:0.7rem;padding:0.8rem 0.5rem;background:#f5f8ff;height:auto}
.time2{line-height:1.2rem;font-size:0.7rem;padding:0.8rem 0.5rem;height:auto}

.notice{line-height:1.2rem;font-size:0.7rem;padding:0.8rem 0.5rem;height:auto}
.notice i{display:none}
.notice strong{font-size:0.7rem;}
.project .nav{width:auto;padding:0 0.5rem;}
.project .nav ul li{width:100%;height:auto;margin-bottom:0.75rem;padding-bottom:0.5rem;}
.project .nav ul li h3{height:2.1rem;line-height:2.1rem;font-size:1rem;font-weight:normal;margin-bottom:0.4rem;}
.project .nav ul li.left,.project .nav ul li.right{margin:0 0 0.75rem 0;float:none;}
.project .nav ul li.mid{position:relative;left:0;width:100%;height:auto;}
.project .nav ul li dl{padding:0.5rem 0.75rem 0 0.75rem;font-size:0.6rem;line-height:1.1rem;}

.sp{width:auto;line-height:1.2rem;font-size:0.75rem;padding:0.8rem 0.5rem;height:auto}
.sp ul{width:auto;height:auto;padding-bottom:0.1rem;}
.sp li{width:auto;height:auto;padding-bottom:0.5rem;}
.sp li.left{width:auto;float:none;}
.sp li.mid{width:auto;position:relative;left:0;height:auto;padding-bottom:1.5rem;}
.sp li.right{width:auto;float:none;}
.sp li input{padding-left: 10px;font-size:0.85rem;width:80%;border-radius: 0.25rem;border: 0.015rem solid #ccc;height:2rem;color: #333;background: #eaeaea}
.sp li input.tj{cursor:pointer; border-radius: 0.25rem;color: #fff;border: none;background: linear-gradient(#c19b50,#cba455);height:2rem;}


.introduce{margin:1rem 0 0 0;padding-bottom:0;}
.introduce ul{width:auto;margin:0 0.5rem;}
.introduce ul li{width:50%;height:auto;margin-bottom:0.8rem;}
.introduce ul li span{font-size:1.5rem;}
.introduce ul li i{font-size:0.75rem;line-height:1rem;padding:0.3rem 0;}
.introduce ul li p{font-size:0.6rem;line-height:1rem;padding:0 0.5rem;}
.process{margin:0.5rem 0 3.5rem 0;}
.process .bodytitle{padding:1.5rem 0.5rem 0.5rem 0.5rem;}
.process ul{width:auto;margin:0 0.5rem;}
.process li{font-size:0.6rem;width:33.33%;margin-bottom:1.5rem;}
.process li+li:after{content:'';}
.process li i{font-size:1.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:2.5rem;margin:0 auto 0.5rem;}
.process li p{font-size:0.6rem;}
.ask{height:auto;}
.ask ul{width:auto;margin:0 0.5rem;}
.ask ul li{font-size:0.65rem;line-height:1.1rem;margin-bottom:0.75rem;}
.ask ul li span{padding-bottom:0.25rem;}
.ask .entrust{width:100%;padding:1.5rem 0 1.5rem 0;}
.ask .entrust .hover{display:none}
.ask .entrust #ask_more{border:0.05rem solid #076bf2;border-radius:0.2rem;width:5rem;height:1.7rem;line-height:1.7rem;font-size:0.6rem;margin:0 auto;float:none}
.describe .prompt{font-size:0.6rem;line-height:0.8rem;padding:0 0.5rem 1rem 0.5rem;}
.describe .prompt .m_none{display:none}
.link{padding:1rem 0.5rem 3.5rem 0.5rem;}
.link ul{width:auto;padding-bottom:0.5rem;}
.link ul li{width:auto;line-height:1.2rem;font-size:0.6rem;}
.link ul li a{font-size:0.6rem;height:1.2rem;line-height:1.2rem;}
.link ul li.name{width:3.7rem;}
.link ul li.nav{margin-left:0.7rem;width:auto;height:2.2rem;overflow:hidden;}
.link ul li.nav a{margin-right:0.5rem;width:3.2rem;}

.footer{height:2.25rem;line-height:2.25rem;position:fixed;z-index:1984001;width:100%;bottom:0rem;color:#fff;background:#21292f;}
.footer ul{width:100%;}
.footer .fl{display:none}
.footer .fr{text-align:center;float:none;font-size:1.1rem;font-weight:700;color:#fff;}
.sideonlie{display:none}
.sideonlie_m{position:fixed;bottom:0;left:0;background:#fff;border-top:0.05rem solid #eee;box-sizing:border-box;z-index:16777270;text-align:center;width:100%;display:block;}
.sideonlie_m .showbox{height:2.5rem;}
.sideonlie_m .showbox li{width:33.33%;display:block;float:left;}
.sideonlie_m .showbox li a{width:65%;display:block;margin:0 auto}
.sideonlie_m .showbox li a i{background: url("sideonlie_arrow.png");display:block;font-size:1.4rem;height:1.2rem;overflow:hidden;line-height:1.2rem;padding-top:0.2rem;color:#1c86d1}
.sideonlie_m .showbox li a span{display:block;font-size:0.6rem;height:1.1rem;line-height:1.1rem;color:#666}
.sideonlie_m .showbox .qq i{line-height:1.03rem;}
.sideonlie_m .showbox .qq i:before{content:"\e633";font-size:1.15rem;}
.sideonlie_m .showbox .wx i:before{content:"\e628";font-size:1.3rem;}
.sideonlie_m .showbox .top i:before{content:"\e74a"}
.sideonlie_m .hidebox{position:fixed;bottom:0;left:0;width:100%;border-top:0.2rem solid #2780e3;background:#fff;z-index:16777271;display:none}
.sideonlie_m .hidebox>li{display:none}
.sideonlie_m .hidebox li dl{padding:0.5rem 0.8rem;overflow:hidden;}
.sideonlie_m .hidebox li .title span{background: url("sideonlie_arrow.png");display:block;font-size:1.5rem;float:left;line-height:2.5rem;height:2.5rem;margin-right:1rem;color:#2780e3}
.sideonlie_m .hidebox li .title p{float:left;color:#9c9c9c;font-size:0.8rem;font-style:normal;text-align:left;height:2.35rem;padding-top:0.15rem}
.sideonlie_m .hidebox li .title p i{display:block;font-size:0.6rem;color:#9c9c9c;line-height:1.2rem;}
.sideonlie_m .hidebox li .list{border-top:solid 0.05rem #eee}
.sideonlie_m .hidebox li .list li{width:33.3%;float:left;}
.sideonlie_m .hidebox li .list a{display:block;width:100%;font-size:0.7rem;text-align:center;margin:0.15rem 0;line-height:1.6rem;}
.sideonlie_m .hidebox li .list a:before{font-family:"sjjbh.com";content:"\e633";padding-right:0.5rem;font-size:0.8rem;color:#2780e3;}
.sideonlie_m .hidebox li .list img{width:50%;float:left}
.sideonlie_m .hidebox li.qq .title span:before{content:"\e633";}
.sideonlie_m .hidebox li.wx .title span:before{content:"\e628";}
.sideonlie_m .hidebox li.close{height:2.5rem;line-height:2.5rem;font-size:0.8rem;color:#666;text-align:center;background:#f2f2f2;display:block}
}