/* CSS Document */ /*#region 重置元素*/ *:focus {outline: none;} body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{ padding: 0; margin:0; } @font-face { font-family: "SourceHanSansCN-Normal"; src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype"); font-weight: normal; font-style: normal; font-family: 'iconfont'; /* project id 1827342 */ src: url('//at.alicdn.com/t/font_1827342_sgo8ruciyw.eot'); src: url('//at.alicdn.com/t/font_1827342_sgo8ruciyw.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1827342_sgo8ruciyw.woff2') format('woff2'), url('//at.alicdn.com/t/font_1827342_sgo8ruciyw.woff') format('woff'), url('//at.alicdn.com/t/font_1827342_sgo8ruciyw.ttf') format('truetype'), url('//at.alicdn.com/t/font_1827342_sgo8ruciyw.svg#iconfont') format('svg'); } body{ font:1em/1.3 "SourceHanSansCN-Normal", sans-serif; } button, input, select, textarea,h1, h2, h3, h4, h5, h6{ font-size:1em; line-height:1.3; } address, cite, dfn, em, var { font-style:normal; } code, kbd, pre, samp { font-family: courier new, courier, monospace; } small { font-size: 0.75em; } ul, ol { list-style: none; margin:0; } body,legend { color:#666; } a{ color:inherit; text-decoration: none; } a:hover { color:#003894; text-decoration: none; } a:active{ color:inherit; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } fieldset, img { border: 0; } button, input, select, textarea { font-size: 0.75em; } table { width:100%; word-break: break-all; } table th { font-weight:normal; } table th,table td { font-weight:normal; text-align:center; } article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video { display: block; margin: 0; padding: 0; } img{ vertical-align:middle; } ::-moz-placeholder { color:#000; } input:-webkit-input-placeholder { color:#000; } input:-moz-placeholder { color:#000; } /*#endregion*/ /*#region 清除浮动*/ .clearfix:after{ content: '\20'; display: block; height: 0; clear: both; } .clearfix { *zoom:1; } /*#endregion */ button:disabled, .disabled{ opacity:0.5; cursor:default; } .hi{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .css3,a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .comdiv{ width:100%; overflow:hidden; margin:0; padding:0;} @media screen and (min-width:1090px) { .cssimg,.cssimgp img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/} .cssimg:hover,.cssimgp:hover img{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);} } .daxie{text-transform: uppercase;} .cell_mid{ display: table; height:100%; width:100%; } .cell_h{ height:100%;display: table-cell; vertical-align: middle; } /*************************/ .mobile_menu_shop{ display:none; float:right; margin-right:1em; margin-top:1.125em;} .mobile_menu{ cursor:pointer; display:none; position:fixed; right:3%; top:1.09375em; z-index:9999; width:45px; height:45px;} .nav-trigger{ overflow: hidden; text-indent: 100%;white-space: nowrap;color: transparent;} .nav-trigger span,.nav-trigger span::before,.nav-trigger span::after{position: absolute;width: 28px; height:2px;background-color: #003894;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .header.pages-header .nav-trigger span,.header.pages-header .nav-trigger span::before,.header.pages-header .nav-trigger span::after{background:#000} .nav-trigger span {top: 21px;left: 8px;-webkit-transition: background 0.2s 0.1s;-moz-transition: background 0.2s 0.1s;transition: background 0.2s 0.1s;} .nav-trigger span::before, .nav-trigger span:after {content: '';left: 0;-webkit-transition: -webkit-transform 0.2s 0.1s;-moz-transition: -moz-transform 0.2s 0.1s;transition: transform 0.2s 0.1s;} .nav-trigger span::before {bottom: 8px;} .nav-trigger span::after {top: 8px;} .nav-trigger.active span {background-color: rgba(255, 255, 255, 0);} .header.pages-header .nav-trigger.active span {background-color: rgba(0, 0, 0, 0);} .nav-trigger.active span::before, .nav-trigger.active span::after {background-color:#003894;} .header.pages-header .nav-trigger.active span::before,.header.pages-header .nav-trigger.active span::after {background-color:#000;} .nav-trigger.active span::before {-webkit-transform: translateY(8px) rotate(-45deg);-moz-transform: translateY(8px) rotate(-45deg);-ms-transform: translateY(8px) rotate(-45deg);-o-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);} .nav-trigger.active span::after {-webkit-transform: translateY(-8px) rotate(45deg);-moz-transform: translateY(-8px) rotate(45deg);-ms-transform: translateY(-8px) rotate(45deg);-o-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);} .momenu{ background-color:#fff; -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;opacity:0; position:fixed; right:3%; top:-100%; width:10em; ; overflow-y:auto; z-index:888;} .momenu ul{ margin-top:3.9375em; padding:0.5em 0; overflow:hidden;} .momenu ul li{ text-align:center;font-family: "GILROY-LIGHT"; text-transform: uppercase;} a.momenu_big{ color:#333; display:block;padding:0.4em 0; text-align:left; padding-left:1em;} .momenu ul li.on a.momenu_big{ background-color:#003894; color:#fff;} .momenu ul li dl dd{ text-align:left; font-size:0.875em; padding:0.3em 0; padding-left:2em;} .momenu ul li dl dd:nth-child(1){ margin-top:0.5em;} .momenu ul li dl dd a{ color:#666;} .momenu ul li dl{ overflow:hidden; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; height:0; opacity:0;} .momenu ul li.on dl{ height:auto; opacity:1;} .promenubg{ display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-image:url(../images/about/menubg.png);} .promenubg_left{ float:left; width:20%;} .promenubg_right{ float:right; width:80%;} .promenubg_mid{ margin-top:5em; background-color:#f7f7f7; padding:3.5em 0 4.5em 0;} .promenubg_left{ padding-top:1.5em; background-position:left top; background-repeat:no-repeat; background-image:url(../images/about/img17.jpg);} .promenubg_left_1{ color:#003e97; font-size:1.75em;} .promenubg_left_2{ margin-top:0.5em; margin-bottom:3.5em; font-family:Arial, Helvetica, sans-serif; color:#808080; font-size:0.875em;} .promenubg_left_3 a{ font-family:Arial, Helvetica, sans-serif; display:inline-block; border:1px #003e97 solid; font-size:0.875em; color:#003e97; width:8.428571428571429em; text-align:center; line-height:2.285714285714286em;} .promenubg_left_3 a:hover{ color:#fff; background-color:#003e97;} .promenubg_right table{ width:100%;border-collapse: collapse;} .promenubg_right table td{ border:1px #ccc solid; width:8.333333333333333%; text-align:center; vertical-align:middle;} .promenubg_right_1{ padding:1em 0;} .promenubg_right_2{ font-size:0.875em; color:#666; padding:0 1em; padding-bottom:1em;} .promenubg_right table td:hover .promenubg_right_2{ color:#003e97} @media screen and (max-width:1325px) { #menu{ display:none;} .momenuon{ top:0;opacity:1} .mobile_menu_shop,.mobile_menu{ display:block;} .mobile_menu{ top:0.71875em;} }