﻿@charset "UTF-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    本网站通用布局
*/
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{vertical-align:top;border:0}
address,caption,cite,code,dfn,em,i,th,var{font-weight:400;font-style:normal}
li,ol,ul{list-style:none}
dd,div,dl,dt,li,ol,ul{zoom:1}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:''}
abbr,acronym{border:0}
article,aside,dialog,figure,footer,header,menu,nav,section,time{margin:0;padding:0;display:block;zoom:1}
body{color:#333;font-size: 14px;line-height:1.8;font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,Tahoma,sans-serif;text-align:center;-webkit-text-size-adjust:none}
a{color:#333;text-decoration:none;outline:0}
a:hover{color:#e20500;text-decoration:underline}
.clearbox{border:none;border-top:1px solid transparent!important;clear:both;font-size:0;height:0;line-height:0;margin-top:-1px!important;visibility:hidden}
.blank{display:block;height:10px;font-size:0;line-height:0;overflow:hidden;clear:both}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html .clearfix{height:1%}
.fl{float:left}
.fr{float:right}
.hide{display:none}
button,input[type=button],input[type=file],input[type=submit]{cursor:pointer;-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}

/* frame */
html{}
body{text-align: center;min-width: 1200px;background: #fff url(../img/bg.jpg) repeat-x center top;}
.siteWidth{position: relative; max-width: 1200px; _width: 1200px; margin: 0 auto; text-align: left}

#header{background: url(../img/headerbg.png) center 0 no-repeat;height: 160px;}
#header #logo {float:left;margin-top: 40px;}
#header #logo label {color:#16ADAC;font-size:24px;padding:20px;border-left:1px solid #ABD6D5;margin-left:20px;margin-bottom: 0;margin-top: 5px;}
#header .wechat {position:absolute;right:10px;top: 30px;}

#nav { background:#1673AD; background:linear-gradient(to right, #1673AD, #16ADAC ); height:50px; line-height:50px; }

.mainNav{width: 1200px;margin: auto;position: relative;z-index: 9;display:flex;justify-content: space-between;}
.mainNav .item,.mainNav .li1{float: left;position: relative;height: 50px; width:10%;}
.mainNav .li1:after { content:""; position:absolute; right:0; width:1px; height:10px; background:#fff; display:block; top:40%; opacity:0.2 }
.mainNav .last1:after { display:none;}
.mainNav .li1 .h1{margin: 0;}
.mainNav .a1{ display:block;color: #333;text-align: center;font-size: 16px;line-height: 50px; color:#fff;}
.mainNav .on1,
.mainNav .a1:hover{text-decoration: none; background: #16ADAC}
.row {margin: 0 0 20px;}
.row:after { content:""; clear:both; display:block; }
#content{padding:20px 0;width: 1200px;margin: 0 auto;text-align: left;}
#content:after { content:""; clear:both; display:block; }

#footer{border: 1px solid #C7E5E5; background: #1673AD ; background:linear-gradient( to right, #1673AD, #16ADAC); font-size: 12px; line-height:24px; color:#fff; padding: 20px 0;}
#footer .siteWidth{text-align: center; background:url(../img/footerlogo.png) no-repeat center; padding:20px 0;}

.areaL {float:left;width:310px;margin-right: 20px;}
.areaC {overflow:hidden;}
.areaR {float:right;width:310px;margin-left: 20px;}

.box { border:1px solid #C7E5E5; border-radius:5px; overflow:hidden;}
.box .hd {background:#1673AD;background:linear-gradient(to right , #1673AD, #16ADAC );line-height:50px;height:50px;padding:0 20px;font-size: 16px;}
.box .hd .more { float:right; font-size:12px; background:url(../img/moreicon.png) no-repeat right 53%; padding-right:16px; color:#fff;}
.box .hd h3 a {display:block;line-height: 50px;color: #fff;font-weight: bold;}
.box .bd {padding: 14px 20px;min-height: 280px;}

.focusBox{width: 540px;overflow: hidden;position: relative;margin: 0;}
.focusBox .hd{position: absolute;z-index: 1;left: 50%;margin-left: -30px;bottom: 50px;}
.focusBox .hd ul{overflow: hidden; zoom: 1; float: left;}
.focusBox .hd ul li{float: left; margin: 0 2.5px; width: 9px; height: 9px; line-height: 9px; border-radius: 9px; border:1px solid #fff; text-align: center; background: transparent; cursor: pointer; font-size: 12px;}
.focusBox .hd ul li.on{background: #fff; color: #fff;}
.focusBox .bd{position: relative;overflow: hidden;}
.focusBox .bd li{position: relative;}
.focusBox .bd .pic{position: relative; z-index: 0;}
.focusBox .bd .pic img{width: 540px;height: 360px;}
.focusBox .bd .con{position: absolute; width: 100%; z-index: 1; bottom: 0; height: 34px; line-height: 34px; text-align: center;}
.focusBox .bd .con .title{position: absolute;width: 100%;bottom: 0;left: 0;z-index: 1;white-space: nowrap;overflow: hidden;padding: 0 2%;text-align: center;height: 20px;line-height: 20px;margin-bottom: 20px;}
.focusBox .bd .con .title a{color: #fff;padding: 0;text-align: center;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 16px;}
.focusBox .bd .con .titleBg{position: absolute;width: 100%;z-index: 0;bottom: 0;left: 0;background: #16ADAC; background:linear-gradient(to bottom, rgb(22 173 172 / 0%), #16ADAC );height: 80px;}

/* infoList */
.infoList{overflow: hidden}
.infoList li{height: 40px; line-height: 40px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.infoList li a{padding-left: 15px;background: url(../img/liteicon.png) 0 no-repeat;}
.infoList li .date{float: right; color: #999}

/* picListFl */
.picListFl{overflow: hidden; margin:0 -15px 0 -11px ;}
.picListFl li{float: left;width: 255px;margin: 0 20px 0;}
.picListFl li .pic img{width: 100%; height: auto;}
.picListFl li .title{line-height: 25px;height: 48px;overflow: hidden;padding-top: 5px;}

/* 首页 ----------------------------------*/
#rowC .box .bd {min-height: auto;}

/* 文章列表页 ----------------------------------*/
.side{float: left; width: 230px;}
.mainContent{float: right; width: 950px;}
.sideBox{margin-bottom: 20px;}
.sideBox .hd{height: 40px; line-height: 40px; background: #E1342D; color: #fff; font-size: 20px; padding: 0 10px;}
.sideBox .bd{border: 1px solid #ddd; border-top: 0; padding: 10px; overflow: hidden;}
.mainBox .mHd .path{position: absolute;right: 10px;font-size: 14px;color: #fff;padding: 9px;}
.mainBox { border:1px solid #C7E5E5; border-radius:5px; overflow:hidden;}
.mainBox .mHd {background:#1673AD;background:linear-gradient(to right , #1673AD, #16ADAC );line-height:50px;height:50px;padding:0 20px;text-align: left;position: relative;}
.mainBox .mHd .more { float:right; font-size:12px; background:url(../img/moreicon.png) no-repeat right 53%; padding-right:16px; color:#fff;}
.mainBox .mHd h3 {display:block;line-height: 50px;color: #fff;font-weight: bold;}
.mainBox .mBd {padding: 14px 20px;min-height: 280px;}

.path{height: 32px; line-height: 32px;}
.path a,
.path span{margin: 0 5px;color: #fff;}

/* newsList */
.newsList{padding: 0 10px;}
.newsList li{height: 42px; line-height: 42px; overflow: hidden; padding-left: 14px; background: url(../img/liteicon.png) 0  no-repeat;}
.newsList .split{background: none; border-bottom: 1px dotted #ccc; height: 1px; overflow: hidden; font-size: 0; line-height: 0; margin: 15px 0;}
.newsList .date{float: right; color: #999;}

/* url_方块样式分页 */
.page{font-size: 0;text-align: center;padding: 25px 0;clear: both;}
.page a,
.page span{font-size: 14px;display: inline-block; *display: inline;zoom: 1;border: 1px solid #E1E1E1;padding: 0 10px;margin-right: 5px;height: 34px;line-height: 34px;float: none;}
.page a:hover{border: 1px solid #1673AD; text-decoration: none; color: #1673AD;}
.page .current{background: #1673AD;border: 1px solid #1673AD;color: #fff !important;font-weight: bold;padding: 0 10px;}
.page select{height: 34px; line-height: 34px; padding: 0 8px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle;}
.page .disabled{pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

.side .menubox .menuList{display: block;}
.side .menubox .menuList .swiper-slide{padding: 0 10px;height: 50px;border: 1px solid #dedede;margin-bottom: 20px;display: flex;}
.side .menubox .menuList .swiper-slide.on{background: #16ADAC;}
.side .menubox .menuList .swiper-slide a{display: block;flex: 1;line-height: 22px;margin: auto 0;font-size: 16px;font-weight: 700;}
.side .menubox .menuList .swiper-slide.on a{color:#fff;}

.yqlist{margin-right: -20px;}
.yqlist li{width: 302px;margin: 0 20px 20px 0;float: left;}
.yqlist li .pic,.yqlist li .pic a{width: 302px;height: 200px;/* display: block; */display: flex;}
.yqlist li .pic img{max-height: 200px;max-width: 300px;display: block;margin: auto;}
.yqlist li .con{padding: 15px 15px 10px;border: 1px solid #F0F0F0; }
.yqlist li .con .tit{font-size: 16px;font-weight: 700;font-family: PingFang SC-Semibold;color: #333;text-decoration: none;height: 24px;line-height: 24px;display: block;margin-bottom: 10px;}
.yqlist li .con p{font-size: 14px;color: #858585;line-height: 34px;}
.yqlist li:hover .con{background: #16ADAC;}
.yqlist li:hover .con .tit,.yqlist li:hover .con p{color: #fff;}

.yq_message{display: flex;}
.yq_message .pic{width: 400px;height: 300px;margin: auto 0;display: flex;}
.yq_message .pic img{max-width: 400px;max-height: 300px;display: block;margin: auto;}
.yq_message .con{margin: auto 0 auto 40px;}
.yq_message .con .title{font-size: 24px;font-weight: 700;color: #333;margin-bottom: 18px;}
.yq_message .con .yq_box{display: flex;margin-bottom: 10px;}
.yq_message .con .yq_box span{width: 72px;color: #999;font-size: 14px;line-height: 28px;}
.yq_message .con .yq_box .conTxt{flex: 1;line-height: 28px;font-size: 16px;}

/*--
颜色代码
#BB0000 深色标题
#ddd 淡蓝色边框
--*/