article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } ._scroll_bar{ opacity: 1!important; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: "microsoft yahei"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } img{ transform: translateZ(0);-webkit-transform: translateZ(0); } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } html{ font-family: "微软雅黑"; } @font-face { font-family: "sszh"; src: url("../fonts/sszh.eot"); /* IE9 */ src: url("../fonts/sszh.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/sszh.woff") format("woff"), /* chrome、firefox */ url("../fonts/sszh.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ url("../fonts/sszh.svg#sszh") format("svg"); /* iOS 4.1- */ font-style: normal; font-weight: normal; } @font-face { font-family: "ground"; src: url("../fonts/ground.eot"); /* IE9 */ src: url("../fonts/ground.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/ground.woff") format("woff"), /* chrome、firefox */ url("../fonts/ground.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ url("../fonts/ground.svg#ground") format("svg"); /* iOS 4.1- */ font-style: normal; font-weight: normal; } @font-face { font-family: "gxie"; src: url("../fonts/gxie.eot"); /* IE9 */ src: url("../fonts/gxie.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/gxie.woff") format("woff"), /* chrome、firefox */ url("../fonts/gxie.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ url("../fonts/gxie.svg#gxie") format("svg"); /* iOS 4.1- */ font-style: normal; font-weight: normal; } select{ outline: none; -webkit-appearance: none; } .fadeInUp_qs50, .fadeInRight_qs50, .fadeInLeft_qs50, .fadeInLeft, .fadeInRight, .fadeInUp { opacity: 0; } .clearfix:after { content: ""; display: block; height: 0; clear: both; overflow: hidden; } .clear { zoom: 1; } ._scroll_bar{ right: 0!important; } ._scroll_box{ right: 0!important; opacity: .1!important; } * { margin: 0; padding: 0; } a { text-decoration: none; cursor: pointer; color: inherit; } ul li { list-style: none; } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-thumb { background: #ee9654; } ::-webkit-scrollbar-track{ background: #ccc; } .mohead { display: none; } .wrap { width: 1280px; margin: 0 auto; } .inwrap { width: 1200px; margin: 0 auto; } .pcbanner { display: block; width: 100%; } .mobanner { display: none; } .bannerBox { overflow: hidden; } .bannerBox .mobanner{ width: 150%; transform: translateX(-150px); } .pchead { position: fixed; width: 100%; height: 80px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); z-index: 999; } .pchead .logobox { width: 180px; height: 40px; float: left; margin-left: 35px; margin-top: 15px; } .pchead .logobox img { display: block; width: 100%; } .pchead .nav { float: right; } .pchead .nav li { float: left; } .pchead .nav li .navs { display: block; padding: 0 80px; line-height: 80px; } .pchead .nav li .navs span { font-size: 16px; color: #fff; display: block; line-height: 80px; position: relative; transition: all .5s; } .pchead .nav li .navs .actSpan { color: #333; } .pchead .nav li .navs span::after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; background: #ee9654; width: 100%; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .pchead .nav li:hover .navs span::after { transform: scale(1)!important; -webkit-transform: scale(1)!important; -moz-transform: scale(1)!important; } .actHead { background: #fff; box-shadow: 0px 2px 5px rgba(0,0,0,.3); } /*手机头部*/ .mohead { display: none; height: 54px; box-sizing: border-box; padding: 5px 5%; background: #fff; width: 100%; position: fixed; left: 0; top: 0; z-index: 999; box-shadow: 0px 2px 5px rgba(0,0,0,.3); } .mohead .logobox { padding: 6px 0; float: left; } .mohead .logobox img { height: 32px; } .mohead .menubox { float: right; padding: 13px 0; } .mohead .menubox .momenu span { display: block; width: 30px; height: 2px; background: #333; margin-bottom: 6px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .mohead .menubox .momenu span:last-child { margin-bottom: 0; } .maskout { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1000; display: none; } .maskout img { width: 30px; position: absolute; left: 40px; top: 40px; } .menu_sub { position: fixed; right: -70%; top: 0; width: 70%; background: #000; z-index: 1000; height: 100%; transition: all .3s; } .menu_sub li { text-align: left; border-bottom: 1px solid #232530; line-height: 44px; font-size: 16px; width: 92%; margin: 0 auto; } .menu_sub a { color: #CCC; display: block; } .menu_sub .subTitle { color: #fff; background: url(../images/plus.png) no-repeat; background-size: 16px 16px; background-position: right center; } .menu_sub .bignav { background: none!important; } .menu_sub .subbox { display: none; font-size: 14px; } .menu_sub .menuact { background: url(../images/reduce.jpg) no-repeat; background-position: right center; background-size: 16px; } .bannerBox { position: relative; z-index: 10; } .bannerBox .textBox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 111; } .bannerBox .textBox .ce { font-size: 20px; line-height: 14px; font-family: gxie; color: #fff; } .bannerBox .textBox .cn { font-size: 44px; color: #ffffff; line-height: 44px; margin-top: 30px; } .bannerBox .textBox .downIcon { width: 52px; height: 52px; background: url(../images/about_01.png); background-size: 100%; margin: 30px auto 0 auto; } .tl { text-align: center; padding: 80px 0 30px 0; position: relative; margin-bottom: 40px; } .tl .en { color: #ccc; font-size: 34px; line-height: 30px; font-family: ground; } .tl .cn { font-size: 34px; line-height: 34px; color: #333; margin-top: 20px; } .tl:after { content: ""; width: 160px; height: 1px; position: absolute; left: 50%; bottom: 0; background: #7d7d7d; transform: translateX(-50%); } .footer { background: #F7F7F7; padding: 84px 0 0 0; position: fixed; width: 100%; left: 0; right: 0; bottom: 0; z-index: 5; } .footer .top { padding-bottom: 84px; } .footer .top .lt { width: 72.5%; float: left; } .footer .top .lt ul li { width: 25%; float: left; } .footer .top .lt ul li a { transition: all .5s; } .footer .top .lt ul li .title { color: #666; font-size: 16px; line-height: 16px; margin-bottom: 50px; display: block; } .footer .top .lt ul li .navs { color: #999; font-size: 14px; line-height: 2; display: block; } .footer .top .lt ul li .title:hover, .footer .top .lt ul li .navs:hover { color: #ef9655; } .footer .top .lt ul li .navs:hover { margin-left: 5px; } .footer .top .rt { float: right; width: 27.5%; } .footer .top .rt .title { font-size: 16px; color: #666; line-height: 16px; margin-bottom: 50px; } .footer .top .rt .mapBox .infoBox { line-height: 36px; } .footer .top .rt .mapBox .infoBox .tls { font-size: 14px; color: #999; padding-left: 32px; } .footer .top .rt .mapBox .infoBox .bigye { font-size: 24px; color: #ef9655; line-height: 36px; position: relative; top: 2px; left: 10px; } .footer .top .rt .mapBox .infoBox:nth-child(1) { background: url(../images/index_19.png) no-repeat; background-position: left center; } .footer .top .rt .mapBox{ margin-top: -6px; } .footer .top .rt .mapBox .infoBox:nth-child(2) { background: url(../images/index_20.png) no-repeat; background-position: left center; } .footer .top .rt .mapBox .infoBox:nth-child(3) { background: url(../images/index_21.png) no-repeat; background-position: left center; } .footer .top .rt .enjoyBox { margin-top: 34px; } .footer .top .rt .enjoyBox .enjoy-icon { display: block; width: 34px; height: 34px; float: left; margin-right: 13px; position: relative; background: #d2d2d2; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius:50%; transition: all .5s; cursor: pointer; position: relative; } .footer .top .rt .enjoyBox .enjoy-icon .big{ width: 120px; position: absolute; left: 50%; top: -130px; transform: translateX(-50%) scale(0); -webkit-transform: translateX(-50%) scale(0); transition: transform .5s; -webkit-transition: transform .5s; } .footer .top .rt .enjoyBox .enjoy-icon:hover .big{ transform: translateX(-50%) scale(1); -webkit-transform: translateX(-50%) scale(1); } .footer .top .rt .enjoyBox .enjoy-icon s{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius:50%; background: #ee9654; transform: scale(0); -moz-transform: scale(0); transform: scale(0); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .footer .top .rt .enjoyBox .enjoy-icon img { display: block; width: 100%; position: absolute; left: 0; top: 0; transition: all .5s; } .footer .top .rt .enjoyBox .enjoy-icon:hover{ background: transparent; } .footer .top .rt .enjoyBox .enjoy-icon:hover s{ transform: scale(1); z-index: -1; } .footer .bt { background: #eeeeee; } .footer .bt .wrap a { line-height: 46px; display: block; font-size: 14px; color: #999; } .footer .bt .wrap .lt { float: left; } .footer .bt .wrap .rt { float: right; } /*页码*/ .pagewrap { text-align: center; line-height: 30px; padding: 50px 0; } .pagewrap div { cursor: pointer; transition: all .3s; } .pagewrap .inwraps { float: left; position: relative; left: 50%; } .pagewrap .inwraps .pagebox { float: left; position: relative; left: -50%; color: #555; } .pagewrap .prevPage { margin-right: 8px; } .pagewrap .prevPage, .pagewrap .nextPage { float: left; width: 60px; height: 30px; box-sizing: border-box; display: block; } .pagewrap .pagenum { float: left; width: 30px; height: 30px; box-sizing: border-box; margin-right: 8px; display: block; } .numInp { float: left; display: block; width: 30px; height: 30px; border: 1px solid #555; box-sizing: border-box; text-align: center; } .pagewrap .jumpspan { width: auto; } .pagewrap .activenum { background: #555555; color: #fff; border: none; } .pagebox .lastpage, .pagebox .allpage { float: left; width: 60px; height: 30px; box-sizing: border-box; border: solid 1px #d7d7d7; display: block; margin-left: 8px; } .pagebox .allpage { border: none; color: #999; } @media screen and (min-width: 1440px) and (max-width: 1600px) { .pchead .nav { float: right; } .pchead .nav li { float: left; } .pchead .nav li .navs { display: block; padding: 0 65px; } } @media screen and (min-width: 1280px) and (max-width: 1366px) { .pchead .nav li .navs{ padding: 0 60px; } .wrap { width: 1200px; } .inwrap { width: 1000px; } .pchead .nav { float: right; } .pchead .nav li { float: left; } .pchead .nav li .navs { display: block; padding: 0 50px; } .footer .top .lt { width: 65%; } .footer .top .rt { width: 35%; } } .mofooter { display: none; } .pagewrap { display: block; } .loadMore { display: none; } @media screen and (min-width: 100px) and (max-width: 1024px) { .pagewrap { display: none; } .loadMore { display: block; width: 100%; height: 42px; line-height: 42px; color: #fff; margin: 6% 0; background: #e89354; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius:4px; } .heg { height: 54px; } .wrap { width: 90%; } .inwrap { width: 90%; } .pchead { display: none; } .mohead { display: block; } .footer { display: none; } .mofooter { position: relative; z-index: 6; background: #eee; display: block; padding: 10px 0; } .mofooter .te { color: #999; text-align: center; display: block; font-size: 12px; } .mofooter .tel{ margin-bottom: 8px; } .mofooter .te span{ color: #f3aa31; font-size: 24px; } } @media screen and (max-width:768px){ .pcbanner { display: none; } .mobanner { display: block; } } @media screen and (min-width: 750px) and (max-width: 1024px) { .tl { text-align: center; padding: 12% 0 4% 0; margin-bottom: 6%; } .tl .en { font-size: 28px; line-height: 28px; } .tl .cn { font-size: 28px; line-height: 28px; margin-top: 3%; } .bannerBox .textBox .ce { font-size: 16px; line-height: 16px; } .bannerBox .textBox .cn { font-size: 30px; color: #ffffff; line-height: 30px; margin-top: 20px; } .bannerBox .textBox .downIcon { width: 42px; height: 42px; background: url(../images/about_01.png); background-size: 100%; margin: 20px auto 0 auto; } } @media screen and (min-width: 375px) and (max-width: 750px) { .tl { text-align: center; padding: 12% 0 4% 0; margin-bottom: 6%; } .tl .en { font-size: 24px; line-height: 24px; } .tl .cn { font-size: 24px; line-height: 24px; margin-top: 3%; } .bannerBox .textBox .ce { font-size: 16px; line-height: 16px; } .bannerBox .textBox .cn { font-size: 30px; color: #ffffff; line-height: 30px; margin-top: 20px; } .bannerBox .textBox .downIcon { width: 42px; height: 42px; background: url(../images/about_01.png); background-size: 100%; margin: 20px auto 0 auto; } } @media screen and (min-width: 10px) and (max-width: 375px) { .tl { text-align: center; padding: 12% 0 4% 0; margin-bottom: 6%; } .tl .en { font-size: 20px; line-height: 20px; } .tl .cn { font-size: 20px; line-height: 20px; margin-top: 3%; } .bannerBox .textBox .ce { font-size: 12px; line-height: 12px; } .bannerBox .textBox .cn { font-size: 24px; color: #ffffff; line-height: 24px; margin-top: 20px; } .bannerBox .textBox .downIcon { width: 30px; height: 30px; background: url(../images/about_01.png); background-size: 100%; margin: 20px auto 0 auto; } }