/* 测试是否一致 */ /* body{opacity: 0.6;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/0.jpg) !important;} */ @charset "utf-8"; @font-face { font-family: 'dinbold'; src: url('../fonts/dinbold.eot?#iefix') format('embedded-opentype'), url('../fonts/dinbold.woff') format('woff'), url('../fonts/dinbold.woff2') format('woff2'), url('../fonts/dinbold.ttf') format('truetype'), url('../fonts/dinbold.svg#dinbold') format('svg'); font-weight:bold; } @media screen and (min-width:992px){ .effect1{opacity: 0.5;transition: all 0.8s ease-out;} .effect1.isView{opacity: 1;} .effect2,.effect2 li,.effect5{opacity: 0;transition: all 0.8s ease-out;transform: translateY(70px);} .effect2.isView,.effect2.isView li,.effect5.isView{opacity: 1;transform: none;} .effect3{opacity: 0;transition: all 0.8s ease-out;transform: translateX(50px);} .effect3.isView{opacity: 1;transform: none;} .effect4 ,.effect4 li,.effect6 tr{opacity: 0;transition: all 0.8s ease-out;transform: translateX(-50px);} .effect4.isView,.effect4.isView li,.effect6.isView tr{opacity: 1;transform: none;} } /* CSS Document */ html{background:#FFF;font-size:62.5%; /* 10÷16=62.5% */min-width: 1200px;} body{font-size:14px;font-size:1.4rem ; /* 14÷10=1.4 */color: #222;font-family:'Microsoft YaHei','微软雅黑',SimSun,'宋体',SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;} html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px; -webkit-font-smoothing: subpixel-antialiased;} table{border-collapse:collapse;border-spacing:0;width:100%;} fieldset,img{border:0;} img,object{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;} a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #333;} a:hover{color: #00366F;text-decoration: none;} input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;} ul,ol,li{list-style:none outside none;} button{outline: none;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';content:none;} input,textarea,select{font-weight:inherit;} input,select,textarea,button {vertical-align:middle} .clearFix{*zoom:1;clear:both;} .clearFix:after{content: '';display: block;clear:both;} .clear{width: 100%;overflow:hidden;} .z1{position: relative;z-index: 1;} .z2{position: relative;z-index: 2;} .z3{position: relative;z-index: 3;} .z4{position: relative;z-index: 4;} .z5{position: relative;z-index: 5;} .fs45{font-size: 45px;} .fs44{font-size: 44px;} .fs40{font-size: 40px;} .fs38{font-size: 38px;} .fs36{font-size: 36px;} .fs32{font-size: 32px;} .fs30{font-size: 30px;} .fs28{font-size: 28px;} .fs26{font-size: 26px;} .fs24{font-size: 24px;} .fs22{font-size: 22px;} .fs20{font-size: 20px;} .fs19{font-size: 19px;} .fs18{font-size: 18px;} .fs17{font-size: 17px;} .fs16{font-size: 16px;} .fs15{font-size: 15px;} .fs14{font-size: 14px;} .fs13{font-size: 13px;} .fs12{font-size: 12px;} .ul-inline{font-size: 0;} .ul-inline li{display: inline-block;*display: inline;*zoom:1;font-size: 14px;vertical-align: top;} .ul-inline li a{display: block;} .title,.info{display: block;overflow: hidden;text-overflow: ellipsis;} .img{display: block;overflow: hidden;width: 100%;height: 0;background: #d6d6d6;} .img_centered{display: block;overflow: hidden;position: relative;} .img img{width: 100%;display: block;transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-webkit-transition: all ease-in 0.2s;-o-transition: all ease-in 0.2s;} .img_centered img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-height: 100%;width: auto;margin: auto;} .img:hover img{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);} .time{font-family: 'Arial';} .clear{clear:both;} .rightDate{float: right;} .row{margin:0px auto;width: 1230px;} /* 低版本浏览器 */ .ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.85;filter:alpha(opacity=85);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;opactiy:0.9;filter:alpha(opacity=90);} .ie9tips p{padding-top:10px;color: #fff;font-size: 16px;} /* 文章页还原 */ .article img{display: inline-block;*display: inline;*zoom: 1;} .article i,.article em{font-style: italic;} .article strong,.article strong span{font-weight: bold;} .article table img{max-width: initial;} .article tbody td,.article tfoot td{border-width:1px;border-style: solid;border-color: #ddd;} .article ol{list-style:decimal inside none;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;} .article ul{list-style: disc inside none;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;} .article ul li{list-style-type:disc;} .article ol li{list-style-type:decimal;} /* 文章页还原结束 */ /*头部样式*/ .header{width:100%;min-width: 300px;height:auto;z-index: 20;position: relative;background: url(../images/header_bg2.png) center no-repeat #00366F;} .wrapTop{width: 100%;} .header .top{height: 114px;max-width: 1230px;margin:0 auto;position:relative;width: 96%;border-bottom: 1px solid #00DEFE;background: url(../images/header_bg1.png) 74% bottom no-repeat;background-size: 700px auto;} .logo{width: 386px;position: absolute;left: 0;overflow: hidden;font-size: 0;top: 28px;} .logo a{display: inline-block;*display: inline;*zoom: 1;} .logo img{width: 100%;} .logo1{width: calc(276% / 3.86);float: left;} .logo2{width: calc(96% / 3.86);float: right;} .top_nav{width: auto;float:right;padding-top: 15px;} .top_nav a{color: #fff;display: block;height: 30px;line-height: 30px;margin: 0 0 0 13px;float: right;} .top_nav a:hover{font-weight: bold;} .ser{clear: right;width: 139px;height: 25px;line-height: 25px;z-index:600;overflow: hidden;background: #fff;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;float: right;position: relative;} .search{width: 100%;height: 100%;position: relative;float:right;} .search input.notxt{position:absolute;height: 25px;color: #999;border:none;background:none;left: 12px;top:0px;padding:0px;margin:0px;outline: none;display: block;width: 150px;font-size: 14px;} .search input.notxt1{position:absolute;width: 52px;height: 25px;border:none;background: url(../images/search_btn.png) center no-repeat;right: 0;cursor: pointer;} .nav{width:100%;} .nav ul{font-size: 0;text-align: justify;text-justify:inter-ideograph;overflow: visible !important;max-width: 1120px;padding: 0 30px;} .nav ul::after{content: '';width: 100%;display: inline-block;*display: inline;*zoom:1;} .nav ul > li{position: relative;text-align: center;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transform: perspective(5000px);-moz-transform: perspective(5000px);-o-transform: perspective(5000px);-webkit-transform: perspective(5000px);line-height: 57px;height: 60px;padding: 0 10px;} .nav ul li > a{font-size: 16px;display: block;position: relative;color: #fff;} .nav ul li > a:hover:after{position: absolute;width: 100%;height: 4px;background: #fff;content: "";left: 0;bottom: 10px;} .nav ul li > a,.nav ul li:hover > a{} .subNav{width: 180px;background: #00366f;white-space: normal;position: absolute;right: calc(50% - 90px);top: 98%;display: none;} .subNav dd {} .subNav a{color:#fff;padding:10px 15px;display: block;line-height: 24px;border-top:1px solid rgba(0,0,0,0.2);font-size: 16px;} .subNav a:hover{background: rgba(0,0,0,0.2);} .header.currents{position: fixed;left: 0;top: -190px;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;} .header.currents.currentsOn{top: 0;/* position: relative; */} .header.currents{height: 48px;line-height: 48px;} .header.currents .ser{display: none;} .header.currents .top{display: none;} .header.currents .nav{height: 48px;line-height: 48px;background: #00366f;} .header.currents .nav li{background:none;} .header.currents .subNav{top:48px;} .header.currents .nav-wrapper{height: 56px;} .header.currents .nav ul li > a{color: #fff;} .header.currents .nav ul li.on > a,.header.currents .nav ul li:hover > a{} .header.currents{box-shadow: 0 2px 6px rgba(0,0,0,0.4)} .nav ul li:hover .subNav{ -webkit-animation-name: flipInY ;animation-name: flipInY ; animation-duration: 0.6s; -webkit-animation-duration: 0.6s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; display: block; } @keyframes flipInY { from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;} 40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;} 60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;} 80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);} to {-webkit-transform: perspective(400px);transform: perspective(400px);} } footer{background: #00366F;clear: both;padding: 40px 0 35px;} .footer{position: relative;} .footer_left{float: left;line-height: 35px;color: #fff;} .footer_left a{color: #fff;} .footer_right{float: right;font-size: 0;padding: 65px 0 0;} .footer_right a{display: inline-block;*display: inline;*zoom:1;width: 40px;height: 40px;border-radius: 50%;margin: 0 0 0 35px;} .footer_right a.mail{background: url(../images/footer_mail.png) center no-repeat #fff;} .footer_right a.sina{background: url(../images/footer_sina.png) center no-repeat #fff;} .footer_right a.wechat{background: url(../images/footer_wechat.png) center no-repeat #fff;position: relative;} .footer_right a.wechat img{position: absolute;right: 100%;bottom: 0%;max-width: inherit;width: 0;height: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;} .footer_right a.wechat:hover img{width: 80px;height: 80px;background: #fff;} .footer_logo{position: absolute;left: 44%;top: 50%;transform: translateY(-50%);display: block;width: 386px;}