@charset "utf-8";
/* CSS Document */
*::selection{background:#027ced; color:#fff; text-shadow:none;}
*{margin:0;padding:0;}
body{font-size:16px; color:#000; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; min-width:1260px;_width:1260px;}
body a{text-decoration:none; -webkit-transition:all 0.3s; transition:all 0.3s;}
a{color:#000;}
a:hover{color:#f90;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}  /*for IE*/   
:focus{-moz-outline-style:none; outline:none;}     /* for Firefox*/
img{border:0;}
ul,li{list-style-type:none;}
.clear{clear:both; height:0;}
table,table td{border-collapse:collapse;}
.overHidden{overflow:hidden; position:fixed;}

.animate{-webkit-transition:all 0.3s; transition:all 0.3s;}
.animate2{-webkit-transition:all 0.2s; transition:all 0.2s;}
.unselectable{-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}/*文字超出省略号...*/
.clamp5{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.clamp8{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical;}
.justify{text-justify:inter-ideograph; text-align:justify;}/*文字两端对齐*/
.undecoration, .undecoration:hover{text-decoration:none !important;}
.hide{display:none;}
.bgImg{display: block; height: 100%; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all 0.8s; transition:all 0.8s;}
a:hover .bgImg{-webkit-transform:scale(1.05); transform:scale(1.05);}

/* flex布局 */
.flexColumn{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.flexRow{display:flex; flex-direction:row; align-items:center; justify-content:center;}
.flex{flex:1;}


/*video禁止显示下载按钮*/
video::-internal-media-controls-download-button{display:none;}
video::-webkit-media-controls-enclosure{overflow:hidden;}
video::-webkit-media-controls-panel{width:calc(100% + 30px);}


.w1260{width:1260px; margin:0 auto;}

/* 头部 */
.head{width:100%; height:176px; background:url(../images/headBg.jpg) no-repeat center bottom / cover;}
.head .logo{width:1260px; height:176px; background:url(../images/logo.png) no-repeat left center; margin:0 auto; display:flex; align-items:center; justify-content:flex-end;}
.head .logo span{display:inline-block; padding:0 20px; height:32px; line-height:32px; border:#fff 1px solid; border-radius:30px; font-size:18px; color:#fff;}


/* 菜单 */
.menuWrap{height:50px; background:#016de1; position:relative;}
#menu{width:1260px; height:50px; margin:0 auto; display:flex;}
#menu li{position:relative;text-align:center;}
#menu>li{flex:1;}
#menu>li>a{display:block; height:50px; line-height:50px; font-size:16px; color:#fff;}


/*这是第二级菜单*/
#menu ul{width:100%; background-color:#027ced; position:absolute; z-index:999; left:0; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; margin:20px 0 0 0; opacity:0; visibility:hidden;}
#menu ul li{margin-left:0; width:100%;}
#menu ul li a{display:block; padding:10px 8px; color:#fff; line-height:24px; font-size:15px;}
#menu ul li a:hover{background-color:#f90; color:#fff;}

/**若子级菜单含有子级时，在a标签增加<i>标签作为箭头，由js实现动态增加，箭头大小调节i的边框宽度*/
#menu ul i{display:block; position:absolute; *top:10px; top:calc(50% - 4px); right:2px; z-index:10; width:0; height:0; border-color:transparent; border-width:4px; border-style:solid; border-left:4px #fff solid; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}

/*这是第三级菜单 及以后*/
#menu ul ul{top:0; left:100%; width:100%; border-left:2px solid #f90; margin:0 0 0 20px;}
#menu ul ul li a{font-size:14px;}

#menu li:hover > a{background-color:#027ced;}
#menu li:hover > a:hover{background-color:#f90;}
#menu li:hover > ul{opacity:1; visibility:visible; margin:0;}


.indH1{height:54px; line-height:54px; font-weight:normal; background:#027ced; color:#fff; padding:0 20px;}
.indH1 p{height:54px; padding-left:26px; background:url(../images/hBg2.png) no-repeat left center; flex:1; font-size:24px;}
.indH1 a{font-size:14px; color:#fff;}
.indH1 a:hover{color:#84e0ec;}

.indH2{height:58px; line-height:58px; padding-left:26px; background:url(../images/hBg1.png) no-repeat left center; border-bottom:#cedfef 1px solid; font-weight:normal;}
.indH2 p{height:58px; font-size:24px;}
.indH2 a{color:#999; font-size:14px;}
.indH2 a:hover{color:#f90;}


.F1{padding:50px 0; background:url(../images/bg1.jpg) no-repeat center center / cover;}
.F1 .w1260{display:flex;}
.F1 .con{height:232px; padding:20px; display:flex; align-items:center;}
.F1 .con .pic{width:178px; height:230px; border:#027ced 1px solid; margin-right:30px;}
.F1 .con .pic p{height:230px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.F1 .con .txt{flex:1; height:232px; line-height:29px; text-indent:2em;}
.jcjs, .zbjs{flex:1; height:326px; box-shadow:2px 6px 13px rgba(188,198,208,.4); background:#fff; overflow:hidden; border-radius:6px;}
.zbjs{margin-left:40px;}


.picScroll{margin:40px auto 150px;}
.picScroll .scroll{overflow:hidden; padding-top:20px; width:100%;}
.picScroll .scroll ul{width:100%; white-space:nowrap; font-size:0;}
.picScroll .scroll ul li{display:inline-block; vertical-align:top; height:180px; margin-right:20px;}
.picScroll .scroll ul li a{display:block; height:180px; position:relative; overflow:hidden;}
.picScroll .scroll ul li img{height:180px;}


.F2{background:#e0f0ff url(../images/bg2.jpg) no-repeat center bottom / 100% auto; padding-bottom:50px; position:relative; z-index:1;}
.F2 .w1260{position:relative;}
.F2 .w1260:before{display:block; content:""; width:calc(100% - 6px); height:379px; background:#84e0ec; position:absolute; right:0; top:-74px; z-index:0; border-radius:10px 60px 10px 60px;}
.F2Con{height:319px; margin:0 6px 6px 0; padding:20px 40px 40px; position:relative; top:-80px; z-index:1; background:url(../images/bg3.jpg) no-repeat center bottom / cover; border-radius:10px 60px 10px 60px;}
.tscx{position:relative;}
.tscx .indH2{color:#fff; background-image:url(../images/hBg2.png);}
.tscx .indH2 a{color:#fff;}
.tscx .indH2 a:hover{color:#84e0ec;}
.tscx .con{height:240px; line-height:30px; padding-top:20px; text-indent:2em; color:#fff;}

.picLink{width:352px; height:312px; margin-left:60px;}
.picLink ul{display:flex; flex-wrap:wrap;}
.picLink ul li{width:164px; height:150px; padding:6px 0 6px 12px;}
.picLink ul li a{display:block; height:118px; padding:16px 6px; overflow:hidden; color:#fff; background-repeat:no-repeat; background-position:left bottom;}
.picLink ul li:nth-of-type(1) a{background-image:url(../images/iBg1.jpg); background-color:#64b8ff; border-radius:20px 20px 0 20px;}
.picLink ul li:nth-of-type(2) a{background-image:url(../images/iBg2.jpg); background-color:#45c3cb; border-radius:20px 20px 20px 0;}
.picLink ul li:nth-of-type(3) a{background-image:url(../images/iBg3.jpg); background-color:#5fcb71; border-radius:20px 0 20px 20px;}
.picLink ul li:nth-of-type(4) a{background-image:url(../images/iBg4.jpg); background-color:#a16ff4; border-radius:0 20px 20px 20px;}
.picLink ul li p{width:64px; height:64px; border-radius:50%; background:rgba(255,255,255,.24); margin:0 auto;}
.picLink ul li p img{display:block; max-width:40px; max-height:40px;}
.picLink ul li h3{line-height:22px; margin-top:10px; font-size:14px; font-weight:normal; text-align:center;}
.picLink ul li a:hover img{opacity:0.8;}


.iconLink{height:132px; margin-top:-10px;}
.iconLink li{flex:1; height:132px; text-align:center;}
.iconLink li img{width:98px; height:98px; vertical-align:top;}
.iconLink li h3{height:24px; line-height:24px; padding-top:10px; font-size:16px; font-weight:normal;}


/* 页底 */
.foot{background:#0976dc; color:rgba(255,255,255,.8); padding:25px 0; line-height:25px; text-align:center; font-size:14px;}
.foot a{color:rgba(255,255,255,.8); display:inline-flex; align-items:center;}
.foot a img{height:16px; margin-right:4px;}
.foot a:hover{color:#fff;}
.foot span{padding-left:1em;}


.ny{width:1260px; margin:30px auto 50px;}
.left{width:270px; text-align:center; float:left; background:#f5f5f5;}
.left h2{height:50px; line-height:50px; background-color:#027ced; font-size:20px; color:#fff; font-weight:normal;}
.left ul li{border-bottom:#dedede 1px dashed;}
.left ul li a{display:block; line-height:24px; padding:9px 15px; font-size:16px;}
.left ul li a:hover{color:#027ced;}
.left ul li a.on{background:#f90; color:#fff;}
 
 
.hasLeft{margin-left:300px;}
.post{height:38px; line-height:38px; font-size:14px; color:#999; border-bottom:2px solid #e4e4e4; display:flex; align-items:center;}
.post h3{color:#027ced; border-bottom:2px solid #027ced; font-size:20px; font-weight:normal;}
.post span{flex:1; line-height:26px; padding-top:12px; text-align:right;}


.list01{padding-top:20px;}
.newsList li{height:40px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:15px; background:url(../images/a01.png) no-repeat left center; border-bottom:#d5d5d5 1px dashed;}
.newsList li span{float:right; padding-left:20px; color:#999;}


.picList01 ul{margin-left:-26px; display:flex; flex-wrap:wrap;}
.picList01 ul li{width:calc(25% - 26px); margin:26px 0 0 26px; text-align:center;}
.picList01 ul li p{height:0; padding-top:calc(100% - 2px); border:#e5e5e5 1px solid; position:relative;}
.picList01 ul li p i{display:block; width:calc(100% - 20px); height:calc(100% - 20px); background-repeat:no-repeat; background-position:center center; background-size:contain; position:absolute; left:10px; top:10px;}
.picList01 ul li h3{height:30px; line-height:30px; font-size:16px; font-weight:normal; padding-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picList01 ul li p, .picList01 ul li p i{-webkit-transition:all 0.5s; transition:all 0.5s;}
.picList01 ul li a:hover p{border-color:#027ced;}


.articleTitle{padding:40px 0 20px; line-height:30px; font-size:20px; font-weight:600; text-align:center;}
.articleInfo{width:90%; font-size:14px; height:30px; line-height:30px; background:#f5f5f5; color:#666; text-align:center; margin:0 auto;}
.articleInfo label{padding-left:30px;}
.articleCon{line-height:30px; padding:20px 0 30px; font-size:16px;}
.articleCon img{max-width:900px; height:auto !important; margin:5px auto 0; vertical-align:top;}
.article2 .articleCon img{max-width:1260px;}


.page01{padding-top:30px; font-size:14px;}
.page01 span{margin:0 17px 0 0 !important;}
.page01 label:first-of-type{margin-left:20px !important;}
.page01 .gotoNumber{width:50px; height:25px; line-height:25px; text-align:center; vertical-align:top;}
.page01 .gotoNumberConfirm{margin-left:10px !important;}


.layerDiv{display:none;}