@charset "utf-8";
/*Common style*/
* {margin: 0;padding: 0;border: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;outline: none;}
html {font-size: 16px;}
body {color: #333;font-family: "microsoft yahei";}
img {width: auto;max-width: 100%;height: auto;margin: 0;padding: 0;border: none;line-height: normal;vertical-align: middle;}
ul,li,ol {list-style: none;}
a {text-decoration: none;color: #333;}
a * {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }
::-webkit-scrollbar {width: 5px;height: 5px;background-color: #f5f5f5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #e2e2e2;}
::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #005698;}
.clear {clear: both;display: block;height: 0;overflow: hidden;}
.fl {float: left;}
.fr {float: right;}
.box {max-width: 1300px;margin: 0 auto;width: auto;}
.flex {display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flex; }
.tran {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }
.posi{position:relative;}
/*Common style end*/

/*Prompt for low version styles*/
.ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.8;filter:alpha(opacity=80);z-index:99998}
.ie9tips{width:400px;height:300px;position:fixed;top:50%;left:50%;margin:-150px 0 0 -200px;line-height: 1.8;color:#fff;z-index:99999;text-align:center}
.ie9tips a{color:red;}
.ie9tips img{display:block;margin:0 auto; opacity:0.9;filter:alpha(opacity=90)} 
.ie9tips p{padding-top:10px;color:#fff;width: 420px;margin:10px auto;line-height: 1.8}

/*head*/
.headbg {background: url(../img/zsw_01.jpg) no-repeat center;width: 100%;}
.heaflx {align-items: center;justify-content: flex-start !important;}
.head_logo a img{width:100%;}
.padd {padding: 30px 0 31px 0;}
.head_xf{margin-left: 30px;}
.head_l-s{margin-left: 260px;}
.flx {display: flex;display: -webkit-flex;justify-content: space-between;}
.head_link{margin-top: 0.375rem;}
.head_link li {float: left;margin-left: 2rem;}
.head_link li:nth-child(1) {margin-left: 1.813rem;}
.head_link li a {background: url(../img/zsw_06.png) no-repeat left center;color: #fff;font-size: 0.875rem;padding-left: 1.3rem;}
.head_link li:nth-child(4) a {background: url(../img/zsw_08.png) no-repeat left center !important;}
.form_m {margin-top: 2.2rem;}
.write {background: #fff;border-radius: 3rem;width: 249px;height: 39px;color: #999999;padding: 0 3.15rem 0 1.125rem;}
.btn {margin: 0.5rem 0 0 -3.125rem;background:url(../zsw/zsw_14.png) no-repeat;width: 33px;height: 23px;font-size:0;cursor: pointer;}

/*nav*/
.head_nav {border-top: 1px solid rgb(186, 186, 186, 0.4);}
.head_nav ul > li {float: left;margin-right: 5.625rem;position: relative;transition: all 0.5s ease;}
.head_nav .xyvr {background: url(../img/zsw_28.png) no-repeat right 25px;padding-right: 1.22rem;}
.head_nav ul > li:nth-child(1) {margin-right: 6.625rem;}
.head_nav ul > li:nth-last-child(1) {margin-right: 0;}
.head_nav ul > li > a {display: block;color: #fff;position: relative;line-height: 62px;}
.head_nav .nav_menu::after {content: "";background: url(../img/zsw_19.png) no-repeat right center;transition: all 0.5s ease;position: absolute;right: -20px;width: 10px;height: 6px;top: 29px;}
.head_nav li:hover .nav_menu::after {transform: rotate(180deg);}
.web_nav_search {display: none;}
.nflx {display: flex;display: -webkit-flex;justify-content: space-between;}
.menu_erji {display: none;z-index: 99;position: absolute;background: #fff;width: 130px;left: -23px;top: 62px;padding: 0 12px;}
.menu_erji a {line-height: 2 !important;color: #444 !important;font-size: 0.938rem;padding: 8px 0;border-bottom: 1px solid #f1f1f1;text-align: center;display: block;}
.menu_erji a:hover {color: #006fc4 !important;}

/*menu_tab*/
.menu_tab {margin-top: 3.125rem;width: 100%;}
.menu_tab .artions,.menu_tab .fourtab div:nth-child(1),.menu_tab .fourtab div:nth-child(3) {margin-right: 1.188rem;}
.menu_tab .fourtab div:nth-child(4),.menu_tab .fourtab div:nth-child(3) {margin-top: 1.6rem;}
.menu_tab div a {display: block;transition: all 0.4s ease;padding: 1.25rem 1.25rem 0 1.25rem;position: relative;}
.menu_tab div a img {top: 0;left: 0;position: absolute;z-index: -1;}
.artions {width: 37%;}
.artions a {padding: 2.5rem 0 0 1.25rem !important;}
.menu_tab .artions:hover a,.menu_tab .fourtab div:hover a {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.menu_tab div a em {width: 30px;height: 3px;background: #fff;display: block;position: relative;}
.menu_tab div a p {font-weight: bold;color: #fff;font-size: 1.25rem;background: url(../img/zsw_45.png) no-repeat right 5px;position: relative;width: 105px;line-height: 22px;}
.menu_tab .fourtab div:nth-child(2) a p,.menu_tab .fourtab div:nth-child(4) a p {background: url(../img/zsw_45_2.png) no-repeat 42px 5px;margin: 8.938rem -2.6rem 0 0 !important;}
.menu_tab div a p span {font-size: 0.75rem;color: #fff;font-weight: normal;}
.artions em::after,.artions em::before {content: "";width: 30px;height: 3px;background: #fff;position: absolute;left: 0;top: 10px;transition: all 0.5s ease;}
.fourtab {width: 61.5%;}
.fourtab div {width: 48.8%;transition: all 0.4s ease;}
.eplan em::after,.pption em::after,.ainquiry em::after,.fotyears em::after,.eplan em::before,.pption em::before,.ainquiry em::before,.fotyears em::before {content: "";width: 30px;height: 3px;background: #fff;position: absolute;left: 0;top: 10px;transition: all 0.5s ease;}
.artions em::before,.eplan em::before,.pption em::before,.ainquiry em::before,.fotyears em::before {top: 20px;}
.menu_tab div a:hover em::after,.menu_tab div a:hover em::before {top: 0px;opacity: 0;}
.artions p {font-size: 1.625rem !important;background: url(../img/zsw_45_1.png) no-repeat right 3px !important;margin-top: calc(100% - 125px);width: 138px !important;}
.artions p::after {content: "";position: absolute;background: url(../img/zsw_18.png) no-repeat;width: 51px;height: 31px;top: -38px;left: 0;}
.eplan p::after {content: "";position: absolute;background: url(../img/zsw_3.png) no-repeat;width: 43px;height: 26px;top: -30px;left: 0;}
.ainquiry p::after {content: "";position: absolute;background: url(../img/zsw_21.png) no-repeat;width: 43px;height: 25px;top: -30px;left: 0;}
.pption p::after {content: "";position: absolute;background: url(../img/zsw_5.png) no-repeat;width: 43px;height: 24px;top: -30px;right: 0;}
.fotyears p::after {content: "";position: absolute;background: url(../img/zsw_20.png) no-repeat;width: 43px;height: 30px;top: -35px;right: 0;}
.artions em {margin-left: 1.25rem;}
.eplan em,.ainquiry em,.pption em,.fotyears em {margin-left: 0.625rem;}
.eplan p,.ainquiry p {margin-top: 8.563rem;}
.pption p,.pption span,.fotyears p,.fotyears span {text-align: right;display: block;}
.pption p {margin-top: 7.8rem !important;width: 146px !important;}
.fotyears p {background-position: 19px 5px !important;width: 142px !important;}

/*information*/
.information {background: url(../img/zsw_16.jpg) no-repeat left -399px;width: 100%;padding-bottom: 1.067rem;margin-top: 2.6875rem;}
.inflx {display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;}
.notice_list,.infor_list {width: 48.24%;height: 630px;}
.notice_list ul li,.infor_list ul li {width: 100%;box-shadow: 0 0 11px 0px rgb(0 0 0 / 12%);float:left;border-radius: 0.625rem;margin-bottom: 1rem;transition: all 0.4s ease;     padding: 1.25rem 1.125rem 1rem; background: #fff;}
.infor_list ul li:hover,.notice_list ul li:hover {margin-left: 1rem;}
.notice_title p,.infor_title p {font-size: 2rem;font-weight: bold;color: #333;background: url(../img/zsw_37.png) no-repeat left center;padding-left: 2.625rem;transition: all 0.4s ease;}
.infor_title p {background-image: url(../img/zsw_40.png) !important;}
.notice_title a,.infor_title a {font-size: 0.875rem;color: #444;position: relative;transition: all 0.4s ease;}
.notice_title a::after,.infor_title a::after {content: "";position: absolute;right: 0;top: 6px;background: url(../img/zsw_46.png) no-repeat right center;transition: all 0.7s ease;width: 0;height: 6px;}
.notice_title a:hover::after,.infor_title a:hover::after {width: 100%;}
.notice_title a:hover,.infor_title a:hover {padding-right: 4.813rem;}
.notice_content,.infor_content {width: 85.3%;overflow: hidden;padding-top: 0.375rem;}
.notice_time,.infor_time {background: #006fc4;width: 12.5%;border-radius: 0.625rem;text-align: center;padding: 8px 0;margin-right: 0.813rem;}
.infor_time strong,.notice_time strong {color: #fff;font-size: 1.5rem;transition: all 0.4s ease; font-family: 'arial';}
.infor_time p,.notice_time p {font-size: 0.875rem;color: #fff;transition: all 0.4s ease; font-family: 'arial';}
.notice_content h4,.infor_content h4 {font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice_content span,.infor_content span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #999999;font-size: 0.875rem;line-height: 2.25rem;display: block;}

/*quicklinks*/
.quicklink {width: 100%;background: url(../img/zsw_17.jpg) no-repeat right -380px;padding-bottom: 3.125rem;margin-top:2rem;}
.qulink {width: 42.5%;}
.qulink ul li {margin-bottom: 2%;}
.qulink ul li:nth-last-child(1) {margin-bottom: 0;}
.qulink ul li a {font-size: 2rem; color: #fff; font-weight: bold; display: inline-block; text-shadow: 0 0 5px rgb(0, 0, 0, 1); width: 100%; padding: 3.5% 0 16% 5%;}
.qulink ul li a::after {content: ""; background: url(../img/zsw_50.png) no-repeat right center;width: 22px; height: 22px; display: inline-block; padding-right: 14px;}
.qulink ul li:nth-child(1) {background: url(../img/zsw_51.png) no-repeat;}
.qulink ul li:nth-child(2) {background: url(../img/zsw_52.png) no-repeat;}
.qulink ul li:nth-child(3) {background: url(../img/zsw_53.png) no-repeat;}
.qu_vr .live_vr {background: url(../img/zsw_54.png) no-repeat center;width: 100%; display: block;position: relative;}
.qu_vr a:after{content: ''; position: absolute; left: 50%; width: 98px; top: 50%; background: url(../img/zsw_49.png) no-repeat center; height: 59px; margin-left: -50px;}
.live_vr li {font-size: 2rem;color: #fff;font-weight: bold;text-shadow: 0 0 5px rgb(0 0 0);width: 60%;position: absolute;left: 50%;text-align: center;margin-left: -30%;top: 35%;}
.qulink ul li,.live_vr {background-size: 100% !important;}
.qu_vr {width: 56.7%;}
.qu_video{width:100%; margin-top:1%;}
.qu_video a{ width: 100%; display: block;}
.just_wrap{ justify-content: space-between; flex-wrap: wrap;}

/*footer*/
.footerbg {width: 100%;background: #006fc4;color: #fff;padding: 2.5rem 0;}
.foot-flx {display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.copyright {width: 100%;background: #005698;}
.copyright p {color: #fff;text-align: center;margin: 0 auto;line-height: 4rem;}
.foot-contact {width: 25.7%;}
.foot-image{width: 35%;}
.foot-contact p {font-weight: bold;font-size: 1.25rem;margin-bottom: 0.75rem;}
.foot-contact span {font-size: 0.875rem;line-height: 1.438rem;     font-family: 'arial';}
.foot-qrcode {width: 37%;}
.foot-qrcode li {float: left;}
.foot-image,.foot-qrcode li {transition: all 0.4s ease; text-align:center;}
.foot-qrcode li em {font-style: normal;font-size: 0.875rem;display: block;text-align: center;}
.foot-qrcode li{margin-left:13px;}
.foot-qrcode li:nth-child(1){margin-left:0;}

.back-top i { width: 13px; height: 14px; }
.back-top { border: solid 1px #006fc4;margin-top: 1.25rem;display: none;width: 3%;padding: 0.5rem 0;background:#006fc4;text-align: center;position:fixed;right:0;top:40%;z-index:999;}
.icon { display: block;background: url(../img/top.png) no-repeat -25px; margin: 0 auto 6px;}
.back-top p{color:#fff;}

.v_sp{position:fixed; right:2%; top:72%; width:12%; z-index:1111;}