/* reset */ /*html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;}*/ html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; font-family: 'arial', '宋体'; } header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture { display: block; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; } html, body, img, iframe, abbr { border: 0; } i, em { font-style: normal; } [hidefocus], summary { outline: 0; } li { list-style: none; } sup, sub { font-size: 12px; } textarea { overflow: auto; resize: none; } label { cursor: default; } a, button { cursor: pointer; } h1, h2, h3, h4, h5, h6, b { font-weight: normal; display: block; } a, a:hover { text-decoration: none; } a { color: #333; } a:hover { color: #000; } /*body,textarea,input,button,select,keygen,legend{font:14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif,\5b8b\4f53; color:#666; outline:0;}*/ body, textarea, input, button, select, keygen, legend { font: 14px/1.5 sans-serif, \5b8b\4f53; color: #666; outline: 0; } html { font-size: 10px; } /*body{background:#f6f6f6; -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;}*/ body { background: #f6f6f6; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; font-family: 'arial', '宋体'; } input[type='submit'] { cursor: pointer; } p { text-align: justify; text-justify: inter-ideograph; } .fl { float: left; } .fr { float: right; } .clear { zoom: 1; } .clear:after { content: ''; width: 0; height: 0; display: block; clear: both; } .icon { display: inline-block; background: url(../img/sprite.png) no-repeat; vertical-align: middle; margin-right: 10px; } .i-news-back { display: block; width: 20px; height: 12px; background-position: -50px 0; margin: 16px auto 5px; } .i-arr-down { width: 45px; height: 45px; background-position: -40px -29px; margin: 0; background-color: #1d24ab; } #header { position: relative; top: 0; left: 0; z-index: 8; width: 100%; height: 70px; background: #fff; } #logo { float: left; position: relative; z-index: 2; width: 200px; height: 70px; margin-left: 6px; background: url(../img/logo.png) 50% 50% no-repeat; } #nav { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } #nav ul { position: absolute; top: 0; right: 180px; bottom: 0; left: 30px; font-size: 16px; } /*#nav ul li:nth-of-type(1){-webkit-animation-delay:0.15s; -moz-animation-delay:0.15s; animation-delay:0.15s;} #nav ul li:nth-of-type(2){-webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; animation-delay:0.25s;} #nav ul li:nth-of-type(3){-webkit-animation-delay:0.35s; -moz-animation-delay:0.35s; animation-delay:0.35s;} #nav ul li:nth-of-type(4){-webkit-animation-delay:0.45s; -moz-animation-delay:0.45s; animation-delay:0.45s;} #nav ul li:nth-of-type(5){-webkit-animation-delay:0.55s; -moz-animation-delay:0.55s; animation-delay:0.55s;} #nav ul li:nth-of-type(6){-webkit-animation-delay:0.65s; -moz-animation-delay:0.65s; animation-delay:0.65s;} #nav ul li:nth-of-type(7){-webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; animation-delay:0.75s;}*/ #nav ul li { position: relative; display: inline-block; *display: inline; *zoom: 1; padding: 0 1.5%; line-height: 70px; /* -webkit-animation:upIn .6s both; -moz-animation:upIn .6s both; animation:upIn .6s both;*/ -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; } #nav ul li.act { background: #3139b3; } #nav ul li.act > a { color: #fff; } #nav ul li a { display: block; height: 100%; color: #000; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } #nav ul li > a { font-weight: bold; } #nav ul li i { display: none; } #nav ul li div { min-width: 230px; display: none; position: absolute; top: 100%; left: 0; width: 320px; background: #fff; padding: 10px; box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.2); overflow: hidden; -webkit-animation: fadeIn 0.3s both; -moz-animation: fadeIn 0.3s both; animation: fadeIn 0.3s both; } #nav ul li.act div { display: block; } #nav ul li div a { float: left; width: 140px; height: 39px; margin-right: 16px; border-bottom: 1px solid #efefef; line-height: 39px; font-size: 14px; color: #666; text-align: left; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } #nav ul li div a:hover { border-color: #1d24ab; color: #1d24ab; } #nav ul li div picture { position: absolute; top: 10px; right: 10px; width: 270px; height: 200px; overflow: hidden; } #nav ul li div picture img { width: 100%; } #nav .nav-language, #nav .nav-search { display: none; } .menu { position: absolute; top: 15px; right: 0; z-index: 5; } #nav-btn { display: none; float: left; width: 40px; height: 40px; margin: 0 10px; border-radius: 50%; background: rgba(11, 47, 143, 0.75); cursor: pointer; } #nav-btn-icon { position: relative; width: 20px; height: 40px; margin: auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #nav-btn-icon p { position: absolute; top: 50%; right: 140%; color: #333; font-size: 16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } #nav-btn-icon span { position: absolute; top: 50%; left: 0; width: 100%; height: 2px; margin: auto; background: #fff; border-radius: 1px; transition: 0.3s; } #nav-btn-icon span:before, #nav-btn-icon span:after { content: ''; display: block; position: absolute; left: 0; width: 100%; height: 2px; background: #fff; border-radius: 1px; transition: 0.3s, 0.3s; transition-property: top, transform; transition-delay: 0.3s, 0; } #nav-btn-icon span:before { top: -6px; } #nav-btn-icon span:after { top: 6px; } #nav-btn.act #nav-btn-icon span { background: transparent; } #nav-btn.act #nav-btn-icon span:before { -webkit-transform: rotate(45deg); top: 0; } #nav-btn.act #nav-btn-icon span:after { -webkit-transform: rotate(-45deg); top: 0; } #nav-btn.act #nav-btn-icon span:before, #nav-btn.act #nav-btn-icon span:after { transition-delay: 0, 0.3s; } #nav-btn.act #nav-btn-icon p { opacity: 0; } .menu-btn { float: left; width: 40px; height: 40px; margin: 0 10px; border-radius: 50%; background-color: #1d24ab; line-height: 40px; text-align: center; color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } #i-search { background-image: url(../img/sprite.png); } .menu-btn:hover { color: #fff; } .lan-b { position: absolute; top: 15px; right: 154px; width: 50px; height: 50px; border-radius: 50%; background: rgba(0, 0, 0, 0.4); line-height: 50px; text-align: center; color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .lan-a:hover, .lan-b:hover { color: #fff; background: rgba(0, 0, 0, 0.6); } #search-bar { display: none; position: absolute; top: 100%; right: 0; width: 240px; height: 30px; line-height: 30px; padding: 10px; background: #fff; } #search-bar input { float: left; box-sizing: border-box; height: 30px; } #search-bar input[type='text'] { width: 70%; padding: 0 5px; border: 1px solid #eee; } #search-bar input[type='submit'] { width: 30%; background: #1d24ab; color: #fff; border: none; } #footer { width: 100%; background: #1d24ab; color: #fff; line-height: 28px; } #footer .ft-info { position: relative; margin: 0 30px; padding-top: 8px; } #footer .ft-info a { color: #fff; } #footer .ft-info em { margin: 0 15px; } #footer .ft-img { position: absolute; top: 9px; right: 0; } #footer .ft-copyright { margin: 0 30px; font-size: 12px; opacity: 0.3; } #footer .ft-copyright a { color: #fff; /*display:none;*/ } #ptshare { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } #ptshare a { float: none; display: inline-block; width: 20px; height: 20px; margin: 0 5px; background-image: url(../img/sprite.png); line-height: 20px; vertical-align: middle; } #ptshare .ptshare-wb { background-position: 0 -50px; } #ptshare .ptshare-wx { background-position: -20px -50px; } @-webkit-keyframes upIn { from { opacity: 0; -webkit-transform: translateY(-30px); } } @-moz-keyframes upIn { from { opacity: 0; -moz-transform: translateY(-30px); } } @keyframes upIn { from { opacity: 0; transform: translateY(-30px); } } @-webkit-keyframes fadeIn { from { opacity: 0; } } @-moz-keyframes fadeIn { from { opacity: 0; } } @keyframes fadeIn { from { opacity: 0; } } @-webkit-keyframes leftIn { from { opacity: 0; -webkit-transform: translate3d(-30px, 0, 0); } } @-moz-keyframes leftIn { from { opacity: 0; -moz-transform: translate3d(-30px, 0, 0); } } @keyframes leftIn { from { opacity: 0; transform: translate3d(-30px, 0, 0); } } /*电邮提示*/ .emailTips { line-height: 40px; font-size: 14px; color: #1d24ab; display: block; } .pc-emailTips { float: left; margin-right: 10px; } .emailTips img { vertical-align: middle; margin-right: 10px; } .emailTips-pop { position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 99999; display: none; } .emailTips-pop .titLogo { background: #1d24ab; text-align: center; padding: 14px 0; width: 100%; position: relative; } .emailTips-pop .Close { position: absolute; right: 0; top: 0; cursor: pointer; } .emailTips-pop .bg { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; z-index: 101; } .emailTipsCon { width: 800px; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; z-index: 102; } .emailTipsCon .mainCon { background: #fff; padding: 40px 70px; box-sizing: border-box; height: 630px; overflow-y: scroll; font-size: 14px; } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ .emailTipsCon .mainCon::-webkit-scrollbar { width: 3px; } /*定义滑块 内阴影+圆角*/ .emailTipsCon .mainCon::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #1d24ab; } .emailTipsCon .titTex { padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; margin-bottom: 20px; } .emailTipsCon .titTex h1 { font-size: 24px; color: #1e1e1e; } .emailTipsCon .titTex p { font-size: 14px; color: #666; } .emailTipsCon .box { margin-bottom: 12px; } .emailTipsCon .inpt1 .box { width: 45%; float: left; } .emailTipsCon .inpt1 .box2 { float: right; } .clearfix:after { content: ''; clear: both; height: 0; display: block; } .emailTipsCon h4 { color: #333; margin-bottom: 4px; } .Ts { margin-top: 5px; height: 18px; } .Tstext { font-size: 12px; color: #ff0036; display: none; } .emailTipsCon input { height: 50px; border: 1px solid #d2d2d2; width: 100%; text-indent: 16px; } .emailTipsCon em { color: #ff0036; font-size: 24px; vertical-align: middle; line-height: 16px; padding-top: 8px; display: inline-block; } .emailTips-pop .lb1 { display: block; position: relative; overflow: hidden; padding-left: 28px; background: url(../img/g-check1.png) left 4px no-repeat; /*背景没有..*/ line-height: 22px; margin-top: 4px; cursor: pointer; width: 33.3%; float: left; box-sizing: border-box; } .emailTips-pop input { outline: none; -webkit-appearance: none; appearance: none; } .emailTips-pop .lb1 input { position: absolute; left: -999px; } .emailTips-pop .lb1.checked { background-image: url(../img/g-check1-on.png); } .radioItem .lb1 { width: 100%; float: none; } .radioItem a { color: #ff0036; } .radioItem .lb1.checked { background-image: url(../img/check103.jpg); } .emailTipsCon .butDiv { margin-top: 30px; padding-top: 20px; border-top: 1px solid #d2d2d2; } .emailTipsCon .butDiv input { width: 15px; height: 15px; } .emailTipsCon .butDiv span { color: #ff0036; } .emailTipsCon .butDiv button { width: 240px; height: 50px; background: #1d24ab; color: #fff; font-size: 14px; display: block; margin: auto; margin-top: 30px; border: none; } .emailTipsCon .butDiv button:hover { opacity: 0.9; } /*弹窗*/ .popup { position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 200; display: none; } .popup .con { width: 500px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 60px 0 50px 0; overflow: hidden; } .pop-close { position: absolute; right: 0; top: 0; cursor: pointer; } .popup .iconPic { margin-bottom: 20px; } .popup .text { text-align: center; } .popup .text h1 { font-size: 24px; color: #282eae; } .popup .text p { font-size: 14px; color: #333; text-align: center; } .m-emailTips{ vertical-align: top; line-height: 28px; display: none; } @media (max-width: 1366px) { #nav ul { font-size: 14px; } #nav ul li { padding: 0 1%; } #nav ul { right: 238px; } } @media (max-width: 1220px) { #nav ul { font-size: 14px; } } /*width:768px*/ @media (max-width: 1024px) { #nav-btn { display: block; } .menu-btn { display: none; } #nav { display: none; top: 70px; right: 0; bottom: 0; left: 0; z-index: 10; width: auto; height: auto; overflow: auto; background: #fff; text-align: left; text-indent: 4%; -webkit-animation: fadeIn 0.6s both; -moz-animation: fadeIn 0.6s both; animation: fadeIn 0.6s both; } #nav.act { display: block; } #nav .nav-search { display: block; box-sizing: border-box; width: 92%; height: 40px; margin: auto; border: 1px solid #d3d3d3; border-radius: 3px; -webkit-animation: fadeIn 1s both; -moz-animation: fadeIn 1s both; animation: fadeIn 1s both; } #nav .nav-search input { float: left; } #nav .nav-search input[type='text'] { display: block; border: none; width: calc(100% - 58px); height: 100%; padding: 0 10px; } #nav .nav-search input[type='submit'] { float: right; width: 38px; height: 38px; background: url(../img/search_m.png) 50% 50% no-repeat; background-size: 80% auto; border: none; } #nav ul { position: static; display: block; margin-top: 15px; } #nav ul li, #nav ul li a { position: relative; display: block; padding: 0; line-height: 49px; } #nav ul li i { display: block; height: 49px; border-bottom: 1px solid #eee; background: #fff; color: #333; font-weight: bold; } #nav ul li i:after { content: ''; position: absolute; top: 20px; right: 4%; width: 8px; height: 8px; border-right: 1px solid #333; border-bottom: 1px solid #333; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } #nav ul li a.layer1 { display: none; } #nav ul li div { display: block; position: static; width: auto; height: 0; padding: 0; overflow: hidden; background: #f7f7f7; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } #nav ul li div.hide { height: auto; } #nav ul li i.show:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } #nav ul li a, #nav ul li div a { display: block; border-bottom: 1px solid #eee; color: #666; } #nav ul li div a { float: none; width: auto; color: #999; } #nav ul li div picture { display: none; } #nav .nav-language { display: block; margin: 25px 0; text-align: center; text-indent: 0; } #nav .nav-language a { display: inline-block; width: 45px; height: 45px; margin: 0 10px; border-radius: 50%; background: #8e8e8e; color: #fff; text-align: center; line-height: 45px; font-size: 14px; -webkit-animation: fadeIn 0.5s both; -moz-animation: fadeIn 0.5s both; animation: fadeIn 0.5s both; } #nav .nav-language a:nth-of-type(1) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } #nav .nav-language a:nth-of-type(2) { -webkit-animation-delay: 1.15s; -moz-animation-delay: 1.15s; animation-delay: 1.15s; } #nav .nav-language a:nth-of-type(3) { -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; animation-delay: 1.3s; } #nav .nav-language a.act { background: #4a50bc; } #search-bar { display: none !important; } .pc-emailTips { display: none; } .m-emailTips{display: inline-block;} } @media screen and (max-width: 960px) { .emailTipsCon { width: 90%; height: 90%; } .emailTipsCon .mainCon { height: 70%; padding: 20px; } } /*width:320px*/ @media (max-width: 767px) { #header { position: static; } #logo { width: 180px; background-size: 100% auto; } #nav-btn { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); } #footer { text-align: center; } #bdshare { display: none; } #footer .ft-img { position: static; display: block; margin: 15px auto; } #footer .ft-copyright { line-height: 1.6; } .maps dl { width: auto !important; float: none !important; } } @media screen and (max-width: 640px) { .emailTipsCon .inpt1 .box { width: 100%; float: none; } .emailTips-pop .lb1 { width: 50%; } .radioItem .lb1 { width: 100%; float: none; } .popup .con { width: 90%; } } @media screen and (max-width: 414px) { #footer .ft-info em { margin: 0 16px; } } @media screen and (max-width: 375px) { #footer .ft-info em { margin: 0 11px; } }