/* @font-face { font-family: harmb; src:url(../fonts/Bold.woff); } @font-face { font-family: harml; src:url(../fonts/Light.woff); } @font-face { font-family: harmm; src:url(../fonts/Medium.woff); } @font-face { font-family: harmr; src:url(../fonts/Regular.woff); } body{font-family:"harmm";} */ html{font-size:100px;} @media (max-width:1400px){ html{font-size:6.25vw} } @media (max-width:1024px){ html{font-size:9.765625vw} } @media (max-width:480px){ html{font-size:14vw} } body{font-size: 0.16rem;} @media (max-width:768px){ body{font-size:0.24rem;} } .w_96{width: 94%; max-width: 1600px;} @media (max-width:1024px){ .w_96{width: 90%;} } .w_86{width: 90%; max-width: 1400px;} @media (max-width:1024px){ .w_86{width: 90%;} } /*.Other002373*/ .Other002373{ background: #fff;} .Other002373 #fullPage{ height: 100%; position: relative;transform: translate3d(0px, 0px, 0px);transition: all 700ms ease;} #fp-nav ul li+li { position: relative; margin-top: 30px; } #fp-nav ul li:last-child { display: none; } #fp-nav ul li a { display: block; width:24px; height:24px; position: relative; margin: 0 auto; } #fp-nav ul li a span { display: block; width: 6px; height: 6px; position: absolute; background: #fff; border-radius: 50%; left: 50%; top: 50%; margin-left: -3px; margin-top: -3px; } #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, #fp-nav ul li:hover a span { background: url(../images/Other002373-on.png) no-repeat center; border-radius: 0; margin: 0 auto; width:24px; height:24px; margin-left: -12px; margin-top: -12px; background-size: contain; } #fp-nav[type='black'] ul li a span { background:rgba(0, 87, 55, 0.5); } #fp-nav[type='black'] ul li a.active span, #fp-nav[type='black'] ul li:hover a.active span, #fp-nav[type='black'] ul li:hover a span{background: url(../images/Other002373-blue.png) no-repeat center; background-size: contain;} .Other002373 .section{background-size: cover!important} .Other002373 .section .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-position: center; background-repeat: no-repeat; background-size: cover;} .Other002373 .section .conts{ position: relative; z-index: 6; padding: 0 5%;} .Other002373 .news{background:url(../images/newsbg.jpg) no-repeat center;} /* 头部 */ .Header_hover, .Header_fixed{background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-bottom: none;} header{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;height: 0.76rem;display: flex;align-items: center;justify-content: flex-end;transition: all 0.3s;border-bottom: 1px solid rgba(255, 255, 255, 0.1);} header .flex{display: flex;justify-content: space-between;align-items: center;} header .pad60{transition: 5.8s ease;margin: 0px auto;position: relative;display: flex;justify-content: flex-end;} header .logo{position: absolute;left: 0;top: 50%;transition: all 0.3s;transform: translateY(-50%);} header .logo img{height: .5rem;} .Header .logo img.on, .Header_hover .logo img, .Header_fixed .logo img{ display:none;} .Header_hover .logo .on, .Header_fixed .logo .on{ display:block !important;} header .right-box{display: flex;align-items: center;} header .right-box .wz{position: relative;padding-right: 0.59rem;} header .right-box .wz:After{position: absolute;right: 0.31rem;top: 50%;transform: translateY(-50%);width: 1px;height: 0.18rem;background:rgba(255,255,255,0.3);content: "";} header .right-box nav{margin-right: 0.2rem;transition: all 0.1s;} header .right-box nav ul{display: flex;align-items: center} header .right-box nav li{padding-right: .8rem; position: relative;} header .right-box nav li span {position: relative;display: block;line-height: 0.76rem;} header .right-box nav li span .arr{position: absolute;right: -15px;top: 0;height: 100%;display: none;} header .right-box nav li span .arr:after{position: absolute;right: 0;border: 5px solid;border-left-color: #fff;border-right-color: transparent;border-top-color: transparent;border-bottom-color: transparent;transform: rotate(90deg);top: 49%;content: "";} .Header_hover .right-box nav li span .arr:after, .Header_fixed .right-box nav li span .arr:after{border-left-color: #333;} header .right-box nav li .sub-menu{display: none;} header .right-box li.onli .sub-menu{display: block !important;} header .right-box nav li .sub-menu{width: 260px; overflow: hidden; position: absolute;left: 0;top: 100%;} header .right-box nav li .sub-menu dl{padding: 0;background: rgba(0, 0, 0, 0.75);} header .right-box nav li .sub-menu dl dd{padding: 0 17px; position: relative;} header .right-box nav li .sub-menu dl dd::before{position: absolute;content: '';width: 0;height: calc(14 / 16* 1em);background: #005738;left: 0;top: 50%;margin-top: calc(-7 / 16* 1em);transition: 0.3s;} header .right-box nav li .sub-menu dl dd:hover::before{ width: calc(8 / 16* 1em);} header .right-box nav li .sub-menu dl dd a{line-height: calc(45 / 16* 1em);color: #fff;} header .right-box nav li .sub-menu dl dd:not(:last-child){border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 0 17px;} header .right-box nav li span a{font-size: .18rem;color: #fff;display: block;} .Header_hover .right-box nav li span a, .Header_fixed .right-box nav li span a{color: #333;} header .right-box nav li.aon span a, header .right-box nav li span a:hover{color: #005738;} header .right-box nav li a:hover{color: #005738;} .Header_hover .right-box nav li a:hover, .Header_fixed .right-box nav li a:hover{color: #005738;} header .right-box nav li span:before {content: "";position: absolute;left:0;bottom: 0;display: none; width: 100%; height: 2px; background: #005738;} header .right-box nav li.noarr span .arr {display: none !important;} header .right-box nav li.noarr span:before {display: none !important;} header .right-box nav li.aon span:before, header .right-box nav li.onli span:before {display: block;} header .right-box .NavPull{position:absolute;left:65%;top: 0.76rem;width: 8.5rem;z-index: 10;background: rgba(0,0,0,0.8);display:none;transform: translateX(-50%);} header .right-box .NavPull .inner{display: flex;} header .right-box .NavPull:after{position:absolute;right: 0;top: 0;width:75%;height: 100%;background: rgba(21,21,21,0.7);content: "";z-index: 0;} header .right-box .NavPull .Navtab{width:25%;padding:0.45rem 0 0.45rem 0.45rem;transition:all 1s 0.3s;opacity: 0;position: relative;left: -50px;min-height: 4.5rem; border-right: 1px solid rgba(255, 255, 255, .2);} header .right-box .NavPull .Navtab dl{display: inline-block;vertical-align: top;position: relative;margin:-0.15rem 0;padding: 0;background: none} header .right-box .NavPull .Navtab .dd {padding-right: 25px;} header .right-box .NavPull .Navtab dd a{display: inline-block;position: relative;} header .right-box .NavPull .Navtab dd a i{position: absolute;right: -15px;border: 4px solid;border-left-color: #fff;border-right-color: transparent;border-top-color: transparent;border-bottom-color: transparent;top: 50%;transform: translateY(-50%);} header .right-box .NavPull .Navtab dd a:after{content: "";left: 0;bottom: 0;width: 0;height: 1px;position: absolute;background: #005738;transition: all 0.3s;} header .right-box .NavPull .Navtab dd:hover a:after{width: 100%;} header .right-box .NavPull .Navtab dd .sub{position: absolute;width: 300px;left: 188px;z-index: 10;top: 0.15rem;visibility: hidden;z-index: -1;opacity: 0;transition: all 0.3s;display: flex;flex-wrap: wrap;} header .right-box .NavPull .Navtab dd .sub dd{width: 50%;} header .right-box .NavPull .Navtab dd .sub a:after{width: 0%;} header .right-box .NavPull .Navtab dd .sub dd:hover a:after{width: 100%;} header .right-box .NavPull .sub a{letter-spacing: 0;line-height: 0.5rem;} header .right-box .NavPull .Navtab dd:hover .sub{left: 140px;opacity: 1;visibility: visible;z-index: 10;} header .right-box .NavPull a{color: #fff;line-height: 0.48rem;letter-spacing: 0.08em; font-size: 0.18rem;} header .right-box .NavPull .Imgtab{width:75%;padding:0.4rem 0.6rem 0.4rem;/*position: absolute;*/z-index: 1;transition:all 1s 0.5s;right:0;height:100%;display:flex;opacity: 0;align-items: center;justify-content: center; color: #fff;background: none} header .right-box .NavPull .Imgtab dd{display: none;} header .right-box .NavPull .Imgtab .title{font-size: .22rem; font-weight: normal;} header .right-box .NavPull .Imgtab .img{padding-bottom: 32%;position: relative;overflow: hidden} header .right-box .NavPull .Imgtab .img aside{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} header .right-box .NavPull .Imgtab .img aside img{width: 100%;height: 100%;object-fit: cover;} header .right-box .NavPull .Imgtab .info{font-size: .15rem; line-height: 2; margin: 10px 0 20px 0;font-family: "harmr";} header .right-box .NavPull .Imgtab .erji p{width: 32%; display: inline-block; font-size: .16rem; margin: 15px 0 0 0;font-family: "harmr";} header .right-box .NavPull .Imgtab .erji p a{ margin: 0; padding: 0; line-height: 1; letter-spacing:0; font-size: .16rem;} header .right-box nav li.onli .NavPull .Navtab{left:0;opacity: 1;} header .right-box nav li.onli .NavPull .Imgtab{right:0;opacity: 1;} /* header .right-box nav li:nth-child(3) .NavPull .inner, header .right-box nav li:nth-child(4) .NavPull .inner{flex-direction: row-reverse;} header .right-box nav li:nth-child(3) .NavPull .Imgtab, header .right-box nav li:nth-child(4) .NavPull .Imgtab{left: 0;right: auto;} header .right-box nav li:nth-child(3) .NavPull:after, header .right-box nav li:nth-child(4) .NavPull:after{right: auto;left: 0;} */ header .right-box .search{margin: 0 .35rem;} header .right-box .search .search-btn{width: 18px;height: 18px;background-image: url('../images/search.png');background-size: 100%;cursor:pointer;} header .right-box .search .box{padding-top: 10px;position: absolute;top: 130%;right: 3.5%;transition: all 0.3s;width:5rem;background: rgba(0,0,0,0.7);padding:20px;visibility: hidden;opacity: 0;z-index: -1;} header .right-box .search .casket{display: flex;width: 100%;padding: .1rem 0;background-color: rgba(255, 255, 255, .5);box-sizing: border-box;position: relative;} header .right-box .search .casket input::-webkit-input-placeholder{color:#fff;} header .right-box .search .box .text{width: 100%;padding: 0 30px 0 0.15rem;box-sizing: border-box;color: #fff;} header .right-box .search .box .btn{width: 20px;height: 20px;background-image: url('../images/search.png');background-size: .18rem;background-repeat: no-repeat;background-position: center;cursor:pointer;position: absolute;right: 8px;top: 8px;} header .right-box .search.on .search-btn{background-image: url('../images/close.svg');background-position:center center;background-size: 136%;width: 20px;height: 20px;} header .right-box .search.on .box {opacity: 1;visibility: visible;z-index: 3;top: 100%;} header .right-box .language{position: relative;cursor:pointer;} header .right-box .language .name{padding: 0 .2rem 0 .3rem;color: #fff;} .Header_hover .right-box .language .name, .Header_fixed .right-box .language .name{color: #666;} header .right-box .language .name:before{display: block;content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: .2rem;height: .2rem;background-image: url('../images/language.png');background-size: 100%;} .Header_hover .right-box .language .name:before, .Header_fixed .right-box .language .name:before{background-image: url('../images/language-on.png');background-size: 100%;} header .right-box .language .name:after{display: block;content: '';position: absolute;top: 0;right: 0;bottom: 4px;margin: auto 0;width: 6px;height: 6px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg)} .Header_hover .right-box .language .name:after, .Header_fixed .right-box .language .name:after{border-right: 2px solid #666;border-bottom: 2px solid #666;} header .right-box .language ul{position: absolute;left: -5%;top: 130%;width: 110%;padding: .1rem 0;z-index: 3;transition: all 0.3s;opacity: 0;z-index: -1;visibility: hidden;border-radius: 0;} header .right-box .language ul li a{display: block;padding: .1rem;background-color:#fff;color: #333;font-size: .16rem;text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} header .right-box .language ul li a:hover{color: #333;background: #005738;border-radius: 5px; color: #fff;} header .right-box .language:hover ul{top: 100%;visibility: visible;opacity: 1;z-index: 10;} header .right-box nav li em{font-style: normal;} /* header.bg{background: rgba(0,0,0,0.8);} */ @media(min-width:2300px){ header .right-box .NavPull{position:absolute;right: 0;top: 0.72rem;width: 13rem;z-index: 10;background: rgba(0,0,0,0.7);display:none;} header .right-box nav li{position: relative;} } @media(max-width:1366px){ header .right-box .NavPull .Navtab{padding:0.85rem 0 0.45rem 0.45rem;} } @media(max-width:1024px){ header{height: 0.9rem;} header .logo{left: 0.6rem;transform: translate(0,-50%);} header .right-box nav{position: fixed;left: -100%;top:.9rem;width: 100%;height: calc(100% - 0.9rem);background: #fff;padding-top: 0.4rem;opacity: 0;z-index: 1;overflow: hidden} .menu-show header .right-box nav{left: 0;opacity: 1;} header .right-box nav.on{top: 0.9rem;z-index: 100;opacity: 1;visibility: visible;} header .right-box nav li span a{color:#333;} header .right-box nav ul{display: block;} header .right-box nav li span{line-height: 0.66rem;border-bottom: 1px solid #ddd;} header .right-box nav li span a{font-size: 16px;} header .right-box nav li span .arr{right: 0;width: 50%; } header .right-box nav li span .arr:after{border-left-color: #666;} header .right-box nav li{margin:0 0.5rem;padding-right: 0;} header .right-box .NavPull {position: relative;top: auto;width: 100%;left: auto;transform: translateX(0);} header .right-box .NavPull .Navtab{padding: 20px .3rem 10px;width: auto;min-height: auto;text-align: left !important;opacity: 1;left: 0;border-right: 0} header .right-box .NavPull .Imgtab{padding:0 .3rem 0.3rem;position: relative;opacity: 1;width: 100%;} header .right-box .NavPull:after{display: none;} header .right-box .NavPull a{line-height: 2;} header .right-box .NavPull .Navtab dd .sub{position: static;display: none;} header .right-box .NavPull .Navtab dd:hover .sub{display: block;} header .right-box nav li:nth-child(3) .NavPull .inner, header .right-box nav li:nth-child(4) .NavPull .inner {flex-direction: column;} header .right-box .NavPull .inner{display: block;margin: 0} header .right-box .NavPull .Navtab dd .sub{width: auto;margin: 15px;} header .right-box .NavPull .Navtab dd a{display: block;font-size: 14px} header .right-box .NavPull .Navtab dd a i{right: 0;} header .right-box .NavPull .Navtab .dd{padding-right: 0;} header .right-box .NavPull .Navtab dl{display: block;} header .right-box .NavPull .Imgtab .info, header .right-box .NavPull .Imgtab .erji p{font-size: 12px} header .right-box nav li em{font-style: normal;display: block;position: relative;} header .right-box nav li em:after{position:absolute;right: 0;top: 0;height: 100%;content: "";width: 100px;} } @media(max-width:1024px){ body{font-size:14px;} header .logo{left: 0;} header .pad60{padding:0;} header .right-box .language .name{padding-left: 25px;} header .right-box .language .name:before{width: 18px;height: 18px;} header .right-box nav li .sub-menu{width: 100%;position: relative;left: 0;top: auto;} } /* 按钮 */ .rightMenuBtn {position: relative;display: none;width:25px; height:25px; background-color: transparent; z-index:350;cursor:pointer;border: 0} .rightMenuBtn span { display:block; height:2px; background-color:#fff; position:absolute; top:12px; transition:0.5s; } .rightMenuBtn img { display:block; position:absolute; bottom:5px; left: 5px; transition:0.5s; width:30px; height:auto; } .Header_fixed .rightMenuBtn span, .rightMenuBtn.on span{background-color:#005738;} .Header_fixed .rightMenuBtn span:before, .rightMenuBtn.on span:before, .Header_fixed .rightMenuBtn span:after, .rightMenuBtn.on span:after{background-color:#005738;} .rightMenuBtn .openMenu { width:14px; left:0px;} .rightMenuBtn .closeMenu { left:25px; width:0; } .rightMenuBtn span:before, .rightMenuBtn span:after { content:""; display:block; width:25px; height:2px; background-color:#fff; position:absolute; transition:0.4s; } .rightMenuBtn span:before{width: 20px;} .rightMenuBtn .openMenu:before { top:-7px; left:-0;} .rightMenuBtn .openMenu:after { top:7px; left:-0; } .rightMenuBtn.on span { width:0; } .rightMenuBtn.on .openMenu:before { top:0px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);width: 25px;} .rightMenuBtn.on .openMenu:after { top:0px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); } /*搜索*/ .Search{display: flex;max-width: 6.5rem;width: 100%;margin: 0 auto .6rem auto;border: 1px solid #bbcd1a;border-radius: 6px;overflow: hidden;} .Search .btn{width: 1rem;height: .58rem;background-image: url('../images/search.png');background-position: center;background-repeat: no-repeat;background-color: #bbcd1a;background-size: .23rem .24rem;cursor:pointer;} .Search .text{width: calc(100% - 1rem);padding: 0 .23rem;font-size: .16rem;background-color: #f9f9f9} @media(max-width:1024px){ .rightMenuBtn{display: block;margin-left: 20px} .has-multi aside .op-multi:before, .has-multi aside .op-multi:after, .has-sub span .op:before, .has-sub span .op:after{background:#005738;} } /*Top002262*/ .Top002262{position:fixed; z-index: 100; width: 100%; left: 0; top: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .Top002262_hover, .Top002262_fixed{background:#fff;box-shadow: 0 0 5px rgba(0,0,0,0.1); border-bottom: none; } .Top002262 .header-left{ float: left; width: 30%; display:table; height: calc(78 / 16 * 1em);max-width:calc(220 / 16 * 1em);} .Top002262 .logo{ display:table-cell; vertical-align:middle;} .Top002262 .logo img.on, .Top002262_hover .logo img, .Top002262_fixed .logo img{ display:none;} .Top002262_hover .logo .on, .Top002262_fixed .logo .on{ display:block !important;} .Top002262 .header-mids, .Top002262 .header-right{ float:right;} .Top002262 .header-right dd{ float:left;padding: calc(24 / 16 * 1em) 0;} .Top002262 .top-language{ position:relative; padding-right: 0vw !important; margin-right: 0vw;} .Top002262 .top-language::before{ position:absolute;right: 0; top: 50%; width: 1px; height: calc(30 / 16 * 1em); content: ''; background: rgba(0, 0, 0, 0.1); transform: translateY(-50%);display: none} .Top002262_hover .top-language::before, .Top002262_fixed .top-language::before{ background: rgba(0,0, 0, 0.1);} .Top002262 .top-language span{ display:block;background:url(../images/lang-white.svg) no-repeat left center;line-height:calc(30 / 16 * 1em); padding:0 calc(20 / 16 * 1em) 0 calc(34 / 16 * 1em); cursor:pointer; position: relative; z-index: 1; background-size: auto 70%; color: #fff;} .Top002262_hover .top-language span, .Top002262_fixed .top-language span{ background-image:url(../images/lang.svg); color: #666;} .Top002262 .top-language span:after{position: absolute; width: 6px; height: 6px; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);border-top: 1px solid #fff;border-right: 1px solid #fff; right: 0; top: 50%; margin-top: -4px;} .Top002262_hover .top-language span:after, .Top002262_fixed .top-language span:after{border-top-color:#666;border-right-color:#666;} .Top002262 .top-language figure{ position:absolute; top:100%; left:50%; background:#fff; width:calc(120 / 16 * 1em); line-height:calc(40 / 16 * 1em); display:none; margin-left:calc(-60 / 16 * 1em); box-shadow: 0 0 10px rgba(0,0,0,0.1);} .Top002262 .top-language a{ display:block; text-align:center; color:#333;} .Top002262 .top-language a:hover{color:#fff; background:#005738; } .Top002262 .search{ position:relative; z-index:100;} .Top002262 .open-search{ background:url(../images/search-white.svg) no-repeat center center; width:calc(30 / 16 * 1em); height:calc(30 / 16 * 1em);display:block; background-size:auto 64%;} .Top002262_hover .open-search, .Top002262_fixed .open-search{ background-image:url(../images/search-white.svg);} .Top002262 .top-search{ position:absolute; top:125%; right:0; z-index:100; border:none; background:rgba(0,0,0,0.4); } .Top002262 .top-search .text{width:calc(254 / 16 * 1em);line-height:calc(46 / 16 * 1em);height:calc(46 / 16 * 1em); color:#fff; padding:0 calc(46 / 16 * 1em) 0 calc(12 / 16 * 1em); background: none; font-size: 1em;} .Top002262 .top-search .btn{ position:absolute; right:0; top:0; height:calc(46 / 16 * 1em); width:calc(46 / 16 * 1em); background:url(../images/search-white.svg) no-repeat center;background-size:auto 40%; } .Top002262 .top-search .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -16px;right: 4px;} .search-show .Top002262 .top-search{display: block;} .Top002262 .open-search.on:before, .Top002262 .open-search.on:after{background:#fff;} .Top002262 .header-right .open-menu{ position: relative;} .Top002262 .header-mids li .sub{display: none;} .Top002262 .header-mids li span, .Top002262 .header-mids li a{display:block;} .top{width: 100%;position: relative;border-bottom: 1px solid rgba(0, 0, 0, 0.05);} .top .right dl{display: flex;align-items: center;justify-content: flex-end;font-size: 0.875em;} .top .left dl{display: flex;align-items: center;} .top dl a{color: #fff;padding: 0.4em 1em;display: block;line-height: 2;} .Top002262 .top{} .Top002262 .top:after{content:'';width:22%;height: 100%;background:#005738;position: absolute;right:-2%;top:0;transform: skewX(-25deg); z-index: -1;} @media(min-width:1025px){ .Top002262 .header-mids{margin-right:0vw;} .Top002262 .header-right dd:last-child{display: none;} .Top002262 .header-mids li{ margin-right:calc(90 / 1920 * 100vw);float: left; position: relative;} .Top002262 .header-mids li span{position:relative; } .Top002262 .header-mids li span a{ line-height:calc(78 / 18 * 1em); position:relative; color:#fff; font-size: calc(18 / 16 * 1em);} .Top002262_hover .header-mids li span a, .Top002262_fixed .header-mids li span a{color:#333; } .Top002262 .header-mids li span a::before{ position:absolute; content:''; left:50%; bottom:0; height:2px; width:0; transition:ease-in-out 0.3s; transform:translateX(-50%);} .Top002262 .header-mids li span a:hover::before, .Top002262 .header-mids li.aon span a::before{width:100%; background:#fff;} .Top002262_hover .header-mids li span a:hover::before, .Top002262_hover .header-mids li.aon span a::before, .Top002262_fixed .header-mids li span a:hover::before, .Top002262_fixed .header-mids li.aon span a::before{background:#005738;} .Top002262 .header-mids li span a:hover, .Top002262 .header-mids li.aon span a{color:#fff; } .Top002262_hover .header-mids li span a:hover, .Top002262_hover .header-mids li.aon span a, .Top002262_fixed .header-mids li span a:hover, .Top002262_fixed .header-mids li.aon span a{color:#005738; } .Top002262 .header-mids li .sub{ width:260px; overflow:hidden; position: absolute; left: 0; top:100%;} .Top002262 .header-mids li .sub dl{padding:0; background:rgba(0, 0, 0, 0.75);} .Top002262 .header-mids li .sub dl dt{ padding:0 17px; position:relative;} .Top002262 .header-mids li .sub dl dt:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.1); } .Top002262 .header-mids li .sub dl dt::before{ position:absolute; content:''; width:0; height:calc(14 / 16 * 1em); background:#005738; left:0; top:50%; margin-top:calc(-7 / 16 * 1em); transition:0.3s;} .Top002262 .header-mids li .sub dl dt:hover::before{ width:calc(8 / 16 * 1em);} .Top002262 .header-mids li .sub dl dt a{line-height:calc(30 / 16 * 1em); color:#fff; padding: calc(10 / 16 * 1em) 0;} .Top002262 .header-mids li .sub dl dt a:hover{ color:#005738;} } @media (max-width:1024px) { .Top002262 .open-menu i{margin-top: 0;background: #666;} .Top002262 .header-left{height: calc(60 / 16 * 1em);} .Top002262 .header-right dd{padding: calc(15 / 16 * 1em) 0;} .Top002262 .header-right dd:not(:first-child){padding-left: calc(25 / 16 * 1em);} .Top002262 .open-menu{margin:calc(10 / 16 * 1em) 0; margin-left:calc(25 / 16 * 1em) ;width:calc(40 / 16 * 1em) ;height:calc(40 / 16 * 1em) ; } .Top002262 .header-mids{position: fixed; right: -100%;opacity: 0; top:calc(60 / 16 * 1em) ;bottom: 0;overflow: auto; z-index: 99; width: 40%;box-shadow: 0 10px 10px rgba(0,0,0,0.1);transition: 0.5s; width: 45%; background:rgba(255,255,255,0.95);} .menu-show .Top002262 .header-mids{right:-1px;opacity: 1; } .Top002262 .open-menu:not(.on) i:nth-child(1){margin-top:calc(-10 / 16 * 1em);} .Top002262 .open-menu:not(.on) i:nth-child(3){margin-top:calc(10 / 16 * 1em);} .Top002262 .logo img { max-height: calc(40 / 16 * 1em);} .Top002262 .header-mids li{border-bottom: 1px solid #eaeaea;} .Top002262 .header-mids li span{line-height:calc(50 / 16 * 1em) ;padding:0 4em 0 2em;font-size:calc(16 / 16 * 1em) ;} .Top002262 .has-multi aside .op-multi:before, .Top002262 .has-multi aside .op-multi:after, .Top002262 .has-sub span .op:before, .Top002262 .has-sub span .op:after{ transform: translate(0,0); width: 7px;} .Top002262 .has-multi aside .op-multi:after, .Top002262 .has-sub span .op:after{height: 7px; width: 2px;} .Top002262 .has-multi aside .op-multi, .Top002262 .has-sub span .op{right: 2%;transform: rotate(135deg);} .Top002262 .has-sub span .op:before, .Top002262 .has-sub span .op:after{background-color: #005738;} .Top002262 .has-sub span .op.click{ transform: rotate(225deg);} } .Top002262 li .NavPull{width:80%;position: absolute;top:100%;left:50%;transform: translateX(-50%);text-align: center;background: rgba(0, 0, 0, 0.75);line-height: 0.5rem;display: none;} .Top002262 li .NavPull dd a{color:#fff;} .Top002262 li .NavPull dd:hover a{color:#FF7500;} .Top002262 ul li.Pronav{position: static;} .Top002262 li.Pronav .NavPull{position: absolute;width:100%;top:100%;left:0;background: rgba(0, 0, 0, 0.75);padding:0.4rem 1.8rem;display: none;transform: translateX(0);left:0;text-align: left;} .Top002262 li.Pronav .NavPull dl{width:100%;position: relative;display: flex;justify-content: space-between;} .Top002262 li.Pronav .NavPull dd{line-height: 1.5;width: 12.5%;border-left: 1px solid rgba(255,255,255,.1);padding-left: 1.5vw;} .Top002262 li.Pronav .NavPull dd:last-child{border-right: 1px solid rgba(255,255,255,.1);} .Top002262 li.Pronav .NavPull dd a{display: block;padding:0.1rem 0;padding-right:0.25rem;position: relative;font-size: 0.20rem;color:#fff;} .Top002262 li.Pronav .NavPull dd a i{display: block;width:0.2rem;height:100%;background-repeat: no-repeat;background-position: center;background-size: 0.12rem;position: absolute;right:0;top:0;background-image: url(../images/more.png);} .Top002262 li.Pronav .NavPull .ThreeNav{min-height:100%;} .Top002262 li.Pronav .NavPull .ThreeNav .menulist{width:3.2rem;} .Top002262 li.Pronav .NavPull .ThreeNav .menuimg{width:calc(100% - 3.6rem);position: absolute;right:0;top:0;text-align: center;} .Top002262 li.Pronav .NavPull .ThreeNav .menuimg img{max-height:2.5rem;} .Top002262 li.Pronav .NavPull .ThreeNav .menuimg .item{display: none;} .Top002262 li.Pronav .NavPull dd a:hover{color:#005738;} .Top002262 li.Pronav .NavPull dd a:hover i{background-image: url(../images/morec.png);} .Top002262 li:hover .NavPull{display: block;} .Top002262 li.Pronav .NavPull dd:hover .ThreeNav{display: block;} .Top002262 li.Pronav .NavPull .ThreeNav a{font-size: 1em;color:rgba(255,255,255,0.6);} /*Banner002826 */ .Banner002826{position: relative; z-index: 1;} /*方法4*/ /*.Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: -100%; top: -100%; min-height: 100%; min-width: 100%; opacity: 0; transition: 0.3s;} .Banner002826 li.video-show video{left: 50%;opacity: 1;top: 50%; transform: translate(-50%,-50%);} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;transition: 0.3s;} .Banner002826 li.video-show .open-video{opacity: 1;} @media(min-width:1025px){ .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826 li.slick-slide img.pc{display: none;} }*/ /*方法1，2，3*/ .Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide figure{height: 100vh} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: 0; top: 0; height: 100vh; width: 100%;object-fit: cover} .Banner002826 li.slick-slide video + a{visibility: hidden;} @media(min-width:1025px){ .Banner002826 li.slick-slide .wap{display: none;} } @media(max-width:1024px){ .Banner002826 li.slick-slide .pc{display: none;} .Banner002826 li.slick-slide video{height: 100%;background: #000} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;} .Banner002826 li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);} .Banner002826 li.video-show video{left: 50%; top: 50%; opacity: 1;} } /*方法5 添加播放按钮+弹窗*/ /*.Banner002826 .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20; cursor: pointer;} .video-openbox{position:fixed;left:0;height:100%;width:100%; z-index:500;background:rgba(0,0,0,0.5); top:0;} .video-openbox .ytable{height: 100%;} .video-openbox .close{position: absolute;right: 20px;top: 20px; width: 30px; height: 30px; cursor: pointer; z-index: 10; cursor: pointer;} .video-openbox .close:before, .video-openbox .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .video-openbox .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .video-openbox video{max-width: 1200px; margin: 0 auto;display: block;}*/ .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .slick-list:focus {outline: none} .slick-list.dragging {cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .slick-track {position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{ clear: both;} .slick-loading .slick-track { visibility: hidden;} .slick-slide{ display: none; float: left; min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .slick-slide .slick-loading img { display: none;} .slick-slide .dragging img { pointer-events: none;} .slick-initialized .slick-slide { display: block;} .slick-loading .slick-slide { visibility: hidden;} .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .slick-arrow .slick-hidden { display: none;} .Banner002826 .slick-dots{position: absolute; left: 50%; transform: translate(-50%,0); bottom: 5%;overflow: hidden; z-index: 10;} .Banner002826 .slick-dots li{float: left; width: 12px; height: 12px;position: relative; border-radius: 50%;border: 2px solid #fff; cursor: pointer;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 12px;} .Banner002826 .slick-dots li:before{position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: 50%;background: #fff; transition: 0.3s;content: '';} .Banner002826 .slick-dots li.slick-active:before{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);} .Banner002826 .slick-dots li button{display: none;} @media(max-width:640px){ .Banner002826 .slick-dots li{width: 10px; height: 10px;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 4px;} } /*Banner003192 */ .Banner003192{position: relative;} @media (min-width:1025px) { .Banner003192 .wap{display: none;} } @media (max-width:1024px) { .Banner003192 .pc{display: none;} } .Banner003192 li.slick-slide{position: relative;} .Banner003192 [class*=txt-style-]{position: absolute; top: 0;color: #fff;z-index: 10;} .Banner003192 .tit{font-size: calc(60 / 1920 * 100vw); margin-bottom:calc(20 / 65 * 1em); transition: 0.3s; font-weight: bold;} .Banner003192 .sub-tit{font-size: calc(34 / 1920 * 100vw); line-height: 2; transition: 0.3s 0.3s; font-weight: normal;} .Banner003192 .txt-style-1{ left: calc(485 / 1920 * 100vw); top: calc(321 / 960 * 100%);} .Banner003192 .txt-style-1 .tit{transform: translateX(30px); opacity: 0;} .Banner003192 .txt-style-1 .sub-tit{height: 1.2em;text-align: justify; transform: translateX(30px); opacity: 0;} .Banner003192 .ani-show .txt-style-1 .tit, .Banner003192 .ani-show .txt-style-1 .sub-tit{transform: translateX(0); opacity: 1;} .Banner003192 .txt-style-1 .sub-tit:after{display: inline-block; content: '';width: 100%;} .Banner003192 .txt-style-2{text-align: center; top:0;left: 0;width: 100%; height: 100%;} .Banner003192 .txt-style-2 .ytable{height: 100%;} .Banner003192 .open-video{display: block;margin: 0 auto; width: calc(60 / 1920 * 100vw);height: calc(60 / 1920 * 100vw);background: url(../images/Banner003192-play.png) no-repeat center center; background-size: contain; margin-bottom: calc(60 / 1920 * 100vw); cursor: pointer;transform: translateY(30px); opacity: 0;transition: 0.3s;} .Banner003192 .txt-style-2 .tit{transform: translateY(30px); opacity: 0; transition-delay: 0.3s;} .Banner003192 .txt-style-2 .sub-tit{ transform: translateY(30px); opacity: 0;transition-delay: 0.6s; } .Banner003192 .ani-show .open-video, .Banner003192 .ani-show .txt-style-2 .tit, .Banner003192 .ani-show .txt-style-2 .sub-tit{transform: translateY(0); opacity: 1;} .Banner003192 .txt-style-3{left: 0;width: 100%; top:calc(281 / 960 * 100%);} .Banner003192 .txt-style-3 .tit{transform: translateX(30px); opacity: 0;} .Banner003192 .txt-style-3 .sub-tit{transform: translateX(30px); opacity: 0;} .Banner003192 .ani-show .txt-style-3 .tit, .Banner003192 .ani-show .txt-style-3 .sub-tit{transform: translateX(0); opacity: 1;} .video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);} .video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;} .video-box .close::before, .video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} .video-box .ytable{height: 100%;} .video-box .ytable-cell{ text-align:center;} .video-box video{ width:90%; max-width:900px;} .Banner003192 .slick-pages{position: absolute;left: calc(141 / 1920 * 100vw); bottom: calc(66 / 960 * 100%);color: #fff;z-index: 20;font-size: calc(20 / 1920 * 100vw);} .Banner003192 .slick-dots{position: absolute;right: calc(141 / 1920 * 100vw);bottom: calc(66 / 960 * 100%);z-index: 20;} .Banner003192 .slick-dots li{float: left;width: calc(30 / 1920 * 100vw); height: 3px; background-color: rgba(255, 255, 255, 1); opacity: 0.5; margin-left: 10px;} .Banner003192 .slick-dots li button{display: none;} .Banner003192 .slick-dots li.slick-active{opacity: 1;} .Banner003192 .mouse{position: absolute; background: url(../images/Banner003192_mouse.svg) no-repeat center; width: 22px;height: 34px;background-size: contain; z-index: 30; left: 50%; margin-left: -11px;bottom:calc(58 / 960 * 100%); animation: mouse 2s linear infinite alternate;} @keyframes mouse { 0%{opacity: 1;} 100%{opacity: 0;} } .home_title{color: #333;position: relative;z-index: 1;margin: calc(40 / 16 * 1em) 0;} .home_title .cn{font-size:calc(48 / 16 * 1em); font-weight: bold; line-height: 1;font-weight: 100;} .home_title .intro{padding: 20px 0 30px 0;position: relative; color: #666;} .home_title .intro:before{position: absolute;content: '';width: 60px;height: 3px;background-color: #05723e;left: 0;bottom: 0;display: none; } .home_title.center .intro:before{left: 50%; margin-left: -30px;} .home_title.center{text-align: center;} .lm_title{color: #333;position: relative;z-index: 1;margin:0 0 calc(40 / 16 * 1em) 0;} .lm_title .cn{font-size:calc(40 / 16 * 1em); font-weight: bold; line-height: 1;font-weight: 100;} .lm_title .intro{padding: 20px 0 30px 0;position: relative; font-size:calc(16 / 16 * 1em); color: #666;} .lm_title .intro:before{position: absolute;content: '';width: 60px;height: 3px;background-color: #05723e;left: 0;bottom: 0;display: none; } .lm_title.center .intro:before{left: 50%; margin-left: -30px;} .lm_title.center{text-align: center;} .home_more{line-height: 3.125;padding: 0 1.4375em 0 2.0625em;display: inline-block;transition:background 0.3s; border-radius: 20px 0; border: 1px solid #333;} .home_more:after{display: inline-block;content: '';width: 20px;height:20px;margin-left: 15px;background: url(../images/Floor003115-hei-more.svg) no-repeat;background-size: 1.125em auto; vertical-align: middle;} .home_more:hover{color: #fff;background-color: #005738;border-color:#005738;} .home_more:hover:after{background-image: url(../images/Floor003115-btn-more-white.svg);} .home_more.white{border:1px solid rgba(255,255,255,0.3);color:#fff;} .home_more.white:hover{border-color:#005738;} .home_more.white:after{background-image: url(../images/Floor003115-btn-more-white.svg);} @media(max-width:1024px){ .home_title{margin: 0 0 calc(40 / 16 * 1em);} .home_title .cn{font-size:calc(38 / 16 * 1em);} .home_title .intro{padding: 20px 0 0px 0;} .lm_title .cn{font-size:calc(38 / 16 * 1em); font-weight: bold; line-height: 1;font-weight: 100;} } .Home_product { position: relative; overflow: hidden;} .Home_product .main{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;} .Home_product .slideTab { position: relative;float: left; width: 20%; z-index: 2;} .Home_product .slideTab ul {padding:calc(30 / 16* 1em) 0;} .Home_product .slideTab .slick-arrow { position: absolute;display: block;width: 22px;height: 13px;background-repeat: no-repeat;background-position: center; background-size: 100%;background-image: url("../images/icon-jt.svg");} .Home_product .slideTab li { display: flex; align-items: center;border: 0; border-radius: 50px;margin: 4% 0;background: rgba(255, 255, 255, 0.6);cursor: pointer;} .Home_product .slideTab li .icon{ width: calc(70 / 16* 1em); height:calc(70 / 16* 1em) ; margin-right:calc(16 / 16* 1em) ;border-radius: 50%; display: flex;align-items: center;justify-content: center;} .Home_product .slideTab li .icon img{max-width:calc(50 / 16* 1em);} .Home_product .slideTab li .tit{ font-size: calc(20 / 16 * 1em); color: #333;} .Home_product .slideTab li:hover .icon .on, .Home_product .slideTab li.slick-current .icon .on, .Home_product .slideTab li:not(.slick-current) .icon .off{display: none;} .Home_product .slideTab li:hover .icon .off{ display: block;} .Home_product .slideTab li:hover .tit, .Home_product .slideTab li.slick-current .tit{color: #fff;} .Home_product .slideTab li:hover, .Home_product .slideTab li.slick-current{ background: #307D6E;} .Home_product .slideTab li:hover .icon, .Home_product .slideTab li.slick-current .icon{ background-color: #fff;} .Home_product .slideList { position: relative;float: right; width: 72%;z-index: 2;} .Home_product .slideList .pic{ position: relative;width: calc(650 / 16* 1em);z-index: 20;width: 50%;margin: 0 auto;/* padding-bottom: 50px; */background: url(../images/Floor003115-imgbg.png) no-repeat center bottom;background-size: 52.174% auto;} .Home_product .slideList .pic:after{ position: absolute; content:'';width: calc(650 / 16* 1em);height: calc(650 / 16* 1em);border-radius: 50%;top:1%;left:0;animation: rotate360 10s linear infinite; background-size: contain; background: rgba(255,255,255,0); } .Home_product .slideList .pic a{ display: block; padding: 5%; position: relative; z-index: 10;} .Home_product .slideList .pic figure{ padding-bottom: 88%; background-size: contain;} .Home_product .slideList .text { padding-left:calc(100 / 16* 1em);} .Home_product .slideList .text .tit {color: #005738;font-size: 2.25em;font-weight: 100;} .Home_product .slideList .text .info {margin: 1.875em 0 3.2em 0;font-size: calc(16 / 16* 1em);line-height: 1.875;} @keyframes rotate360 { 0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)} } @media(min-width:1025px){ .Home_product{padding-top: 4vw;} .Home_product .slideTab .slick-arrow {left:50%;transform:translateX(-50%);} .Home_product .slideTab .slick-arrow.slick-prev {} .Home_product .slideTab .slick-arrow.slick-next {} .Home_product .slideTab .slick-arrow.slick-prev {top:0;transform: rotate(-90deg) translateX(-50%)} .Home_product .slideTab .slick-arrow.slick-next {bottom:0;transform: rotate(90deg) translateX(-50%)} } @media(max-width:1024px){ .Home_product {padding: 80px 0;} .Home_product .slideTab, .Home_product .slideList { width: 100%;} .Home_product .slideTab ul { padding: 0 3.13em ;} .Home_product .slideTab li { padding: 2%;flex-wrap: wrap;background: none;border-radius: 0;margin: 0} .Home_product .slideTab li .icon{margin: 0 auto 10px} .Home_product .slideTab li .tit{width: 100%;text-align: center;font-size: 14px} .Home_product .slideTab .slick-arrow {top:50%;} .Home_product .slideTab .slick-arrow.slick-prev {left:0;transform: rotate(180deg) translateX(-50%)} .Home_product .slideTab .slick-arrow.slick-next {right:0;} .Home_product .slideList .ytable, .Home_product .slideList .ytable-cell { display: block;} .Home_product .slideList .pic{ width: 100%;background-size: contain;} .Home_product .slideList .pic figure{ background-size: 80% auto;} .Home_product .slideList .text { padding: 4em 0 0; } .Home_product .slideList .text .title {font-size: 2.875em; margin-bottom: 0.28em;} .Home_product .slideList .text .s_title { font-size: 2em; margin-bottom: 1em;} .Home_product .slideList .text .intro {margin-bottom: 2.375em; font-size: 1em;} .Home_product .slideList .pic:after{width: 100%;height: 100%;} } /*Floor003128 */ .Floor003128{background-color: #f9f9f9; overflow: hidden;} .Floor003128 .slider-img .Ispic{position: relative;z-index: 1;} .Floor003128 .slider-img .Ispic:after{position: absolute;content: ''; left: 0;bottom: 0;width: 100%;height:45.834%; opacity: 0.6; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */} .Floor003128 .slider-img .item{position: relative;} .Floor003128 .slider-img .txt{position: absolute; bottom: 0; opacity: 0; left:20%;right:7%;color: #fff;z-index: 4;transition: 0.5s 0.5s;padding-right: 3.5em;} .Floor003128 .slider-img .slick-current .txt{bottom: 3.75em; opacity: 1;} .Floor003128 .slider-img .tit{font-size: calc(34 / 16 * 1em); margin-bottom:0.5em;} .Floor003128 .slider-img .txt p{line-height:1.6;font-size: calc(18 / 16 * 1em); margin: 0; max-width:85%;} .Floor003128 .slider-img .txt .more{position: absolute;right: 0; bottom: 0;width: 3.125em;height: 3.125em;border-radius: 50%; background: url(../images/Floor003128-icon-white.svg) no-repeat center #005738; background-size: 1em auto;} .Floor003128 .slider-nav .inside .icon{transition: 0.3s;} .Floor003128 .slider-nav .inside .icon img{ max-height: 2.8125em;} .Floor003128 .slider-nav .inside .icon img.hover{display: none;} .Floor003128 .slider-nav li{cursor: pointer;transition: 0.3s;} .Floor003128 .slider-nav .slick-current{background-color: #005738;} .Floor003128 .slider-nav .slick-current aside{color: #fff;} .Floor003128 .slider-nav .slick-current .icon img.default{display: none;} .Floor003128 .slider-nav .slick-current .icon img.hover{display: inline-block;} @media (min-width:1025px) { .Floor003128 .auto{position: relative;min-height: 100vh;} .Floor003128 .slider-img{position: absolute;width:93.572%;right: 25%; top: 0;height: 100%;z-index: 1;} .Floor003128 .slider-img .Ispic{height: 100vh;} .Floor003128 .slider-nav{width: 28.542%; height: 100vh;float: right;z-index: 20;position: relative;} .Floor003128 .slider-nav .ytable{height: 100%;} .Floor003128 .slider-nav .inside{display: table;width: 100%; table-layout: fixed; height:11vh; /*6.875em*/} .Floor003128 .slider-nav .inside > *{display: table-cell;vertical-align: middle;} .Floor003128 .slider-nav .inside .icon{text-align: center; width: 50%;padding-left: 6.625em;} .Floor003128 .slider-nav .inside aside{padding-right: calc(3.125em + 0.5625em); background: url(../images/Floor003128-plus.svg) no-repeat right 3.125em center; background-size: 0.5625em auto; font-size: calc(20 / 16 * 1em); color: #333;} .Floor003128 .slider-nav .slick-current aside{background-image: url(../images/Floor003128-plus-white.svg); color: #fff;} .Floor003128 .slider-nav .slick-current .icon{ width: 35.75%;padding-left:0;} } @media (max-width:1024px) { .Floor003128 .slider-img .Ispic{padding-bottom: 73.283%;} .Floor003128 .slider-img .txt{left: 3%;right: 3%;} .Floor003128 .slider-img .slick-current .txt{bottom: 2em;} .Floor003128 .slider-nav{overflow: hidden;height: 5em;} .Floor003128 .slider-nav .inside{display: flex;align-items: center;height: 5em;padding: 0 0.5em;} .Floor003128 .slider-nav .inside aside{flex: 1;} .Floor003128 .slider-nav .inside .icon{width: 25%; flex-shrink: 0; margin-right: 5%;text-align: center;} .Floor003128 .slider-nav .inside .icon img{ max-height: 1.5em;} } /*Floor003108 */ /* .Floor003108{background: rgb(233,243,255); background: -moz-linear-gradient(top, rgba(233,243,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(233,243,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(233,243,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f3ff', endColorstr='#ffffff',GradientType=0 ); } */ @media (max-width:1600px) { .Floor003108{font-size: 6.25vw;} } @media (max-width:768px) { .Floor003108{font-size: 14vw;} } .Floor003108{margin-bottom: 0;padding-top: 4vw;} .Floor003108 .title{position: relative;color: #005738;font-size:calc(38 / 16 * 1em); margin-bottom: 1.0526em;} .Floor003108 .title .en{font-size: 1.368em;line-height: 1;} .Floor003108 .title .more{position: absolute;right: 0; top:50%;font-size: 0.421em; text-align: center;padding: 0 1.875em; margin-top: -1.5625em;line-height: 3.125em;border-radius: 3.125em;border: solid 2px #0e1637;transition: 0.3s;} .Floor003108 .title .more:after{width: 1.3125em;height: 0.8125em;display: inline-block; content: '';margin-left: 1em;background: url(../images/Floor003108-icon.svg) no-repeat;background-size: contain;transition: 0.3s;} .Floor003108 .title .more:hover{background-color: #005738;color: #fff;border-color: #005738;} .Floor003108 .title .more:hover:after{background-image: url(../images/Floor003108-icon-white.svg);} .Floor003108 ol{float: left;width: 48%; } .Floor003108 ol:nth-of-type(1) .txt{background-color: #f5f5f5;padding: calc(35 / 16 * 1em) calc(40 / 16 * 1em);} .Floor003108 ol .pic{position: relative; overflow: hidden;} .Floor003108 ol:not(:nth-of-type(1)) .pic{margin-bottom: calc(18 / 16 * 1em);} .Floor003108 ol .pic time{position: absolute;right: 0;bottom: 0;line-height: 2.2;background-color: #05723e;color: #fff;font-size: calc(18 / 16 * 1em);padding: 0 calc(10 / 16 * 1em);} .Floor003108 ol:nth-of-type(1) .pic time{font-size: calc(22 / 16 * 1em);} .Floor003108 ol .tit{font-size:calc(18 / 16 * 1em);text-overflow: ellipsis;overflow: hidden;} .Floor003108 ol:not(:nth-of-type(1)) .tit{display: -webkit-box;display: box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.666;} .Floor003108 ol:nth-of-type(1) .tit{font-size: calc(24 / 16 * 1em);white-space: nowrap; margin-bottom: 12px;} .Floor003108 ol:not(:nth-of-type(1)) p{display: none;} .Floor003108 ol p{font-size: calc(16 / 16 * 1em); margin: 0;color: #999; line-height: 1.4;} .Floor003108 li{border-bottom: 1px solid #e1e1e1;} .Floor003108 li:nth-of-type(1){border-top: 1px solid #e1e1e1;} .Floor003108 li a{font-size: calc(18 / 16 * 1em);line-height: 4.3333;} .Floor003108 li time{float: right;color: #999;} @media (min-width:769px) { .Floor003108 ol{height: auto; margin-left: 2.5%; margin-bottom:4%;} .Floor003108 ol:not(:nth-of-type(1)){width: 22%;} .Floor003108 ol:nth-of-type(1){height: calc(550 / 16 * 1em); margin: 0 3% 0 0;} .Floor003108 ol:nth-of-type(1) .txt{height:auto;} .Floor003108 ol .Ispic{transition: 0.3s ease-out;height: calc(190 / 16 * 1em);} .Floor003108 ol a:hover .Ispic{transform: scale(1.2);} .Floor003108 ol:nth-of-type(1) .Ispic{height:calc(400 / 16 * 1em);} .Floor003108 li{float: right;width:46.5%;height:auto;clear: right;} } @media (max-width:768px) { .Floor003108 ol{margin-bottom: calc(50 / 16 * 1em);} .Floor003108 ol:nth-of-type(1){width: 100%; } .Floor003108 ol:nth-of-type(1) .txt{padding-bottom:calc(35 / 16 * 1em);} .Floor003108 ol .Ispic{padding-bottom: 56%;} .Floor003108 ol:not(:nth-of-type(1)){width: 47.5%;} .Floor003108 ol:nth-of-type(2){margin-right: 5%;} .Floor003108 li{clear: left;} } @media (max-width:480px) { .Floor003108{padding-top: 1em;} .Floor003108 ol:nth-of-type(1) .tit{font-size: calc(30 / 16 * 1em);} .Floor003108 li a, .Floor003108 ol .tit, .Floor003108 ol p{font-size: calc(24 / 16 * 1em);} } /*Bottom003191 */ .Bottom003191{background-color: #307D6E; color: #fff; } .Bottom003191 a{color: rgba(255,255,255,0.5);} .Bottom003191 a:hover{color: #005738; } .Bottom003191 .b-bottom{background-color: #307D6E; padding: calc(20 / 16 * 1em) 0;color: rgba(255,255,255,0.6);} .Bottom003191 .b-bottom .auto{font-size: calc(14 / 16 * 1em);} .Bottom003191 .b-bottom nav a{display: inline-block;} .Bottom003191 .b-bottom nav a:not(:last-child)::after{display: inline-block; content: ' · '; margin: 0 calc(10 / 14 * 1em);color: rgba(255,255,255,0.5);} .Bottom003191 .b-top{padding: calc(100 / 16 * 1em) 0 calc(80 /16 * 1em) 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);} .Bottom003191 .b-top nav dt{font-size: calc(22 / 16 * 1em);} .Bottom003191 .b-top nav dt a:not(:hover){color: #fff;} .Bottom003191 .b-top nav dd{line-height: calc(34 / 16 * 1em);} .Bottom003191 .logo img{height: calc(50 / 16 * 1em);} .Bottom003191 .hotline dl{margin-top: calc(36 / 16 * 1em);} .Bottom003191 .hotline dt{opacity: 0.5;margin-bottom: calc(6 / 16 * 1em);} .Bottom003191 .hotline dd{font-size: calc(28 / 16 * 1em);} .Bottom003191 .code{margin-bottom: calc(20 / 16 * 1em); display: flex;align-items: flex-end; justify-content: space-evenly;} .Bottom003191 .code img{height: calc(103 / 16 * 1em);} .Bottom003191 .contact li{line-height: 2; padding: calc(10 / 16 * 1em) 0 0; position: relative; padding-left: calc(60 / 16 * 1em);} .Bottom003191 .contact li span{position: absolute; left: 0; top: calc(10 / 16 * 1em);overflow: hidden;text-align: justify; width: calc(60 / 16 * 1em);opacity: 0.7;} .Bottom003191 .contact li span:after{display: inline-block;content: '';width: 100%;height: 1px;} .Bottom003191 .share{display: flex;} .Bottom003191 .share li a{border-radius: 50%; display: block; width: 50px; height: 50px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: rgba(255, 255, 255, 0.2); transition: 0.3s;} .Bottom003191 .share li a:hover{background-color: #005738;} .Bottom003191 .share li.in{margin-right: 12px;} .Bottom003191 .share li.in a{background-image:url(../images/Bottom003222-share-in.svg);background-size:auto 18px;} .Bottom003191 .share li.fb a{background-image:url(../images/Bottom003222-share-wx.svg);background-size:auto 28px;} @media (min-width:1025px) { .Bottom003191 .b-top .left, .Bottom003191 .b-top .right{width: calc(300 / 1440 * 100%);} .Bottom003191 .b-top .mid{width: calc((1440 - 300 * 2) / 1440 * 100%);} .Bottom003191 .b-top nav{width:80%;margin: 0 auto; max-width: calc(800 / 16 * 1em); overflow: hidden;} .Bottom003191 .b-top nav dl{float: left; max-width: calc(140 / 16 * 1em);} .Bottom003191 .b-bottom .fl, .Bottom003191 .b-bottom .fr{max-width: 45%;} .Bottom003191 .b-top nav dt{ margin-bottom:1em;} } @media (max-width:1024px) { .Bottom003191 .logo{text-align: center;} .Bottom003191 .b-bottom .copyright{text-align: center} .Bottom003191 .b-bottom .copyright a{display: inline-block;} .Bottom003191 .b-top{padding: 3em 0 1.5em;} .Bottom003191 .b-top nav{border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1); padding: 2em 0; margin: 2em 0;display: none} .Bottom003191 .b-top nav dl{margin: 0!important;} .Bottom003191 .b-top nav dl:not(:last-child){margin-bottom: 1em!important;} .Bottom003191 .b-top nav dd{display: inline-block; margin-right: 1em;} .Bottom003191 .right{border-top: 1px solid rgba(255,255,255,0.1);padding-top: 30px;margin-top: 30px} .Bottom003191 .code{ justify-content: flex-start;} .Bottom003191 .code img{margin-right: 20px;} } @media (min-width: 1025px) and (max-width: 1600px) { .Bottom003191 .auto{width: 90%;} } .Banner003184{ position: relative;} .Banner003184 .txt{position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%; width: 100%;z-index: 3;} .Banner003184 .txt .tit{text-align: center;color: #fff;font-size:calc(44 / 16 * 1em);} @media (min-width:1025px) { .Banner003184 .wap{display: none;} } @media (max-width:1024px) { .Banner003184 .txt .tit{font-size:calc(34 / 16 * 1em);} .Banner003184 .pc{display: none;} .Banner003184 .wap{padding-bottom: 55%;} } /*Floor003107 */ .Floor003107{padding-top: calc(100 / 1920 * 100vw);overflow: hidden} .Floor003107 .info{font-size:1em;line-height: 1.875;} .Floor003107 .number{display: flex; flex-wrap: wrap; margin:3vw 0 4vw;} .Floor003107 .number li{width: 33.3%; padding:0 1vw 0 0;} .Floor003107 .number li:nth-child(3n) ~ li{margin-top:1.5vw;} .Floor003107 .number .t1{font-size: calc(16 / 16 * 1em); color: #005738;} .Floor003107 .number .t1 b{font-size: 3.2em; padding-right: calc(12 / 44 * 1em);font-weight: 100;} .Floor003107 .number .t1 i{font-style: normal; font-size: calc(22 / 24 * 1em);} .Floor003107 .number .t2{font-size: calc(16 / 16 * 1em);color: #666;} .Floor003107 .column-tit {font-size: 36px; margin-bottom: 15px;color: #333;font-weight: bold;} .Floor003107 .edit-info {font-size:calc(16 / 16 * 1em);line-height: 2; text-align:justify; margin-bottom: calc(40 / 16 * 1em); color: #666;} .Floor003107 .more{display: block; max-width: 160px; line-height:50px; text-align: center;font-size:calc(18 / 16 * 1em);color: #005738; margin:2vw 0 0; position: relative;border: 1px solid #005738; border-radius: 20px 0;color: #005738;} .Floor003107 .more:hover {background: #005738;border: 1px solid #005738;color: #fff;} @media (min-width:1025px) { .Floor003107 .flex{display: flex; align-items:flex-start; justify-content: space-between;} .Floor003107 .left{width:48%;margin-right:4%;} .Floor003107 .right{width:52%;} .Floor003107 .right .img-block{border-radius: 15px;} } @media(max-width:1024px){ .page2{background-position: right -620px center;} .Floor003107{padding: 80px 0;} .Floor003107 .number li{margin-bottom: 15px} .Floor003107 .number .t1 b{font-size: 2.5em; } } .pro_box .topcon .item{padding:0 0 2%;} .pro_box .topcon .item:nth-child(2n){background:#f3f4f6;} .pro_box .topcon .item a:hover{} .pro_box .topcon .txt .inner{padding: 0 0 0 2vw;} .pro_box .topcon .txt p.dot3{line-height: 2.142em; max-height: 6.426em;color: #666;margin:4% 0;} .pro_box .topcon .tit{font-size: calc(36 / 16 * 1em); line-height: 1em;font-weight: normal; color:#333;} .pro_box .topcon .tit:after{display: block; margin-top: 1em; content: '';background: #005738; width: 32px; height: 3px;} @media(min-width:1025px){ .pro_box .promenu{position: sticky;top: 1.9rem} .pro_box .topcon .pic{ width:600px;} } @media(min-width:641px) and (max-width:1024px){ .pro_box .topcon .pic{ width:50%;} .pro_box .topcon .tit{font-size: 3vw;} } @media(max-width:640px){ .pro_box .topcon .ytable, .pro_box .topcon .ytable-cell{display: block;} .pro_box .topcon .txt .inner{padding: 5vw;font-size: 3.5vw;} .pro_box .topcon .tit{font-size: 5vw;} } .fl-men{background-color: #fff;padding:1vw;padding-right: 0;margin-bottom: 5%;padding-bottom: 5%;border-radius:6px;width: 100%;} .fl-men .scroll{/* max-height: 980px; overflow-y: auto; */ padding-right: 1vw;} .fl-men .tips span{display: flex;width: 100%;margin-bottom: 8px;cursor: pointer} .fl-men .tips span i{width: 14px;height: 16px;background: url(../images/icon-close.svg)no-repeat center;background-size: 14px auto;filter: grayscale(0) brightness(0);opacity: .5;margin: 2px 5px 0 0} .fl-men .tips span:hover{color: #005738} .fl-men .tips span:hover i{opacity: 1;filter: none;} .fl-men ul.search{position: relative;padding-right:75px; z-index: 2; } .fl-men ul.search .btn{position: absolute;right: 0; top: 0; width: 75px; line-height: 50px; background: #005738; text-align: center; color: #fff;} .fl-men ul.search .text{width: 100%; line-height: 50px; height: 50px; background: #f8f8f8; border: 0;padding: 0 20px;color: #999;font-family: "harmm";font-size:calc(15 / 16 * 1em);} .fl-men ul.search .text.focus{color: #333;} .fl-men dl{ padding:5% 0; border-bottom: 1px solid #ededed;} .fl-men dd dl{ padding-left: 5%; padding-right: 5%;} .fl-men dd dl:last-child{ border-bottom: none;} .fl-men dt{ padding-right: 15px; position: relative; color: #333; cursor: pointer;font-weight: bold;padding-left:27px;font-size: 1.125em;} .fl-men dl .one{ padding-left: 0;} .fl-men dl dl dt{font-weight:normal;} .fl-men dt i{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px;} .fl-men dt i::before, .fl-men dt i::after{ content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #000000;} .fl-men dt i::before{ width: 100%; height: 2px;} .fl-men dt i::after{ width: 2px; height: 100%;} .fl-men dt.select i::after{ display: none;} .fl-men dl dd{ padding-top: 4%; display: none;} .fl-men dl dl dd{ padding-left: 20px;} .fl-men dl li{ margin: 8px 0; color: #888888; position: relative; line-height: 24px; cursor: pointer;} .fl-men dl .flex-3,.fl-men dl .flex-2{display: flex;flex-wrap: wrap;} .fl-men dl .flex-3 li{width:33.33%;} .fl-men dl .flex-2 li{width:33.33%;} .fl-men dl .flex-2 li label{padding-left: 2px;} .fl-men dl li input[type="checkbox"]{ opacity: 0.01; position: relative; z-index: 2;} .fl-men dl li input[type="checkbox"]:checked + .icon{ background: url(../images/pro_icon3.png) no-repeat center #307D6E; border-color: #307D6E;} .fl-men dl li .icon{ width: 13px; height: 13px; border: 1px solid #c1c1c1; position: absolute; left: 3px; top: 3px;} .fl-men dl li.on .icon{ background: url(../images/pro_icon2.png) no-repeat center;} .fl-men dl .icon{ width: 13px; height: 13px; border: 1px solid #c1c1c1; position: absolute; left: 0; top: 6px;} .fl-men dl .on .icon{ background: url(../images/pro_icon2.png) no-repeat center;} .fl-men #slider{ margin: 50px auto 15px auto; height: 12px;width:75%;} .fl-men .noUi-horizontal .noUi-handle{ height: 20px;} .fl-men .noUi-horizontal .noUi-tooltip{ bottom: 160%;} .fl-men .noUi-connect{ background-color: rgb(13,87,167);} .fl-men .noUi-tooltip{ font-size: 14px; background-color: rgb(13,87,167); color: #fff;} .fl-men .noUi-tooltip::before{ content: ''; position: absolute; left: 50%; top: 100%; border: 6px solid transparent; border-top-color:rgb(13,87,167); transform: translateX(-50%);} .fl-men #num{ display: flex; justify-content: space-between;} .fl-men #num label{ width: 45%;} .fl-men #num label input{ border: 1px solid #888888; width: 100%; height: 30px; line-height: 30px; text-align: center; } .fl-men #Searchbtn{ width: 100px; line-height: 36px; border-radius: 6px; text-align: center; background-color: rgb(13,87,167); color: #fff; margin: 10px auto; display: block;} .fl-men dl ul .input{max-width:100%; vertical-align: middle; margin-top: 5px;} .fl-men dl ul .input .text{border: 1px solid #f1f1f1; border-radius: 3px; height: 33px; line-height: 33px; width:45%; text-align: left; background: #f5f5f5; padding-left: 10px;} .fl-men dl ul .input .btn{border: none; cursor: pointer; background: #df0616;height: 33px;color: #fff;font-size: 14px;border-radius: 3px;margin-left: 10px;width: 30%;max-width: 90px;} @media(min-width:1025px){ } @media only screen and (max-width:1024px ) { .fl-men{ margin-top: 0; padding: 20px;} .fl-men dl{ padding:4% 0;} .fl-men dl dd{ padding-top: 2%;} .fl-men .scroll{max-height: none; } } /*Location003131 */ .Location003131{background: #f9f9f9; border-bottom: 1px solid #f2f2f2;} .Location003131 .current{float: right; padding: 15px 0; font-size: 0.875em; padding-left: 20px;background: url(../images/Location003131-icon.svg) no-repeat left center;background-size: 12px auto;} .Location003131 .current, .Location003131 .current a:not(:hover){color: #999;} .Location003131 .current span{color: #333;} .pro_box{padding: 4% 0 0 0;} .w22, .w75{padding-bottom: 0;} /*Spec001770*/ .Spec001770{padding:calc(30 / 16 * 1em); background: #f9f9f9;} .Spec001770 .auto{background: #fff; padding: 15px 50px;} .Spec001770 dl{ border-top:1px dashed #ddd; padding:20px 0;overflow:hidden; line-height:30px; } .Spec001770 dl:nth-child(1){border-top: 0;} .Spec001770 dt{ width:100%; padding-left:0; font-weight:normal; color:#666; font-size:14px;} .Spec001770 dd{ position:relative; padding:0 50px 0 70px; font-size:14px; overflow:hidden;} .Spec001770 dd a{color:#000; margin-right:20px; display:inline-block;} .Spec001770 dd a.on, .Spec001770 dd a:hover{ color:#df0616;} .Spec001770 dd span, .Spec001770 dd a.all{ position:absolute; left:0; top:0;text-align:center; width:50px; height:30px; line-height:30px; border: 1px solid #df0616;color: #df0616; } .Spec001770 dd span{ left:auto; right:0;color:#df0616; cursor:pointer; display:none;} .Spec001770 .input .text{border: 1px solid #e5e5e5;border-radius: 3px;height: 33px;line-height: 33px;width: 25%;text-align: center;} .Spec001770 .input input{max-width: 130px;vertical-align: middle;} .Spec001770 .input .btn{border: none;cursor: pointer;background: #df0616; height: 33px;color: #fff; font-size: 14px;border-radius: 3px;margin-left: 10px;width: 30%; max-width: 90px;} @media(max-width:480px){ .Spec001770 dt{ padding-left:10px;} } .protips{padding-bottom: .4rem;display: flex;flex-wrap: wrap;} .protips span{position: relative;border-radius: 3px;background: #fff;padding: 5px 20px 5px 10px;margin-right: .15rem;color: #333;overflow: hidden;cursor: pointer} .protips span i{position: absolute;width: 34px;height: 30px;background:#005738;right: -16px;top: -13px; transform: rotate(45deg)} .protips span i::before{content: '';position: absolute;left: 0px;top: -7px;width: 100%;height: 100%;background: url(../images/icon-close.svg) no-repeat left bottom;filter: grayscale(100) brightness(100);background-size: 10px auto;transform: rotate(-45deg);} /*PicList003142 */ /* .PicList003142{background: #f9f9f9; padding:calc(20 / 16 * 1em) } */ .PicList003142{ } .PicList003142 .auto{ margin-top: 0;} .PicList003142 li{float: left; margin-bottom: 2em;background-color: #fff;} .PicList003142 li .txt{box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05);padding: 25px;} .PicList003142 li .tit{ font-size: 1.125em;line-height: 1.2;color: #000; } .PicList003142 li span{position: absolute;left: 0;top: 0;padding:10px 0 0 12px;height: calc(80 / 16 * 1em); width: calc(90 / 16 * 1em); background: url(../images/PicList003142_icon.png) no-repeat;color: #fff; z-index: 99;} .PicList003142 li span.False{display: none;} .PicList003142 li:hover .tit{color: #005738; } .PicList003142 li .txt .more{padding: 8px 0;text-align: center;width: 120px;margin: 0 auto;border: 1px solid #307D6E;margin-top: 20px;font-size: 14px; color: #307D6E;} .PicList003142 li:hover .txt .more{background: #005738; color: #fff;border: 1px solid #005738;} .PicList003142 li p{font-size: 0.875em; line-height:2; color: #888;margin: 10px 0 0;} .PicList003142 li .pic{overflow: hidden;} .PicList003142 li .Ispic{padding-bottom: 75%;transition: 0.3s;} .PicList003142 li a:hover .Ispic{transform: scale(1.1);} .PicList003142 li a:hover{color: #005738;} .PicList003142 li time{color: #999999;display: block;background: url(../images/PicList003142-icon.svg) no-repeat right center;} .PicList003142 li a:hover time{background-image: url(../images/PicList003142-icon-red.svg);} @media (min-width:1025px) { .PicList003142 li{width: 31.8%;} .PicList003142 li:not(:nth-child(3n)){margin-right: 2%;} .PicList003142 li:nth-child(3n+1){clear: left;} } @media (max-width:1024px) { .PicList003142 .auto{margin-top: 2em;} .PicList003142 li{width: 48%;} .PicList003142 li:not(:nth-child(2n)){margin-right: 4%;} .PicList003142 li:nth-child(2n+1){clear: left;} .PicList003142 li .txt{padding: 1em;} } /*Page003143 */ .Page003143 .Pages{padding: calc(40 / 16 * 1em) 0 calc(80 / 16 * 1em);text-align: center;} .Page003143 .Pages .p_page a.a_first, .Page003143 .Pages .p_page a.a_end, .Page003143 .Pages > span:not(.p_page){display: none;} .Page003143 .Pages .p_page{display: table; margin: 0 auto;} .Page003143 .Pages .p_page *{float: left;} .Page003143 .Pages .p_page a{border: solid 1px #ebebeb;line-height: 34px;transition: 0.3s; font-size: 14px;} .Page003143 .Pages .p_page > a{border-radius: 5px;padding: 0 15px;} .Page003143 .Pages .p_page em{font-style: normal; margin: 0 30px;} .Page003143 .Pages .p_page em a{width: 36px;border-radius:5px; margin: 0 5px;} .Page003143 .Pages .p_page a:hover, .Page003143 .Pages .p_page a.a_cur{color: #fff;background-color: #005738;border-color: #005738;} @media (max-width:1024px) { .Page003143 .Pages{padding: 0 0 2em 0;} .Page003143 .Pages .p_page em{display: none;} .Page003143 .Pages .p_page > a{margin: 0 10px;} } /*RighInfo003134 */ .RighInfo003134 .auto{ max-width: 1200px;} .RighInfo003134 .img-side{margin-bottom: 5em;overflow: hidden;padding: calc(80 / 16 * 1em) 0 0;} .RighInfo003134 .img-group li .Ispic{background-size: contain;padding-bottom: 60%;} .RighInfo003134 .controls{display: table;position: relative;padding: 0 56px; margin: 3.125em auto 0;} .RighInfo003134 .controls .slick-dots li{float: left;position: relative; width: 13px;height: 13px; margin: 0 5px;} .RighInfo003134 .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 7px;height: 7px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;} .RighInfo003134 .controls .slick-dots li.slick-active button{background-color: #005738; width: 100%;height: 100%;} .RighInfo003134 .controls .slick-arrow{position: absolute; top:50%;width: 25px; height: 11px;background-repeat: no-repeat;background-position: center; margin-top: -5px;} .RighInfo003134 .controls .slick-prev{left: 0;background-image: url(../images/RighInfo003134-btn-prev.svg);} .RighInfo003134 .controls .slick-next{right: 0;background-image: url(../images/RighInfo003134-btn-next.svg);} .RighInfo003134 .controls .slick-disabled{cursor: default;} .RighInfo003134 .controls .slick-prev.slick-disabled{background-image: url(../images/RighInfo003134-btn-prev-disabled.svg);} .RighInfo003134 .controls .slick-next.slick-disabled{background-image: url(../images/RighInfo003134-btn-next-disabled.svg);} .RighInfo003134 .img-side .txt{} .RighInfo003134 .img-side .txt .sub{margin-top: 20px;} .RighInfo003134 .img-side .txt .sub li{line-height: 1.8; color: #333; padding:10px 0; position: relative;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;background: url(../images/rz.svg) no-repeat left center;background-size: 30px;padding-left: 40px;} .RighInfo003134 .img-side .txt .sub .text{line-height: 2;font-size: 1em;color: #333; margin: 2em 0;} .RighInfo003134 .img-side .txt .sub .text p{ margin: 0;} .RighInfo003134 .img-side .txt .sub li span{color: #888;} .RighInfo003134 .img-side .tit{ font-size: 1.75em;color: #000; margin-bottom: 0.5em;} .RighInfo003134 .img-side .line{width: 30px; height: 2px; background-color: #005738;display: block;margin: 0;} .RighInfo003134 .img-side .btn{ margin-top: 40px;} .RighInfo003134 .img-side .btn a{display: inline-block;font-size: 1.125em;color: #fff;box-shadow: 0px 10px 30px rgba(0, 115, 60, 0.08);border-radius: 5px; margin: 0 10px; min-width:10em;text-align: center; line-height: 3.3333;padding: 0 1.8125em; cursor: pointer;} .RighInfo003134 .img-side .btn a.download{background-color: #005738;} .RighInfo003134 .img-side .btn a.download2{background-color: #888;} .RighInfo003134 .img-side .btn a:before{display: inline-block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width: 30px;height: 3.3333em;margin-right:10px;} .RighInfo003134 .img-side .btn a.download:before{background-image: url(../images/RighInfo003134-icon1.svg);} .RighInfo003134 .img-side .btn a.download2:before{background-image: url(../images/RighInfo003134-icon2.svg);} .RighInfo003134 .prod-intro .name{border-bottom: 1px solid #efefef;font-size: 1.75em; padding-bottom: 0.666em;color: #005738; line-height: 2; font-weight: bold;} .RighInfo003134 .prod-intro .name i{width: 2em; height: 2em;border-radius: 50%;background-color: #005738;display: inline-block;vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%;} .RighInfo003134 .prod-intro .name-1 i{background-image: url(../images/RighInfo003134-icon3.svg);} .RighInfo003134 .prod-intro .name-2 i{background-image: url(../images/RighInfo003134-title-icon.svg);} .RighInfo003134 .prod-intro .singlePage{line-height: 1.875; margin: 2em 0 3em 0;} .RighInfo003134 .prod-intro .singlePage .box{display: flex;} .RighInfo003134 .prod-intro .singlePage .box-l{width: 160px;} .RighInfo003134 .prod-intro .singlePage .tit{margin-bottom:calc(20 / 18* 1em); color: #333;} .RighInfo003134 .prod-intro .singlePage .box-r{width: calc(100% - 160px);} .RighInfo003134 .prod-intro .singlePage table, .RighInfo003134 .prod-intro .singlePage tbody, .RighInfo003134 .prod-intro .singlePage tr{width: 100%;} .RighInfo003134 .prod-intro .singlePage tr:after{ content: ''; display: block; clear: both;} .RighInfo003134 .prod-intro .singlePage td{font-size:16px;line-height: 2; } .RighInfo003134 .prod-intro .singlePage td:nth-of-type(2n-1){color: #8c8c8c;width: 160px;padding-right: 40px;} .RighInfo003134 .prod-intro .singlePage td:nth-of-type(2n){color: #333333;width: calc(100% - 200px);} .RighInfo003134 .prod-intro .singlePage .hr{width: 100%;height: 1px; border: none; display: block;background-color: #ebebeb;margin: 36px 0;} .RighInfo003134 .tab{ text-align: center;margin-bottom: 3%;position: sticky;z-index: 8;background: #fff} .RighInfo003134 .tab .auto{border-bottom: 1px solid #eee;} .RighInfo003134 .tab_on{ position: fixed; top: 0;left: 0; width: 100%; background: #fff; z-index:10; text-align: center; display: table; margin: 0 auto; border-bottom: 1px solid #eee; } .RighInfo003134 .tab ul{display:table;margin:0 auto;} .RighInfo003134 .tab li{float: left;margin:0 calc(40 / 1920 * 100vw);} .RighInfo003134 .tab a{display: inline-block; padding:calc(20 / 18* 1em) 0 ; cursor: pointer; position: relative; font-size: calc(18 / 16* 1em); } .RighInfo003134 .tab a:after{position: absolute;content: ''; height: 2px;width: 0;transition: 0.3s;background-color: #005738; left: 50%;transform: translateX(-50%); bottom: 0;} .RighInfo003134 .tab a:hover:after, .RighInfo003134 .tab li.on a:after{width: 100%;} .RighInfo003134 .tab_on a{ color: #333;} .RighInfo003134 .tab_on a:after{ background-color: #fff;} @media (min-width:1025px) { .RighInfo003134 .img-group{width: 40%;border: solid 1px #f2f2f2;} .RighInfo003134 .img-side .txt{padding: 0 4%;} } @media (max-width:1024px) { .RighInfo003134 .img-side{ } .RighInfo003134 .img-side .btn a{min-width: calc(50% - 20px);padding: 0;} .RighInfo003134 .tab{} } .popUp-box{position: fixed;z-index: 200; left: 0;top: 0;width: 100%; height:100%; background-color: rgba(0,0,0,0.5);display: none;} .popUp-box > .ytable{height: 100%;} .popUp-box .main{background: #fff; width: 90%; max-width:600px;margin: 0 auto;border-radius: 5px; position: relative; } .popUp-box .close{position: absolute; right: 20px;top: 20px;width: 20px;height: 20px;z-index: 10;cursor:pointer;} .popUp-box .close:before, .popUp-box .close:after{position: absolute;content: ''; width: 100%;height: 2px;background-color: #000; top: 50%;margin-top: -1px;transform: rotate(-45deg);} .popUp-box .close:after{transform: rotate(45deg);} .popUp-box .logo img{height: 1.9375em;} .popUp-box .title{font-size: 1.875em;color: #333333;line-height: 1.3333; margin-top:0; text-align: center;} .popUp-box .title:after{display: block; content: '';width: 20px;height: 2px;background-color: #005738; margin: 0.5em auto 1em;} .popUp-box .left p{font-size: 1.5em;line-height: 1.66666;color: #333333;} .popUp-box .form li{position: relative;z-index: 1; margin-bottom: 12px;} .popUp-box .form li label.tit{position: absolute; left:1em; top: 0;font-size: 0.875em; line-height: calc(48 / 14 * 1em); color: #888;} .popUp-box .form li .text{border: solid 1px rgba(139,139,139,0.2);width: 100%;font-size: 1em; height:3em; line-height: 3em;border-radius:6px;padding: 0 1.0625em;} .popUp-box .form li.code dl{overflow: hidden;} .popUp-box .form li.code dl dt{position: relative;width: 60%;float: left;} .popUp-box .form li.code dl dd{width: 38%;float: right;} .popUp-box .form li.code dl dd a{display: block;cursor: pointer;background-color: #307D6E; border-radius:6px;color: #fff;font-size: 0.875em;line-height: calc(48 / 14 * 1em);text-align: center;height: calc(48 / 14 * 1em)} .popUp-box .form ol .btn{display: block;width: 100%;background: #005738;border:0;cursor: pointer;border-radius: 6px;height:3em;color: #fff;font-size: 1em;} @media (min-width:1025px) { .popUp-box .main{padding: 5em;} .popUp-box .main .ytable-cell{width: 50%;} } @media (max-width:1024px) { .popUp-box .main{padding:2em; } .popUp-box .main .ytable{max-height: 85vh; overflow: auto;} } .popUp_bottom{position: fixed;z-index: 200; left: 0;top: 0;width: 100%; height:100%; background-color: rgba(0,0,0,0.5);display: none;} .popUp_bottom > .ytable{height: 100%;} .popUp_bottom .main{background: #fff; width: 90%; max-width:600px;margin: 0 auto;border-radius: 5px; position: relative; } .popUp_bottom .close{position: absolute; right: 20px;top: 20px;width: 20px;height: 20px;z-index: 10;cursor:pointer;} .popUp_bottom .close:before, .popUp_bottom .close:after{position: absolute;content: ''; width: 100%;height: 2px;background-color: #000; top: 50%;margin-top: -1px;transform: rotate(-45deg);} .popUp_bottom .close:after{transform: rotate(45deg);} .popUp_bottom .logo img{height: 1.9375em;} .popUp_bottom .title{font-size: 1.875em;color: #333333;line-height: 1.3333; margin-top:0; text-align: center;} .popUp_bottom .title:after{display: block; content: '';width: 20px;height: 2px;background-color: #005738; margin: 0.5em auto 1em;} .popUp_bottom .left p{font-size: 1.5em;line-height: 1.66666;color: #333333;} .popUp_bottom .form li{position: relative;z-index: 1; margin-bottom: 12px;} .popUp_bottom .form li label.tit{position: absolute; left:1em; top: 0;font-size: 0.875em; line-height: calc(48 / 14 * 1em); color: #888;} .popUp_bottom .form li .text{border: solid 1px rgba(139,139,139,0.2);width: 100%;font-size: 1em; height:3em; line-height: 3em;border-radius:6px;padding: 0 1.0625em;} .popUp_bottom .form li.code dl{overflow: hidden;} .popUp_bottom .form li.code dl dt{position: relative;width: 60%;float: left;} .popUp_bottom .form li.code dl dd{width: 38%;float: right;} .popUp_bottom .form li.code dl dd a{display: block;cursor: pointer;background-color: #307D6E; border-radius:6px;color: #fff;font-size: 0.875em;line-height: calc(48 / 14 * 1em);text-align: center;height: calc(48 / 14 * 1em)} .popUp_bottom .form ol .btn{display: block;width: 100%;background: #005738;border:0;cursor: pointer;border-radius: 6px;height:3em;color: #fff;font-size: 1em;} @media (min-width:1025px) { .popUp_bottom .main{padding: 5em;} .popUp_bottom .main .ytable-cell{width: 50%;} } @media (max-width:1024px) { .popUp_bottom .main{padding:2em; } .popUp_bottom .main .ytable{max-height: 85vh; overflow: auto;} } table.tftable {color:#333333;width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse;} table.tftable th {background-color:#005738;border-width: 1px;padding:12px 10px;border-style: solid;border-color: #729ea5;text-align:center; color: #fff; font-weight: normal; font-size: 14px;} table.tftable tr {background-color:#ffffff;} table.tftable td {border-width: 1px;padding:12px 10px;border-style: solid;border-color: #729ea5; text-align: center;} /*.RighInfo002363 为demo编号*/ .RighInfo002363 .auto{ max-width: 1600px;} @media only screen and (max-width:1600px ) { .RighInfo002363 .auto{ padding-left: 2%; padding-right: 2%;} } .RighInfo002363 .img1{ float:left; width:278px; height:49px; margin-right:2%; margin-bottom:1%;} @media only screen and (min-width:768px ) { .RighInfo002363 .con-head em{ font-size: 22px;} .RighInfo002363 .tit{ font-size:28px;} } @media only screen and (min-width:1024px ) { .RighInfo002363 .con-head em{ font-size: 24px;} .RighInfo002363 .tit{ font-size:32px;} } .RighInfo002363 .box2{ } .RighInfo002363 .box2 ul{width: 100%;} .RighInfo002363 .box2 .list{ padding-top:5vw;} .RighInfo002363 .box2 li{float:left;width:20%;text-align: center; position:relative;border-right:1px solid rgba(255, 255, 255, 0.3); } .RighInfo002363 .box2 li:before{ position:absolute; content:''; width:1px; right:0; top:0; height:100%;} .RighInfo002363 .box2 li:first-child{ } .RighInfo002363 .box2 li:last-child{padding-right: 0;} .RighInfo002363 .box2 li a{display: block; margin:0 auto; width:70%; } .RighInfo002363 .box2 li figure img{ width:100%; max-width:75px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s; position: relative; top: 0;} .RighInfo002363 .box2 li:hover figure img{ top: -10px;} .RighInfo002363 .box2 li h3{font-size:1.625em; color: #005738; margin:30px 0 0 0;} .RighInfo002363 .box2 li p{line-height:1.6; text-align:center; overflow:hidden;font-size: 1em;color: #333; margin-top:10px;} @media(max-width:767px){ .RighInfo002363 .box2{ padding:20px 0;} .RighInfo002363 .box2 li{ width:50%; margin-bottom:2%;} .RighInfo002363 .box2 li{ border-left:1px solid #f4f4f4;} .RighInfo002363 .box2 li:nth-child(2n){ border-left:1px solid #fff;} } /*.PicList002323 为demo编号*/ .PicList002323{ background: #f9f9f9; padding: calc(60 / 16 * 1em) 0 calc(100 / 16 * 1em);overflow: hidden} .PicList002323 .tit{ height:31px; line-height:31px; padding-left:16px; color:#6e6e6e; font-size:20px; position: relative;} .PicList002323 .tit:before{display: block; content: ""; position: absolute; top: 50%; left: 0; width: 9px; height: 19px; background: url(../images/PicList002323-icon.png) no-repeat; margin-top: -9px;} .PicList002323 .list{ overflow: hidden;} .PicList002323 .list .title{border-bottom: 1px solid #efefef;font-size: 1.75em;padding-bottom: 0.666em;color: #005738;line-height: 2;font-weight: bold;} .PicList002323 .auto{overflow: hidden; max-width: 1400px; margin: 0 auto;} .PicList002323 ul{ margin-top:2em;} .PicList002323 ul li{ float: left; width: 48%;margin:0 1%;text-align: center; padding: 20px 30px; background: #fff;} .PicList002323 ul li div{ padding-bottom:85%; position: relative; overflow: hidden;} .PicList002323 ul li figure{ position:absolute; left:0; top:0; right:0; bottom:0; transition:0.3s;} .PicList002323 ul li h3{ color: #333;margin:20px 0; font-weight: normal; font-size:1em;text-align: center;} .PicList002323 ul li a:hover figure{transform: scale(1.1);} .PicList002323 ul li a:hover h3{ color: #005738;} @media screen and (min-width:1025px ){ .PicList002323{padding:30px 0;} .PicList002323 ul li{width:23%; } } @media(max-width:1024px){ .PicList002323 ul li{margin: 0 1% 1%; } } /*Floor003114 */ .Floor003114{padding: 8.02% 0 7.92% 0;background: url(../images/Floor003114.jpg) no-repeat center center;background-size: cover;overflow: hidden;font-size: 16px;} .Floor003114 .btn{position: absolute;right: 0;bottom: 0;} .Floor003114 .slick-arrow{width: 88px;height: 50px;margin-left: 15px;background: url(../images/Floor003114-btnbg.svg) no-repeat;background-size: 100% 100%;position: relative;} .Floor003114 .slick-arrow:before{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: url(../images/Floor003114-prev.svg) no-repeat center center; background-size: 34px auto;} .Floor003114 .slick-next{background-image: url(../images/Floor003114-btnbg-hover.svg)} .Floor003114 .slick-next:before{background-image: url(../images/Floor003114-next.svg)} .Floor003114 .slider{width: 114%;overflow: hidden;} .Floor003114 .slider .ul{padding-right: 9.591%;} .Floor003114 .slider .slick-list{overflow: inherit;} .Floor003114 .slick-slide:not(.slick-active){opacity: 0.5;} .Floor003114 .slick-slide a{display: block;margin-right: 46px;padding-bottom: 1px;} .Floor003114 .pic{background: url(../images/Floor003114-imgbg.svg) no-repeat;background-size: 100% 100%;position: relative;} .Floor003114 .pic:before{position: absolute;content: '';left: 50%;transform: translateX(-50%);height: 3px;background-color: #005738;top: 0;transition:width 0.3s; width: 0;} .Floor003114 .slick-slide.slick-active a:hover .pic:before{width: 100%;} .Floor003114 .pic .Ispic{padding-bottom: 80.852%;border-radius: 0 0 100px 0;overflow: hidden;} .Floor003114 .tit{border-bottom: 1px solid #d1d1d1;line-height: 4.625em;width: 72.341%;position: relative;} .Floor003114 .tit aside{padding: 0 1.1875em;color: #333;font-size: 1.125em;} .Floor003114 .slick-slide.slick-active a:hover .tit aside{color: #005738;} .Floor003114 .tit:before{position: absolute;content: '';width: 27px; height: 3px; background-color: #005738; left: 1.1875em; bottom: -2px;} @media (max-width:1024px) { .Floor003114 .title{padding-right: 40%;} .Floor003114 .title .cn{font-size: 5vw;} } @media (max-width:640px) { .Floor003114{font-size: 3.5vw;} .Floor003114 .title .cn{font-size: 9vw;} .Floor003114 .slider .ul{padding-right: 18%;} .Floor003114 .slick-arrow{width: 60px;height: 42px;} .Floor003114 .slick-slide a{margin-right: 5vw;} } .Hometit{display: flex;align-items: center;justify-content: space-between;} /*Other002524 */ .Other002524{ position:fixed; z-index:100; right:3%; bottom:5%; } .Other002524 li{ padding:5px 0;} .Other002524 li a, .Other002524 li a::before{ display:block;height:39px;position:relative;} .Other002524 li a::before{ content:'';width:39px; border-radius:50%; border:3px solid #005738; background-color:#005738; background-repeat:no-repeat;background-image:url(../images/Other002524_icon.png); z-index:10;} .Other002524 li a:hover::before{ background-color:#fff; border-color:#005738;} .Other002524 li a span{ display:none; position:absolute; right:0; top:0; padding-right:39px; border-radius:39px; line-height:39px; color:#fff;background-color:#005738; z-index:3; width:139px; padding-left:25px;font-size: 16px;} .Other002524 li.qq a::before{ background-position:-40px -3px;} .Other002524 li.qq a:hover::before{ background-position:-5px -3px;} .Other002524 li.qq_2 a::before{ background-position:-120px -3px;} .Other002524 li.qq_2 a:hover::before{ background-position:-81px -3px;} .Other002524 li.qq_3 a::before{ background-position:-199px -3px;} .Other002524 li.qq_3 a:hover::before{ background-position:-160px -3px;} .Other002524 li.qq_4 a::before{ background-position:-282px -5px;} .Other002524 li.qq_4 a:hover::before{ background-position:-244px -5px;} .Other002524 li.gettop a::before{ background-position:-288px -3px;} .Other002524 li.gettop a:hover::before{ background-position:-81px -3px;} .Other002524 li.qq a.phone{ display:none;} .Other002524 li a:hover span{ display:block;} @media(max-width:1024px){ .Other002524 li.qq a.pc{ display:none;} .Other002524 li.qq a.phone{ display:block;} } @media (min-width: 1025px) and (max-width: 1600px) { .Other002524{right:0.5%;} } .RighInfo002254{width: 50%;} .RighInfo002254 .slider-big{ border:1px solid #dcdcdc;} .RighInfo002254 .slider-big li figure{ background-size:cover;} .RighInfo002254 .slider-list{ position: relative;} .RighInfo002254 .slider-list li figure{ border:1px solid #f2f2f2;} .RighInfo002254 .slider-list li.slick-current figure{border-color: #005738; } .RighInfo002254 .slider-list .slick-arrow{position:absolute; width:100%; height:40px;cursor:pointer; background-position: center;background-repeat: no-repeat; background-size:auto 50%;} .RighInfo002254 .slider-list .slick-prev{background-image:url(../images/RighInfo002254-btn_prev.png);} .RighInfo002254 .slider-list .slick-next{background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .slider-list .slick-disabled{cursor:default;} @media (min-width:641px) { .RighInfo002254 .list_img{position:relative;} .RighInfo002254 .slider-big{position:absolute; left:0; top:0; height:100%; width:80%; } .RighInfo002254 .slider-big *{height: 100%;} .RighInfo002254 .slider-list{padding:0;margin-left: 82.9%;} .RighInfo002254 .slick-dotted ul{padding: 60px 0;} .RighInfo002254 .slider-list .slick-arrow{ left: 0;} .RighInfo002254 .slider-list .slick-prev{top: 0;} .RighInfo002254 .slider-list .slick-next{bottom: 0;} .RighInfo002254 .slider-list li{ height:130px; position:relative;} .RighInfo002254 .slider-list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:contain;} .RighInfo002254 .slider-list li.slick-current figure{ border-width:2px;} } @media(max-width:640px){ .RighInfo002254 .slider-big li .Ispic{padding-bottom: calc(476 / 536 * 100%);} .RighInfo002254 .slider-list li .Ispic{padding-bottom: calc((476 * 0.9) / 536 * 100%); width: 90%; margin: 0 auto;} .RighInfo002254 .slider-list{padding:0 42px; margin-top: 3vw;} .RighInfo002254 .slider-list .slick-arrow{ top: 0; width: 42px; height: 100%; background-size: contain;transform: rotate(-90deg);} .RighInfo002254 .slider-list .slick-prev{left: 0;} .RighInfo002254 .slider-list .slick-next{right: 0;} } .cpcs dl{display: flex;flex-wrap: wrap;} .cpcs dl dd{width: 49%;margin-right: 2%;color: #333;font-size: 1em;line-height: 2;background-color: #f9f9f9;padding: 0.5em 2em;margin-bottom: 2%;border-radius: 5px;position: relative;} .cpcs dl dd::after{content: "";display: block;width: 10px;height: 2px;background-color: #005738;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);} .cpcs dl dd:nth-child(2n){margin-right: 0;} .cpcs dl dd b{font-weight: normal;} /*Floor002920 */ .Floor002920{padding-top: 4vw; overflow: hidden} .Floor002920 .auto{} .Floor002920 .home_title{margin-bottom:calc(20 / 16 * 1em);} .Floor002920 .tab{padding-bottom: 2.605vw;} .Floor002920 .tab li{float: left;position: relative;min-width: 7.8125vw; text-align: center;list-style: none;} .Floor002920 .tab li a{display: block;cursor: pointer; line-height: 50px;font-size: 18px;padding: 0 20px;position: relative; z-index: 2;} .Floor002920 .tab li:not(:last-child):after{position: absolute;content: ''; width: 1px; height: 16px; background: #d6d6d6; top: 50%; margin-top: -8px;right: 0;} .Floor002920 .tab li.slick-active a{background: #a52d34;color: #fff; box-shadow: 15px 6px 32px rgba(165,45,52,0.3);} .Floor002920 time{color: #005738;font-size: 16px;} .Floor002920 time span{display: block;font-size: 2em;} .Floor002920 .tit{font-size: calc(18 / 16 * 1em);color: #000; margin-bottom: 1.042vw;} .Floor002920 p{color: #666;line-height: 2;} .Floor002920 .n-top .txt{position: absolute;width:100%; bottom:0;left:0;padding:4%;background-image: linear-gradient(transparent,rgba(0,0,0,1));border-radius: 0 0 calc(15 / 16 * 1em) calc(15 / 16 * 1em);} .Floor002920 .n-top .pic{overflow: hidden;border-radius: calc(15 / 16 * 1em);} .Floor002920 .n-top .Ispic{padding-bottom:30vw; transition: 0.3s;} .Floor002920 .n-top a:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .Floor002920 .n-top .txt time{color:#fff;} .Floor002920 .n-top .txt .tit{color:#fff;margin-top:0.5vw;margin-bottom:0.5vw;} .Floor002920 .n-top .txt p{color:rgba(255,255,255,0.6);} .Floor002920 .n-top .slick-dots{position: absolute; right: 18px; bottom:30%; z-index: 10;} .Floor002920 .n-top .slick-dots li{float: left; margin: 0 4px; width: 20px; height: 3px;background: #fff;} .Floor002920 .n-top .slick-dots li.slick-active{background: #005738;} .Floor002920 .n-top .slick-dots li button{display: none;} .Floor002920 .n-list dt{background:#fff;transition: .5s;} .Floor002920 .n-list dt:hover { transform: translateY(-15px);} .Floor002920 .n-list dt a{position: relative;padding: 2.292vw;} .Floor002920 .n-list dt a:before{transition: 0.3s; width: 0; position: absolute; left: 0; top: 0; height: 2px; background: #005738; content: '';} .Floor002920 .n-list dt a:hover:before{width: 100%;} .Floor002920 .n-list .tit{margin-top: 1.042vw;} .Floor002920 a:hover .tit{ color: #005738;} @media(min-width:1025px){ .Floor002920 .n-top{width: 36%;} .Floor002920 .n-list{width: 61%;} .Floor002920 .tab ul{float: right; margin-top: -50px;} .Floor002920 .n-list dt{float: left; width: 48.215%; margin-bottom: 3.57%;display: table;table-layout: fixed;min-height: 14.1vw; } .Floor002920 .n-list dt:not(:nth-child(2n)){margin-right:3.57%;} .Floor002920 .n-list dt:nth-child(2n+1){clear: left;} .Floor002920 .n-list dt:nth-child(3), .Floor002920 .n-list dt:nth-child(4){margin-bottom:0;} .Floor002920 .n-list dt a{display: table-cell; vertical-align: middle;} } @media(max-width:1024px){ .Floor002920{padding: 80px 0; } .Floor002920 .tab li a{font-size: 3.2vw; padding: 0 2vw; line-height: 9vw;} .Floor002920 .n-top .Ispic{padding-bottom: 66%} .Floor002920 .tit, .Floor002920 time{font-size: 3.2vw;} .Floor002920 p{font-size: 2.6vw;} .Floor002920 .n-list dt a{display: block; padding: 5vw;} .Floor002920 .n-list dt{margin-top: 5vw;} } @media(max-width:480px){ .Floor002920 .tit, .Floor002920 time{font-size:4vw;} .Floor002920 p{font-size: 3.5vw;} .Floor002920 .n-top .slick-dots{bottom: 33%;} } /*Floor003106 */ .Floor003106{position: relative;z-index: 1;overflow: hidden} .Floor003106 .auto{} .Floor003106 .home_title{color:#fff;margin-top:8vw;} .Floor003106 .home_title .intro{color:rgba(255,255,255,1);} .Floor003106 .main{color: #fff; table-layout: fixed;position: absolute;left: 0; top: 0;width: 100%; height: 100%;z-index: 20;} .Floor003106 .con h2{color:#fff;font-size:2em;font-weight: 100;} .Floor003106 .con p{margin:1.2em 0 3em 0;font-size: calc(16 / 16 * 1em);line-height: 2} .Floor003106 .info{line-height: 1.75;font-size: 0.16em; margin-bottom: 1.69em;} .Floor003106 .main .slider li{text-align: center;} .Floor003106 .main .slider li .txt{display: none;} .Floor003106 .main .slider li .icon{max-width:calc(40 / 16 * 1em);;position: relative; margin:0 auto; display: table;line-height: 0;} .Floor003106 .main .slider li .icon aside{position: absolute;left: 0; top:0; width: 100%;opacity: 0;transition: 0.3s;} .Floor003106 .main .slider li a{display: block;padding: 1.2em 0; transition: 0.3s;color: #fff;border-radius: 1.5em 0} .Floor003106 .main .slider li a:hover{} .Floor003106 .main .slider li.slick-current a{background:#005738;} .Floor003106 .main .slider li .name{font-size: calc(18 / 16 * 1em);margin-top:calc(20 / 16 * 1em);padding-top:calc(20 / 16 * 1em);border-top:1px solid rgba(255,255,255,0.1);transition: transform 0.3s;position: relative;overflow: initial;} .Floor003106 .main .slider li .name:after{content:'';width: 6px;height: 6px;background:#fff;position: absolute;top: -3px;left: 50%;margin-left: -3px;border-radius: 50%;} .Floor003106 .main .slider li.slick-current .name{} .Floor003106 .main .slider li.slick-current .name:after{} /*.Floor003106 .main .slider li.slick-current .icon > img{opacity: 0;} .Floor003106 .main .slider li.slick-current .icon aside{opacity:1;}*/ @media (min-width:1025px) { .Floor003106 .main{} .Floor003106 .info{ max-width: 415px;} .Floor003106 .con{width:50%;} .Floor003106 .main .slider{width: 100%;margin-top:7vw;} .Floor003106 .bg-img li figure{height: 100vh} .Floor003106 .bg-img .slick-dots{display: none!important;} } @media (max-width:1024px) { .Floor003106{padding-top: 0.5em;} .Floor003106 .main .slider{margin:30px 0 0 ;} .Floor003106 .bg-img li figure{padding-bottom: 700px} .Floor003106 .bg-img .slick-dots{text-align: center;display: flex;align-items: center; justify-content: center; padding: 0.3em 0;} .Floor003106 .bg-img .slick-dots li{width: 0.2em; height: 0.2em; border-radius: 50%;background-color: #00ac6f; opacity: .3; margin: 0 0.1em;} .Floor003106 .bg-img .slick-dots li.slick-active{opacity: 1;} .Floor003106 .bg-img .slick-dots li button{display: none;} .Floor003106 .main .slider li a{padding:15px 0;} } /*PicList003143 */ .PicList003143 .auto{padding: 4.5em 0 1em;} .PicList003143 li{float: left; margin-bottom: 2.5em;} .PicList003143 li .txt{box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05);padding: 1.875em;} .PicList003143 li .tit{ font-size: 1.125em;line-height: 2; min-height: 3.57142em;} .PicList003143 li p{font-size: 0.875em; line-height: 2; min-height: 3.57142em;color: #999999;} .PicList003143 li .pic{overflow: hidden;} .PicList003143 li .Ispic{padding-bottom: 64%;transition: 0.3s;} .PicList003143 li a:hover .Ispic{transform: scale(1.1);} .PicList003143 li a:hover{color: #005738;} .PicList003143 li time{color: #999999;display: block;background: url(../images/PicList003142-icon.svg) no-repeat right center;} .PicList003143 li a:hover time{background-image: url(../images/PicList003142-icon-red.svg);} .hoursList li .Ispic{background-size:contain;} .hoursList li .txt{padding:.6em;text-aglin:center;} .hoursList li .tit{min-height:auto;} @media (min-width:1025px) { .PicList003143 li{width: 32%;} .hoursList li{width:23%;} .PicList003143 li:not(:nth-child(3n)){margin-right: 2%;} .PicList003143 li:nth-child(3n+1){clear: left;} .hoursList li:not(:nth-child(4n)){margin-right: 2%;} .hoursList li:nth-child(4n+1){clear: left;} } @media (max-width:1024px) { .PicList003143 .auto{padding-top: .8rem;} .PicList003143 li{width: 48%;} .PicList003143 li:not(:nth-child(2n)){margin-right: 4%;} .PicList003143 li:nth-child(2n+1){clear: left;} .PicList003143 li .txt{padding: 1em;} } /*RighInfo002939 */ .RighInfo002939{padding:4% 0;} .RighInfo002939 .auto{max-width:1400px;} .RighInfo002939 .name{border-bottom: 1px dotted #cecece; text-align: center; margin-bottom: 37px;} .RighInfo002939 .name h1{margin: 0 0 25px 0;font-size: calc(26 / 16 * 1em);font-weight: normal; color: #333;} .RighInfo002939 .time{color: #999;padding-bottom: 1.72vw;line-height: 16px;} .RighInfo002939 .share{margin-left: 10px;} .RighInfo002939 .time time, .RighInfo002939 .share, .RighInfo002939 .share > *{display: inline-block; vertical-align: middle;} .RighInfo002939 .share em{font-style: normal;} #bsPanel, #bsPanel *, .bsBox, .bsBox *{box-sizing: content-box;} .RighInfo002939 .edit-info{line-height: 1.75;color: #666; text-align: justify; padding-bottom: 4vw;} .RighInfo002939 .edit-info .pic{text-align: center;margin:2% 0;} .RighInfo002939 .edit-info h2{color:#333;} .RighInfo002939 .edit-info h3{color:#333;} .RighInfo002939 .info-page{border: solid 1px #eee;} .RighInfo002939 .info-page dd{line-height: 36px;} .RighInfo002939 .info-page dd a{padding: 0 20px;} .RighInfo002939 .info-page dd a:hover{color: #005738;} @media(min-width:641px){ .RighInfo002939 .info-page dd{float: left; width: 50%;padding:8px;} .RighInfo002939 .info-page dd:nth-child(2){border-left: 1px solid #eee;} .RighInfo002939 .time, .RighInfo002939 .info-page dd a, .RighInfo002939 .edit-info{} } @media(max-width:640px){ .RighInfo002939 .info-page dd:nth-child(2){border-top: 1px solid #eee;} .RighInfo002939 .share{display: block; padding-top: 10px;} } /* .Floor001739 为demo编号 */ .Floor001739{padding:4% 0;} .Floor001739 ul{display: flex;flex-wrap: wrap;} .Floor001739 li{float:left;width: 23.5%;margin-right:2%;margin-bottom:2%; text-align: center; position:relative;background:#f7f7f7;} .Floor001739 li:nth-child(4n){margin-right:0;} .Floor001739 li a{display: block; margin:0 auto;padding:11%; } .Floor001739 li figure img{ width:50%; max-width:.7rem;transition: .3s} .Floor001739 li:hover figure img{ transform: rotateY(180deg)} .Floor001739 li h3{font-size: calc(24 / 16 * 1em); color: #333;font-weight: normal; } .Floor001739 li p{line-height: 2; overflow:hidden;color: #666; margin-top:0;margin-bottom:0;} .Floor001739 li a:hover *{} @media(max-width:1024px){ .Floor001739{padding:.8rem 0;} .Floor001739 ul{ justify-content: space-between} .Floor001739 li{ width:49%;margin-right: 0} .Floor001739 li:nth-child(2n)::before{ display:none;} .Floor001739 li h3{font-size: calc(20 / 16 * 1em); } } /* .PicList002313 为demo编号 */ .PicList002313{ padding: 4% 0;background:#f8f8f8;} .PicList002313 ul{ display: flex;flex-wrap: wrap;} .PicList002313 li{ padding: 10px 0;} .PicList002313 li .inner{ position: relative; background: #fff;} .PicList002313 li .pic{ position: absolute; top: 0; left: 0; width:2.8rem; height: 100%; overflow: hidden;} .PicList002313 li .pic img{ height: 100%; width: auto; max-width: none;} .PicList002313 li .text{ position: relative; margin-left: 2.8rem;} .PicList002313 li .text figure{ padding: 20px 7% 20px 8%;} .PicList002313 li .text .h3{ margin: 0; font-size: calc(22 / 16 * 1em);font-weight: normal;} .PicList002313 li .text .h3 a{ color: #333;} .PicList002313 li:hover .text .h3 a{ color: #005738;} .PicList002313 li .text .con{ color: #666; line-height: 2; margin: 10px 0; height: 6em; overflow: hidden;} .PicList002313 li .text .more{ position: absolute; right: 10%; bottom: 10px; background:#87b2c7 url(../images/PicList002313-icon.png) no-repeat center; width: 20px; height: 20px; display: block; border-radius: 50%;} .PicList002313 li:hover .inner{ } .PicList002313 li:hover .icon, .PicList002313 li:hover .text .more{ background-color: #f58221;} .PicList002313 li:hover img{ transform: rotateY(360deg);} @media only screen and (max-width: 1024px){ .PicList002313{ padding: .8rem 0;} .PicList002313 li .text .h3{ font-size: calc(20 / 16 * 1em);} } @media only screen and (min-width: 1025px) { .PicList002313 li{ padding: 20px 0;} .PicList002313 .ul li{width: 48.5%;} .PicList002313 li:nth-child(2n){ margin-left: 3%;} .PicList002313 li .pic{width:183px;} .PicList002313 li .text{margin-left: 183px;} .PicList002313 li .pic img{ position: relative; left: 0%;} } @media only screen and (min-width: 1200px) { .PicList002313 li .pic{width:260px;} .PicList002313 li .text{margin-left: 260px;} } /* .Floor000881 为demo编号 */ .Floor000881{ padding:4% 0;} .Floor000881 .list_scroll li a{display: block; margin: 0 16px;background:#fff;} .Floor000881 .list_scroll li .Ispic{padding-bottom:70%;} .Floor000881 .list_scroll li p{text-align:center; margin:0; line-height:55px;border:1px solid #eaeaea; border-top:0;font-size:calc(18 / 16 * 1em);} .Floor000881 .list_scroll li a:hover{ background-color:#005738;} .Floor000881 .list_scroll li a:hover p{ color:#fff;} .Floor000881 .slick-arrow{ position:absolute; width:22px; height:22px; top:50%; margin-top:-11px; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid #005738;border-left: 2px solid #005738;transform:rotate(-45deg);} .Floor000881 .slick-prev{ left:-25px;} .Floor000881 .slick-next{transform:rotate(135deg); right:-25px;} @media(min-width:1293px){ .Floor000881 .list_scroll .slider{margin: 0 -16px;} } @media(max-width:1292px){ .Floor000881 .slick-prev{ left:0;} .Floor000881 .slick-next{ right:0;} } @media(max-width:1024px){ .Floor000881{ padding:.8rem 0;} .Floor000881 .list_scroll .slider{padding: 0 26px;} .Floor000881 .list_scroll li a{margin: 0 5px;} } /*PicList002433 */ /*slick Basic*/ .PicList002433 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .PicList002433 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .PicList002433 .slick-list:focus {outline: none} .PicList002433 .slick-list.dragging {cursor: pointer;cursor: hand;} .PicList002433 .slick-slider .slick-track, .PicList002433 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .PicList002433 .slick-track {position: relative; top: 0; left: 0; display: block;} .PicList002433 .slick-track:before, .PicList002433 .slick-track:after{display: table; content: '';} .PicList002433 .slick-track:after{ clear: both;} .PicList002433 .slick-loading .slick-track { visibility: hidden;} .PicList002433 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .PicList002433 .slick-slide .slick-loading img { display: none;} .PicList002433 .slick-slide .dragging img { pointer-events: none;} .PicList002433 .slick-initialized .slick-slide { display: block;} .PicList002433 .slick-loading .slick-slide { visibility: hidden;} .PicList002433 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .PicList002433 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .PicList002433{} .PicList002433 .main{ padding:6% 0 0 0;} .PicList002433 .main .slick-arrow{ position:absolute; top:50%; width:57px; height:57px; margin-top:-30px; border:1px solid #005738; padding:0; background:none; font-size:0; z-index:10; cursor:pointer; border-radius:50%;} .PicList002433 .main .slick-arrow:hover{ background:#005738; } .PicList002433 .main .slick-arrow:before{ position:absolute; content:''; width:18px; height:18px; border-top:2px solid #005738; border-right:2px solid #005738; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); left:50%; top:50%; margin:-9px 0 0 -11px;} .PicList002433 .main .slick-arrow:hover:before{ border-color:#fff;} .PicList002433 .main .slick-prev:before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); margin-left:-5px;} .PicList002433 .main .slick-prev{ left:-59px;} .PicList002433 .main .slick-next{ right:-59px;} @media(max-width:1408px){ .PicList002433 .main .slick-prev{ left:2%;} .PicList002433 .main .slick-next{ right:2%;} } @media(max-width:1024px){ .PicList002433 .main{ padding:.8rem 0;} .PicList002433 .main .slick-arrow{ width: 7vw;height: 7vw;margin-top: -3.5vw;} .PicList002433 .main .slick-arrow:before{width:40%; height: 40%;margin: 0;left: 40%; top: 30%;} .PicList002433 .main .slick-next:before{left: 20%;} } .PicList002433 .list ul{ padding:0 50px;} .PicList002433 .list li{ float:left; position:relative; text-align:center; margin-bottom:4%;} .PicList002433 .list li:first-child:before, .PicList002433 .list li:last-child:after{ position:absolute; content:''; bottom:0px; height:90px; width:50px;} .PicList002433 .list li:first-child:before{ left:-50px; background:url(../images/PicList002433_ul_l.png) no-repeat 0 0;} .PicList002433 .list li:last-child:after{right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list li aside{ padding-top:35px;height:90px; background:url(../images/PicList002433_libg.png) repeat-x left top;} .PicList002433 .list li .ytable{ height:260px;} .PicList002433 .list li .ytable-cell{ vertical-align:bottom;} .PicList002433 .list li figure{ position:relative; display:inline-block;max-width: 80%;} .PicList002433 .list li figure:after{ position:absolute; right:-24px; background:url(../images/PicList002433_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';} .PicList002433 .list li figure img{ max-height:260px;padding: 8px;padding-top: 12px;background: url(../images/PicList002433_kuang.png) no-repeat ;background-size:100% 100%;} .PicList002433 .list li p{ margin:0 auto;width:90%; line-height:20px; max-height:40px; color:#333;font-size:calc(18 / 16 * 1em);} .PicList002433 .list .ul-3 li{width:33.33333333%;} .PicList002433 .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li{width:50%;} .PicList002433 .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-1 li{width:100%;} @media(max-width:640px){ .PicList002433 .auto, .PicList002433 .list ul{ padding:0;} .PicList002433 .list li p{ font-size:12px;} .PicList002433 .list li .ytable{ height:150px;} .PicList002433 .list li figure img{ max-height:150px; padding:3px} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-3 li:nth-child(3):after, .PicList002433 .list li:first-child:before{ display:none;} } @media(max-width:480px){ .PicList002433 .list li .ytable{ height:100px;} .PicList002433 .list li figure img{ max-height:100px;} } /*Menu002147 */ .Menu002147{ background:#f8f8f8;position: sticky;top: .76rem;z-index: 9} .Menu002147.fix{} .Menu002147 ul{ display:table; margin:0 auto;} .Menu002147 li{ float:left; padding:0 40px;position:relative;} .Menu002147 li:not(:last-child):after{ position:absolute; content:''; width:1px; right:0; top:50%; height:14px; margin-top:-7px; background:#dfdfdf;} .Menu002147 li a{ display:block;font-size:calc(18 / 16 * 1em); position:relative; overflow:hidden; line-height:calc(82 / 16 * 1em);height:calc(82 / 16 * 1em);} .Menu002147 li a:after{ position:absolute; left:0; bottom:0;content:''; height:2px; width:100%;} .Menu002147 li.aon a, .Menu002147 li:hover a{ color:#005738;} .Menu002147 li.aon a:after, .Menu002147 li:hover a:after{ background:#005738;} @media(max-width:1024px){ .Menu002147{top: .9rem } .Menu002147 li{ padding:0 20px;} .Menu002147 li a{ line-height:50px;height:50px;} } @media(max-width:768px){ .Menu002147 ul{ display:block;} .Menu002147 li{ float:left; width:25%; text-align:center; padding:0;} } @media(max-width:768px) and (min-width:481px){ .Menu002147 li:nth-child(4n):after{ display:none;} } @media(max-width:480px){ .Menu002147 li{ width:33.33333333333%} .Menu002147 li:nth-child(3n):after{ display:none;} } @media(max-width:375px){ .Menu002147 li a{ font-size:14px;} } .Menu002147_2 li{padding:0 20px;} @media(min-width:1025px){ .Menu002147_2{top: .76rem} .Menu002147_2 li a{line-height: calc(75 / 16 * 1em);height: calc(75 / 16 * 1em)} } @media(max-width:1024px){ } /*Menu002148 */ .Menu002148{position: relative;margin-top:calc(-60 / 16 * 1em);background:rgba(0,0,0,0.3);} .Menu002148 ul{ display:table; margin:0 auto;} .Menu002148 li{ float:left; padding:0 40px;position:relative;} .Menu002148 li:after{ position:absolute; content:''; width:1px; right:0; top:50%; height:14px; margin-top:-7px; background:#dfdfdf;} .Menu002148 li.end:after{ display:none;} .Menu002148 li a{ display:block;font-size:calc(16 / 16 * 1em); position:relative; overflow:hidden; line-height:calc(60 / 16 * 1em);height:calc(60 / 16 * 1em);color:#fff;} .Menu002148 li a:after{ position:absolute; left:0; bottom:0;content:''; height:2px; width:100%;} .Menu002148 li.aon a, .Menu002148 li:hover a{ color:#fff;} .Menu002148 li.aon a:after, .Menu002148 li:hover a:after{ background:#fff;} @media(max-width:1024px){ .Menu002148 li{ padding:0 20px;} .Menu002148 li a{ line-height:50px;height:50px;} } @media(max-width:768px){ .Menu002148 ul{ display:block;} .Menu002148 li{ float:left; width:25%; text-align:center; padding:0;} } @media(max-width:768px) and (min-width:481px){ .Menu002148 li:nth-child(4n):after{ display:none;} } @media(max-width:480px){ .Menu002148 li{ width:33.33333333333%} .Menu002148 li:nth-child(3n):after{ display:none;} } @media(max-width:375px){ .Menu002148 li a{ font-size:14px;} } /*RighInfo003141 */ .RighInfo003141{padding:4% 0;} .RighInfo003141 .auto{} .RighInfo003141 .intro{} .RighInfo003141 .intro .title{ font-size: 2.2em;color: #005738; margin-bottom: 1em;} .RighInfo003141 .intro .info{line-height: 2;} .RighInfo003141 .intro .info p{margin: 1.2em 0;text-align: justify;} .RighInfo003141 .intro .img{border-radius: calc(15 / 16 * 1em);overflow: hidden} .RighInfo003141 .intro .text .word{height: 4.1rem;padding-right:10px; overflow: auto;} .RighInfo003141 .intro .text .word::-webkit-scrollbar{width: 4px; height:4px;-webkit-overflow-scrolling : touch;background-color: #954bf8;} .RighInfo003141 .intro .text .word::-webkit-scrollbar:hover{display: block;} .RighInfo003141 .intro .text .word::-webkit-scrollbar-track{background-color: #e6e6e6;} .RighInfo003141 .intro .text .word::-webkit-scrollbar-thumb{border-radius: 5px;background: #005738;} .RighInfo003141 .number-count{margin: 4em 0 0;box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); border: solid 1px #f3f3f3; padding: 3.2em 0;} .RighInfo003141 .number-count li{color: #333333;} .RighInfo003141 .number-count li span{display: inline-block;position: relative;font-size: 2.5em;color: #005738; margin: 0 5px;} .RighInfo003141 .number-count li span i{font-style: normal;} .RighInfo003141 .number-count li span i.ani{position: absolute; left: 0;top: 0;} .RighInfo003141 .number-count li span i.opa{opacity: 0;} .RighInfo003141 .number-count li sup{display: inline-block;vertical-align: top;color: #da251d;font-size:1em;} .RighInfo003141 .plate dd{margin-bottom: 2.8565%;} .RighInfo003141 .plate dd .txt{box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); padding:2.375em 1.875em;} .RighInfo003141 .plate dd ol{float: left;width: 4.25em;} .RighInfo003141 .plate dd ol img{width: 85.295%;} .RighInfo003141 .plate dd li{width: calc(100% - 4.25em);float: right;} .RighInfo003141 .plate dd li aside{font-size: 1.125em;color: #333;} .RighInfo003141 .plate dd li p{margin: 0;font-size: 0.875em;color: #999;} @media (min-width:1025px) { .RighInfo003141 .intro .info{width: 100%;} .RighInfo003141 .intro .title{line-height: 1;} .RighInfo003141 .intro .img{width: 47%;margin-right:5%;margin-bottom:0%;} .RighInfo003141 .intro .text{width:47%;} .RighInfo003141 .number-count ul{display: table; margin: 0 auto;} .RighInfo003141 .number-count li{float: left;} .RighInfo003141 .number-count li:not(:last-child){margin-right: 2vw;} .RighInfo003141 .plate dd{float: left;width: 31.429%;} .RighInfo003141 .plate dd:not(:last-child){ margin-right: 2.8565%;} } @media (max-width:1024px) { .RighInfo003141 .number-count li{text-align: center;padding: 1em 0} .RighInfo003141 .number-count{margin: 2em 0; padding: 2em 0;} .RighInfo003141 .intro{padding-top: .8rem; margin-bottom: .8rem;} .RighInfo003141 .intro .title{ font-size: .4rem;margin: .2rem 0} .RighInfo003141 .number-count li span{font-size: 1.75em;} } /* .Form002802 */ .Form002802{ padding: 4% 0; } .Form002802 .from{ margin:0 auto; } .Form002802 .from td{ padding-right: 2%; padding-bottom:3%;} .Form002802 .from td:nth-child(2){padding-left:2%;padding-right:0;} .Form002802 .from td p{ margin: 0; color: #999; text-align: center;} .Form002802 .from td div{ position:relative;} .Form002802 .from label{ position:absolute; left:15px; top:0;line-height: .5rem; color:#999;} .Form002802 .from .text{ width:100%; height:.5rem; line-height:.5rem; text-indent:10px; border:none; background:#f5f5f5;font-size: 1em} .Form002802 .from select{ width:100%; height:.5rem; line-height:.5rem; text-indent:10px; border:none; background:#f5f5f5;font-size: 1em} .Form002802 .from textarea.text{ height:132px;} .Form002802 .from .btn{ padding-bottom: 1.5%; text-align:center;} .Form002802 .from .btn input{ background:#005738; cursor:pointer; padding:0; border:none; width: 1.6rem; height:.48rem; font-size: 1em; color:#fff; border-radius: 99px;} .Form002802 .address { padding:0 0 0;margin-bottom:5%;} .Form002802 .address dl{ border-bottom:1px solid #eee; padding:0 0 3%;} .Form002802 .address dd{text-align: center;} .Form002802 .address dd h1, .Form002802 .address dd h2, .Form002802 .address dd p{ font-size:16px; padding-left:44px; line-height:35px;} .Form002802 .address dd h2{ background-repeat:no-repeat; background-position: left center; display: inline-block; margin-right: 9%; margin-bottom: 2%; font-weight:normal;color:#333;} .Form002802 .address dd h1{ margin-bottom: 3%; padding-left: 0; font-size:24px; color: #333; font-weight: bold; } .Form002802 .address dd h2{ font-size:.18rem;} .Form002802 .address dd h2.h2_1{ background-image:url(../images/Form002802-icon1.png);} .Form002802 .address dd h2.h2_2{ background-image:url(../images/Form002802-icon2.png);} .Form002802 .address dd h2.h2_3{ background-image:url(../images/Form002802-icon3.png);} .Form002802 .address dd h2.h2_4{ background-image:url(../images/Form002802-icon4.png);} @media(min-width:641px){ .Form002802 .from td:nth-child(3n), .Form002802 .from .textareas, .Form002802 .from .btn, .Form002802 .from .tip{ padding-right: 0; } } @media(max-width:640px){ .Form002802 .from td{ display: block; padding-right: 0; } .Form002802 .address dd{ float:none; width:auto; padding-left:0; } } /*Floor001893*/ .Floor001893{padding:5vw 0 3vw;} .Floor001893 .auto{max-width:1600px;} .Floor001893 .slider-year{ position:relative; padding:0 40px;margin-top:3%;} .Floor001893 .slider-year .slick-arrow{ position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; background:url(../images/Floor001893-controls.png) no-repeat left top; cursor:pointer;} .Floor001893 .slider-year .slick-prev{ left:0;} .Floor001893 .slider-year .slick-next{ right:0; background-position:left bottom;} .Floor001893 .slider-year .slick-disabled{ cursor:default;} .Floor001893 .slider-year .slick-prev.slick-disabled{ background-position: right top;} .Floor001893 .slider-year .slick-next.slick-disabled{ background-position: right bottom;} .Floor001893 .slider-year .slider{ background:url(../images/Floor001893-bg.png) repeat-x left center; overflow:hidden;} .Floor001893 .slider-year li{ cursor:pointer; text-align:center; background:url(../images/Floor001893-dot.png) no-repeat center center;font-size:22px; padding-bottom:30px;color:#333;} .Floor001893 .slider-year li span{ display:block; height:130px; padding-top:10px;} .Floor001893 .slider-year li.slick-current{ font-size:28px; color:#005738; background-image:url(../images/Floor001893-dot_hover.png);} .Floor001893 .slider-year li.slick-current span{ padding-top:0;} .Floor001893 .slider-txt li{} .Floor001893 .slider-txt .inner{ padding:0; position:relative;background-color:#f1f1f1;} .Floor001893 .slider-txt li .img{ position:relative; width:43%;float:left;} .Floor001893 .slider-txt li .img img{ display:block; width:100%;} .Floor001893 .slider-txt li dl{ width:50%;float:right;padding-top:2%;} .Floor001893 .slider-txt li dl dt{ font-size:calc(40 / 16 * 1em); color:#005738;margin-bottom:3%;} .Floor001893 .slider-txt li dl dt span{ display:block;font-weight: bold;} .Floor001893 .slider-txt li dl dd p{ font-size:16px; line-height:24px;position: relative;padding-left:18px;margin:12px 0;} .Floor001893 .slider-txt li dl dd p:after{content:'';width:5px;height: 5px;background:#005738;position: absolute;left:0;top:50%;margin-top:-3px;border-radius: 50%} @media(max-width:1000px){ .Floor001893 .slider-txt li .inner{ padding-right:3%;} .Floor001893 .slider-txt li dl{ position:relative; z-index:1;} .Floor001893 .slider-txt li .img{ display:none;} .Floor001893 .slider-txt li dl{min-height:none;} .Floor001893 .slider-txt li dl dt{width:170px; font-size:50px;} .Floor001893 .slider-txt li dl dd pre{ font-size:14px; line-height:20px;} } @media(max-width:768px){ .Floor001893 .slider-txt li{padding-top:20px;} } @media(max-width:480px){ .Floor001893 .slider-txt li dl dt{width:120px; font-size:32px;} } @media(max-width:375px){ .Floor001893 .slider-txt li dl dd, .Floor001893 .slider-txt li dl dt, .Floor001893 .slider-txt li dl{ display:block;} .Floor001893 .slider-txt li dl dt{ width:auto; border-right:0; overflow:hidden;} .Floor001893 .slider-txt li dl dt span{ padding-right:0;} } /*Floor002461 */ .Floor002461{ padding:5% 0;} .Floor002461 li{ float:left; margin-bottom:2%; width:49%; position:relative;padding-bottom:26%;} .Floor002461 li:nth-child(1){margin-right:2%;padding-bottom: 26%;} .Floor002461 li:nth-child(2), .Floor002461 li:nth-child(3){ float:left; width:23.5%;} .Floor002461 li:nth-child(2){ margin-right:2%;} .Floor002461 li:nth-child(4){ clear:left; margin-right:2%;} .Floor002461 li:nth-child(8){margin-right:0;padding-bottom: 26%; } .Floor002461 li:nth-child(6), .Floor002461 li:nth-child(7){width: 23.5%;margin-right:2%;} .Floor002461 li > *{ position:absolute; left:0;width:100%;} .Floor002461 li a{ height:100%; top:0;} .Floor002461 li>div{ overflow:hidden; transition: all .5s ease-in-out; display:block;} .Floor002461 li figure{ overflow:hidden;transition: all .5s ease-in-out;padding-bottom:53%;background-color:#f5f5f5;} .Floor002461 li:nth-child(2) figure, .Floor002461 li:nth-child(3) figure, .Floor002461 li:nth-child(6) figure, .Floor002461 li:nth-child(7) figure{padding-bottom:110.5%;} .Floor002461 li .txt{bottom: 0;z-index: 4;width: 100%;left: 0;background: rgba(0,0,0,.55);padding: .2rem .25rem} .Floor002461 li .txt p{z-index:3;color:#fff;font-size: 15px;margin: 0;} .Floor002461 li .icon{} .Floor002461 li h2{font-size:calc(22 / 16 * 1em);margin:0;font-weight:normal;padding-bottom: 8px} .Floor002461 li h2 img{max-width:25px;margin-right:8px;margin-top:-5px;} .Floor002461 li h2 a{color:#fff;} .Floor002461 li:nth-child(1) h2{ bottom:7%;} .Floor002461 li .Ispic{ top:0; height:100%; z-index:1;} .Floor002461 li:hover .Ispic{ transform:scale(1.12);transition: all .5s ease-in-out;} @media (max-width: 1024px) { .Floor002461 li{ float:none; margin-bottom:2%; width:100%!important;margin-right: 0!important;padding-bottom:63%!important;} .Floor002461 li h2{ font-size:16px; line-height:20px; max-height:60px; overflow:hidden;} .Floor002461 li figure{ padding-bottom:63%!important;} .Floor002461 li::after{height: 35%;} .Floor002461 li .txt p{padding: 5px 0 0;} } @media (max-width:640px) { } .Industryinfo{padding:0 0;} .Industryinfo .box{padding:6% 0; } .Industryinfo .pic{ position:relative; display: none;} .Industryinfo .pic .ytable{height: 100%;} .Industryinfo .pic .txt{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:10; color:#fff;text-align: center;background:rgba(0,0,0,0.3); } .Industryinfo .pic .txt .auto{ max-width: 920px;} .Industryinfo .pic .txt .cn{font-size:calc(36 / 16 * 1em);} .Industryinfo .pic .txt .en{text-transform: uppercase;font-size:calc(20 / 16 * 1em);} .Industryinfo .pic figure{background-color:#000;} .Industryinfo .info{} .Industryinfo .info .img figure{padding-bottom:74%;border-radius: 3px; } .Industryinfo .info h2{font-size:calc(30 / 16 * 1em);font-weight: normal;color:#333;margin:0 0 2.5%;} .Industryinfo .info p{line-height: 2} .Industryinfo dl{margin-top:3%;} .Industryinfo dl dd{width:47%;float:left;} .Industryinfo dl dd .btn{width: calc(160 / 18 * 1em); display: block; border: 1px solid #005738; text-align: center; padding: 3%; margin-top: 20px; color: #fff; background: #005738;} .Industryinfo dl dd .btn:hover{color: #005738; border: 1px solid #005738; background: #fff;} .Industryinfo dl dd:nth-child(2){float:right;} .Industryinfo dl dd h2{font-size:calc(24 / 16 * 1em);font-weight: normal;color:#333;border-bottom:1px solid #eee;padding-bottom:calc(10 / 16 * 1em);} .Industryinfo dl dd ul li{line-height: calc(32 / 16 * 1em);} @media(min-width:1025px){ .Industryinfo .pic figure{ height:420px;} .Industryinfo .info .img{width:40%;padding-left: 5%; vertical-align: top;} } @media(max-width:1024px){ .Industryinfo{margin-top:.9rem;padding-top: .5rem} .Industryinfo .pic .auto{ width:80%;} .Industryinfo .info .ytable-cell{display: block;width: 100%;} .Industryinfo .info .img{padding-top: 5%;} .Industryinfo dl dd{width:100%;float:none;margin-bottom: .4rem} .Industryinfo .info h2{font-size:calc(24 / 16 * 1em);} } .sanfloor .box2{ padding:3vw 0 0;} .sanfloor .box2 li{float:left;width: 25%;text-align: center; position:relative; margin-bottom: 3vw;} .sanfloor .box2 li:before{ position:absolute; content:''; width:1px; border-right:1px solid #f4f4f4; right:0; top:0; height:100%;} .sanfloor .box2 li:first-child{ border-left:1px solid #f4f4f4;} .sanfloor .box2 li a{display: block; margin:0 auto; } .sanfloor .box2 li figure img{ width:100%; max-width:.7rem;-webkit-transition:all ease 0.5s;transition:all ease 0.5s; position: relative; top: 0;} .sanfloor .box2 li:hover figure img{ top: -10px;} .sanfloor .box2 li h3{font-size: .18rem; color: #333; margin:25px 0 15px; font-weight: 100;} .sanfloor .box2 li:hover h3{color: #005738;} .sanfloor .box2 li p{line-height: 24px; height:96px; text-align:left; overflow:hidden;font-size: 14px;color: #a8a8a8; margin-top:20px;} @media(max-width:767px){ .sanfloor .box2{ padding:20px 0;} .sanfloor .box2 li{ width:50%; margin-bottom:2%;} .sanfloor .box2 li{ border-left:1px solid #f4f4f4;} .sanfloor .box2 li:nth-child(2n){ border-left:1px solid #fff;} } /*PicList002951 */ .PicList002951{} .PicList002951 .auto{} .PicList002951 .item{padding:5% 0;} .PicList002951 .item:nth-child(2n){background:#f3f4f6;} .PicList002951 .item a:hover{} .PicList002951 .txt .inner{padding: 0 0 0 6vw;} .PicList002951 .item:nth-child(2n) .inner{padding:0 6vw 0 0;} .PicList002951 .txt p.dot3{line-height: 2.142em; max-height: 6.426em;color: #666;margin:4% 0;} .PicList002951 .tit{font-size: calc(36 / 16 * 1em); line-height: 1em;font-weight: normal; } .PicList002951 .tit:after{display: block; margin-top: 1em; content: '';background: #005738; width: 32px; height: 3px;} @media(min-width:1025px){ .PicList002951 .pic{ width:600px;} } @media(min-width:641px) and (max-width:1024px){ .PicList002951 .pic{ width:50%;} .PicList002951 .tit{font-size: 3vw;} } @media(max-width:640px){ .PicList002951 .ytable, .PicList002951 .ytable-cell{display: block;} .PicList002951 .txt .inner{padding: 5vw;font-size: 3.5vw;} .PicList002951 .tit{font-size: 5vw;} } /*Floor003012 */ .Floor003012{overflow: hidden;position: relative; z-index: 1; padding: 4% 0;} .Floor003012 .Listtit::after{margin-bottom: 0;} .Floor003012 a:hover{color: #005738;} .Floor003012 .slider-for .item{padding:calc(60 / 16 * 1em);position: relative;} .Floor003012 .slider-for .item time{position: absolute ; left:0; top:50%; width: 100%; text-align: center; font-size:27vw; color: #005738; opacity: 0.05; font-weight: bold; transform: translateY(-50%); z-index: 1;} .Floor003012 .slider-for .item .box{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15); z-index: 2; position: relative; } .Floor003012 .slider-for .item .year{line-height:1; color: #005738; font-size: calc(22 / 16 * 1em); margin-bottom: calc(20 / 18 * 1em);} .Floor003012 .slider-for .item .year b{font-size: calc(50 / 18 * 1em); margin-right:10px; } .Floor003012 .slider-for .item .con{padding: 0 4vw; width:53%;} .Floor003012 .slider-for .item .con p{margin: 0; line-height: 2; padding-left: calc(14 / 16 * 1em); position: relative; font-size:calc(18 / 16 * 1em); color: #222;} .Floor003012 .slider-for .item .con p::before{position: absolute; width: calc(5 / 16 * 1em);height:calc(5 / 16 * 1em); border-radius: 50%; background: #005738; left: 0; top: calc(13 / 16 * 1em); content: '';} .Floor003012 .slider-for .item .con p+p{margin-top: calc(8 / 16 * 1em); } .Floor003012 .slider-for .item .img{width:47%; } .Floor003012 .slider-for .item .Ispic{padding-bottom:65%; } .Floor003012 .slider-nav .slick-track{margin-top:calc(60 / 16 * 1em);} .Floor003012 .slider-nav .item{position:relative;text-align:center;transition:all .3s;} .Floor003012 .slider-nav .item .year{line-height:calc(60 / 18 * 1em); border-top: 1px dashed #005738; font-size: calc(24 / 16 * 1em);} .Floor003012 .slider-nav .item .dotico{width:calc(15 / 16 * 1em);height:calc(15 / 16 * 1em);position:absolute;left:50%;top:calc(-7 / 16 * 1em);border-radius: 50%; margin-left:calc(-7 / 16 * 1em); border: 2px solid #005738; background: #fff;} .Floor003012 .slider-nav .item.slick-current a{color:#005738;} .Floor003012 .slider-nav .item.slick-current .dotico{ background: #005738; } .Floor003012 .slider-nav .item{position:relative;} .Floor003012 .slider-nav .slick-arrow{position: absolute; z-index: 30; top:50%; width:50px; height:50px; border:2px solid #005738;padding: 0; margin-top: -35px; border-radius: 50%; transition: 0.3s; background: url("../images/Floor002997_next.svg") no-repeat center center #fff; background-size: 35px;} .Floor003012 .slider-nav .slick-arrow:hover{background-image: url("../images/Floor003181-more.svg"); background-color: #005738;} .Floor003012 .slider-nav .slider{ margin: 0 calc(70 / 16 *1em);} .Floor003012 .slider-nav .slick-prev{left:-50px; transform: rotate(-180deg);} .Floor003012 .slider-nav .slick-next{right:-50px;} @media(min-width:1025px){ .Floor003012 .slider-for .item .box{display:flex; align-items:center; width: 90%; max-width:1000px; margin:0 auto; } } @media(max-width:1700px){ .Floor003012 .slider-nav .slick-prev{left:0px;} .Floor003012 .slider-nav .slick-next{right:0px;} } @media(max-width:1024px){ .Floor003012{padding: .8rem 0} .Floor003012 .slider-for .item{padding:0;} .Floor003012 .slider-for .item .box{box-shadow: none} .Floor003012 .slider-for .item .img{width: 100%} .Floor003012 .slider-for .item .con{width: 100%;padding: 20px 0} } /*Floor003115 */ .Floor003115{padding: 2.5% 0 0;overflow: hidden} .Floor003115 .slick-dots{overflow: hidden; margin-top: 50px;} .Floor003115 .slick-dots li{float: left;width: 18.4%;list-style: none;text-align: center;} .Floor003115 .slick-dots li:not(:nth-child(5n)){margin-right: 2%;} .Floor003115 .slick-dots li:before{display: block;margin: 0 auto;border: 9px solid transparent;border-top: 0; content: '';font-size: 0;width: 0;} .Floor003115 .slick-dots li.slick-active:before{border-bottom-color: #005738;} .Floor003115 .slick-dots li div:before{height: 3px;border-bottom: 1px solid rgba(0,0,0,0.1);display: block;content: '';} .Floor003115 .slick-dots li.slick-active div:before{background-color: #005738;} .Floor003115 .slick-dots li .icon{padding-top: 20px;} .Floor003115 .slick-dots li .icon img{height:110px;} .Floor003115 .slick-dots li .tit{margin-top: 10px; font-size:calc(18 / 16 * 1em);} .Floor003115 .slick-dots li.slick-active .icon .on, .Floor003115 .slick-dots li:not(.slick-active) .icon .off{display: none;} .Floor003115 .slick-dots li.slick-active .tit{color: #005738;} .Floor003115 .slick-arrow{ bottom: 0;border: solid 2px #e3e3e3; font-size: 1em; text-indent: 999em; overflow: hidden; width: calc(60 / 16 * 1em);height: calc(60 / 16 * 1em); border-radius: 50%; position:absolute;z-index: 10; background: url(../images/Floor003239-prev.svg) no-repeat center center; background-size: auto 20%; transition: 0.3s;top: 50%;transform: translateY(-50%);} .Floor003115 .slick-arrow:hover{background-color: #005738; border-color: #005738;} .Floor003115 .slick-next{background-image: url(../images/Floor003239-next.svg);right: -5%;} .Floor003115 .slick-prev{left: -5%;} .Floor003115 .slick-prev:hover{background-image: url(../images/Floor003239-prev-on.svg);} .Floor003115 .slick-next:hover{background-image: url(../images/Floor003239-next-on.svg);} .Floor003115 .item .pic{width: 100%;margin: 0 auto;padding-bottom: 10px;} .Floor003115 .item .Ispic{padding-bottom:70%;background-size: contain;} .Floor003115 .item .tit aside{font-size: calc(36 / 16* 1em); line-height: 1em; font-weight: normal; color: #333;} .Floor003115 .item .tit aside:after{ display: block; margin-top: 1em; content: ''; background: #005737; width: 32px;height: 3px;} .Floor003115 .item .tit .con{line-height: 2;/*max-height: 6.426em;*/color: #666;margin: 4% 0;} @media(max-width:1700px){ .Floor003115 .slider{padding: 0 6%;} .Floor003115 .slick-next{right: 0%;} .Floor003115 .slick-prev{left: 0%;} } @media (min-width:1025px) { .Floor003115 .slider{position: relative;} .Floor003115 .item .tit{padding-top:0;} } @media (max-width:1024px) { .Floor003115 .title .cn{font-size: 5vw;} .Floor003115 .item .tit aside{font-size: calc(26 / 16* 1em); } } @media (min-width:641px) { .Floor003115 .item .ytable{table-layout: fixed;} .Floor003115 .item .img{width:38%;} .Floor003115 .item .txt{padding-left:2%;} } @media (max-width:640px) { .Floor003115{font-size: 3.5vw; padding: 10% 0;} .Floor003115 .title .cn{font-size: 9vw;} .Floor003115 .item .ytable, .Floor003115 .item .ytable-cell{display: block;} .Floor003115 .item .pic{padding-bottom: 5vw;} .Floor003115 .slick-dots li .tit{display: none;} .Floor003115 .item .txt{padding: 6% 0;} .Floor003115 .slick-dots li .icon{padding-top: 3vw;} .Floor003115 .slick-dots li .icon img{height: 5vw;} .Floor003115 .slick-dots li:before{border-width: 4px;} .Floor003115 .slick-dots li div:before{height: 2px;} } /*.RighInfo000171*/ .RighInfo000171{padding: calc(100 / 16 * 1em) 0;} .RighInfo000171 .title{ color: #333; padding-bottom:calc(30 / 16 * 1em); border-bottom: 1px solid rgba(0,0,0,0.1); } .RighInfo000171 .title h1{margin:0;font-size:calc(36 / 16 * 1em); font-weight: normal; line-height: 1.3;} .RighInfo000171 .title time{color: #005737; padding-left:calc(28 / 16 * 1em); background:url(../images/time.svg) no-repeat center left; background-size: calc(18 / 16 * 1em) auto ; line-height:calc(28 / 16 * 1em); display:inline-block;} .RighInfo000171 .info{ color: #666; line-height:2;text-align:justify; border-bottom:1px dashed #d2d2d2; padding:calc(30 / 16 * 1em) 0; } .RighInfo000171 .info .pic{ margin:2% auto; display: block;} .RighInfo000171 .info .pic1{ float:right; margin-bottom:2%; margin-left:3%;} .RighInfo000171 .info .pic2{ float:left; margin-bottom:2%; margin-right:3%;} .RighInfo000171 .bot{position:relative;margin-top:50px} .RighInfo000171 .info_back{text-align:center;clear:both;padding:10px 0;position:absolute;right:0;top:0} .RighInfo000171 .info_back a{color:#fff; background:#005737;display:block;padding:10px 30px;border-radius:30px;} .RighInfo000171 .info_back a:hover{background:#307D6E;} .RighInfo000171 .info_pn span{display:block; margin:15px 0} .RighInfo000171 .info_pn span a{color:#888} .RighInfo000171 .info_pn span a:hover{color:#005737;text-decoration:underline} .RighInfo000171 .right{ padding:24px; background: #f9f9f9;} .RighInfo000171 .right .subtit{ font-size:calc(24 / 16 * 1em); font-weight: bold; margin-bottom:1em; color: #333;} .RighInfo000171 .right li+li{margin-top:2em; padding-top:2em; border-top: 1px solid rgba(0, 0, 0, 0.05);} .RighInfo000171 .right .pic{width: 100%; overflow: hidden;} .RighInfo000171 .right .Ispic{padding-bottom: 53.576%;} .RighInfo000171 .right time{display: block; color:#999; padding-left:calc(30 / 14 * 1em); background:url(../images/time2.svg) left center no-repeat; background-size: auto calc(16 / 14 * 1em); line-height:calc(16 / 14 * 1em); font-size: calc(14 / 16 * 1em);} .RighInfo000171 .right .tit{font-size: calc(18 / 16 * 1em); line-height: 2; color: #555; margin: 1em 0;} @media(min-width:1025px){ .RighInfo000171 .flex{display: flex; align-items:flex-start; justify-content: space-between;} .RighInfo000171 .left{width:75%; padding-right: calc(90 / 16 * 1em);} .RighInfo000171 .right{width: 25%;} .RighInfo000171 .title{display: flex; align-items: flex-end; justify-content: space-between;} .RighInfo000171 .title h1{width:70%;} .RighInfo000171 .info_pn span{width:80%} } @media(max-width:1024px){ .RighInfo000171{ padding:.8rem 0;} .RighInfo000171 .title h1{font-size:calc(22 / 16 * 1em);} .RighInfo000171 .title time{padding-left:0;padding-top: .15rem} .RighInfo000171 .info_back{position:relative} .RighInfo000171 .bot{position:relative;margin-top:15px} .RighInfo000171 .right{margin-top: .8rem} } .joinList{padding: 0 0;} .joinList li {margin-bottom: 0.06rem;background-color: #f7f9fa;padding: 0.25rem .65rem;overflow: hidden;border-top: 4px solid transparent;cursor: pointer;} .joinList li:hover {border-top-color: #005737;} .joinList li.active {border-top-color:#005737;} .joinList li .main {position: relative;} .joinList li i {position: absolute;width: 0.5rem;height: 0.5rem;right: 0;top: 50%;margin-top: -0.25rem;border-radius: 50%;background-image: url(../images/arr2.png);background-size: 0.13rem 0.09rem;background-position: center;background-repeat: no-repeat;} .joinList li.active i {transform: rotate(180deg);} .joinList li.active .name {color: #010101;} .joinList li .name {font-size: 0.22rem;color: #333;} .joinList li .type {padding: 0 0 .2rem;} .joinList li .type dd:not(:last-child) {padding-right: 0.2rem;margin-right: 0.2rem;} .joinList li .type dd {position: relative;color: #333;} .joinList li .type dd span {font-weight: 100;display: inline-block;} @media (min-width: 1025px) { .joinList li .type {overflow: hidden;display: flex;align-items: center} .joinList li .type dd {line-height: .24rem} .joinList li .type dd:not(:last-child):after {position: absolute;content: "";width: 1px;height: 0.1rem;background-color: #d4d4d4;top: 50%;margin-top: -0.05rem;right: 0;} } .joinList .conbox {border-top: 1px solid #e5e5e5;margin-top: 0.4rem;padding: 0.4rem 0;display: none;} .joinList .conbox .h5 {color: #333;font-weight: normal;font-size: 0.18rem;margin: 0 0 0.1rem 0;} .joinList .conbox p {line-height: 2;color: #777;margin: 0;} @media (max-width: 1024px) { .joinList li {padding: 0.3rem;} .joinList li .name {font-size: 0.32rem;} .joinList .conbox {margin-top: 0.3rem;padding: 0.3rem 0 0;} .joinList .conbox .h5{font-size: 16px} .joinList li .type dd {margin-bottom: 8px;} } .jointip{margin-top: .25rem;} .jointip p{display: flex;align-items: center;color: #333;font-size: .18rem;} .jointip p:before{content: '';width: .52rem;height: .52rem;border: 1px solid #005737;border-radius: 50%;margin-right: .3rem;} .jointip p.mail:before{background: url(../images/icon-mail.svg)no-repeat center;background-size: .26rem auto} .jointip p.tel:before{background: url(../images/icon-tel.svg)no-repeat center;background-size: .3rem auto} @media (min-width: 1025px){ .jointip .auto{display: flex;align-items: center;} .jointip p{margin-right: 1rem;} } .RighInfo003148 .auto{padding:.8rem 0;} .RighInfo003148 .title{ font-size: 1.125em;color: #333333; margin-bottom: 0.5em;} .RighInfo003148 .items-group .items{margin-bottom: 3%;} .RighInfo003148 .items-group .items:first-child{} .RighInfo003148 .items-group .items:last-child{} .RighInfo003148 .items-group .items p{color: #888;font-size: 1em; line-height:1.6; margin: 0;} .RighInfo003148 .items-group .items p + .title{margin-top:1.5em;} .RighInfo003148 .tit{font-size: 1.875em; font-weight: normal; margin: 0 0 24px 0; color: #000;} .RighInfo003148 .tit::after{display: block; content: ''; width: 20px; height: 2px; background-color: #005738; margin: 12px 0 1.1538em;} .RighInfo003148 .fuli .info p{margin: 0 0 10px 0; font-size: 1em; color: #666;} @media (min-width:1025px) { .RighInfo003148 .items-group .img{width: 40%;} .RighInfo003148 .items-group .items:nth-child(2n-1) .txt{padding-right:3.5em;} .RighInfo003148 .items-group .items:nth-child(2n) .txt{padding-left:3.5em;} } @media (max-width:1024px) { .RighInfo003148 .items-group .txt{padding: 2em 0;} } .contact{padding:.8rem 0 0;} .contact .title{font-size: calc(40 / 16 * 1em); color: #333; margin-bottom:20px; font-weight: 100;} .contact .text{margin-top: 0} .contact .text .p{font-size: 16px;color:#333; margin: 0; background-repeat: no-repeat; background-position: left center; padding: 10px 0; padding-left:35px; background-size: 1.375em;} .contact .text .tel{background-image: url(../images/contact_tel.png);} .contact .text .wx{background-image: url(../images/contact_wx.png);} .contact .text .zip{background-image: url(../images/contact-zip.png);} .contact .text .email{background-image: url(../images/contact_email.png);} .contact .text .add{background-image: url(../images/contact_add.png);} .contact .text img{margin-bottom: 10px;} .contact .map{width: 100%;padding:0;background: #fff;} @media screen and (min-width: 1025px) { .contact .text{float: left;width:45%;} .contact .map{float: right;width: 45%;/* height: 320px; */} } @media screen and (min-width: 1200px) { .contact .map{width:45%;} .contact .text{width:55%; background: #f9f9f9; padding: 40px;} } @media(max-width:480px){ .contact .title{font-size: calc(32 / 16 * 1em);} .contact{padding:calc(30 / 16 * 1em) 0 0;} .contact .text .p{font-size:1.125em; background-size: 25px; padding-left: 35px; line-height: 1.2; line-height: 1.5;} .contact .text .address{background-size: 25px;} .contact .map{margin-top: 25px;} } .contact_list .auto{position: relative;z-index: 1;padding:3em 0;} .contact_list .title{ font-size: 1.625em;color: #333333; line-height: 1.1538em;} .contact_list .title:after{display: block;content: '';width: 15px; height: 2px; background-color: #d72623; margin: 1.1538em 0;} .contact_list ul li:not(.space){background-color: #f5f5f5;} .contact_list dl{display: table;width:80%;margin: 0 auto; padding: 30px 0;} .contact_list dl > *{display: table-cell; vertical-align: middle;} .contact_list dt{width: 5.1875em;} .contact_list dt .icon{position: relative; width: 3.75em; height: 3.75em;border-radius: 50%;background-color: #d72623;text-align: center; } .contact_list dt .icon img{ max-height:1.5em;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);} .contact_list dd h3{margin: 0;font-size:1.5em;color: #333; line-height: 1.2; margin-bottom:22px;} .contact_list dd aside{color: #555; font-size:16px; margin-bottom:15px; background-position: left center;background-size: 1.25em; background-repeat: no-repeat; padding-left:30px;} .contact_list dd .email{background-image: url(../images/email-balck.png);} .contact_list dd .tel{background-image: url(../images/tel-black.png);} .contact_list dd .add{background-image: url(../images/add-black.png);} @media (min-width:1025px) { .contact_list ul{display: table;width: 100%; min-height: 11.25em;} .contact_list ul li{display: table-cell; vertical-align: middle;} .contact_list ul li.space{width: 13px;} .contact_list ul li:not(.space){width:31%;} } @media (max-width:1024px) { .contact_list .auto{padding: 2em 0;} .contact_list ul li:not(.space){padding:2em 0;} .contact_list ul li.space{height: 1em;} } @media(max-width:480px){ .contact_list dd aside{margin-bottom: 12px;} .contact_list dl{width:90%;margin: 0 auto; padding:20px 0;} }