@charset "utf-8";
/* usually */
html{font-size: 62.5%; color: #2e2e2e;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color:#333 }
.auto{margin-left:auto;margin-right:auto;}
.l{float:left;}.r{float:right;}.tc{text-align: center;}.ti2{text-indent: 2em;}
em{font-style: normal;}
.ovh{overflow:hidden;}.rel{position:relative;}.abs{position:absolute;}
.fix::after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.img-responsive{max-width: 100%; height: auto; display: block;}
.ellipsis{text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap;}
.coll{color: #ff0000}
.mt10{margin-top: 10px}.mt15{margin-top: 15px}.mr15{margin-right: 15px}

.container{width:1300px;margin: 20px auto}
h1{ font-size: 30px;background: url(../images/circle.png) no-repeat left 0;padding-left: 30px;height: 68px;position: relative;margin: 30px 0;color: #000}
h1 span{font-size: 13px;color: #6F6F6F;font-weight: normal;position: absolute;top: 48px}

/*index*/
.navbg{background: #0071BC;height: 60px}
.nav li{float: left;width:145px;font-size: 18px;text-align: center;line-height: 60px;position: relative;}
.nav li a{color:#fff;display: block;}
.nav dl{position:absolute; left:0;top:60px;z-index: 4;background: #0193DC;width:100%;line-height: 40px;font-size: 16px;display: none}
.nav li.current{background: #0193DC}
.nav dl dd a:hover{background: #fff;color:#0193DC }
.banner { position: relative;  overflow: hidden;width:100%;margin:0 auto; }
.banner .pic { position: relative; z-index: 0; }
.banner .pic img { width: 100%; display: block; }
.banner .hd { width: 100%; position: absolute; bottom: 10px; text-align: center; font-size: 0; z-index: 1; }
.banner .hd li { text-align: center; margin: 0 5px; background:#fff; height: 12px;  width: 12px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; border-radius:100% }
.banner .hd .on { background:#0473BB; }
.snav li{font-size: 18px;float: left;width: 320px}
.snav li a:hover{color: #0071BC}
.focus { position: relative;  overflow: hidden;width: 560px;height: 340px;margin-top: 5px}
.focus .fpic { position: relative; z-index: 0; }
.focus .fpic li{position: relative;}
.focus .fpic img { width: 560px; display: block;height: 340px }
.focus p{position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,.6);width:100%;line-height: 28px;padding:6px 0;color: #fff;z-index: 5;font-size: 17px;text-align: center;}
.focus .hd { width: 100%; position: absolute; bottom: 10px; text-align: right; font-size: 0; z-index: 1; }
.focus .hd li { text-align: center; margin: 0 5px; background:#fff; height: 10px;  width: 10px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; border-radius:100% }
.focus .hd .on { background:#0473BB; }
.newsr{width: 700px;font-size: 16px;line-height: 36px}
.newsr li{border-bottom:1px dashed #d3d3d3;background:url(../images/dot.jpg) no-repeat left center;padding-left:15px;line-height:35px;}
.newsr li.li1{padding:0 0 5px;margin-bottom: 4px;background:none;}
.newsr li span{color: #707070;font-size: 15px;}
.newsr li h5 {line-height: 24px;font-size: 19px;font-weight: normal;margin-bottom: 5px}
.newsr li p{color: #6F6F6F;line-height: 27px}
.newsr li a:hover,.newsr li p a{color: #0B88DD}
.intro{position: relative;height: 550px;font-size: 17px;color: #6F6F6F;}
.intro p{width: 790px;line-height: 32px;}
.intro ul{width: 810px;margin-top: 50px;line-height: 32px;}
.intro ul li{width: 270px;background: #6F6F6F;text-align: center;float: left;padding: 40px 0}
.yypic{position: absolute;right: 0;top: 15px;width: 500px;z-index: -1}
.intro ul li a{display: block;}
.intro ul li:first-child a{color: #fff}
.intro ul li:nth-child(2){background: #DADADA}
.intro ul li:nth-child(3){background: #ECECEC}
.ksnav{background: #F5F5F5;overflow: hidden;padding: 20px 0;font-size:21px;}
.tabtitle ul{border-bottom: 2px solid #D3D3D4;overflow: hidden;padding-left: 50px;margin-bottom: 30px;text-align: center;}
.tabtitle ul li{float: left;margin: 0 50px;padding-bottom: 12px}
.tabtitle ul li.on{border-bottom: 3px solid #0768B4}
.tabcon ul{height: 260px;text-align: center;}
.tabcon li{width: 234px; border: 1px solid #CCCCCD;border-radius: 5px; line-height: 60px;margin: 10px; float: left;}
.tabcon li a{display: block;color: #6F6F6F;transition: all .2s;}
.tabcon li:hover a{background: #0768B4;color: #fff;border-radius: 5px;}
.jyzn li{width: 210px;height: 70px;background: #F1F8FC;float: left;margin: 20px;text-align: center;line-height: 70px;font-size: 21px}
.jyzn li a{color: #6F6F6F;display: block;}
.jyzn li img{vertical-align: middle;margin-right: 5px}
.slideBox{ width:100%; height:688px; overflow:hidden; position:relative; margin:0 auto;  }
.slideBox .bd{ position:relative; height:100%; z-index:0; width:1200px;margin: 0 auto  }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li img{width:465px;float:left;margin-left:30px}
.slideBox .bd h4{background: url(../images/doctit.png) no-repeat left center;width: 119px;height: 351px;position: absolute;left: 420px;top: 70px;color: #0768B4;font-size: 55px;text-align: center;font-weight: normal;padding-top: 30px;z-index: -1}
.slideBox .docbox{width: 530px;float: left;margin-left:90px;font-size: 16px;line-height: 30px;color: #707070;margin-top: 30px}
.slideBox .docbox h5{font-size: 20px;font-weight: normal;color: #222;margin-top: 20px;}
.slideBox .hd{ width:100%;overflow:hidden; position:absolute; right:0; bottom:0; z-index:1; background:#0A8AD4;padding: 10px 0}
.slideBox .hd ul{ overflow:hidden; zoom:1;  width:1000px;margin: 0 auto;}
.slideBox .hd ul li{ float:left; margin:5px 8px 0 8px;  width:123px; height:140px; text-align:center;  cursor:pointer; }
.slideBox .hd ul li img {width: 123px;height: 140px;background: #fff;}
.slideBox .hd ul li.on img {background: #CFDFEB;}
.slideBox .prev {background: url(../images/prev.jpg) no-repeat left top;position: absolute;left: 0;top:245px;width: 32px;height: 69px;z-index: 10;cursor:pointer}
.slideBox .next {background: url(../images/next.jpg) no-repeat left bottom;position: absolute;right: 10px;top:245px;width: 32px;height: 69px;z-index: 10;cursor:pointer}
/*list*/
.piclist{margin-bottom: 40px;overflow: hidden;}
.piclist li{float: left;width: 300px;margin: 11px;text-align: center;font-size: 16px;border:1px solid #E9E9E9;transition: all 0.2s linear;}
.piclist li p{transition: all 0.2s linear;padding: 10px 5px }
.piclist li:hover{border:1px solid #0071BC;-webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);}
.piclist li:hover p{background:#0071BC;color: #fff;}
.piclist li img{width: 300px;height:200px;}
.sblist li img{height: 280px}
.newslist {margin-top: 25px}
.newslist li a{border:1px solid #e9e9e9;padding: 15px;overflow: hidden;font-size: 16px;display: block;transition: all 0.2s linear;margin: 16px 0;color: #666;line-height: 30px;color: #666}
.newslist li .newsimg{width: 330px;height: 165px;overflow: hidden;}
.newslist li .newsimg img{width: 100%;}
.newslist li .newscon{width: 915px;}
.newslist li h5{font-size: 20px;margin-bottom: 5px;color: #333}
.newslist li .date{background: url(../images/clock.jpg) no-repeat left center;padding-left: 22px;color: #999;}
.newslist li a:hover{border:1px solid #0071BC;-webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);}
.newslist li a:hover h5{color: #0071BC}
.pagelist{text-align: center;margin:30px 0;}
.pagelist a {padding: 0px 12px;line-height: 32px;display: inline-block;border-radius: 3px;margin: 0px 4px;background: #e8e8e8;font-size: 16px;}
.pagelist a:hover, .pagelist a.active, .pagelist a.fdq {background-color:#0071BC;color: #ffffff;}
/*doc*/
.doclist li{float: left;margin: 10px;width:194px;text-align: center;font-size: 16px;border:1px solid #e9e9e9;transition: all 0.2s linear;padding-bottom: 8px}
.doclist li h5{color: #0071BC;font-size: 16px;margin: 5px 0}
.doclist li img{width:100%;}
.doclist li:hover{border:1px solid #0071BC;-webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);}
/*ks*/
.dep_list li {overflow: hidden; margin: 25px}
.dep_list li span{ display: block; width:210px; float: left; font-size: 26px; color: #666; line-height: 80px; background-color: #0768B4; color: #fff; border-radius: 10px;text-align: center;margin-top: 5px}
.dep_list li .navplus{display: block;width: 1020px;float: right;}
.dep_list li .navplus a {display: inline-block;width: 179px;margin: 10px;line-height: 45px;border-radius: 8px;color: #0768B4;border: 1px solid #0768B4;font-size: 17px;text-indent: 20px;transition: all 0.5s;background: url(../images/sico.png) no-repeat 155px center;}
.dep_list li .navplus a:hover{color: #fff;background:#0768B4 url(../images/sico2.png) no-repeat 155px center; }
.h4_tit{font-weight: 400;border-bottom: 4px solid #0071BC;font-size: 21px;line-height: 40px;display: inline-block;margin:15px 0;}
.ks-intro{box-shadow: 0 2px 15px rgb(0 0 0 / 15%);padding: 0 20px 30px;font-size: 16px;line-height: 30px;margin-top: 30px}
.ks-intro img{width: 550px;float: left;margin-right: 15px}
.ks_doc li{float: left;font-size: 15px;width: 391px;height:160px;margin: 10px;line-height: 25px;border:1px solid #DAD9D9;background: #f9f9f9;padding: 10px 10px 2px;overflow: hidden;}
.ks_doc li h5{color: #0071BC;font-size: 16px;margin: 5px 0}
.ks_doc li img{width: 110px;margin-right: 15px;float: left;height:150px}
.ks_doc li p{color: #666}
.ks_doc li:hover{border:1px solid #0071BC;-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);}
.ks-bz a{float: left;font-size: 16px;text-align: center;margin: 6px;border:1px solid #DAD9D9;width: 148px;line-height: 35px;background: #F9F9F9}
.ks-bz a:hover{background: #0071BC;color: #fff}
.ks-hd li{float:left;border:2px solid #0193DC;border-radius:15px;background:#fff;padding-bottom:10px;margin:10px;text-align: center;font-size: 16px;line-height: 30px;height: 150px;width: 291px}
.ks-hd li h4{background:#0193DC;color:#fff;padding:5px 0;border-radius:12px 12px 0 0;font-size:18px;margin-bottom:20px}
.price strong{font-size:19px;}
.price b{font-size:21px;font-family:"Impact";font-weight:normal}
.hdtips{font-size: 17px;margin-top:20px;}
.three-col .ks-hd li{width:396px;}
/*  office  */
.ksnav ul{overflow: hidden;}
.ksnav ul li{float: left;width: 160px; margin-top: 25px;}
.ksnav ul li div.icon_images{width: 102px;height: 102px;margin: 0 auto}
.ksnav ul li div.icon_images a{width: 100px;height: 100px;border: 1px solid #dce8f5;border-radius: 50%;background: #ffffff;display: table-cell;vertical-align: middle;text-align: center;}
.ksnav ul li div.icon_images a img{display: block;margin: 0 auto}
.ksnav ul li div.cur a{background: #0a4b92;border: 1px solid #0a4b92}
.ksnav ul li h4 a span{font-size: 16px;color: #333333;display: block;padding-top: 15px;line-height: 20px;text-align: center;font-weight: normal;}

/*info*/
.subnav{font-size: 17px;text-align: center;overflow: hidden;margin-top: 10px}
.subnav li{line-height: 38px;width: 129px;display: inline-block;background: url(../images/nav_bj.jpg) repeat-x;margin:10px 5px 5px;}
.subnav li a{color: #fff}
.curpos{font-size: 16px;margin-bottom: 10px;border-bottom: 1px solid #F0F0F0;background: url(../images/home.png) no-repeat left center;padding-left: 20px;line-height: 30px}
.artitle{font-size: 25px;margin: 20px 0 15px;color: #0071BC}
.content,.docinfo{font-size: 17px;line-height: 30px;margin: 20px 0 40px}
.content p{text-indent: 2em;margin: 8px 0}
.content p img{max-width: 100%;margin:10px auto;display:block;text-indent:0}
.content .tips{background:#FBF6D5;padding:10px;font-weight: bold;margin-top: 30px}
.hline{background: #ddd;height: 1px;margin: 10px 0}
.docinfo{width: 1000px;margin-left: auto;margin-right: auto}
.artdate{text-align: center;font-size: 16px}
.prenext{border-top: solid 1px #e9e9e9;padding: 20px 0 40px 0;font-size: 16px;margin-top: 20px;overflow:hidden}
.art-btn{text-align: center;margin-bottom:20px}
.art-btn a{display: inline-block;margin: 15px 10px 0;background: #FF6100;color: #fff;line-height: 32px;font-size: 17px;border-radius: 5px;width: 120px;padding-right: 6px}
.art-btn a:first-child{background: #0071BC}
.art-btn a img{width: 40px;vertical-align: middle;}
.dh-tab{width: 70%;margin:10px auto 30px;font-size: 17px;text-align: center;border-collapse: collapse;}
.dh-tab th{padding: 10px;background: #0071BC;color: #fff;border-right: 1px solid #fff;font-size: 19px;text-align:center}
.dh-tab th:last-child{border-right:1px solid #0071BC;}
.dh-tab td{border:1px solid #0071BC;padding:10px}
.zswh{font-size: 17px;line-height: 30px;margin: 30px 0 50px;}
.zswh h4{color: #0071BC;font-weight: normal;}
.zswh h4 strong{font-size: 21px}
.line{color: #0071BC;margin: 5px 0}
.lyfs span{display: inline-block;background: #0071BC;color: #fff;text-align: center;width: 100px;text-indent: 0}
.ny_doc li{float: left;margin: 10px;width: 630px;overflow: hidden;}
.zx-btn{text-align: center;}
.zx-btn a{display: inline-block;margin: 10px 5px;background: #FF6100;color: #fff;line-height: 28px;font-size: 15px;width: 100px;}
.zx-btn a:first-child{background: #0071BC}
.fzlc span{display: inline-block;width:140px;text-indent: 0}
/*sidebar*/
.sidebar{position: fixed;top: 50%;right: 0;z-index: 1;margin-top:-200px}
.sidebar ul li{width: 75px;background: #fff;box-shadow: 0 0 7px 0 rgb(0 0 0 / 15%); border-radius: 8px; margin-bottom: 10px; text-align: center;font-size: 14px;line-height: 30px;padding: 5px 0 0}
.sidebar ul li a{color: #8b8686;display: block; }
.sidebar ul li a img{width:35px}
.sidebar ul li a:hover{color: #0071BC}
/*footer*/
.footer { width: 100%; font-size: 16px; color: #fff; padding:10px 0 20px; background: #0868B5;overflow: hidden;}
.fotleft{width: 660px;line-height: 30px;margin-left: 20px}
.fotleft a{color: #fff}
.footerlinks{line-height: 20px;padding:10px 0;}
.footerlinks a{padding-right: 20px;display: inline-block;}
.footerlinks a+a{border-left: 2px solid #e3d5f7;padding: 0 20px;}
.fotright {width: 450px}
.fotright p{display: inline-block;width:120px;font-size: 15px;text-align: center;margin: 0 10px}
.fotright p img{width: 120px;margin-bottom: 5px}