@charset "UTF-8";

/*
    Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center 本网站通用布局
*/

/* Css Reset */
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 }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: inherit; line-height: inherit; font-family: inherit; color: inherit; }
article, aside, dialog, figure, footer, header, menu, nav, section, time { margin: 0; padding: 0; display: block; zoom: 1 }

/* Public */
body { color: #333; font-size: 16px; line-height: 1.8; font-family: "Microsoft YaHei", 'PingFang SC', SimSun, Arial, Helvetica, Tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a { color: #333; text-decoration: none; outline: none; }
a:hover { color: #223874; text-decoration: none; }
.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: 0px; line-height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear{clear: both;}
* html .clearfix { height: 1%; }
* + html .clearfix { min-height: 1%; }
.fl { float: left !important; }
.fr { float: right !important; }
.hide { display: none; }
.ovv { overflow: visible !important; }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; border-radius: 0; }
.more,
.prev,
.next { transition: all 0.4s ease; }

/* 公共 */
.fa{ font-family: fontpower, FontAwesome; font-size: inherit; line-height: inherit; vertical-align: top; }
.form-control::-webkit-input-placeholder { color: #d2d2d2; }
.form-control::-moz-placeholder { color: #d2d2d2; }
.pic img { width: 100%; height: auto; min-height: 100%; }

/* 框架 */
body {background: #fff; }
.wrap { position: relative; text-align: left; overflow: hidden; }
.container::after,
.container::before,
#content::after,
#content::before,
.row::after,
.row::before { display: table; content: " "; clear: both; }
.container { position: relative; margin: 0 auto; width: 1300px; zoom: 1; }


/* 无障碍栏兼容 */
#free_Web_box_sub ~ .wrap .banner .bd li { height: calc(100vh - 96px); }

/* 顶部 */
#header { position: absolute; left: 0; top: 0; z-index: 3!important; width: 100%; height: 100px;background: rgba(0, 0, 0, 0.10); transition: all ease 0.7s; display: flex}

/* logo */
#logo { margin: auto 0 auto 50px;}
#logo a { display: block; }

/* 主导航 */
.nav { position: relative; float: right; height: 100px;margin: auto; }
.nav .line { position: absolute; left: 0; bottom: 0; background: #fff; height: 2px; transition: all ease 0.4s; }
.mainNav .li1 { position: relative; z-index: 1; float: left;}
.mainNav .a1 { display: block; position: relative; line-height: 100px; font-size: 16px; color: #fff; text-decoration: none;padding: 0 30px;  }
.mainNav .ul1 {display: none;position: absolute;width: auto;padding: 8px;background: #223874;background: rgba(34, 56, 116, 0.7);left: 0;right: 0;top: 100%;font-size: 0;line-height: 1;white-space: nowrap;}
.mainNav .li2 { display: block; vertical-align: top; line-height: 36px; font-size: 14px; opacity: 0.8; }
/* .mainNav .li2::before { display: block; vertical-align: top; content: '|'; padding: 0 8px; color: #fff; }
.mainNav .first2::before { display: none; } */
.mainNav .h2 { display: block; vertical-align: top;text-align: center; }
.mainNav .a2 { display: block; padding: 0 8px; color: #fff; font-weight: bold; transition: all ease 0.3s; }
.mainNav .li2:hover { opacity: 1; }
.mainNav .li2 .a2:hover { text-decoration: none; background: #CEBDA2; }
.mainNav #li-home { display: none; width: 0; }

/* 顶部栏 */
.links { position: relative; margin: auto 50px auto 0; height: 100px; line-height: 100px; }
.links a { color: inherit; }
.links dl { position: relative; float: left;width: 100px;text-align: center;}
.links dt a { position: relative; display: block; font-size: 18px; height: 100px; line-height: 100px; color: #fff; text-decoration: none;border-left: 1px solid #ffffff30;}
.links dt a::before { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; transform-origin: center bottom; height: 2px; background: #3f66a7; transform: scaleX(0); transition: all ease 0.4s; }
.links dt .fa { font-size: 24px; }
.links dd { transition: all ease 0.2s; padding: 7px; position: absolute; z-index: 2; left: 50%; top: 100%; transform: translateX(-50%); font-size: 0; line-height: 1; white-space: nowrap; padding: 8px; background: #223874; background: rgba(34, 56, 116, 0.7); visibility: hidden; opacity: 0; }
.links dd ul { display: inline-block; vertical-align: top; }
.links dd li { display: inline-block; vertical-align: top; line-height: 36px; font-size: 14px; opacity: 0.8; }
.links dd li a { display: block; padding: 0 14px; color: #fff; font-weight: bold; transition: all ease 0.3s; }
.links dd li:hover { opacity: 1; }
.links dd li a:hover { text-decoration: none; background: #CEBDA2; }
.links dl:hover dd { visibility: visible; opacity: 1; }
.links dl:hover dt a::before { transform: scaleX(1); }

/* 用户登录-简约 */
.loggedMini .notlogged { line-height: 82px; }
.loggedMini .avatar img { border: 2px solid #fff; vertical-align: middle; width: 26px; height: 26px; border-radius: 50%; }
.loggedMini .nickName { display: none; }

/* 搜索框 */
.searchBar {position: absolute; left: 0; top: -100px; width: 100%;height: 100px; background: #fff;z-index: 9;display: flex;}
.s-form { margin: auto; display: block; height: 40px;padding: 0px 20px;line-height: 40px;border-radius: 50px;border: 1px solid #EEE;width: 60%;}
.s-form .select-box { display: none; }
.s-form .input-box { position: relative; float: left;width: 85%;}
.s-form .input-box input { display: block; width: 100%; height: auto; line-height: 40px; border: 0; outline: none; background: none; color: #333; font-size: 14px; box-sizing: border-box; }
.s-form .input-box .dropdown-word { position: absolute; top: 100%; width: 100%; left: 0; font-size: 16px; color: #333; border-radius: 5px; border: 1px solid #ddd; }
.s-form .input-box .dropdown-word ul { padding: 10px 0; }
.s-form .input-box .dropdown-word ul li { line-height: 40px; height: 40px; padding: 0 20px; text-indent: 0; }
.s-form .btn-box{float: right;}
.s-form .btn-box .btn { display: block; border: none; width: 40px; height: 40px; line-height: 40px;font-size: 0;background: url(../newimg/search_icon2.png) no-repeat center;}
.s-form .link-box { display: none; }
.s-form .input-box input::-webkit-input-placeholder  { color: #999; }
.s-form .input-box input:-ms-input-placeholder  { color: #999; }
.s-form .input-box input::placeholder  { color: #999; }
.searchBar .close_btn{width: 24px;height: 24px;background: url(../newimg/close_icon.png) no-repeat center;margin: auto auto auto 0;cursor: pointer;}

/* 顶部-白色 */
#header.bgWhite, #header.act{background: #fff;z-index: 99!important;}
#header.bgWhite .nav .line{ background: #3F66A7; }
#header.bgWhite .mainNav .a1,#header.act .mainNav .a1 { color: #333; }
#header.bgWhite .links::before { background: #999; }
#header.bgWhite .links dt a,#header.act .links dt a { color: #333; }
#header.act{position: fixed;}
/* 弹出式导航 */
#header.blue_bg{background: #3F66A7!important;position: fixed;}
#header.blue_bg .mainNav .a1,#header.blue_bg .links dt a{color:#fff}
.white_logo,#header.blue_bg #logo img{display: none;}
#header.blue_bg #logo .white_logo{display: block;}
#header.blue_bg .navIcon{background: url(../newimg/nav_close.png) no-repeat center;}
#header.blue_bg .navIcon dt .fa{font-size: 0;}
.navBar {position: fixed;z-index: 99;left: -100%;margin-left: -600px;top: 70px;bottom: 0;width: 100%;padding: 0 170px 0 0;background: #fff;background-size: 100% auto;transition: all ease 1s;}
.navBar::before,
.navBar::after { position: absolute; content: ''; left: 100%; top:0; width: 200px; height: 100%; background: #3f66a7; transform: skewX(-10deg); transform-origin: left top; }
.navBar::after { margin-left: 200px; background:#77c1f7; }
.navBar.on { left: 0; margin-left: 0;top: 100px; }
.navBar .left_box{float: left;width: 60%;padding: 5% 0 0 7%;}
.navBar .left_box .nav_ul{display: grid;grid-template-columns: repeat(4,1fr);}
.navBar .left_box .li1{text-align: left;margin-bottom: 40px;}
.navBar .left_box .li1 .a1{color: #666;font-size: 18px;font-weight: 700;display: block;}
.navBar .left_box .li2{display: block;}
.navBar .left_box .li2 .a2{color: #999;font-size: 15px;margin-top: 20px;display: block;}
.navBar .left_box #li-home{display: none;}
.navBar .copyRight{width: 700px;}
.navBar .copyRight p{font-size: 14px;font-weight: 400;line-height: 30px;color: #ccc;}
.navBar .right_box{float:right;width: 27%;padding: 5% 3% 0;height: 100vh;background: #F9F9F9;/* position: absolute; *//* right: 0; *//* bottom: 0; *//* top: 0; */}
.navBar .right_box ul li{padding-left: 20px;color: #333;font-size: 14px;margin-bottom: 15px;}
.navBar .right_box ul .li1{background: url(../newimg/phone.png) no-repeat 0 7px;}
.navBar .right_box ul .li2{background: url(../newimg/email.png) no-repeat 0 7px;}
.navBar .right_box ul .li3{background: url(../newimg/tsphone.png) no-repeat 0 7px;}
.navBar .right_box ul .li4{background: url(../newimg/location.png) no-repeat 0 7px;}

.navBar .right_box .friendLinks ul li{padding: 0;margin: 0;}

/* 用户面板 */
.userPanel { display: inline-block; vertical-align: top; float: none; height: auto; margin: 0; min-height: 36px; }
.userPanel a { float: left; margin-left: 10px; border-radius: 500px; height: 36px; line-height: 36px; padding: 0 30px; font-size: 14px; color: #666; background: #fff; }
.userPanel a:hover { background: #DAB866; color: #fff; text-decoration: none; }

/* 登录注册 */
.navBar .userLogged { display: inline-block; vertical-align: top; float: none; height: auto; margin: 0; min-height: 36px; }
.navBar .userLogged .split { display: none; }
.navBar .userLogged .notlogged > a,
.navBar .userLogged .loggedin > a,
.navBar .userLogged .userDropdown { float: left; margin-left: 10px; border-radius: 500px; height: 36px; line-height: 36px; padding: 0 30px; font-size: 14px; color: #666; background: #fff; }
.navBar .userLogged .notlogged > a:hover,
.navBar .userLogged .loggedin > a:hover,
.navBar .userLogged .userDropdown:hover { background: #DAB866; color: #fff; text-decoration: none; }
.navBar .userLogged .userDropdown { padding: 0 12px 0 6px; }
.navBar .userLogged .userDropdown .avatar { margin: 5px 0 0 0; }
.navBar .userLogged .userDropdown .nickname { height: 36px; line-height: 36px; margin-left: 10px; font-weight: normal; padding-right: 0; }
.navBar .userLogged .userDropdown:hover .nickname,
.navBar .userLogged .userDropdown .nickname:hover { color: #fff; }
.navBar .userLogged .userDropdown .nickname::after { position: static; margin: 0 0 0 8px; display: inline-block; vertical-align: top; background: none; width: auto; height: auto; font-size: 12px; font-family: "fontpower"; content: "\e1cf"; color: inherit; }
.navBar .userLogged .userDropdown .ud-bd { left: 0; top: 100%; }

.navBar .userLogged .loggedin a.signinSum,
.navBar .userLogged .loggedin a.myMsg { width: auto; padding: 0; background-color: transparent; color: #fff; overflow: visible; }
.navBar .userLogged .loggedin a.signinSum:hover,
.navBar .userLogged .loggedin a.myMsg:hover { color: #DAB866; }
.navBar .userLogged .loggedin a.signinSum::before,
.navBar .userLogged .loggedin a.myMsg::before { display: inline-block; vertical-align: top; font-family: "fontpower"; font-size: 24px; content: '\ec2b'; }
.navBar .userLogged .loggedin a.signinSum::before { content: '\e6fd'; }
.navBar .userLogged .loggedin a.hasMsg { color: #63bf6e; }
.navBar .userLogged .loggedin a.hasMsg:after { right: 0; top: 0; }

/* 内页banner */
.pageBanner { height: 445px; background-size: cover; overflow: hidden;position: relative; }
.pageBanner .con {position: absolute;top: 0;right: 0;bottom: 0;text-align: center;height: 88px;margin: auto;}
.pageBanner .con h3 { font-size: 48px; color: #fff; font-weight: bold;line-height: 1;}
.pageBanner .con h4 { margin-top: 10px; color: rgba(255, 255, 255, 0.50);font-size: 20px;display: none;}

/* 侧栏 和 主栏 */
.side { float: left; width: 280px; margin: -10px 30px 0 0; }
.mainContent { overflow: visible; }

/* 位置导航 */
.path {color: #999;text-align: left; font-size: 14px;float: right; }
.path a, .path span { padding: 0 5px; color: #999; }
.path .Home{background: url(../newimg/home_icon.png) center no-repeat;padding: 0 15px;}

/* footer */
#footer { position: relative; color: #fff; background: #333; padding: 50px 0; text-align: left; }
#footer a { color: inherit; }
#footer .footNav { margin-bottom: 10px; font-size: 16px; }
#footer .footNav li { display: inline-block; vertical-align: top; margin: 0 5px; }
#footer .footNav li.spe { opacity: 0.5; }
#footer .copyRight {line-height: 30px; font-size: 14px;text-align: center;}
#footer .footer_top{padding-bottom: 30px;border-bottom: 1px solid rgba(255, 255, 255, 0.03);margin-bottom: 30px;}
#footer .footer_top .nav_list{float: left;}
#footer .footer_top .nav_list .li1{float: left;margin-right: 30px;padding-right: 30px;border-right: 1px solid rgba(255, 255, 255, 0.03);}
#footer .footer_top .nav_list .li1 .a1{font-size: 14px;color:#fff;font-weight: 700;line-height:30px;}
#footer .footer_top .nav_list .li2 .a2{font-size: 14px;color:#999;margin-top: 8px;}
#footer .footer_top .nav_list #li-home{display: none;}
#footer .footer_top .footer_wx{float: right;}


/* 图标-二维码 */
/* .footerQR { position: absolute; right: 0; top: 50%; margin-top: -55px; font-size: 0; line-height: 1; }
.footerQR li { display: inline-block; vertical-align: top; position: relative; margin: 0 5px; }
.footerQR .icon { display: block; width: 50px; height: 50px; line-height: 50px; text-decoration: none; font-size: 30px; color: #fff; text-align: center; border-radius: 50%; transition: all ease 0.5s; }
.footerQR .pic { position: absolute; z-index: 1; left: 50%; bottom: 100%; transform: translateX(-50%); margin-bottom: 15px; padding: 10px; border-radius: 10px; background: #fff; transition: all ease 0.8s; box-shadow: 0 0 15px rgba(0, 0, 0, .15); visibility: hidden; opacity: 0; }
.footerQR .pic::before { position: absolute; content: ''; width: 0; height: 0; left: 50%; top: 100%; margin-left: -10px; border: 10px solid transparent; border-top-color: #fff; }
.footerQR .pic canvas,
.footerQR .pic img { width: 150px; height: 150px; }
.footerQR .phone .pic { padding: 20px; }
.footerQR .phone .pic img { width: 130px; height: 130px; }
.footerQR li:hover .pic { visibility: visible; opacity: 1; }
.footerQR .icon:hover { background: #CEBDA2; color: #fff; text-decoration: none; }
.footerQR .wx .icon:hover { background: #2aae67; }
.footerQR .wb .icon:hover { background: #d52c2b; } */

/* 友情链接 */
.friendLinks { margin-top: 40%; }
.friendLinks dl { position: relative; width: 180px; margin-bottom: 20px; }
.friendLinks dt { position: relative; height: 40px; line-height: 40px; border-radius: 0; border: none; text-align: left; background: #fff; padding: 0 50px 0 20px; font-size: 14px; color: #999; box-shadow: none; overflow: hidden; white-space: normal; cursor: pointer;border: 1px solid #DDD; }
.friendLinks dt::after { position: absolute; content: ''; right: 15px; top: 50%; margin-top: -4px; border: 8px solid transparent; border-top-color: #ccc; border-bottom: none; }
.friendLinks dd { bottom: 100%; display: none; position: absolute; left: 0; right: 0; z-index: 3; width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, .2); }
.friendLinks ul { max-height: 351px; border: 1px solid #ccc; background: #fff; overflow-y: scroll;}
.friendLinks li { border-bottom: 1px dotted #ccc; color: #666; }
.friendLinks li.noData,
.friendLinks li:last-of-type { border-bottom: none; }
.friendLinks li.noData,
.friendLinks li a { display: block; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #666; }
.friendLinks li a:hover { background-color: #f4f4f4; text-decoration: none;}
.friendLinks .on dt::after { transform: rotate(180deg); }
.friendLinks .on dd { display: block; }
.wx_img{margin-top: 20px;}

/* goTop */
#goTop { position: fixed; display: none; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; box-shadow: 0 0 5px #9c9c9c; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: .9; background: rgba(0, 0, 0, .5); }
#goTop::after { display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0; }

/* winMark */
#winMark { z-index: 1; width: 100%; display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, .8); left: 0; top: 0; }


/* box - 标准盒子 */
.box>.hd { height: 55px; line-height: 55px; background: #f2f2f2; padding-right: 20px; }
.box>.hd h3, .box>.hd li { position: relative; z-index: 1; float: left; padding: 0 34px; text-align: center; font-size: 18px; color: #333; }
.box>.hd h3, .box>.hd li.on { font-weight: bold; background: #223874; color: #fff; }
.box>.hd h3:before,
.box>.hd li.on:before,
.box>.hd h3:after,
.box>.hd li.on:after { position: absolute; z-index: -1; left: 0; top: 0; content: ''; width: 50%; height: 100%; background: url(../img/box-bd.png) no-repeat left center; }
.box>.hd h3:after,
.box>.hd li.on:after { left: auto; right: 0; background-position: right center; }
.box>.hd h3 a,
.box>.hd li a { text-decoration: none; color: inherit; }
.box>.hd .more { float: right; font-size: 14px; color: #999; }

/* primaryBox - 盒子 - 主要的 */
.primaryBox>.hd { position: relative; padding: 0 20px 0 0; height: 48px; background: #fff; line-height: 48px; border: 1px solid #e5e5e5; }
.primaryBox>.hd .more { float: right; color: #999; font-size: 14px; }
.primaryBox>.hd h3 { position: relative; float: left; margin: -1px 0 0 -1px; height: 50px; line-height: 50px; padding-left: 20px; font-size: 18px; border-left: 8px solid #223874; }
.primaryBox>.hd h3 a { color: inherit; text-decoration: none; }
.primaryBox>.bd { padding-top: 20px; }
.primaryBox>.bd::after { display: table; content: " "; clear: both; }

/* groupBox 盒子 - 组类的 */
.groupBox>.hd { position: relative; text-align: center; font-size: 0; margin-bottom: 30px; }
.groupBox>.hd h3 { position: relative; display: inline-block; line-height: 80px; font-size: 32px; font-weight: bold; color: #223874; }
.groupBox>.hd h3:before { position: absolute; content: ''; bottom: 0; left: 50%; width: 1.6em; height: 0; margin-left: -0.8em; border-bottom: 2px solid #debd78; }
.groupBox>.hd h3 a,
.groupBox>.hd li a { color: inherit; text-decoration: none; }
.groupBox>.hd ul { margin-top: 30px; }
.groupBox>.hd li { display: inline-block; width: 144px; height: 49px; line-height: 49px; margin: 0 20px; padding: 0 20px; overflow: hidden; font-size: 18px; }
.groupBox>.hd li.on { background-position: 0 -84px; color: #fff; }
.groupBox>.bd:after, .groupBox>.bd:before { display: table; content: " "; clear: both; }

/* defaultBox 盒子 - 默认的 */
.defaultBox { background: #fff; padding: 20px 30px; }
.defaultBox>.hd { position: relative; height: 48px; line-height: 48px; }
.defaultBox>.hd h3,
.defaultBox>.hd li { position: relative; float: left; font-size: 24px; }
.defaultBox>.hd li { margin-right: 30px; }
.defaultBox>.hd h3,
.defaultBox>.hd li.on { font-weight: bold; color: #223874; }
.defaultBox>.hd li a,
.defaultBox>.hd h3 a { color: inherit; text-decoration: none; }
.defaultBox>.bd { padding: 12px 0 0; }
.defaultBox>.hd .more { float: right; font-size: 14px; color: #999; }

/* 主体盒子 */
.mainBox .mHd { position: relative; overflow: hidden; border-bottom: 1px solid #e5e5e5; }
.mainBox .mHd h3 { position: relative; padding: 16px 0 16px 16px; font-size: 24px; line-height: 34px; font-weight: bold; color: #223874; }
.mainBox .mHd h3:before { position: absolute; content: ''; left: 0; top: 20px; bottom: 20px; width: 4px; height: auto; background: #223874; }
.mainBox .mHd h3 a { color: inherit; text-decoration: none; }
.mainBox .mHd .path { width: auto; float: right; padding-right: 0; margin: 8px 0 0 30px; background: none; }


/* 主栏菜单 */
.menu #mainMenu { text-align: left;float: left;}
.menu #mainMenu .menuList { display: block;}
.menu #mainMenu .menuList li {float:left;vertical-align: top;height: 80px;line-height: 80px;padding: 0 90px;position: relative;}
.menu #mainMenu .menuList li a {margin: 28px 0;font-size: 18px;color: #666;text-align: center;width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;line-height: 26px;height: 26px;border-right: 1px solid #D9D9D9;}
.menu #mainMenu .menuList li a:hover { text-decoration: none;color: #3F66A7; }
.menu #mainMenu .menuList li.on { background: #3F66A7; }
.menu #mainMenu .menuList li.on a{color: #fff;font-weight: 700; }


/* 友情链接图片列表 */
.siteGroupList { margin: -3.5% -3.5% 0 0; }
.siteGroupList li { position: relative; float: left; width: 21.5%; margin: 3.5% 3.5% 0 0; perspective: 1000px; }
.siteGroupList .pic { background: #fff; }
.siteGroupList .pic a { display: block; position: relative; height: 0; padding-bottom: 66.6666%; overflow: hidden; }
.siteGroupList .pic img { position: absolute; left: 50%; top: 50%; width: auto; height: auto; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); }
.siteGroupList .pic a:hover img { transform: translate(-50%, -50%) scale(1.06); }
.siteGroupList .title { display: none; }
.siteGroupList .con { visibility: hidden; transform: rotateY(90deg); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(43, 70, 142, 0.8); text-decoration: none; }
.siteGroupList .intro { margin: 21px 25px; line-height: 34px; height: 136px; font-size: 16px; color: #fff; overflow: hidden; }

.siteGroupList .pic,
.siteGroupList .con { transition: all 0.6s ease; transform-style: preserve-3d; }
.siteGroupList li:hover .pic { transform: rotateY(-90deg); visibility: hidden; }
.siteGroupList li:hover .con { transform: rotateY(0deg); visibility: visible; }


/* 节点归档信息样式 */
.archived-info { float: right; }
.archived-info span { margin: 0 5px; }

/*验证码*/
div.codeinp input[type=text] { width: 100px !important; float: left; margin-right: 10px; line-height: 26px; }

/* 通用底部按钮 */
.bot { text-align: center; padding: 0 0 20px 0; }
.bot a, .bot button { cursor: pointer; display: inline-block; height: 46px; line-height: 46px; padding: 0 5%; font-size: 16px; background: #223874; border: 0; color: #fff; margin: 0 2%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.bot a:hover, .bot button:hover { text-decoration: none; background: #01a0e9; }

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm { background: #fff; padding: 3% 0; width: 80%; margin: 30px auto; font-size: 16px; }
.queryForm td { padding: 8px 0 }
.queryForm .tdlab { width: 40%; text-align: right; }
.queryForm input[type=text] { width: 56%; height: auto; line-height: 24px; border: 1px solid #ccc; padding: 8px 12px; }
.queryForm .bot { text-align: left; }
.queryForm .bot a { margin: 0 }
.queryForm .required strong { color: #f00; margin-right: 5px; }
.queryForm .errorMessage { color: #f00; }
.queryForm table { width: 100%; border: 0; }

/* 依申请、信访、咨询等通用 查询结果页样色 */
.queryResult { width: 90%; margin: 30px auto; }
.queryResult .mainBox { margin-bottom: 50px; }
.queryResult .tit h3 { text-align: center; font-size: 38px; line-height: 2; margin-bottom: 30px; }
.queryResult .tips { text-align: center; font-size: 16px; margin-bottom: 50px; border-top: 1px solid #ddd; padding: 50px 0 20px 0; }
.queryResult .number { font-weight: bold; color: #f00 }

/* 登录注册 */
.userlogincomment .user-mainbox .hd h3,
.userlogincomment .user-mainbox .top h3 { color: #223874; border-bottom-color: #223874;}
.userlogincomment .user-mainbox .loginBtn { background: #223874; }
.userlogincomment .user-mainbox .loginBtn:hover { background: #2b4691;}
.userlogincomment .loginCookie dd .cookie-time { color: #223874; }
.userlogincomment .login-tip .registerlink a,
.userlogincomment .login-tip .forget-password a{ color: #223874; }


/*--
颜色代码
#223874 深蓝色标题
#e2f1ff 淡蓝色边框
--*/


/* 标记分类 */
.filter-row{background-color: rgba(54,145,172, 0.05);}
.filter-row .choose-item a:hover,
.filter-row .filter-key{color:#3691ac; }
.filter-result .filter-criteria-item:hover,
.filter-row .filter-ext-more:hover,
.filter-row .filter-ext-multiple:hover{color:#3691ac; border-color:#3691ac}
.filter-row .filter-ext-more:hover i, .filter-row .filter-ext-multiple:hover i{background-image:url(../img/filter-icons-on.png)}
.filter-result .filter-criteria-item{border-color:rgba(54,145,172, 0.2);background-color: rgba(54,145,172, 0.03); }
.filter-result .filter-criteria-item i{background-image:url(../img/filter-icons.png)}
.filter-result .filter-criteria-item:hover i{background-color:#3691ac}





.main-container {width: 1280px;margin: 0 auto;transition: width ease 0.2s;}
.bg-cover {background-repeat: no-repeat;background-position: center;background-size: cover!important;}
/* .banner .swiper-wrapper{height: calc(100vh - 140px);} */
.banner .swiper-wrapper{height: 100vh;}
/* .banner .swiper-container{width: 100%;height: calc(100vh - 140px);} */
.banner .swiper-container{width: 100%;height: 100vh;}
.banner .swiper-slide{position: relative;}
.banner .bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;z-index: 1;}
.banner  .bg-cover{display: block;width: 100%;height: 100%;transition: all 2s ease-in-out 0.5s;-webkit-transition: all 2s ease-in-out 0.5s;z-index: 10;transform: scale(1.2);-webkit-transform: scale(1.2);}
.banner .main-container{position: relative;height: 100%;pointer-events: none;}
.main-container{position: relative;}
.award_box{width:284px;height:auto;position: absolute;top:-92px;right:10%;}
.award_box img{position: relative;left: 200px;opacity: 0;-webkit-transition: all 1.4s ease;-moz-transition: all 1.4s ease;-o-transition: all 1.4s ease;}
.award.active .award_box img.animate{position: relative;left: 0px;opacity: 1;}   
.banner .content{position: absolute;right: 0;bottom: 21.5%;height: 70px;line-height: 70px;background: rgba(0,0,0,0.5);color: #fff;font-size: 30px;padding: 0 65px;z-index: 3;opacity: 0;max-width: 0;overflow: hidden;transition: all 2s linear 1.5s;-webkit-transition: all 2s linear 1.5s;}
.banner .video-box{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 2;color: #fff;}
.banner .video,
.banner video{background: #2A2A2A;color: #fff;width: 100%;height: 100vh;display: block;object-fit: cover;}
.banner .video-box .inner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 1;transition: opacity 2s ease;-webkit-transition: opacity 2s ease;}
.banner .video-box .inner.hide{opacity: 0;}
.banner .video-box .text{position: absolute;right: 0px;bottom: 90px;background: rgba(0,0,0,0.5);animation: widthAni 1.8s linear;-webkit-animation: widthAni 1.8s linear;width: 560px;overflow: hidden;}
.banner .video-box .introduce{width: 480px;padding: 40px 40px 40px 40px;}
.banner .video-box .introduce div p{font-size: 18px;padding: 0;}
.banner .swiper-slide-active .bg-cover{transform: scale(1);-webkit-transform: scale(1);}
.banner .swiper-slide-active .content{opacity: 1;max-width: 100%;}
.banner .pagination{position: absolute;z-index: 2;bottom:40px;width: 100%;text-align: center;font-size: 0;display: none;}
.banner .swiper-pagination-switch{display: inline-block;width: 16px;height: 16px;background: #fff;opacity: 0.7;margin: 0 15px;cursor: pointer;border-radius: 100%;}
.banner .swiper-active-switch{background: #640000;opacity: 1;}
.banner .swiper-pagination-bullet{width: 15px;height: 15px;}
.banner .swiper-pagination-bullet{opacity: 0.5;}
@-webkit-keyframes go{
    0%{
        left: 100px;
    }
    100%{
        left: 0px;
    }
} 
@keyframes widthAni{
	from{width: 0;}
	to{width: 560px;}
}
@-webkit-keyframes widthAni{
	from{width: 0;}
	to{width: 560px;}
}
.banner .video-box p{font-size: 30px;}
.banner .video-box .introduce div{font-size: 16px;line-height: 1.6;padding-top: 15px;text-align: justify;}
#header,.banner .down{z-index: 2;}
.banner .down .title{font-size: 12px;}
.banner .down .icon{font-size: 0!important;width: 24px;height: 35px;margin: auto;background: url(../newimg/down_mouse.png) no-repeat;}

@media only screen and (max-width:1710px ) {
    .mainNav .a1{padding: 0 15px;}
    #logo {margin: auto 0 auto 20px;}
    .links{margin: auto 20px auto 0;}
    #header,.nav,.mainNav .a1,.links dt a,.links{height: 78px;line-height: 78px;}
    .links dl{width: 78px;}
    #logo a{display:flex;}
    .navBar.on{top: 78px;}
}
@media only screen and (max-width:1500px ) {
    .container{width: 1200px;}
	.links dl{width: 48px;}
    .nav{/* display: none; */}
	.mainNav .a1{padding: 0 12px;}
    .links{margin: auto 20px auto auto;}
}
@media only screen and (max-width:1300px ) {
    .container{width: 94%;margin: auto;}
    #footer .footer_top .nav_list,#footer .footer_top .nav_list .li1,#footer .footer_top .footer_wx{float: none;text-align: center;}
    #footer .footer_top .nav_list .li1{display: inline-block;vertical-align: top;margin-bottom: 20px;}
    #footer .footer_top .footer_wx{margin: auto;text-align: center;}
    .navBar .copyRight{width: 90%;}
    .searchBar{height: 78px;}
	.nav{display: none; }
}
@media only screen and (max-width:800px ){
	
}
@media only screen and (max-width:450px ){
    #header,.nav,.mainNav .a1,.links dt a,.links{height: 50px;line-height: 50px;}
     #logo img{width: 95%;}
    .links dl{width: 40px;}
    #logo a{display:flex;}
    .navBar.on{top: 50px;}
    #logo {margin: auto 0 auto 10px;}
    .links{margin: auto 10px auto auto;width: 150px;}
    .links dt .fa{font-size: 18px;}
    #header.blue_bg .navIcon{background-size: 16px;}
    .s-form .btn-box .btn{width: 18px;background-size: 18px;}
    .banner .bg-cover,.banner .swiper-container{height: 50vh;}
    .banner .down{display: none;}
    .searchBar{height: 50px;}
    .s-form,.s-form .input-box input,.s-form .btn-box .btn{height: 30px;line-height: 30px;}
    .searchBar .close_btn{width: 16px;height: 16px;}
    .navBar .left_box{float: none;width: 90%;padding: 4% 0;margin: auto;}
    .navBar .left_box .li1 .a1{font-size: 16px;}
    .navBar .left_box .li2 .a2{font-size: 14px;margin-top: 10px;}
    .navBar .left_box .li1{margin-bottom: 20px;}
    .navBar .copyRight{width: 100%;}
    .navBar .right_box{float: none;width: 94%;padding: 5% 3% 20%;height: auto;}
    .navBar{position: fixed;height: 100%;bottom: 0;overflow: scroll;}
    .friendLinks{margin-top: 20px;}
    .friendLinks dl{width: 49%;margin-bottom: 20px;display: inline-block;}
    .wx_img{display: block;margin: auto;}
    #footer{padding: 30px 0;}
    #footer .footer_top{padding: 0;}
    #footer .footer_top .nav_list{display: none;}
}