@charset "utf-8"; /* reset */ html { height: 100%;} body { min-height: 100%;overflow-x: hidden!important;} body { _height: 100% } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 } li { list-style-type: none } h1, h2, h3, h4, h5, h6 { font-size: 100% } iframe, frame, fieldset, img { border: 0 none } img { vertical-align: top } input[type=button], input[type=submit], input[type=reset] { cursor: pointer } button { cursor: pointer } input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none } input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio } input[type=checkbox] { -webkit-appearance: checkbox } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box } #nb_icon_wrap{ display: none!important;} textarea { overflow: auto; resize: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } em, cite, address,i { font-style: normal } /*sup { vertical-align: text-top }*/ /*sub { vertical-align: text-bottom }*/ body, input, select, button, textarea { font-family:"Microsoft Yahei","寰蒋闆呴粦",arial; } body { line-height: 1.5 } a:link, a:visited, a:active, a { text-decoration: none;color: #000; } a:hover {} a { blr:expression(this.onFocus=this.blur()) } a * { *cursor: pointer } :focus { outline: none } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;} input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;} input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;} .clear{clear: both;} .edit_con_original{ line-height:1.7em; padding:0 0; color:#000000;} .edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;} .edit_con_original ul li { list-style-type:disc; margin:auto; } .edit_con_original ol{ margin:inherit; padding:inherit} .edit_con_original ol li { list-style-type:decimal; margin:auto; } .edit_con_original h1 { font-size: 2em; font-weight:bold } .edit_con_original h2 { font-size: 1.5em; font-weight:bold } .edit_con_original h3 { font-size: 1.17em; font-weight:bold } .edit_con_original h4 { font-size: 1em; font-weight:bold } .edit_con_original h5 { font-size: 0.83em; font-weight:bold } .edit_con_original h6 { font-size: 0.67em; font-weight:bold } .edit_con_original em { font-style: italic } .edit_con_original cite{ font-style: italic } .edit_con_original address{ font-style: italic } .edit_con_original i { font-style: italic } .edit_con_original table{ border-collapse: separate; border-spacing: 2px } .edit_con_original img{ max-width:100%; height:auto;} /*鎵€鏈夊悗鍙扮紪杈戝櫒鍖哄煙閮借寮曠敤 edit_con_original 绫诲悕*/ /* clear 椤靛ご锛岄〉鑴氾紝鍐呭鍖洪兘涓嶇敤鍐嶅姞娓呴櫎鏍峰紡 */ .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } /*鍘婚櫎榧犳爣鍙屽嚮閫変腑鏁堟灉*/ /**{-moz-user-select: none;-webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;}*/ /*涓ょ瀵归綈*/ .justify { text-align:justify; text-justify:distribute-all-lines;} /*鍥剧墖缁忚繃*/ .tran_scale{ overflow:hidden; display:block;} .tran_scale img{transition:0.5s all; -webkit-transition:0.5s all;} /*鎴瓧*/ .ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:100%;} .clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;overflow:hidden;} /*涓婁笅灞呬腑*/ .v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); position:absolute; left:0; top:50%;} /*宸﹀彸灞呬腑*/ .l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0);position:absolute; left:50%; top:0;} /*缁濆灞呬腑*/ .a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;} /*鑳屾櫙*/ .bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center center;} .bg_layer{background: rgba(0,0,0,0.7); position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 10000;} .bg-cover-ban{ background-size: 100% 100%;} .ratio-img,.ratio-img img{width: 100%;} @media only screen and (min-width: 1025px){ a{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} a:hover{/*color: #D6000F!important;*/} .tran_scale:hover img{transform:scale(1.05,1.05) rotate(0deg); -webkit-transform:scale(1.05,1.05) rotate(0deg);} } .w_1500{width:85%;max-width: 1500px;margin: 0 auto;} @media only screen and (max-width: 1024px) { .w_1500{width:90%;} } body #menu{display: none;} .fp-viewing-page1 #menu,.fp-viewing-page2 #menu,.fp-viewing-page3 #menu,.fp-viewing-page4 #menu,.fp-viewing-page5 #menu{display: inherit;} #menu { margin: 0; padding: 0; position: fixed; left:0px;transform: translateY(-50%);-ms-transform: translateY(-50%); top: 50%; list-style-type: none; z-index: 99999;width:80px;} #menu li { margin:25px 0; font-size: 13px;width: 80px; height: 48px;} #menu a {font-family: "寰蒋闆呴粦",arial; width: 100%;font-size: 0;display: block; height: auto;position: relative; text-decoration: none;text-align: center;padding-top: 25px;} #menu a:before{width: 10px;height: 10px;background: #cfcfcf;content: "";position: absolute;left: 50%;transform: translateX(-50%); top:5px;border-radius: 100%;} #menu .active a:before{content: "";background: #D71920;} #menu .active a:after{content: "";background:rgb(215,25,32,0.2);width:20px;height: 20px;position: absolute;left: 50%;transform: translateX(-50%); top: 0;border-radius: 100%;} #menu .active a{font-size: 15px;color: #000000;} @media only screen and (max-width:720px ) { #menu{display: none !important;} } .gy-sidebar-right{width:80px;height: auto;position: fixed;right: 0;top: 20%; z-index: 100000000;} .gy-sidebar-right li{cursor: pointer; position: relative; text-align: center;display: block;width: 80px;padding-top: 15px; height: 65px;background: #D71920;margin-bottom: 10px;} .gy-sidebar-right li img{display: block;width:35px;margin: 0 auto;height: auto;} .gy-sidebar-right li span{display: block;text-align: center;font-size: 15px;color:#FFFFFF;} .gy-sidebar-right li .li-box{display: none;padding: 20px; position: absolute;right: 100%;left: auto;top: 50%;transform: translateY(-50%); padding:10px;background:rgba(215,25,32,0.8);} .gy-sidebar-right li .in-contact{width: 230px;height: auto;} .gy-sidebar-right li .in-contact .in-contact-list{width: 100%;height: auto;text-align: right;padding-bottom: 10px; border-bottom: 1px solid #FFFFFF;padding: 10px 0;} .gy-sidebar-right li .in-contact .in-contact-list:last-child{border-bottom: none;} .gy-sidebar-right li .in-contact .in-contact-list h6{color: #FFFFFF;font-size: 14px;margin-bottom: 10px;font-weight: normal;} .gy-sidebar-right li .in-contact .in-contact-list a{font-size: 18px;font-family: arial; color: #FFFFFF;} .gy-sidebar-right li .in-code{width:230px;height: auto;} .gy-sidebar-right li .in-code .in-code-list{width: calc(50% - 20px);height: auto;overflow: hidden;text-align: center;margin: 10px;float: left;} .gy-sidebar-right li .in-code .in-code-list img{display: block;width:100%;height: auto;} .gy-sidebar-right li .in-code .in-code-list h6{color: #FFFFFF;font-size: 14px;margin-top:20px;width: 100%;font-weight: normal;} .gy-sidebar-right li.back_top{opacity: 0; display: none;} @media only screen and (max-width:1300px) { #menu li{margin: 20px 0;} } @media only screen and (max-width:1024px) { .gy-sidebar-right{width: 65px;} .gy-sidebar-right li{width: 65px;height:55px;padding-top: 10px;} .gy-sidebar-right li img{width: 30px;} .gy-sidebar-right li span{font-size: 14px;} .gy-sidebar-right li .in-code{width: 180px;} .gy-sidebar-right li .in-contact{width: 190px;} .gy-sidebar-right li .in-contact .in-contact-list h6{font-size: 13px;} .gy-sidebar-right li .in-contact .in-contact-list a{font-size: 16px;} .gy-sidebar-right li .in-code .in-code-list{width: calc(50% - 10px);margin: 5px;} .gy-sidebar-right li .in-code h6{font-size: 13px;margin-top: 10px;} } @media only screen and (max-width: 720px) { .gy-sidebar-right{width: 55px;} .gy-sidebar-right li{width: 55px;height:50px;padding-top:5px;} .gy-sidebar-right li img{width: 24px;} .gy-sidebar-right li span{font-size: 12px;} } .header{position:fixed;top: 0;left: 0;z-index: 999999;width: 100%;height: auto;background: rgba(255,255,255,0.82);} .header-c{position: relative;} .header h1{display: block;width: 220px;height: auto;float: left;margin-top: 10px;} .header h1 a{display: block;width: 100%;height: auto;} .header h1 a img{display: block;width: 100%;height: auto;} .header h1 a .img2{display: none;} .header .header-cr{width: calc(100% - 220px);float: left;} .header nav{width: calc(100% - 90px);float: left; display: block;text-align: right;} .header nav ul{ width: 100%;height: auto;font-size: 0;} .header nav ul li{display: inline-block;padding: 10px 10px;font-size: 16px;margin: 0 0.5%; height:45px; line-height: 45px;position: relative;} .header nav ul li a{display: block;padding: 0 5px;} .header nav ul li .after-icon{display: none;} .header nav ul li.active > a{background: #D71920;} .header nav ul li.active > a{color: #FFFFFF;} .header .menu-r{width:90px;clear: both;position: absolute; right: 0;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);} .header .menu-r .search{width:20px; float: left;padding: 5px 15px;position: relative; cursor: pointer;} .header .menu-r .search:before{content:"";position: absolute;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);right: 0;width: 1px;height: 90%;background: #000;} .header .menu-r .search .search-ico{margin: 0 auto; width: 20px;height: 20px;} .header .menu-r .search .search-ico img{display: none;width: 100%;height: auto;} .header .menu-r .search .search-ico .img2{display: block;} .header .menu-r .search .search-box{width: 350px;overflow: hidden; padding: 20px; height: auto;background: #F9F9F9;position: absolute;right: 0;top: calc(100% -1px);display: none;} .header .menu-r .search .search-box input{padding-left: 20px; width: calc(100% - 102px);display: block; height: 36px; line-height: 36px; border: none; float: left;border: 1px solid #D71920;} .header .menu-r .search .search-box button{width: 80px;background: #D71920;border: none;line-height: 38px; color: #FFFFFF;float: left; font-size: 16px;display: block;} .header .menu-r .language{width:40px;line-height: 30px; cursor: pointer; text-align: right; float: left;position: relative;} .header .menu-r .language span{display: inline-block;font-size:16px;color: #FFFFFF;display: none;} .header .menu-r .language .language-box{display: none; width: 80px;height: auto;background: #FFFFFF;box-shadow: 0 0 5px rgba(0,0,0,0.2);position: absolute;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);top: calc(100% - 4px);} .header .menu-r .language .language-box a{font-size: 16px;color: #000000;display: block;width: 100%;line-height: 40px;border-bottom: 1px solid #dcdcdc;text-align: center;} .header .menu-r .language .language-box a:last-child{border-bottom: none;} .header nav ul li .category{overflow: hidden; position: absolute;left: 50%; transform: translateX(-50%);-ms-transform: translateX(-50%); width:180px;padding: 0; transition: all 0.3s ease;background: rgba(255,255,255,0.68); box-shadow:0 5px 5px 0 rgba(0,0,0,0.2);height: 0;top:64px;overflow: hidden;} .header nav ul li .category .category-l{ width:100%;float: left;text-align: center;padding: 10px 0;} .header nav ul li .category .category-l li{display: block;padding: 0;} .header nav ul li .category .category-l li a{color:#000000;} .header nav ul li .category .category-r{width: 25%;float: right; display: none;} .header nav ul li .category .category-r img{display: block;width: 100%;height: auto;} .fp-viewing-page2 .header , .fp-viewing-page3 .header, .fp-viewing-page4 .header, .fp-viewing-page5 .header, .fp-viewing-footerl .header{background: #FFFFFF;padding: 0px 0;height: 65px;box-shadow: 0 0 5px rgba(0,0,0,0.2);} .fp-viewing-page2 .header h1 a .img2, .fp-viewing-page3 .header h1 a .img2, .fp-viewing-page4 .header h1 a .img2, .fp-viewing-page5 .header h1 a .img2, .fp-viewing-footerl .header h1 a .img2{display: inherit;} .fp-viewing-page2 .header h1 a .img1, .fp-viewing-page3 .header h1 a .img1, .fp-viewing-page4 .header h1 a .img1, .fp-viewing-page5 .header h1 a .img1, .fp-viewing-footerl .header h1 a .img1{display: none;} .fp-viewing-page2 .header nav ul li a, .fp-viewing-page3 .header nav ul li a, .fp-viewing-page4 .header nav ul li a, .fp-viewing-page5 .header nav ul li a, .fp-viewing-footerl .header nav ul li a{color: #000000;} .fp-viewing-page2 .header .menu-r .search .search-ico .img2, .fp-viewing-page3 .header .menu-r .search .search-ico .img2, .fp-viewing-page4 .header .menu-r .search .search-ico .img2, .fp-viewing-page5 .header .menu-r .search .search-ico .img2, .fp-viewing-footerl .header .menu-r .search .search-ico .img2{display: inherit;} .fp-viewing-page2 .header .menu-r .search .search-ico .img1, .fp-viewing-page3 .header .menu-r .search .search-ico .img1, .fp-viewing-page4 .header .menu-r .search .search-ico .img1, .fp-viewing-page5 .header .menu-r .search .search-ico .img1, .fp-viewing-footerl .header .menu-r .search .search-ico .img1{display: none;} .fp-viewing-page2 .header .menu-r .language span, .fp-viewing-page3 .header .menu-r .language span, .fp-viewing-page4 .header .menu-r .language span, .fp-viewing-page5 .header .menu-r .language span, .fp-viewing-footerl .header .menu-r .language span{color: #000000;} .fp-viewing-page2 .header .menu-r .search:before, .fp-viewing-page3 .header .menu-r .search:before, .fp-viewing-page4 .header .menu-r .search:before, .fp-viewing-page5 .header .menu-r .search:before, .fp-viewing-footerl .header .menu-r .search:before{background: #000000;} .fp-viewing-page2 .header nav ul li.active, .fp-viewing-page3 .header nav ul li.active, .fp-viewing-page4 .header nav ul li.active, .fp-viewing-page5 .header nav ul li.active, .fp-viewing-footerl .header nav ul li.active{background: #D71920;} .fp-viewing-page2 .header nav ul li.active > a, .fp-viewing-page3 .header nav ul li.active > a, .fp-viewing-page4 .header nav ul li.active > a, .fp-viewing-page5 .header nav ul li.active > a, .fp-viewing-footerl .header nav ul li.active > a{color: #FFFFFF;} .header-mb .toggle-menu{display: none;} .header .menu-r .language .language-box{display: block ;position: static; transform: translateX(0%);width: auto;background: none;} .header .menu-r .language .language-box a{float: left;width: auto ;margin-left: 20px;} .header .menu-r .language{width: auto;} .header .menu-r{width: 140px;} .header .header-cr{ width: calc(100% - 260px);} .header .menu-r .search{margin-top: 5px;} .header .menu-r .language .language-box a{border:none;} .header .menu-r .language .language-box a:hover{color: #000!important;} @media only screen and (max-width:1500px ) { .header nav ul li{padding: 10px 5px;} } @media only screen and (max-width:1300px) { .header h1{width: 180px;} .header .header-cr{width: calc(100% - 180px);} .header nav ul li{font-size: 15px;} .header nav ul li{padding: 10px 0;margin: 0 5px;} .header nav ul li a{padding: 0 5px;} .header nav{ width: calc(100% - 140px);} } @media only screen and (max-width:1150px) { .header h1{width: 160px;} .header .header-cr{width: calc(100% - 160px);} .header nav ul li{font-size: 14px;} .header nav ul li{padding: 10px 0px;margin: 0 0px;} } @media only screen and (max-width:1024px) { .header-mb{width: 100%;height: 40px !important;padding: 10px 0 !important;background: #FFFFFF;} .header-mb h1{width: 150px;position: absolute;left: 0%;top: 3px;} .header-mb .toggle-menu{display: block; width: 59px;height: 59px;position: absolute;right:-2.5%;top: -9px; background: url(../images/a026.png)center no-repeat;} .header-mb .toggle-menu.open{background: url(../images/a027.png)center no-repeat;} .header-mb h1 .logo .img1{display: none;} .header-mb h1 .logo .img2{display: inherit;} .header nav,.header .menu-r{opacity: 0;} .header-mb .header-cr{ width: 100%;height:0;overflow-x: hidden;overflow: hidden; padding-bottom:60px; position:fixed;border-top: 1px solid #DCDCDC; padding: 0; padding-top:0px;top: 60px;left: 0;background: #f9f9f9;box-shadow: 1px 0px 5px rgba(0,0,0,0.2);} .header-mb .header-cr.header-cr-show{height: auto;height:calc(100% - 60px);overflow-y: overlay;} .header-mb .header-cr nav{width: 100%;float: none;} .header-mb .menu-r{width: 100%;height: auto;float: none; display: block;position: static;transform: translateY(0);} .header-mb .menu-r .search{padding:20px 0 0 0; width: 100%;height: auto;float: none;} .header-mb .header-cr nav,.header-mb .header-cr .menu-r{opacity:1;} .header .menu-r .search:before{display: none;} .header-mb .menu-r .search .search-ico{ display: none;} .header-mb .menu-r .search .search-box{padding: 0; display: block;position: static; width:90%;margin: 0 auto; height: auto;} .header .menu-r .language span{display: none;} .header .menu-r .language{width: 100%;height: auto;float: none;line-height: 45px; overflow: hidden;} .header .menu-r .language .language-box{ position: static; text-align: left; width: 100%;display: block;background: none; box-shadow: none;left: auto;top: auto;transform: translateY(0);} .header .menu-r .language .language-box a{display: inline-block;text-align: left;width:auto; padding-left: 5%;font-size: 14px; border:none; color: #000; margin: 0;} .header nav ul{width: 100%;height: auto;margin: 0 auto;text-align:left;} .header nav ul li{display: block;padding: 0;position: relative; width: 100%;margin: 0; border-bottom: 1px solid #DCDCDC; height: auto;} .header nav ul li a{color: #000000;width: calc(95% - 40px);padding-left: 5%;} .header nav ul li.twosub .after-icon{z-index:1; display: block; position: absolute;right: 10px;top:0;width: 30px;height:45px;background: url(../images/a025.png)center no-repeat ;background-size: 15px 15px;} .header nav ul li.twosub .after-icon.cut{transform: rotate(-180deg);background-position:center center;} .header nav ul > li.active{background: none;} .header nav ul >li.active > a{color: #000000;} /*.header nav ul > li:hover{background: none;} .header nav ul >li:hover > a{color: #000000;} .fp-viewing-page2 .header nav ul li:hover, .fp-viewing-page3 .header nav ul li:hover, .fp-viewing-page4 .header nav ul li:hover, .fp-viewing-page5 .header nav ul li:hover{background: none;} .fp-viewing-page2 .header nav ul li:hover > a, .fp-viewing-page3 .header nav ul li:hover > a, .fp-viewing-page4 .header nav ul li:hover > a, .fp-viewing-page5 .header nav ul li:hover > a{color: #000000;}*/ .fp-viewing-page2 .header nav ul li.active, .fp-viewing-page3 .header nav ul li.active, .fp-viewing-page4 .header nav ul li.active, .fp-viewing-page5 .header nav ul li.active{background: none;} .fp-viewing-page2 .header nav ul li.active > a, .fp-viewing-page3 .header nav ul li.active > a, .fp-viewing-page4 .header nav ul li.active > a, .fp-viewing-page5 .header nav ul li.active > a{color: #000000;} /*.header nav ul li:hover .category{display: none; background:#f9f9f9;padding: 0;}*/ .header nav ul li .category .category-r{display: none;} .header-mb nav ul li .category{display: none;height: auto;left: 0;padding: 0; background:#f9f9f9; width: 100%;position: static;transform: translateX(0);} .header-mb nav ul li .category .category-l{float: none; width: 100%;padding: 0;} .header-mb nav ul li .category .category-l li:last-child{border-bottom: none;} } .banner{position:relative;width: 100%;height: 100%;z-index: 9999;} .banner .banner-js{width: 100%;height: 100%;} .banner .banner-js .swiper-slide{display: block;width: 100%;height:100%;} .banner .banner-js .swiper-slide img{width: 100%;height:100%;} .banner .banner-js .banner-foucs{z-index: 10; width:100%;left: 0; height: auto;position: absolute;bottom: 5%;text-align: center;} .banner .banner-js .banner-foucs .swiper-pagination{font-size: 0; width: auto;max-width:360px; display: block;top: auto;left: auto;margin: 0 auto; position: static;} .banner .banner-js .banner-foucs .swiper-pagination-bullet { width:auto; height: auto; line-height: 24px; margin: 0 3%; font-family: arial; font-size: 24px; display: inline-block; border-radius: 0; color: #FFFFFF; background:none; opacity: 1; } .banner .banner-js .banner-foucs .swiper-pagination-bullet-active{color: #D71920;} .banner .banner-js .swiper-button-prev:after,.banner .banner-js .swiper-button-next:after{display: none;} .banner .banner-js .swiper-button-prev,.banner .banner-js .swiper-button-next{ left:60px; width: 36px; height:62px; background: url(../images/btn_ll.png) no-repeat; background-size: cover;} .banner .banner-js .swiper-button-next{ right:60px; left:auto;transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);} @media only screen and (max-width:1500px) { .banner .banner-js .banner-foucs .swiper-pagination{max-width: 300px;} .banner .banner-js .banner-foucs .swiper-pagination-bullet { line-height: 24px; margin: 0 2%; font-size: 20px;} } @media only screen and (max-width:1024px) { .banner .banner-js .banner-foucs .swiper-pagination{max-width: 200px;} .banner .banner-js .banner-foucs .swiper-pagination-bullet { line-height: 24px; margin: 0 2%; font-size: 16px;} .banner .banner-js .swiper-button-prev{ left:70px;} .banner .banner-js .swiper-button-next{ right:70px; } } @media only screen and (max-width:767px) { .banner .banner-js .swiper-button-prev{left:20px; width: 18px; height:31px;margin-top:-16px;} .banner .banner-js .swiper-button-next{ right:20px; width: 18px; height:31px;margin-top:-16px;} } .gy-txt{width: 100%;height: auto;} .gy-txt p{font-size: 16px;color: #000000;} @media only screen and (max-width:1500px) { .gy-txt p{font-size: 15px;} } @media only screen and (max-width:1300px) { .gy-txt p{font-size: 15px;} } @media only screen and (max-width:1024px) { .gy-txt p{font-size: 14px;} } .gy-title{width: 100%;height: auto;margin-bottom: 60px;overflow: hidden;} .gy-title h2{line-height: 1.2; display: inline-block; color: #000000;font-size: 48px;vertical-align: bottom;} .gy-title .ico{margin-left: 10px; width: 35px;height:auto;display: inline-block;vertical-align: bottom;} .gy-title .ico img{display: block;width: 100%;height: auto;transition:all 0.6s ease} @media only screen and (max-width:1500px) { .gy-title{margin-bottom: 50px;} .gy-title h2{font-size: 42px;} .gy-title .ico{width: 30px;} } @media only screen and (max-width:1400px) { .gy-title{margin-bottom: 25px;} } @media only screen and (max-width:1300px) { .gy-title{margin-bottom: 25px;} .gy-title h2{font-size:36px;} .gy-title .ico{width:25px;} } @media only screen and (max-width:1024px) { .gy-title{margin-bottom: 35px;} .gy-title h2{font-size:32px;} .gy-title .ico{width:20px;} } @media only screen and (max-width:720px) { .gy-title h2{font-size:28px;} .gy-title .ico{width:18px;} } #section1,#section2{background: #f5f5f5;} .company{width: 100%;height:auto;padding-top: 75px;} .company .company-c{height: auto;overflow: hidden;} .company .company-l{width:52%;padding-right: 8%;height: auto;float: left;} .company .company-l .gy-title{margin-bottom: 30px;} .company .company-l .ftit{ font-size:24px; margin-bottom: 20px;} .company .company-l .gy-txt{width: 100%;height: auto;margin-bottom: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;word-break: break-all;} .company .company-l .gy-txt p{color: #000000; line-height: 2;} .company .company-l .view-more{text-align: left; width:140px;display: block;line-height: 50px;position: relative;z-index:0;} .company .company-l .view-more:before{content: "";position: absolute;left: 0;bottom: 0;width: 40%;height: 2px;background: #D71920;z-index: 1;} .company .company-l .view-more:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #000000;z-index: 0;} .company .company-l .view-more span{display: inline-block;width:110px;padding-right: 30px; background:url(../images/a004.png)no-repeat;background-size: 30px 15px;background-position: right center;color: #D71920;font-size: 16px;} .company-refine{width: 100%;height: auto;margin-top: 6%;} .company-refine .num{width: 100%;height: auto;overflow: hidden;} .company-refine .num li{width:27.3%;float: left;vertical-align: top; margin-bottom: 60px;margin-right: 5%;} .company-refine .num li:nth-child(2){width: 50%;} .company-refine .num li h2{font-size: 18px;color: #D71920;font-family: "arial";} .company-refine .num li h2 span{font-size: 58px;font-weight: bold;} .company-refine .num li h6{width: 100%;height: auto;font-size: 16px;color: #000;font-weight: normal;} .company .company-pic{width: 40%;height: auto;float: left;} .company .company-pic img{display: block;width: 100%;height: auto;} @media only screen and (max-width:1500px) { .company-refine .num li h2{font-size: 16px;} .company-refine .num li h2 span{font-size: 50px;} .company-refine .num li{margin-bottom: 45px;} .company-refine .num li h6{font-size: 15px;} .company .company-l .gy-txt{margin-bottom: 45px;} } @media only screen and (max-width:1400px) { .company .company-l .gy-txt { margin-bottom: 10px; } .company-refine{margin-top: 10px;} .company-refine .num li { margin-bottom: 10px; } } @media only screen and (max-width:1300px ) { .company .company-pic{width: 45%;} .company .company-l{width: 50%;padding-right: 5%;} .company-refine .num li h2{font-size: 15px;} .company-refine .num li h2 span{font-size:45px;} .company-refine .num li{margin-bottom: 35px;} } @media only screen and (max-width:1024px) { .company{padding-top: 60px;} .company .company-l{width: 100%;padding: 0; height: auto;} .company-refine{margin-top: 60px;} .company-refine .num li h2{font-size: 14px;} .company-refine .num li h2 span{font-size:40px;} .company .company-pic{display: none;} .company .company-l .view-more{text-align: left; width:120px;display: block;line-height: 45px;} .company .company-l .view-more span{display: inline-block;width:90px;padding-right: 30px; background:url(../images/a004.png)no-repeat;background-size: 30px 15px;background-position: right center;color: #D71920;font-size: 16px;} } @media only screen and (max-width:767px) { .company{padding-top: 40px;} .company-refine .num li h2{font-size: 14px;} .company-refine .num li h2 span{font-size:36px;} } #section3{position: relative; background-size: cover;background-repeat: no-repeat;background-position: center;z-index: 0; background: none!important;} #section3 .adv-content-bk{ display: none; position: absolute;width:100%;height: 100%;background: rgba(215,25,32,0.9);top: 0;left: 0;z-index: -1;} #section3 .adv-content-bk-top{width: 65%;height:50%;top: 0;left: 0;position: absolute;background: #EEEEEE;} #section3 .adv-content-bk-left{width:35%;height:50%;top: auto;bottom: 0; left: 0;position: absolute;background: #EEEEEE;} .advantage{width: 100%;height: auto;padding-top: 75px;} .advantage .advantage-js{width: 100%;height: auto;} .advantage .advantage-js .swiper-slide{ float: left; width:25%;} .advantage .advantage-js .swiper-slide.other{width:20%;} .advantage .advantage-js .swiper-slide.on{ width:40%;} .advantage .advantage-js .adv-box{cursor:pointer; width: 100%;height: 600px;text-align: center; background-size: cover;background-repeat: no-repeat;background-position: center;} .advantage .advantage-js .adv-box .adv-bk{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:rgba(1,8,28,0.6);} .advantage .advantage-js .adv-box .adv-bk .con{width: 80%; padding: 20px 20px; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} .advantage .advantage-js .adv-box .adv-bk .con .adv-ico{width: 60px;margin: 0 auto;height: auto;} .advantage .advantage-js .adv-box .adv-bk .con .adv-ico img{display: block;width: 100%;height: auto;} .advantage .advantage-js .adv-box .adv-bk .con h6{color: #FFFFFF;font-size: 24px;margin-top: 15px;font-weight: normal;margin-top: 20px;} .advantage .advantage-js .adv-box .adv-bk .con .adv-txt{display: none; max-height: 480px;overflow-x: hidden; overflow-y:hidden; width: 100%;height: auto;margin-top: 35px;} .advantage .advantage-js .adv-box .adv-bk .con .adv-txt p{color: #FFFFFF;text-align: left;} .advantage .advantage-js .adv-box .adv-bk .con .adv-txt::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/ width: 5px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 10px; } .advantage .advantage-js .adv-box .adv-bk .con .adv-txt::-webkit-scrollbar-thumb {/*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.6); background: rgba(255,255,255,0.6); } .advantage .advantage-js .adv-box .adv-bk .con .adv-txt::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2); border-radius: 0; background: rgba(255,255,255,0.6);} .advantage .advantage-js .swiper-button-next{ display: none; background-image: url(../images/a003.png); right: 10px; left: auto; } .advantage .advantage-js .swiper-button-prev{ display: none; background-image: url(../images/a002.png); left: 10px; right: auto; } .advantage .advantage-js .swiper-button-prev.swiper-button-disabled, .advantage .advantage-js .swiper-button-next.swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none; } .advantage .advantage-js .swiper-button-prev,.advantage .advantage-js .swiper-button-next { position: absolute; top: 50%; width: 40px; height: 25px; margin-top: -12.5px; z-index: 10; cursor: pointer; z-index: 9999; background-size: 40px 25px; background-position: center; background-repeat: no-repeat; } @media only screen and (max-width:1500px) { .advantage .advantage-js .adv-box .adv-bk .con h6{font-size: 20px;} .advantage .advantage-js .adv-box{height: 560px;} } @media only screen and (max-width:1400px) { .advantage .advantage-js .adv-box{height: 450px;} } @media only screen and (max-width:1300px) { .advantage .advantage-js .adv-box .adv-bk .con .adv-ico{width: 50px;} .advantage .advantage-js .adv-box .adv-bk .con h6{font-size: 18px;margin-top: 10px;} .advantage .advantage-js .adv-box{height: 450px;} } @media only screen and (max-width:1024px) { .advantage .advantage-js .adv-box .adv-bk .con .adv-ico{width: 45px;} .advantage{padding-top: 60px;} .advantage .advantage-js .swiper-button-prev,.advantage .advantage-js .swiper-button-next { position: absolute; top: 50%; width: 32px; height: 20px; margin-top: -10px; background-size: 32px 20px; } .advantage .advantage-js .swiper-button-prev,.advantage .advantage-js .swiper-button-next{ display: block;} } #section4,#section5{background: #F5F5F5;} .field{width: 100%;height:auto;background: #F5F5F5;text-align: center;padding-top: 75px;} .field .gy-title{display: inline-block;width: auto;overflow: hidden;} .field .field-list{width: 100%;height: auto;overflow: hidden;} .field .field-list li{width: calc(33.3% - 10px);float: left; margin-right: 15px;margin-bottom: 15px;height: auto;} .field .field-list li:nth-child(3n){margin-right: 0;} .field .field-list li .field-pic{width: 100%;height: 280px;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;} .field .field-list li .field-pic .bk{ width: 100%;height: 100%;background: rgb(0,0,0,0.2);position: absolute;left: 0;top: 0;} .field .field-list li .field-pic .bk .con{width:94%;height:auto;text-align: center;padding:0 3%;position: absolute;top: 50%; left: 50%;transform: translateY(-50%)translateX(-50%);-ms-transform: translate(-50%,-50%);} .field .field-list li .field-pic .bk .con .field-ico{width: 60px;height: auto;margin: 0 auto;} .field .field-list li .field-pic .bk .con .field-ico img{display: block;width: 100%;height: auto;} .field .field-list li .field-pic .bk .con h6{font-weight: normal; color: #FFFFFF;font-size: 24px;margin-top: 20px;} .field .field-list li .field-pic .bk .con .mores{display: block;width: 40px;height: 25px;margin: 0 auto;margin-top: 10px;} .field .field-list li .field-pic .bk .con .mores img{display: block;width: 0%;height: 25px;} @media only screen and (max-width: 1500px) { .field .field-list li .field-pic .bk .con h6{font-size: 20px;margin-top: 15px;} } @media only screen and (max-width: 1400px) { .field .field-list li .field-pic{height: 220px;} } @media only screen and (max-width: 1300px) { .field .field-list li .field-pic .bk .con .field-ico{width: 50px;} .field .field-list li{width: calc(33.3% - 6px);margin-right: 9px;margin-bottom: 9px;} .field .field-list li:nth-child(3n){margin-right: 0;} .field .field-list li .field-pic .bk .con h6{font-size: 18px;} .field .field-list li .field-pic{height: 220px;} .field .field-list li .field-pic .bk .con .mores{width: 32px;height: 20px;} } @media only screen and (max-width:1024px) { .field{padding-top: 60px;} .field .field-list li .field-pic .bk .con .field-ico{width: 40px;} .field .field-list li{width: calc((100% - 10px) / 2);margin-right: 10px;margin-bottom:10px;} .field .field-list li:nth-child(3n){margin-right: 10px;} .field .field-list li:nth-child(2n){margin-right: 0px;} .field .field-list li .field-pic .bk .con h6{font-size: 18px;} .field .field-list li .field-pic{height: 260px;} .field .field-list li .field-pic .bk .con .mores{width: 32px;height: 20px;} } @media only screen and (max-width:720px) { .field .field-list li .field-pic{height: 200px;} .field .field-list li .field-pic .bk .con .mores{width:24px;height: 15px;} } #section5{background: #EEEEEE;} .video-box{width: 100%;background: #eeeeee;position: relative;height:calc(80% - 75px);} .video-container{ cursor: pointer; height:100%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%)translateX(-50%);-ms-transform: translateY(-50%)translateX(-50%); overflow: hidden; } .yourDiv{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 66; display: flex; justify-content: center; align-items: center; background-position: center; background-repeat: no-repeat; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; } .yourdiv .video-bk{z-index: 65; position: absolute; width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,0.5);} .yourdiv .v-con{position: absolute;top: 50%;left: 50%;height: auto;transform: translateX(-50%)translateY(-50%);-ms-transform: translateY(-50%)translateX(-50%);z-index: 66;} .yourdiv .gy-title h2{text-align: center;color: #FFFFFF;} .yourdiv img{display: block;width: 80px;height: auto;margin: 0 auto;margin-top: 35px;} .video1{ width: 100%; height: 100%; object-fit: cover; z-index: 1; } video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } @media only screen and (max-width:1300px) { .yourdiv img{width: 70px;} } @media only screen and (max-width:1024px ) { .yourdiv img{width: 60px;} .video-container{position: static;transform:translate(0,0); height: 400px;} } @media only screen and (max-width:720px ) { .yourdiv img{width:50px;} .video-container{height: 300px;} } @media only screen and (max-width:414px ) { .video-container{height: 240px;} } .section.footerss .fp-tableCell{ display: block!important;} .footer{width: 100%;height: auto;background: #282828;padding: 0;} .footer .foot-top{width: 100%;height: auto;padding-bottom: 55px;overflow: hidden;padding-top: 65px;} .footer .foot-top ul{width: 100%;height: auto;overflow: hidden;} .footer .foot-top ul li{width:11%;padding-left: 1.7%; float: left;} .footer .foot-top ul li:nth-child(1){padding-left: 0;} .footer .foot-top ul li h6{color: #FFFFFF;font-size: 18px;font-weight: normal;} .footer .foot-top ul li h6 a{color: #FFFFFF;} .footer .foot-top ul li .con{width: 100%;height: auto;margin-top: 20px;} .footer .foot-top ul li .con a{color:#999;font-size: 16px;display: block;margin-bottom:6px;} .footer .foot-top .share{margin-bottom: 20px; width: 100%;height: auto;font-size: 0;text-align: right;} .footer .foot-top .share a{display: inline-block;width: 30px;height: auto;margin-left: 2%;} .footer .foot-top .share a img{display: block;width: 100%;height: auto;} .footer .foot-top .links{position: relative;font-size: 16px; float: right;color: #FFFFFF; width: 140px;line-height: 45px;background: #D71920;} .footer .foot-top .links span{color: #FFFFFF;cursor: pointer; position: relative; display: inline-block; padding-right: 20px;width: calc(100% - 20px);text-align: center;} .footer .foot-top .links span:before{content: "";position: absolute;right: 5px;top: 50%;margin-top:-10px; transform:rotate(180deg);-ms-transform:rotate(180deg); width: 20px;height: 20px;background:url(../images/a021.png)center no-repeat;background-size: cover;} .footer .foot-top .links .links-show{display:none;border-radius: 2px; position: absolute;width: 100%; bottom:100%;height: auto;max-height: 184px;overflow-y:scroll; background: #FFFFFF;} .footer .foot-top .links .links-show a{line-height: 35px; display: block;border-bottom: 1px dashed #DCDCDC; width: auto;text-align: center;} .footer .foot-top .links .links-show a:last-child{border-bottom: none;} .footer .foot-tit{padding: 20px 0 40px 0; width: 100%;height: auto;border-top: 1px solid #666;color: #999;} .footer .foot-tit a{color: #999999;display: inline-block;font-size: 16px;} .footer .foot-tit .tit-c{margin-bottom: 10px; width: 100%;height:auto;overflow: hidden;font-size: 16px;} .footer .foot-tit .tit-cl{float: left;width: 60%;font-size: 0;} .footer .foot-tit .tit-cl a{margin-right: 3%;} .footer .foot-tit .tit-cr{text-align: right; float: right;width: 40%;} .footer .foot-tit .tit-cr a{margin-left: 3%;} @media only screen and (max-width:1500px) { .footer .foot-top ul li h6{font-size: 16px;} } @media only screen and (max-width: 1300px) { .footer .foot-top ul li h6{font-size: 15px;} .footer .foot-top ul li .con a{font-size: 15px;} .footer .foot-top .share a{width: 25px;} .footer .foot-top .links{font-size: 15px;line-height: 40px;} .footer .foot-top .links span:before{width: 15px;height: 15px;} .footer .foot-tit a{font-size: 15px;} .footer .foot-tit .tit-c{font-size: 15px;} } @media only screen and (max-width:1024px) { .footerss{padding-top: 60px;height: 100%;} .section.footerss .fp-tableCell{ padding-top: 45px; display: table-cell !important;} .footer .foot-top{padding-bottom: 30px;} .footer{height: auto;} .footer .foot-top ul{width: 100%;height: auto;margin-bottom: 30px;} .footer .foot-top ul li{width: 100%;height: auto;margin-bottom: 15px; padding-left: 0;} .footer .foot-top ul li .con{margin-top: 10px;} .footer .foot-top ul li .con a{display: inline-block; width: auto;margin-right: 2%;} .footer .foot-top ul li h6{font-size: 14px;} .footer .foot-top ul li .con a{font-size: 14px;} .footer .foot-top .share{text-align:left;} .footer .foot-top .links{float: left;} .footer .foot-tit{padding-bottom: 30px;} .footer .foot-tit .tit-cl{width: 100%;float: none;} .footer .foot-tit .tit-cr{width: 100%;float: none;text-align: left;} .footer .foot-tit .tit-cr a{margin-right: 3%;margin-left: 0;} .footer .foot-tit a{font-size: 14px;} .footer .foot-tit .tit-c{font-size: 14px;} } @media only screen and (min-width:1025px) { .header .menu-r .search .search-box,.header .menu-r .language .language-box, .banner .banner-js .swiper-button-prev, .banner .banner-js .swiper-button-next, .company .company-l .view-more:before,.company .company-l .view-more span,#menu li, .advantage .advantage-js .swiper-button-prev,.advantage .advantage-js .swiper-button-next{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} /*#menu li a{transition: 0s all;-webkit-transition: 0s all;-moz-transition: 0s all;-o-transition: 0s all;-ms-transition: 0s all;}*/ .company .company-l .view-more:hover:before{width:100%;} .company .company-l .view-more:hover span{ background: url(../images/a004s.png) right center no-repeat;} #menu li:hover a:before{content: "";background: #D71920;} #menu li:hover a:after{content: "";background:rgb(215,25,32,0.2);width:20px;height: 20px;position: absolute;left: 50%;transform: translateX(-50%); top: 0;border-radius: 100%;} #menu li:hover a{font-size: 15px;color: #000000;} .advantage .advantage-js .swiper-button-prev:hover{background-image: url(../images/a002s.png);} .advantage .advantage-js .swiper-button-next:hover{background-image: url(../images/a003s.png);} .advantage .advantage-js .adv-box:hover .adv-bk{background: #666;transition: all 0.5s ease;} .advantage .advantage-js .adv-box:hover .adv-bk .con .adv-txt{display: inherit;} .advantage .advantage-js .adv-box:hover .adv-bk .con .adv-ico{display: none;} .gy-sidebar-right li:hover .li-box{display: inherit;transition: all 0.5s ease;} .header nav ul li:hover > a{background:#D71920;} .header nav ul li:hover > a{color: #FFFFFF;} .header .menu-r .search:hover .search-box{display: inherit;} .header .menu-r .language .language-box a:hover{color: #FFFFFF;opacity: 0.8;} .header .menu-r .language:hover .language-box{display: inherit;} .header nav ul li .category .category-l li:hover > a{background: #D71920;} .header nav ul li .category .category-l li:hover a{color: #FFFFFF;} .header nav ul li:hover .category{height: auto;padding:0px 10px;} .fp-viewing-page2 .header nav ul li:hover > a , .fp-viewing-page3 .header nav ul li:hover > a, .fp-viewing-page4 .header nav ul li:hover > a, .fp-viewing-page5 .header nav ul li:hover > a, .fp-viewing-footerl .header nav ul li:hover > a{background:#D71920;} .fp-viewing-page2 .header nav ul li:hover > a, .fp-viewing-page3 .header nav ul li:hover > a, .fp-viewing-page4 .header nav ul li:hover > a, .fp-viewing-page5 .header nav ul li:hover > a, .fp-viewing-footerl .header nav ul li:hover > a{color: #FFFFFF;} .gy-title .ico:hover img{transform: rotateY(360deg);} .field .field-list li:hover .field-pic .bk {background: rgba(215,25,32,0.5);transition: all 0.5s ease;} .field .field-list li:hover .field-pic .bk .con .mores img{width: 100%;transition: all 0.5s ease;} .footer .foot-top ul li .con a:hover{color: #FFFFFF;} .footer .foot-top .links .links-show a:hover{color: #D71920;} .footer .foot-tit .tit-cr a:hover{color: #FFFFFF;} } @media only screen and (max-width:767px) { .main{padding-top: 60px;} .banner .banner-js .banner-foucs{bottom:0;} /*.gy-sidebar-right{ display: none;}*/ .advantage .advantage-js .adv-box .adv-bk .con .adv-txt{ display: block;} .field .field-list li .field-pic .bk .con .mores img{display: block; width:30px; height: 15px;} .company-refine .num li{width:28.3%;} .gy-title h2{font-size: 20px;} .company .company-l .ftit{font-size: 16px;} } @media only screen and (max-width:359px) { .company-refine .num li{width:46%; margin:0 1% 2%;} } .weixin{ position:fixed; width:300px; z-index:100000; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); left:50%; top:50%;} .weixin .c{ position:absolute; width:40px; height:40px; background:url(../images/x.png) center center no-repeat; overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;} .weixin h2{ position:relative; line-height:40px; font-size:16px; padding-left:20px; font-weight:normal;} .weixin .img{ padding:10px 20px;text-align:center; border-top:1px solid #ddd;} .weixin .img img{width:200px; height: 200px;} .weixin p {margin:0 0 30px; text-align:center;} @media only screen and (max-width:767px){ .weixin{width:50%;} .weixin .img{padding:10px;} .weixin .img img{width:100%; height:auto;} .weixin p{margin:0 0 15px;} }