/* CSS Document */
*{padding: 0;margin: 0}
body{ color: #666;margin:0 auto; font-family:'Microsoft YaHei'}
ul li{list-style: none}
a{text-decoration: none;color: #666}
img{ border:none;max-width:100%}
/*.cl = clear */
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.cl { zoom: 1; }
.clear{clear:both}
.wrap{ width:100%; max-width:680px; margin:0 auto;}

@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, table,th, td{margin:0px;padding:0px;border:0px;outline:none;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
body{font-family:"Microsoft YaHei",SimSun,SimHei;font-size:12px;line-height:24px;  margin:0 0;padding:0 0; color:#DCDCDC; background:#fff;}
fieldset,img,action{vertical-align:top;border:0px;}
ul,li{ list-style:none;}
img{ border:0;}
.none{ display:none;}
.linespace{height:10px; clear:both; line-height:10px; overflow:hidden; font-size:0px;}
.clear{clear:both;}
a{color:#666;text-decoration:none;}
a:hover{color:#666;}
.wxtop,.bottom-tan-box,#rbutton{ display:none!important;}

.num1,.num2,.num4{padding-bottom:6%;background:#f8f8f8;}
.n1con ul li img{display:block;}
.n1con ul li strong{display:block;text-align:center;color:#FFF;background:#35B2FF;padding:2% 0;font-size:18px;}
.n1con ul li{width:198px;float:left;margin:0 0 2% 2%;border:solid 1px #35B2FF;}
.n1ask{margin:2% auto 0;width:265px;height:40px;background:url(../images/n1m7.jpg) no-repeat;display:block;text-align:center;line-height:40px;color:#FFF;font-size:18px}
.ntitle{padding:4% 0}

.num2{background:#F4F4F4}
.n2con{margin-bottom:4%}
.n2con dl dd strong{font-size:20px;padding:0 2%;display:block;margin:2% 0}
.n2con dl dd strong span{font-size:24px;color:#0080C7}
.n2con dl dd p{color:#999999;line-height:24px;padding:0 2% 4%;font-size:16px}
.n2con dl dd p span{font-weight:bold;display:block;color:#666666;padding:2% 0}
.n2con dl{width:298px;border:#E0E0E0 solid 1px;padding:4px;float:left;margin-left:3%;background:#FFF}

.n3con strong{font-size:30px;color:#0080C7}
.n3con dl dt{padding:2% 0}
.n3con dl dd span{color:#0080C7}
.n3con dl dd{line-height:30px}
.n3con .n3t{font-size:22px;display:block;padding:4% 0 2%}
.n3con .n3t i{border:2px solid #0080C7;color:#0080C7;text-align:center; border-radius: 50%;display:inline-block;padding:0 2%;font-weight:bold;font-style: normal;}
.n3con{padding-left:4%}
.n3con .n3zx{text-align:center;padding:2% 0 4%}
.n3con .n3zx a{display:inline-block;padding:1% 4%;background:#0080C7;color:#FFF;font-size:22px;border-radius:20px;margin:0 4%}


.num4 .n4con{text-align:center}
.n4con img{margin-bottom:2%;}

.num5{background:#F4F4F4}
.n5con .n5m1,.n5con  a img{display:block}
.n5list{text-align:center}
.n5list img{display:inline-block}
.n5note img{float:left;margin-left:4%;margin-right:4%}
.n5note p{font-size:22px;line-height:36px;color:#666666;padding:2%}
.n5note{padding:2% 0}

.num6{padding-bottom:4%}
.n6con{text-align:center;margin-bottom:2%;padding:0 2%}
.n6con img{vertical-align:top;}

.num7{background:#F4F4F4}
.num7 .ntitle img{display:block}
.n7img{text-align:center}
.n7con dl dt i,.n7con dl dd i{font-size:17px;width:32px;line-height:32px;border-radius: 50%;text-align: center;font-style: normal;background: #008ad2;color: #fff;margin-right: 2%;display:inline-block}
.n7con dl dd i{background:#3CAD7A;float:left;margin-bottom:8%}
.n7con dl dd a{color:#F11111}
.n7con dl dd{line-height:30px}
.n7con dl{padding:4%}
.n7con dl dt{margin-bottom:3%}
.n7con dl dt a{color:#333;font-size:26px}


.bottom { text-align: center; font-size: 14px; line-height: 26px; color: #fff; background: #008AD3; padding: 30px 0 80px 0; }
.bottom img { max-width: 370px; }
.bottom a{color: #fff}
.botdh{ display:block; width:80%; margin:0 auto;}
.botdh ul li{ font-size:16px; float:left;text-align:center; width:32%; margin-right:1%;}
.botdh ul li img{ width:50%;}



.db7{overflow: hidden}
.db7 dl{width: 94%;margin: 3% auto;display: table;}
.db7 dt{font-size: 16px;color: #000; overflow: hidden;}
.db7 dt i,.db7 dd i{font-size:17px;width:32px;line-height:32px;border-radius: 50%;display:inline-block;text-align: center;font-style: normal;background: #008ad2;color: #fff;margin-right: 2%}
.db7 dd { font-size: 13px; line-height: 22px; margin-top: 3%; clear: both}
.db7 dd i{background: #3cad7a;float: left;margin-bottom: 5%}
.db7 dd span{color: red}

.an1{text-align: center;background:url(../images/n1m7.png) no-repeat center ;background-size: 100%; clear: both;}
.an1 a{ display: inline-block; width: 66%; line-height:20px; font-size:22px; text-align: center; color: #fff;  margin: 5.5% 0;}
.ban{ background-color:#ffffff; text-align:center;}
.top{ width:100%;  float:left;}
.top1{width:100%;  float:left; background-color:#F8f8f8;}
.nr1{width:100%; background-color:#f8f8f8; float:left; }
.mb1{ width:100%;  float:left; margin-top:3.8%;}
/*.nr1{width:680px; height:415px; background-image:url(../images/n1m1.jpg); float:left; }*/

.an2{text-align: center;background:url(../images/n3an1.png) no-repeat center ;background-size: 100%; clear: both;}
.an2 a{ display: inline-block; width: 66% font-size:22px; line-height:20px;text-align: center; color: #fff;  margin: 5.5% 0;}
.an3{text-align: center;background:url(../images/n4an1.png) no-repeat center ;background-size: 100%; clear: both; background-color:#f8f8f8;}
.an3 a{ display: inline-block; width: 66%; height: 40px; line-height: 35px; font-size:22px; text-align: center; color: #fff;  margin: 5.5% 0;}


.nr2{width:100%; background-color:#ffffff; float:left; }
.bt{width:100%; margin-top:5.5%; float:left;}
.t{width:31.176%; float:left; margin-left:1.323%; margin-right:1.911%;  margin-top:5%; }
.t1{width:31.176%; float:left; margin-right:1.029%;margin-top:6.1%;}
.t2{width:31.176%;  float:left;margin-top:5%;}
.z{  font-size:24px; color:#333333; margin-top:5.88%; margin-bottom:2.94%;}
.z1{ font-size:24px; color:#455565; float:left;  font-weight:bold; margin-top:4%; margin-bottom:2%; margin-left:3.67%; }
.fn{position: relative;}
.fn p{position:absolute;font-size:24px;line-height:2;width:64%;padding:2% 2% 3% 2.2%;color: #fff;right: 3%;bottom:9%;z-index: 2; text-align:left;}
.z0{ width:100%; float:left;}
.z2{ float:left;  color:#455565; font-size:22px; text-align:left; padding-left:2.94%; margin-top:3%; margin-bottom:5.25%;}


.nr3{width:100%; background-color:#000; float:left;}
.n3bg1{ width:100%;  background-color:#f8f8f8; float:left;}
.n3t0{width:100%; float:left; background-image:url(../images/n3title.jpg); margin-bottom:35px;}
.n3t1{width:100%; float:left; margin-bottom:3%; margin-top:4.5%;}
.n3z1{ width:94.1176%; text-align:left; float:left; margin-left:2.94%; margin-top:1.5%; margin-bottom:2.25%; line-height:25px;}
.mo{ color:#0047d9; float:right; margin-right:2%;}
.jy{ width:94.117%; margin:auto;}
.n3z2{ color:#3cac7a; text-align:left;  float:left; margin-left:2.94%; font-weight:bold;}
.n3bg2{ width:100%;  background-color:#ffffff; float:left;}
.n3bg3{ width:100%; background-color:#f8f8f8; float:left;}
.al{ width:96%; float:left;}
.al1{width:49%; float:left;}
.al1 img{ width:100%; float:left}
.allr{ float:right}


.nr4{width:100%; background-color:#ffffff; float:left;}
.nr4ys{width:100%;float:left; background-color:#f8f8f8}

.nr5{width:100%;  background-color:#ffffff; float:left;}
.n5t{ width:100%;  float:left; margin-top:4.5%; }
.n5t0{width:100%;  float:left; margin-top:1.65%; margin-bottom:5%;}
.n5t1{width:30.63%; float:left; margin-right:1.617%; background:url(../images/bz1.jpg) no-repeat; margin-left:2.94%;background-size:100%;}
.n5t2{width:30.63%; float:left; margin-right:1.617%; background:url(../images/bz2.jpg) no-repeat;background-size:100%; }
.n5t3{width:30.63%; float:left; margin-right:1.617%; background:url(../images/bz3.jpg) no-repeat; background-size:100%;}
.n5t4{width:30.63%; float:left; margin-right:1.617%; background:url(../images/bz4.jpg) no-repeat; margin-left:2.94%;background-size:100%;}
.n5t5{width:30.63%; float:left; margin-right:1.617%; background:url(../images/bz5.jpg) no-repeat;background-size:100%;}
.n5t6{width:30.63%; float:left; margin-right:1.617%; background:url(../images/bz6.jpg) no-repeat;background-size:100%;}
.n5wz{float:left; text-align:left; margin-top:87.5%;margin-bottom:35%; }
.n5wz1{float:left; text-align:left; margin-top:87.5%;}





.bf6{background: #ffffff;overflow: hidden;  margin-top:4.5%; margin-bottom:4.5%;}
.allfive{width:100%;position: relative;height: 100%;}
.arrow{width:26px;height: 78px;background: url("../images/arrow.png") no-repeat center;position: absolute;z-index: 2; top:50%; margin-top:-39px;}
.arrow_left,.arrow1_left,.arrow2_left,.arrow3_left,.arrow4_left,.arrow5_left{background-position:0 0;left:0;}
.arrow_right,.arrow1_right,.arrow2_right,.arrow3_right,.arrow4_right,.arrow5_right{background-position:-26px 0;right:0;}



.swiper-slide li { width:100%; float:left; height:auto; overflow:hidden; margin:0 auto;
	
}
.db7{overflow: hidden; text-align:left}







@media screen and (min-width:320px) {
.n1con ul li{width:30%}
.n1con ul li strong{font-size:14px}    
.n2con dl{width:45%;margin-left:1%}
.n2con dl dd strong{font-size:14px}
.n2con dl dd strong span{font-size:16px}
.n2con dl dd p span{font-size:14px}
.n2con dl dd p{font-size:14px}
.n3con .n3t{font-size:16px}
.n3con strong{font-size:20px}
.n3con dl dt img{width:48%}
.n3con dl dd{font-size:14px;line-height:24px}
.n3con .n3zx a{font-size:14px}
.n4con{padding:0 2%}
.n5list img{width:31%}
.n5note p{font-size:12px;line-height:24px}
.n5note img{width:26%}
.n7img{padding:0 8%}
.n7con dl dt a{font-size:18px}
.n7con dl dd{font-size:14px;line-height:22px}
.an1{background-size: 150%;}
.an1 a{font-size:15px;}
.z{  font-size:16px; color:#333333; margin-top:5.88%; margin-bottom:2.94%;}
.nr2 p{ font-size:13px;}
.n3z1{font-size:12px; line-height:16px;}
.mo{float:right; margin-right:3%;}
.n3z2{ font-size:12px;}
.an2{background-size: 150%;}
.an2 a{font-size:15px;}
.z1{ font-size:16px; color:#455565; float:left;  font-weight:bold; margin-top:4%; margin-bottom:2%; margin-left:3.67%; }
.z2{ float:left;  color:#455565; font-size:14px; text-align:left; padding-left:2.94%; margin-top:3%; margin-bottom:5.25%;}
.an3{background-size: 150%;}
.an3 a{font-size:15px; line-height:38px;}
.n5wz{ font-size:12px; text-align:left; line-height:15px; padding-left:3%; margin-bottom:15%;}
.n5wz1{ font-size:12px;text-align:left; line-height:20px; padding-left:3%;}
.fn p { line-height: 1.4; width: 64%; padding: 2% 2% 3% 2.2%;  right: 3%; bottom:9%; }
 .fn p { font-size: 14px}
}


@media screen and (min-width:375px) {
.n1con ul li{width:30%}
.n1con ul li strong{font-size:14px}    
.n2con dl{width:45%;margin-left:1%}
.n2con dl dd strong{font-size:14px}
.n2con dl dd strong span{font-size:16px}
.n2con dl dd p span{font-size:14px}
.n2con dl dd p{font-size:14px}
.n3con .n3t{font-size:16px}
.n3con strong{font-size:20px}
.n3con dl dt img{width:48%}
.n3con dl dd{font-size:14px;line-height:24px}
.n3con .n3zx a{font-size:14px}
.n4con{padding:0 2%}
.n5list img{width:31%}
.n5note p{font-size:12px;line-height:24px}
.n5note img{width:26%}
.n7img{padding:0 8%}
.n7con dl dt a{font-size:18px}
.n7con dl dd{font-size:14px;line-height:22px}
.an1{background-size: 150%;}
.an1 a{font-size:15px;}
.z{  font-size:16px; color:#333333; margin-top:5.88%; margin-bottom:2.94%;}
.nr2 p{ font-size:13px;}
.n3z1{font-size:12px; line-height:16px;}
.mo{float:right; margin-right:3%;}
.n3z2{ font-size:12px;}
.an2{background-size: 150%;}
.an2 a{font-size:15px;}
.z1{ font-size:16px; color:#455565; float:left;  font-weight:bold; margin-top:4%; margin-bottom:2%; margin-left:3.67%; }
.z2{ float:left;  color:#455565; font-size:14px; text-align:left; padding-left:2.94%; margin-top:3%; margin-bottom:5.25%;}
.an3{background-size: 150%;}
.an3 a{font-size:15px; line-height:38px;}
.n5wz{ font-size:14px; text-align:left; line-height:18px; padding-left:3%; margin-bottom:28%;}
.n5wz1{ font-size:12px;text-align:left; line-height:20px; padding-left:3%;}
.fn p { line-height: 1.4; width: 64%; padding: 2% 2% 3% 2.2%;  right: 3%; bottom:9%; font-size:16px; }
}




@media screen and (min-width:400px)
{
.n3con dl dd{font-size:15px}
.n5note p{font-size:16px;line-height:26px} 
.n7con dl dt a{font-size:18px}
.n7con dl dd{font-size:16px;line-height:26px}
.n2con dl{width:46%;margin-left:1%} 
.db7 dd{font-size: 16px;line-height: 28px;}
    .db7 dt{font-size: 18px;line-height:34px;}
    .db7 dt i,.faq dd i{font-size:17px;width:34px;}
    .db7 dd{margin-top: 2%;}
    .db7 dd i {margin-bottom: 7%;}
	.an1{background-size: 150%;}
.an1 a{font-size:18px;}
.z{  font-size:19px; color:#333333; margin-top:5.88%; margin-bottom:2.94%;}
.nr2 p{ font-size:16px;}
.n3z1{font-size:15px; line-height:19px;}
.mo{float:right; margin-right:3%;}
.n3z2{ font-size:15px;}
.an2{background-size: 150%;}
.an2 a{font-size:18px;}
.z1{ font-size:19px; color:#455565; float:left;  font-weight:bold; margin-top:4%; margin-bottom:2%; margin-left:3.67%; }
.z2{ float:left;  color:#455565; font-size:17px; text-align:left; padding-left:2.94%; margin-top:3%; margin-bottom:5.25%;}
.an3{background-size: 150%;}
.an3 a{font-size:18px; line-height:41px;}
.n5wz{ font-size:15px; text-align:left;  line-height:20px; }
.n5wz1{ font-size:15px;text-align:left;  line-height:24px;}
}
@media screen and (min-width:480px)
{
.n2con dl{width:47%;}   
.n2con dl dd strong span{font-size:24px}
.n2con dl dd strong{font-size:20px}
.n2con dl dd p span{font-size:16px}
.n2con dl dd p{font-size:14px}
.n3con strong{font-size:30px}
.n3con .n3t{font-size:22px}
.n3con dl dd{font-size:20px;line-height:30px}
.n5note p{font-size:24px;line-height:36px}
.n7con dl dt a{font-size:24px}
.n7con dl dd{font-size:20px}


.db7 dd{font-size: 19px;line-height: 38px;}
    .db7 dt{font-size: 26px;}
    .db7 dt i,.faq dd i{font-size:20px;width:38px;line-height:38px;}
    .db7 dd i{margin-bottom: 8%; font-size:20px; width:38px; line-height:38px;}
    .db7 dd{margin-top: 2%;}
.an1{background-size: 100%;}
.an1 a{font-size:21px;}
.z{  font-size:22px; color:#333333; margin-top:5.88%; margin-bottom:2.94%;}
.nr2 p{ font-size:19px;color:#333333;}
.n3z1{font-size:18px; line-height:21px;color:#333333;}
.mo{float:right; margin-right:3%;}
.n3z2{ font-size:18px;}
.an2{background-size: 150%;}
.an2 a{font-size:21px;}
.z1{ font-size:21px; color:#455565; float:left;  font-weight:bold; margin-top:4%; margin-bottom:2%; margin-left:3.67%; }
.z2{ float:left;  color:#455565; font-size:20px; text-align:left; padding-left:2.94%; margin-top:3%; margin-bottom:5.25%;}
.an3{background-size: 150%;}
.an3 a{font-size:21px; line-height:44px;}
.n5wz{ font-size:24px; text-align:left;line-height:28px; margin-bottom:38%;color:#333333;}
.n5wz1{ font-size:18px;text-align:left;line-height:24px;margin-bottom:30%;color:#333333;}
.fn p { line-height: 2.2; width: 64%; padding: 2% 2% 3% 2.2%;  right: 3%; bottom:10%; font-size:24px;}
}



/*--------------------------------------定义的动画------------------------------------------------------*/

@keyframes TrimivAvi{0%{transform:rotate(-5deg);}10%{transform:rotate(5deg);}20%{transform:rotate(-2deg);}35%{transform:rotate(2deg);}55%{transform:rotate(0deg);}100%{transform:rotate(0deg);}}@-webkit-keyframes TrimivAvi{0%{-webkit-transform:rotate(-5deg);}10%{-webkit-transform:rotate(5deg);}20%{-webkit-transform:rotate(-2deg);}35%{-webkit-transform:rotate(2deg);}55%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(0deg);}}@-moz-keyframes TrimivAvi{0%{-moz-transform:rotate(-5deg);}10%{-moz-transform:rotate(5deg);}20%{-moz-transform:rotate(-2deg);}35%{-moz-transform:rotate(2deg);}55%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(0deg);}}@-o-keyframes TrimivAvi{0%{-o-transform:rotate(-5deg);}10%{-o-transform:rotate(5deg);}20%{-o-transform:rotate(-2deg);}35%{-o-transform:rotate(2deg);}55%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(0deg);}}


@keyframes SWTz{0%{transform:rotate(-85deg);}10%{transform:rotate(85deg);}20%{transform:rotate(-20deg);}35%{transform:rotate(20deg);}5%{transform:rotate(0deg);}100%{transform:rotate(0deg);}} @-webkit-keyframes SWTz{0%{-webkit-transform:rotate(-85deg);}10%{-webkit-transform:rotate(85deg);}20%{-webkit-transform:rotate(-20deg);}35%{-webkit-transform:rotate(20deg);}55%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(0deg);}} @-moz-keyframes SWTz{0%{-moz-transform:rotate(-85deg);}10%{-moz-transform:rotate(85deg);}20%{-moz-transform:rotate(-20deg);}35%{-moz-transform:rotate(20deg);}55%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(0deg);}} @-o-keyframes SWTz{0%{-o-transform:rotate(-85deg);}10%{-o-transform:rotate(85deg);}20%{-o-transform:rotate(-20deg);}35%{-o-transform:rotate(20deg);}55%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(0deg);}} 


@-webkit-keyframes SWTPC{from {bottom:100%;opacity:0;position: fixed;}to {bottom:0%;opacity:1;position: fixed;}}
@-moz-keyframes SWTPC{from {bottom:100%;opacity:0;position: fixed;}to {bottom:0%;opacity:1;position: fixed;}}
@-o-keyframes SWTPC{from {bottom:100%;opacity:0;position: fixed;}to {bottom:0%;opacity:1;position: fixed;}}
@keyframes SWTPC{from {bottom:100%;opacity:0;position: fixed;}to {bottom:0%;opacity:1;position: fixed;}}



/*--------------------------------------公用头部------------------------------------------------------*/
#bj_index{width:720px;margin:0 auto;}
#bj_index .top{height:90px;background:#fff;}
#bj_index .head_top{width:720px; margin:0 auto; height:90px; background:#fff; position:relative;}
#bj_index .top_t{float:left; width:90px; height:90px; border-right:1px solid #DCDCDC; position:relative;}
#bj_index .head_top em{position:absolute;top:16px; left:66px; width:14px;height:14px;background: red;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
#bj_index .head_top .logo{height:60px; float:left;padding-top:13px; padding-left:70px;}
#bj_index .head_top .logo img{width:404px;animation:TrimivAvi 4s 3;-moz-animation:TrimivAvi 4s 3;-webkit-animation:TrimivAvi 4s 3;-o-animation:TrimivAvi 4s 3;}
#bj_index .head_top .logo dl dt{float:left;}
#bj_index .head_top .logo dl dd{float:left;font-size:19px; padding-top:8px; margin-left:20px;}
#bj_index .head_top .logo dl dd font{ display:block; line-height:22px;color:#788CA0;}
#bj_index .head_top h4{width:90px; height:90px; float:right; background:url(/templets/bobo/images/ico.svg);border-left:1px solid #DCDCDC;}
#bj_index .head_top h4 a{display:block;width:90px; height:90px;}
#bj_index .head_top1{width:720px; margin:0 auto; height:100px; background:#0080aa;}
#bj_index .head_top1 h3{width:300px; height:50px; float:left;padding-top:30px; padding-left:65px;}
#bj_index .head_top1 h4{width:40px; height:37px; float:right; padding-top:34px; padding-right:40px;}

#header{width:720px; height:auto; overflow:hidden; margin:0px auto;  border-bottom:1px solid #ccc; background:#fff;}
#header ul{position:relative; left:1px; }
#header ul li{width:179px; height:54px; float:left; border:1px solid #ccc; border-bottom:none; border-left:none;}
#header ul li a{width:181px; height:54px; line-height:54px; color:#000; font-size:24px; text-indent:65px; display:block; background-image:url(/templets/bobo/images/x_nav.png); background-repeat:no-repeat;}
#header ul li a.a1{background-position:20px top;}
#header ul li a.a2{background-position:20px -54px;}
#header ul li a.a3{background-position:20px -108px;}
#header ul li a.a4{background-position:20px -162px;}
#header ul li a.a5{background-position:20px -216px;}
#header ul li a.a6{background-position:20px -270px;}
#header ul li a.a7{background-position:20px -378px;}
#header ul li a.a8{background-position:20px -324px;}


/*隐藏窗口style*/
#bj_index .yincang{width:400px; height:629px;}
#bj_index .yincang-left iframe{margin:45px 0 0 10px;}
#bj_index .yincang-top{float:left;}
#bj_index .yincang-top a{display:block; float:left; width:198px; height:120px;}
#bj_index .yincang-top .a1{background:url(/templets/bobo/images/ico.svg) 0 -300px; border-right:1px solid #94b0c8;}
#bj_index .yincang-top .a2{background:url(/templets/bobo/images/ico.svg) -205px -300px;}
#bj_index .yincang-top .a3{background:url(/templets/bobo/images/ico.svg) -399px -300px;border-right:1px solid #94b0c8;border-top:1px solid #94b0c8;}
#bj_index .yincang-top .a4{background:url(/templets/bobo/images/ico.svg) -601px -300px;border-top:1px solid #94b0c8;}
#bj_index .yincang-top .a5{background:url(/templets/bobo/images/ico.svg) -796px -300px;border-right:1px solid #94b0c8;border-top:1px solid #94b0c8;}
#bj_index .yincang-top .a6{background:url(/templets/bobo/images/ico.svg) -1000px -300px;border-top:1px solid #94b0c8;}
#bj_index .yincang-top .a7{background:url(/templets/bobo/images/ico.svg) -1195px -300px;border-right:1px solid #94b0c8;border-top:1px solid #94b0c8;border-bottom:1px solid #94b0c8;}
#bj_index .yincang-top .a8{background:url(/templets/bobo/images/ico.svg) -1399px -300px;border-top:1px solid #94b0c8;border-bottom:1px solid #94b0c8;}
#bj_index .yincang-top dl{width:199px; height:90px; float:left; border-bottom:1px #94b0c8 solid; border-right:1px #94b0c8 solid; text-align:center; padding-top:30px; display:inline; overflow:hidden;}
#bj_index .yincang-top dd{color:#fff; font-size:18px;}
#bj_index .yincang-top dd a{color:#fff;}
#bj_index .yincang-top dd a:hover{color:#fff;}
#bj_index #yicang1{border-right:none;}
#bj_index .yincang-bot{height:46px; float:left; margin:45px 0 0 10px;}
#bj_index .yincang-bot input.s1{width:260px;height:45px;line-height:45px;padding-left:10px;border:none;background:#fff;float:left;outline:none;color:#b2b2b2;font-size:22px;font-weight:lighter;font-family:"Microsoft YaHei",SimSun,SimHei;}
#bj_index .yincang-bot button.s2{height:45px;line-height:45px;border:none;background:#009bc1;float:left;color:#fff;font-size:22px;width:110px;outline:none;}
#bj_index .yincang p{ padding:15px 0; text-align:center; font-size:24px; color:#FFFFFF;}
#bj_index .yincang p a{color:#FFFFFF;}



/*----svg style----*/
#bj_index .svg{padding:24px 23px;}
#bj_index .svg img{padding:26px;}
#bj_index .head_top1 path{fill:none;-webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);-moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);-o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);-ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);stroke-width:30px;stroke:#fff;stroke-dashoffset: 0px;}
svg{cursor: pointer;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
path{fill:none;-webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);-moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);-o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);-ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);stroke-width:33px;stroke:#0080a8;stroke-dashoffset: 0px;}
path#top,path#bottom {stroke-dasharray: 240px 950px;}
path#middle {stroke-dasharray: 240px 240px;}
#bj_index .cross path#top,.cross path#bottom {stroke-dashoffset: -650px;stroke-dashoffset: -650px;}
#bj_index .cross path#middle {stroke-dashoffset:-115px;stroke-dasharray: 1px 220px;}

/*---新改点击效果----*/
.hamburger {background: transparent;border: none;display: block;height:40px;position:relative;width:40px; z-index: 999;}
.hamburger:hover {outline: none;}
.hamburger:focus {outline: none;}
.hamburger:active {outline: none;}
.hamburger.is-closed:before {-webkit-transform:translate3d(0, 0, 0);-webkit-transition:all 0.35s ease-in-out;color:#ffffff;content: '';display:block;font-size:14px;line-height: 32px;opacity:0;text-align: center;width: 100px;}
.hamburger.is-closed:hover before {-webkit-transform: translate3d(-100px, 0, 0);-webkit-transition: all 0.35s ease-in-out;display: block;opacity: 1;}
.hamburger.is-closed:hover .hamb-top {-webkit-transition: all 0.35s ease-in-out;top:2px;}
.hamburger.is-closed:hover .hamb-bottom {-webkit-transition: all 0.35s ease-in-out;bottom:2px;}
.hamburger.is-closed .hamb-top {background-color: rgba(0, 128, 168, 1);top:2px;}
.hamburger.is-closed .hamb-middle {background-color: rgba(0, 128, 168, 1);margin-top: -3px;}
.hamburger.is-closed .hamb-bottom {background-color:rgba(0, 128, 168, 1);bottom: 2px;}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {height:5px;left: 0; position: absolute; width: 100%;}
.hamburger.is-open .hamb-top {-webkit-transform:rotate(45deg);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);background-color:#0080a8;margin-top:-2px;top:50%;}
.hamburger.is-open .hamb-middle {background-color: #ffffff;display: none;}
.hamburger.is-open .hamb-bottom {-webkit-transform: rotate(-45deg);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);background-color:#0080a8;margin-top:-2px;top:50%;}
.hamburger.is-open:before {-webkit-transform: translate3d(0, 0, 0);-webkit-transition: all 0.35s ease-in-out;color: #ffffff;content: '';display: block;font-size: 14px;line-height: 32px;opacity: 0;text-align: center;width: 100px;}
.hamburger.is-open:hover before {-webkit-transform: translate3d(-100px, 0, 0);-webkit-transition: all 0.35s ease-in-out;display: block;opacity: 1;}

























@-webkit-keyframes slidetounlock {
	0% {background-position: -720px 0;}
	100%{background-position: 720px 0;}
}