/*头部样式*/
.bobo_top_piaochuang a{ display:none; width:100%; background:url(/templets/bobo/banner/bobo_piaochuang.jpg) no-repeat center top;}
ul,li{ list-style-type:none;}
a{ text-decoration:none;}

.nj_h_nav{width:100%; height:auto; overflow:hidden; background:url(../images/header_bg.jpg) repeat-x left bottom;}
.nj_h_nav .h_nav{width:1200px; height:103px; margin:0 auto; overflow:hidden; background:url(../images/h_nav_right_bg.jpg) repeat-y right top;}
.nj_h_nav .h_nav ul li{float:left;}
.nj_h_nav .h_nav ul li span{font-size:24px; color:#363636; line-height:30px; padding-top:20px; display:block;}
.nj_h_nav .h_nav ul li a{display:block; width:150px; height:117px; text-align:center; background:url(../images/h_nav_right_bg.jpg) repeat-y left top;}
.nj_h_nav .h_nav ul li a img{margin:16px 0 8px 0;}
.nj_h_nav .h_nav ul li a p{ color:#363636; font-size:16px;}

/*top*/
#index .width{width:1200px; margin:0 auto; position:relative;}
#index .top1{ background:#ffffff;height:39px; border-bottom:1px solid #dddddd;}
#index .top3{width:1200px; margin:0 auto; position:relative;}
#index .top1_l{float:left;}
#index .top1_l li{float:left;color:#858585; line-height:40px;}
#index .top1_l li a{background:url(../images/top_03.jpg) no-repeat left; padding-left:22px; margin-right:25px; display:block;}
#index .top1_l li a:hover{color:#0065b7;}
#index .top1_r{float:right; padding-right:50px;}
#index .top1_r li{float:left;color:#858585; line-height:40px; }
#index .tel{float:right; height:40px; line-height:40px; padding-left:30px;color:#858585; position:relative;}
#index .tel b{padding:0 30px; font-weight:normal;background: url(../images/top_05.jpg) 17px 3px no-repeat;}
#index .tel font{ font-size:12px;}
#index .tel font a{color:#858585;}
#index .tel b:hover a{color:#0065b7;}
#index .tel font:hover a{color:#0065b7;}
#index .top1_r li a{width:22px;height:39px;display: block;float: left;margin-left:5px;transition: all 0.3s linear 0s; }
#index .top1_r .a1{background: url(../images/a1.jpg) -5px 0px no-repeat;}
#index .top1_r .a1:hover{background: url(../images/a1.jpg) -5px -40px no-repeat;}
#index .top1_r .a2{background: url(../images/a1.jpg) -33px 0px no-repeat;}
#index .top1_r .a2:hover{background: url(../images/a1.jpg) -33px -40px no-repeat;}
#index .top1_r .a3{background: url(../images/a1.jpg) -62px 0px no-repeat;}
#index .top1_r .a3:hover{background: url(../images/a1.jpg) -62px -40px no-repeat;}
#index .top2l{width:100%; height: auto; overflow: hidden; position: relative;}
#index .top2l .logo{display:block;float:left; padding:25px 0;}
#index .top2l .chain{position: absolute; bottom: 0; right: 0;}
#index .top2l .chain ul li{float: left; height: 85px; box-sizing: border-box; position: relative;}
#index .top2l .chain ul li a.one:hover{ color: #0065b7;}
#index .top2l .chain ul li a.one{width: 100%; height: 100%; display: block; font-size:16px; color: #505050; background: red; box-sizing: border-box;}
#index .top2l .chain ul li:nth-child(1) a.one{width:92px; background: url(../img/nj_area.jpg) no-repeat left bottom; padding: 20px 0 0 26px;}
#index .top2l .chain ul li:nth-child(2) a.one{width:108px; background: url(../img/bj_area.jpg) no-repeat left bottom; padding: 23px 0 0 43px;}
#index .top2l .chain ul li:nth-child(3) a.one{width:89px; background: url(../img/sy_area.jpg) no-repeat left bottom; padding: 23px 0 0 27px;}
#index .top2l .chain ul li:nth-child(4) a.one{width:80px; background: url(../img/dl_area.jpg) no-repeat left bottom; padding: 14px 0 0 23px;}
#index .top2l .chain ul li:nth-child(5) a.one{width:81px; background: url(../img/sz_area.jpg) no-repeat left bottom; padding: 10px 0 0 22px;}
#index .top2l .chain ul li:nth-child(6) a.one{width:103px; background: url(../img/cz_area.jpg) no-repeat left bottom; padding: 20px 0 0 20px;}
#index .top2l .chain ul li:nth-child(7) a.one{width:50px; background: url(../img/wx_area.jpg) no-repeat left bottom; padding: 10px 0 0 15px;}
#index .top2l .chain ul li .son{ display: none; position: absolute; top: 45px; left: 26px;}
#index .top2l .chain ul li .son a{display: block; height: 18px; line-height: 18px;}
#index .top2l .chain ul li .son a:hover{color: #0065b7;}
#index .top2l .chain ul li:hover .son{display: block;}
#index .top2r{float:right;}
#index .top2r p{font:12px/10px Microsoft YaHei; padding-top:30px; width:220px; text-align:center;}
#index .top2r p font{display:block;font:18px/28px Microsoft YaHei;}
#index .top2r ul{ padding-top:20px; padding-left:23px;}
#index .top2r ul li{float:left; padding:0 5px;}
#index #wxImg{display:none;position:absolute; z-index:1000;right:10px;}

/*mainnav*/
#index .left{float:left;}
#index .right{float:right}
#index .cent{width:1200px;margin:0 auto;overflow:hidden; }
#index .head_nav {height:50px;overflow:hidden;line-height:70px; background:#494949;}
#index .nav{ width:900px; height:50px; margin-left:55px; display: flex;}
#index .nav_fldh{font-size:20px; width: 245px; text-indent: 23px; line-height:50px; background: url(../images/top_32.jpg) no-repeat 216px 23px #0065b7; display:block; height:50px; color:#FFF; cursor:pointer;}
#index .jx_dh{width:1200px; height:0;z-index:100000;overflow:hidden;position:absolute;left:50%;margin-left:-600px;}	
#index .nav li{flex: 1;}
#index .nav li a{display: block; width: 100%;}
#index .nav span{display:block; width:100%; height:50px; line-height:50px; background:#494949; clear:both; white-space:nowrap; font-size:16px; font-weight:normal;-moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
#index .nav span font{font-size:0.5em; line-height:20px; color:#b6a088; display:block;}
#index .nav span:hover{ background:#0065b7; border:none;}
#index .nav .navtit { float:left; position:relative; height:50px;overflow:hidden; text-align:center; font-size:16px; line-height:24px; color:#FFF; cursor:pointer; }
#index .nav .center{width:132px;}
#index .nav .center span{width:132px;}

.index_banner{ width:100%; height:700px; position:relative; z-index:1; margin:0 auto; background:#fff; overflow:hidden;}
.index_banner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.index_banner .bd ul{width:100% !important;}
.index_banner .bd li{width:100% !important;height:700px;overflow:hidden; text-align:center; position: relative;}
.index_banner .bd li a .video_01{width:1340px; height:700px; margin: 0 auto; position: relative;}
.index_banner .bd li a .video_01 video{width:290px; height: 300px; position:absolute; left:0; bottom:75px;}
.index_banner .bd li a{display:block; height:700px;}
.index_banner .hd{position:absolute; z-index:1; bottom:40px; width: 100%; height:15px; line-height:15px;}
.index_banner .hd ul{width:100%; text-align:center; display:block; text-align: center;}
.index_banner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:5px; overflow:hidden; background:#a7a7a7; line-height:999px; border-radius:50%;}
.index_banner .hd ul .on{background:#007aaa;}
.index_banner .prev,.index_banner .next{display:block; position:absolute; z-index:1; top:50%; margin-top:-49px; z-index:1; width:52px; height:99px; cursor:pointer; display:none;}
.index_banner .prev{background:url(../images/prevArrow.png) 0 0 no-repeat; left:50%; margin-left:-700px;}
.index_banner .next{background:url(../images/nextArrow.png) 0 0 no-repeat; right:50%; margin-right:-700px;}
.index_banner .video{width:1000px; margin: 0 auto; position: absolute; left: 50%; top: 0; margin-left: -500px; z-index: 999;}
.index_banner .video video{width: 440px; height: 250px; margin-left: 110px; position:absolute; top: 236px; border-radius: 10px; overflow: hidden;}




/*服务项目*/
#index .jx_nav{ width:245px; float:left; height:430px;opacity:0.9;filter:alpha(opacity=90); background:#0c3a5e;}
#index .jx_nav ul{padding-top:20px; padding-bottom:20px; overflow:hidden;}
#index .jx_nav p{font-size:28px; font-weight:bolder; color:#fff; text-align:center;}
#index .jx_content{ float:left; background:#fff; width:395px; overflow:hidden; height:395px; padding:20px 30px;}
#index .jx_nav ul li{font-size:16px; height:45px;line-height:45px;text-align:center; border-bottom:1px dotted #c8c7c7;float: left;width: 100%;-moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; position:relative;}
#index .jx_nav ul li span{ padding-top:0px; display:block; color:#fff;}
#index .jx_nav ul li font{font-size:10px;text-align:center; display:block; color:#999999;}
#index .jx_nav li.jx_click{ background:#859caf;opacity:1;filter:alpha(opacity=100); border-bottom:1px solid #859caf;}
#index .jx_nav li.jx_click span{color:#fff;}
#index .jx_nav li.jx_click span font{color:#c4a784;}
#index #jx1 span{ background:url(../images/ico3.png) no-repeat 25px 15px;}
#index .jx_nav li.jx_click#jx1 span{background:url(../images/ico33.png) no-repeat 25px 15px;}
#index #jx2 span{ background:url(../images/ico4.png) no-repeat 25px 15px;}
#index .jx_nav li.jx_click#jx2 span{background:url(../images/ico44.png) no-repeat 25px 15px;}
#index #jx3 span{ background:url(../images/ico5.png) no-repeat 25px 15px;}
#index .jx_nav li.jx_click#jx3 span{background:url(../images/ico55.png) no-repeat 25px 15px;}
#index #jx4 span{ background:url(../images/ico6.png) no-repeat 25px 15px;}
#index .jx_nav li.jx_click#jx4 span{background:url(../images/ico66.png) no-repeat 25px 15px;}
#index #jx5 span{ background:url(../images/ico7.png) no-repeat 25px 15px;}
#index .jx_nav li.jx_click#jx5 span{background:url(../images/ico77.png) no-repeat 25px 15px;}
#index #jx6 span{ background:url(../images/ico8.png) no-repeat 25px 15px;}
#index .jx_nav li.jx_click#jx6 span{background:url(../images/ico88.png) no-repeat 25px 15px;}
#index #jx7 span{ background:url(../images/ico8.png) no-repeat 25px 15px;}
#index .jx_nav li.jx_click#jx7 span{background:url(../images/ico88.png) no-repeat 25px 15px;}
#index .jx_contl{float:left;}
#index .jx_cont1{float:left; height:110px;}
#index .jx_cont1 h2{font-size:16px;border-bottom:1px solid #949494; height:30px; font-weight:bold;}
#index .jx_cont1 p{ padding-top:10px;}
#index .jx_cont1 p a{float:left;width:100px; overflow:hidden; padding:0 26px 10px 5px;color:#444444; font-size: 14px; font-weight: bold;}
#index .jx_cont1 p font{padding-left:5px;}
#index .jx_cont2{ width:275px; float:right; height:110px;}
#index .jx_cont2 h2{font-size:16px;border-bottom:1px dotted #dddddd; height:30px; font-weight:bold;}
#index .jx_cont2 span{ padding-top:10px; display:block;}
#index .jx_cont2 span a{padding-right:10px;float: left;display: block; width:113px;}
#index .jx_cont3{ margin-top:25px;}
#index .jx_cont3 p{padding-top:10px; position:relative;}
#index .jx_cont3 span{padding-top:10px; display:block;}
#index .jx_cont3 p a{float:left;width: 130px; overflow:hidden;color:#444444; font-size: 14px; font-weight: bold;height: 24px;line-height: 24px;text-overflow: ellipsis;white-space: nowrap;}
#index .jx_cont3 p font{padding-left:5px; position:absolute; left:90px; top:5px;}
#index .jx_cont3 h2{font-size:16px;border-bottom:1px solid #949494; height:30px; font-weight:bold;}
#index .jx_cont3 dl{ padding-top:15px;float:left;}
#index .jx_cont3 .dl1{float:left; height:1px;width:21px;}
#index .jx_cont3 dl dd{text-align:center;font-size:14px;padding-top:5px;}


/*底部*/
#index #foot{ background:#363636; width:100%; height:490px; margin-top:30px; overflow:hidden;}
#index #foot .f_top{width:1150px; height:auto; margin:0 auto; overflow:hidden;}
#index #foot .f_top_nav{width:140px; height:296px;}
#index #foot .f_top_nav:nth-child(1) dt{ background:url(../images/foot_23.jpg) no-repeat left 0px top 38px;}
#index #foot .f_top_nav:nth-child(1){background:url(../images/bg_23.jpg) no-repeat left;width:140px; height:296px;}
#index #foot .f_top_nav:nth-child(2) dt{ background:url(../images/foot_25.jpg) no-repeat left 0px top 38px;;}
#index #foot .f_top_nav:nth-child(3) dt{ background:url(../images/foot_29.jpg) no-repeat  left 0px top 38px;;}
#index #foot .f_top_nav:nth-child(3){background:url(../images/bg_23.jpg) no-repeat left;width:140px; height:296px;}
#index #foot .f_top_nav:nth-child(4) dt{ background:url(../images/foot_32.jpg) no-repeat  left 0px top 38px;;}
#index #foot .f_top_nav:nth-child(5) dt{ background:url(../images/foot_34.jpg) no-repeat  left 0px top 38px;;}
#index #foot .f_top_nav:nth-child(5){background:url(../images/bg_23.jpg) no-repeat left;width:140px; height:296px;}
#index #foot .f_top dl.f_top_nav{width:140px; height:280px;float:left; margin-right:10px; display:inline; text-align:center;}
#index #foot .f_top dl.f_top_nav dt{font-size:14px; color:#fff;padding-top:40px; text-indent:2em; border-bottom:1px solid #595959; padding-bottom:5px; width:90px; margin:0 auto 10px;}
#index #foot .f_top dl.f_top_nav dt a{color:#fff;}
#index #foot .f_top dl.f_top_nav dt a:hover{color:#5d5d5d;}
#index #foot .f_top dl.f_top_nav dd ul li{display:block; text-align:center; height:28px; line-height:28px;}
#index #foot .f_top dl.f_top_nav dd ul li a{color:#666666; font-size:14px;}
#index #foot .f_top dl.f_top_nav dd ul li a:hover{color:#ff8831;}
#index #foot .f_top .f_lxwm{width:380px; height:auto; float:right; overflow:hidden; position:relative;}

#index #foot .f_top .f_lxwm .dl_yy{position:relative;border:1px solid #4a4a4a; margin-top:135px;width: 327px;height: 130px;margin-left: 15px;}
#index #foot .f_top .f_lxwm .dl_yy dt{height:auto; font-size:14px; color:#fff;}
#index #foot .f_top .f_lxwm .dl_yy dd a{ position:absolute; bottom:0; left:115px; color:#ff8831; font-size:14px;}

.clear{clear:both;}
#index #foot .f_top .f_lxwm .dl_yy .yy1 ul li{ float: left;width: 123px;margin-top: 22px;font-size: 13px;height:15px;line-height:15px;text-align: center;margin-left: 26px;color: #fff}
#index #foot .f_top .f_lxwm .dl_yy dt{font-size: 26px;background:url(../images/yy_phone.jpg) no-repeat 48px center; height:60px;line-height:60px;text-align: center}
#index #foot .f_top .f_lxwm .dl_yy .yy2{height:auto;font-size:13px; color:#999999; line-height:15px;padding-left: 55px;}
#index #foot .f_top .f_lxwm .dl_3{ position:absolute; top:40px; left:20px;height: 106px; }
#index #foot .f_top .f_lxwm .dl_3 img{margin-left:30px; }

#index .foot_c{width:1200px; margin:0px auto 20px; padding-bottom: 10px; border-bottom:1px dotted #454545;}
#index .foot_c span{ display:block; float:left; margin:18px 0; padding-left:25px;}
#index .foot_c p{float:left; color:#cccccc; padding:23px 10px 0 20px; line-height:20px; font-size:14px; width:600px;}
#index .foot_c p font{color:#666666; font-size:13px;}