body {color:#4c4c4d} a{color:#4c4c4d} a:active,a:hover {color:#ac8b53;} @media (min-width: 1630px) {.container{ width: 1630px; }} @media (min-width: 1920px) {.container{ width: 1630px; }} #RGB15 .h100{height:98px;} #RGB15 .top1{width:100%; position: fixed; top: 0; left: 0; z-index: 600; background-color: #ffffff; } #RGB15 .top1.active{box-shadow:0 4px 15px rgba(0,0,0,0.1); } #RGB15 .logo{width:300px; height: auto; float:left; margin-top:24px;} #RGB15 .search{ position: relative; float:right; z-index: 100; margin-top:30px; margin-left:2%;} #RGB15 .search .submit{display:block; width:36px; height: 36px; position: relative;z-index: 1; float:right; background:#ac8b53;appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: 0; } #RGB15 .search .input{width:0px; position: absolute; top:0; right:1px; overflow: hidden;border:1px solid #ac8b53; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #RGB15 .search .input input{display:block; width: 100%; height: 34px; line-height: 34px;padding:0 40px 0 10px; background:none; color:#4c4c4d;appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: 0; border-radius: 0; } #RGB15 .search:hover .input{width:150px;border-color:#ac8b53;background-color: #ffffff;} #RGB15 .lang{float:right; text-align: center; color:#e3e3e3; font-size:17px;margin:30px 8px 0 0;line-height:38px; } #RGB15 .menu_box{ float:right;} #RGB15 .menu{float:left;} #RGB15 .menu .nli{ float:left; z-index:15; position:relative; text-align:center; margin-right:46px;} #RGB15 .menu .nli span a{float:left; font-size:18px; padding:0 15px;line-height:98px; position:relative;} #RGB15 .menu .nli span a::after{float:left; width:0; height:2px; position:absolute; left:50%; top:78px; content:''; background:#ac8b53;oz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%); transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); } #RGB15 .menu .nli.active span a::after, #RGB15 .menu .nli:hover span a::after, #RGB15 .menu .nli.on span a::after{ width:100%;} #RGB15 .menu .nli:hover span > a{color:#ac8b53;} #RGB15 .menu .nli.active span > a, #RGB15 .menu .nli.on span > a{color:#ac8b53;} #RGB15 .menu .sub{ display:none; float:left; position:absolute; padding:15px 0; left:0; top:98px; width:372px; z-index:66; background:rgba(186,167,131,0.7);} #RGB15 .menu .sub li{ float:left; text-align:center; width:30.33%; margin-right:2%; margin-bottom:10px;} #RGB15 .menu .sub li a{ text-align:center; color:#ffffff; font-size:16px; line-height:32px; position:relative; display:inline-block; } #RGB15 .menu .sub li a::after{position:absolute; left:0; width:100%; height:1px; border-bottom:1px dashed #ffffff; bottom:0; content: ''; opacity: 0; } #RGB15 .menu .sub li:hover a::after{opacity: 1;} #RGB15 .sub{position: absolute; top:107px; left: 50%; margin-left:0x; width:140px; text-align: center; z-index: 300; display:none;} #RGB15 .sub a{display:block; font-size:16px; color:#ffffff; line-height: 32px;} #RGB15 .sub a:hover{} #RGB15 .menuph{ float:right; margin:10px 0 0 0; cursor: pointer; width: 40px; height: 40px;text-align: center;} #RGB15 .menuph .point{ display: inline-block; width: 28px; height: 22px; margin-top: 10px; position: relative;} #RGB15 .menuph .point:hover .navbtn, #RGB15 .menuph .point:hover .navbtn::after, #RGB15 .menuph .point:hover .navbtn::before{width: 28px;} #RGB15 .menuph .navbtn{ position: absolute; top: 10px; right: 0; display: inline-block; width:30px; height: 2px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000000; } #RGB15 .menuph .navbtn::after, #RGB15 .menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width:30px; height: 2px;content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; background: #000000; } #RGB15 .menuph .navbtn::after{top: -11px;} #RGB15 .menuph .navbtn::before{ top: 10px;} #RGB15 .menuph .point.active .navbtn{ background: transparent;} #RGB15 .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);top: 0px; } #RGB15 .menuph .point.active .navbtn::before{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*手机下拉*/ #RGB15 .xialaph{position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; padding-top:60px; overflow-y: auto;z-index: 200; background-color:#ffffff; } #RGB15 .xialaph .img_d{ display:none;} #RGB15 .xialaph .ul2, #RGB15 .xialaph .ul3{display: none;} #RGB15 .xialaph h4 a{ display: block;color: #4c4c4d; font-size: 14px; line-height: 40px; position: relative; /* font-weight: bold;*/ text-transform: uppercase; } #RGB15 .xialaph h4{ position: relative;} #RGB15 .xialaph h4 .ico{width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;} #RGB15 .xialaph li:last-child h4::before{ content: '';position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #C06;display: none } #RGB15 .xialaph li:first-child h4::after{display:none;} #RGB15 .xialaph h4::after{ content: '';position: absolute;top: 0; left: 0; width: 100%;height: 1px; background-color:#e6e6e6; /*opacity: 0.1;*/ } #RGB15 .xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;} #RGB15 .xialaph h5 a{ display: block; color: #4c4c4d;font-size: 14px;line-height: 42px; padding:0 10px;} #RGB15 .xialaph h5{position: relative;} #RGB15 .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0;height: 1px; background-color:rgba(95,123,118,0.1);; /*opacity: 0.05;*/ } #RGB15 .xialaph li:last-child h5::after{display: none;} #RGB15 .xialaph h4 b{ position: absolute; right: 5px; top: 50%; width: 9px; height: 9px; float: right; border-top: #4c4c4d solid 1px; border-right: #4c4c4d solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear; } #RGB15 .xialaph h4.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg); -o-transform:rotate(135deg);margin-top: -7px; } /*.xialaph .ul2{ padding-left: 30px; }*/ #RGB15 .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;} #RGB15 .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0;right: 0; height: 1px; } #RGB15 .xialaph li:last-child .ul3::after{ display: none;} #RGB15 .xialaph .ul3 li a{ color: #4c4c4d; font-size: 14px; line-height: 35px; display: block;} #RGB15 .xialaph .ul3 li{ padding-top: 5px;} #RGB15 .xialaph .ul3 li:first-child{padding-top: 0;} #RGB15 .xialaph h5 b{ position: absolute; right: 5px; top: 50%; width: 9px;height: 9px;float: right; border-top: #999999 solid 1px; border-right: #999999 solid 1px;margin-top: -5px;cursor: pointer;transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear; } #RGB15 .xialaph h5.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg); -moz-transform:rotate(135deg);-o-transform:rotate(135deg); margin-top: -7px; } #RGB15 .phonemeng{ position: fixed; top: 0; left: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.9); opacity: .6; z-index: 99;display: none; } #RGB15 .phonemeng.active{ display: block;} #RGB15 .langPh{text-align: center; font-size:0;} #RGB15 .langPh a{display:inline-block; width:40px; line-height: 24px; border:1px solid #ac8b53; font-size:14px;} #RGB15 .langPh a.on{background-color:#ac8b53; color:#ffffff;} #RGB15 .searchPh{width:90%; margin: auto auto auto auto; float:none; border-bottom:1px solid #ac8b53;} #RGB15 .xialaph .searchP{ margin: 15px 0 20px 5%; height: 35px; border: #e6e6e6 solid 1px; width:90%; float:left;} #RGB15 .xialaph .searchP button{ float: right; width: 33px; height: 33px; line-height: 0; background-color: #ac8b53;} #RGB15 .xialaph .searchP .searchLeft{ padding: 0 34px 0 0;} #RGB15 .xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 10px 0 14px; color: #333333; font-size: 14px; border: 0; background: 0;border-radius:18px;-webkit-border-radius:18px; -moz-border-radius:18px; -o-border-radius:18px; -webkit-appearance:none; outline: 0; } #RGB15 .top2{width:100%; height:60px;display: none ; position: fixed; top:0; left: 0; z-index: 600; background-color: #ffffff;} #RGB15 .top2.active{box-shadow: 0 4px 10px rgba(0,0,0,0.1)} #RGB15 .top2 .logo{width:160px; height:auto; float:left; margin-top:8px;} #RGB15 .top2 .lang{margin:15px 10px 0 0;} #RGB15 .top2 .lang a{width:40px; height: 30px; line-height: 30px; font-size:13px;} @media screen and (max-width:1629px){ #RGB15 .menu .nli{margin-right:15px;} #RGB15 .logo{width:260px; margin-top:30px!important;} } @media screen and (max-width:1199px){ #RGB15 .menu .nli{margin-right:10px; padding:0;} #RGB15 .menu .nli span > a{font-size:15px; width: 60px; padding:0; line-height:90px;} #RGB15 .menu .nli span a::after{top:70px;} #RGB15 .menu .sub{top:90px;} #RGB15 .logo{width:192px; margin-top:41px!important;} #RGB15 .menu .nli span a::after{height:2px;} #RGB15 .search{margin-top:36px;} #RGB15 .menu{padding-top:9px;} #RGB15 .menu .sub li a{font-size:14px;} #RGB15 .menu .sub{width:230px; padding:10px;} #RGB15 .menu .sub li a{line-height:28px;} } @media screen and (max-width:991px){ #RGB15 .logo{width:180px; margin-top:18px!important;} #RGB15 .h100{height:60px;} #RGB15 .top2{ display:block;} #RGB15 .top1{ display:none;} } @media screen and (max-width:768px){ } #RGB16 .footer{background:#ffffff; padding:35px 0; width:100%; display:block;} #RGB16 .footer .left{width:74%; float:left;} #RGB16 .footer .ul_left{border-bottom:1px solid #e7e7e7; display:block; padding:0 3% 24px; display: flex; align-items: center; justify-content: center; } #RGB16 .footer .ul_left li{padding:0 40px; border-right:1px solid #e7e7e7; text-align:center; float:left; font-size:18px; } #RGB16 .footer .ul_left li:last-child{border-right:none; } #RGB16 .footer .ul_left li a{ font-size:18px; color:#4c4c4d;} #RGB16 .footer .ul_left li a:hover{color:#ac8b53;} #RGB16 .footer .ul_text{padding:25px 0; display:block; width:100%; color:#817e7c; font-size:14px;} #RGB16 .footer .ul_text .i{float:left; color:#817e7c; font-size:14px; margin:0 5px;} #RGB16 .footer .ul_text .i:nth-child(3){clear:both;} #RGB16 .footer .right{width:22%; float:right; text-align:right;} #RGB16 .footer .right .fnx1{ float:left; width:55px; height:55px; position:relative; z-index:99; margin-left:16px; background:#f6f4ef; border-radius:50%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #RGB16 .footer .right .fnx1:hover{background:#ac8b53;} #RGB16 .footer .weixin{ float:left; width:55px; height:55px; background:url(img/16_li_im_14.png) center no-repeat; } #RGB16 .footer .weixin:hover{background:url(img/16_li_img_14.png) center no-repeat;} #RGB16 .footer .weibo:hover{background:url(img/16_li_im_16.png) center no-repeat;} #RGB16 .footer .T:hover{background:url(img/16_li_im_18.png) center no-repeat;} #RGB16 .footer .d:hover{background:url(img/16_li_im_20.png) center no-repeat;} #RGB16 .footer .weibo{ float:left; width:55px; height:55px; background:url(img/16_li_img_16.png) center no-repeat;} #RGB16 .footer .T{ float:left; width:55px; height:55px; background:url(img/16_li_img_18.png) center no-repeat;} #RGB16 .footer .d{ float:left; width:55px; height:55px; background:url(img/16_li_img_20.png) center no-repeat;} #RGB16 .footer .wx_bx_1{position:absolute; left:50%; top:-100px;width:0; height:0; overflow:hidden; -oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);} #RGB16 .footer .fnx1:hover .wx_bx_1{ width:99px; height:99px; padding:6px; background:#ffffff;} #RGB16 .pf_down{display:none;} @media screen and (max-width:1629px){ #RGB16 .footer .left{width:70%;} #RGB16 .footer .right{width:26%;} #RGB16 .footer .fnx1:hover .wx_bx_1{ width:80px; height:80px; padding:6px; background:#ffffff;} #RGB16 .footer .wx_bx_1{top:-82px;} } @media screen and (max-width:1199px){ #RGB16 .footer .left{width:66%;} #RGB16 .footer .right{width:30%;} #RGB16 .footer .ul_left li{padding:0 25px;} #RGB16 .footer .fnx1:hover .wx_bx_1{ width:70px; height:70px; padding:6px; background:#ffffff;} #RGB16 .footer .wx_bx_1{top:-72px;} } @media screen and (max-width:991px){ #RGB16 .footer .ul_text .i{float:left; font-size: 12px; margin: 0 2px;} // #RGB16 .footer .ul_text .i:nth-child(1){float:left!important;} // #RGB16 .footer .ul_text .i:nth-child(2){float:left!important;} // #RGB16 .footer .ul_text .i:nth-child(3){float:left!important; margin:0 10px;} // #RGB16 .footer .ul_text .i:nth-child(4){float:left!important;margin:0 10px;} #RGB16 .footer .ul_left li a{font-size:16px;} #RGB16 .footer .ul_left{padding-bottom:15px;} #RGB16 .footer .ul_text{padding:10px 0; text-align:center;} #RGB16 .footer .left{width:64%;} #RGB16 .footer .right{width:32%;} #RGB16 .footer .right .fnx1{width:40px; height:40px;} #RGB16 .footer .weibo,#RGB16 .footer .weixin,#RGB16 .footer .T,#RGB16 .footer .d{background-size:100% 100%; width:40px; height:40px;} #RGB16 .footer .weibo:hover,#RGB16 .footer .weixin:hover,#RGB16 .footer .T:hover,#RGB16 .footer .d:hover{background-size:100% 100%; } #RGB16 .footer .ul_left li{padding:0 13px;} #RGB16 .footer .fnx1:hover .wx_bx_1{ width:60px; height:60px; padding:6px; background:#ffffff;} #RGB16 .footer .wx_bx_1{top:-62px;} } @media screen and (max-width:768px){ #RGB16 .footer .ul_text .i{float:none; text-align:center; display:block; font-size: 14px; margin:0 5px;} #RGB16 .footer{padding:15px 0;} #RGB16 .footer .left{width:100%;} #RGB16 .footer .right{width:100%; text-align:center; margin-top:10px;} #RGB16 .footer .right .fnx1{margin:0 8px; display:inline-block; float:none;} #RGB16 .footer .ul_left li{padding:0 5px;} #RGB16 .footer .ul_left li a{font-size:14px;} #RGB16 .footer .ul_left{padding-bottom:10px;} #RGB16 .footer .ul_text{padding:8px 0;} #RGB16 .frBox{height:40px} /*phone底部导航*/ #RGB16 .q_d_m{float:left; width:100%; height:50px;} #RGB16 .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background-color: #ffffff; border-top: solid 1px #dddddd; z-index:999; box-shadow:0 -5px 10px rgba(0,0,0,0.2);} #RGB16 .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 5px 0;} #RGB16 .pf_down li .ico7{ width:100%; float:left; height:20px;} #RGB16 .pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#1e1e1e; line-height:14px; text-transform:uppercase;} #RGB16 .pf_down li.l1 .ico7{ background:url(img/16_btn15.png) no-repeat center; background-size:20px 20px;} #RGB16 .pf_down li.l2 .ico7{ background:url(img/16_btn16.png) no-repeat center; background-size:20px 20px;} #RGB16 .pf_down li.l3 .ico7{ background:url(img/16_btn17.png) no-repeat center; background-size:20px 20px;} #RGB16 .pf_down li.l4 .ico7{ background:url(img/16_btn18.png) no-repeat center; background-size:20px 20px;} /*#RGB16 .pf_down li:hover .d_name,*/ #RGB16 .pf_down li.on .d_name{ color:#ac8b53;} /*#RGB16 .pf_down .l1:hover .ico7,*/ #RGB16 .pf_down .l1.on .ico7{ background:url(img/16_btn15_1.png) no-repeat center; background-size:20px 20px;} /*#RGB16 .pf_down .l2:hover .ico7,*/ #RGB16 .pf_down .l2.on .ico7{ background:url(img/16_btn16_1.png) no-repeat center; background-size:20px 20px;} /*#RGB16 .pf_down .l3:hover .ico7,*/ #RGB16 .pf_down .l3.on .ico7{ background:url(img/16_btn17_1.png) no-repeat center; background-size:20px 20px;} /*#RGB16 .pf_down .l4:hover .ico7,*/ #RGB16 .pf_down .l4.on .ico7{ background:url(img/16_btn18_1.png) no-repeat center; background-size:20px 20px;} #RGB16 .bottom .bottomright .right_b dl dt{font-size:16px;} #RGB16 .bottom h5{font-size:28px; width:40%;} } #RGB17 .index_top1{width:100%; display:block; padding-top:95px;} #RGB17 .index_top1 .li_a{width:32.33%; float:left; margin-right:1.5%; overflow: hidden;} #RGB17 .index_top1 .li_a:nth-child(3){margin-right:0;} #RGB17 .index_top1 .h3_a{padding-bottom:20px; display:block; width:100%; color: #ac8b53; font-family: "Microsoft YaHei UI"; font-size: 42px; } #RGB17 .index_top1 .h3_span{padding:3px 8px; color:#ffffff; position:relative; top:-6px; background: #ac8b53; font-size: 24px;} #RGB17 .index_top1 .li_img{width:100%; display:block; position:relative; overflow: hidden;} #RGB17 .index_top1 .li_img a{display:block; width:100%;} #RGB17 .index_top1 .li_img img{display:block;transition: all linear 0.2s; } #RGB17 .index_top1 .p_a{position:absolute; left:0; width:100%; bottom:-100%; background:rgba(0,0,0,0.6); padding:0 10px; color:#ffffff; text-align:center; line-height:45px; transition: all linear 0.3s; } #RGB17 .index_top1 .li_img:hover .p_a{position:absolute; left:0; bottom:0;} // #RGB17 .index_top1 .li_img:hover img{-webkit-transform: translateY(-10px); transform: translateY(-10px);} #RGB17 .homeTopList{width:100%; display:block;} #RGB17 .homeTopUl{float: left; width: 100%; /*padding-bottom:42px;*/ } #RGB17 .homeTopUl li{float: left; width: 100%; margin:0;} #RGB17 .homeTopUl li a{float: left; width: 100%; display: block; background-size: 100%;} #RGB17 .homeTopUl .slick-dots{ display:none;} #RGB17 .homeTopUl .slick-prev, #RGB17 .homeTopUl .slick-next{ position: absolute; left:0; top: 95%; width:50%; float:left; background:url(img/17_left.png)no-repeat center #f3f3f3; height:30px;} #RGB17 .homeTopUl .slick-next{ left:auto; right:0;width:50%; float:left; background:url(img/17_left1.png)no-repeat center #f3f3f3; height:30px;} #RGB17 .homeTopUl .slick-prev:hover{background:url(img/17_right1.png)no-repeat center #ac8b53; height:30px; } #RGB17 .homeTopUl .slick-next:hover{background:url(img/17_right.png)no-repeat center #ac8b53; height:30px; } /*_hPart*/ #RGB17 ._hPart{ width:100%; padding:36px; background:#f3f3f3;} #RGB17 ._hPart .l1{ margin:0 10px; text-align:center; overflow:hidden;} #RGB17 ._hPart .l1 .la{ display:inline-block; vertical-align:top;} #RGB17 ._hPart .l1 .la img{ height:212px; } #RGB17 ._hPart .l1 .la .p_b{width:60%; padding:12px; border-top:1px solid #ac8b53; border-bottom:1px solid #ac8b53; margin:20px auto 0; display:block;} #RGB17 ._hPart .l1 .la .p_b:hover{color:#ac8b53;} #RGB17 ._hPart .l1:hover .p_b{color:#ac8b53;} #RGB17 ._hPart .slick-prev, #RGB17 ._hPart .slick-next{ position: absolute; left:0; top: 50%; margin-top: -21px; width:18px; height: 39px; background: url(img/17_top_img_29.png) 0 0 no-repeat #817e7c; background-size:auto 100%;} #RGB17 ._hPart .slick-next{ left:auto; right:0;background: url(img/17_top_img_30.png) right 0 no-repeat #817e7c; background-size:auto 100%;} #RGB17 ._hPart .slick-prev:hover{background: url(img/17_top_img_29.png) 0 0 no-repeat #ac8b53; background-size:auto 100%; } #RGB17 ._hPart .slick-next:hover{background: url(img/17_top_img_30.png) right 0 no-repeat #ac8b53; background-size:auto 100%; } @media screen and (max-width:320px){ #RGB17 .index_top1 .h3_a{font-size:16px;} #RGB17 .index_top1{padding-top:20px;} } @media screen and (max-width:1629px){ #RGB17 ._hPart .l1 .la img{height:auto;} #RGB17 ._hPart{padding:24px;} #RGB17 ._hPart .l1 .la .p_b{padding:10px; font-size:15px; width:70%;} #RGB17 .index_top1 .h3_a{font-size:30px;} #RGB17 .index_top1 .h3_span{font-size:18px;} #RGB17 .index_top1{padding-top:80px;} } @media screen and (max-width:1199px){ #RGB17 ._hPart .l1 .la img{height:auto;} #RGB17 ._hPart{padding:19.7px;} #RGB17 ._hPart .l1 .la .p_b{padding:6px; font-size:15px; width:70%;} #RGB17 .index_top1 .h3_a{font-size:24px;} #RGB17 .index_top1 .h3_span{font-size:15px; padding:1px 4px; top:-2px;} #RGB17 .index_top1{padding-top:50px;} } @media screen and (max-width:991px){ #RGB17 .index_top1 .h3_a{font-size:28px;} #RGB17 .index_top1 .h3_span{font-size:18px;} #RGB17 .index_top1{padding-top:40px;} #RGB17 .homeTopUl .slick-prev, #RGB17 .homeTopUl .slick-next{top:87%;} } @media screen and (max-width:768px){ #RGB17 .index_top1 .h3_a{ padding-bottom:10px;} #RGB17 .index_top1 .li_a{width:100%; margin-right:0; padding-bottom:20px;} #RGB17 ._hPart .l1 .la img{height:auto;} #RGB17 ._hPart{padding:24px 18px;} #RGB17 ._hPart .l1 .la .p_b{padding:6px; font-size:15px; width:70%; margin-top:13px;} #RGB17 .index_top1 .h3_span{padding:1px 3px; top:-1px;} #RGB17 .index_top1 .h3_a{font-size:26px;} #RGB17 .index_top1 .h3_span{font-size:16px;} #RGB17 .index_top1{padding-top:20px;} #RGB17 .homeTopUl .slick-prev, #RGB17 .homeTopUl .slick-next{top:95%;} } #RGB18 .index_top2{width:100%; display:block; padding-top:95px;} #RGB18 .index_top2 li{width:23.85%; margin:0 1.5% 1.5% 0; float:left; position:relative;} #RGB18 .index_top2 a{color:#ffffff; display:block; width:100%;} #RGB18 .index_top2 a img{display:block;} #RGB18 .index_top2 li:nth-child(4n){margin-right:0;} #RGB18 .index_top2 li .p_c{width:100%; padding:0 5%; height:30px; font-size: 40px; font-family: "Microsoft YaHei UI"; position:absolute; top:0;transition: all linear 0.5s; height:100%; color:#ffffff; align-items: center; display: flex; } #RGB18 .index_top2 li .span{padding-left:10px; top:0; font-size: 24px; color:#ffffff; line-height:48px; height:100%; align-items: center; display: flex; } #RGB18 .index_top2 li:hover .p_c{-webkit-transform: translateY(-10px); transform: translateY(-10px);} @media screen and (max-width:320px){ #RGB18 .index_top2 li .p_c{font-size:16px;} #RGB18 .index_top2 li .span{font-size:12px;} #RGB18 .index_top2{width:100%; display:block; padding-top:20px;} } @media screen and (max-width:1629px){ #RGB18 .index_top2 li .span{line-height:30px;} #RGB18 .index_top2 li .p_c{font-size:32px;} #RGB18 .index_top2 li .span{font-size:20px;} #RGB18 .index_top2{padding-top:80px;} } @media screen and (max-width:1199px){ #RGB18 .index_top2 li .p_c{font-size:20px;} #RGB18 .index_top2 li .span{font-size:22px;} #RGB18 .index_top2{padding-top:50px;} } @media screen and (max-width:991px){ #RGB18 .index_top2 li .p_c{padding:0 3%; font-size:24px;} #RGB18 .index_top2 li{width:49%; margin-right:2%;} #RGB18 .index_top2 li:nth-child(4n){margin-right:2%;} #RGB18 .index_top2 li:nth-child(2n){margin-right:0;} #RGB18 .index_top2 li .span{font-size:18px;} #RGB18 .index_top2{padding-top:40px;} } @media screen and (max-width:768px){ #RGB18 .index_top2 li .p_c{font-size:18px;} #RGB18 .index_top2 li .span{line-height:17px; font-size:16px;} #RGB18 .index_top2{padding-top:0px;} } #RGB19 .index_top3{ padding:90px 0; width:100%; display:block; background:#f3f3f3; margin-top: 80px;} #RGB19 .index_top3 .h3_a{padding-bottom:40px; display:block; width:100%; color: #ac8b53; font-family: "Microsoft YaHei UI"; font-size: 47px;} #RGB19 .index_top3 .h3_span{padding:3px 8px; color:#ffffff; position:relative; top:-6px; background: #ac8b53; font-size: 24px;} #RGB19 .index_top3 .ul_left{width:64.666%; float:left; } #RGB19 .index_top3 .ul_left li{width:48%; margin:0 4% 4% 0; float:left;padding:40px; position:relative; background:#ffffff; overflow: hidden; } #RGB19 .index_top3 .ul_left li a{width:100%; display:block; } #RGB19 .index_top3 .ul_left li .li_bottom{position:absolute; left:0%; top:0; width:100%; height:100%;background:#ffffff; text-align:center; display: flex;filter:alpha(opacity=00);opacity:0; align-items: center; justify-content: center;transition:all 0.5s ease; } #RGB19 .index_top3 .ul_left li .bottom_img{width:42.245%; text-align:center; } #RGB19 .index_top3 .ul_left li .bottom_text{position:absolute; left:0; top:0; padding:14%; z-index:2;width:100%; height:100%; text-align:center; color:#ffffff; background:#ac8b53; opacity: 0.8; } #RGB19 .index_top3 .ul_left li:hover .li_bottom{filter:alpha(opacity=100);opacity:1;} #RGB19 .index_top3 .bottom_text .h5_a{color:#ffffff; font-size:18px;} #RGB19 .index_top3 .bottom_text .p_a{color:#ffffff; margin-bottom:30px; font-size:14px; padding-top:18px;} #RGB19 .index_top3 .bottom_text .span_a{ border:1px solid #ffffff; color:#ffffff; text-align:center; padding:4px 8px; line-height:24px; font-size:14px; } /*定位*/ #RGB19 .index_top3 .ul_left a{width:100%; display:block;} #RGB19 .index_top3 .ul_left li:nth-child(2n){margin-right:0;} #RGB19 .index_top3 .ul_left li:nth-child(3){margin-bottom:0;} #RGB19 .index_top3 .ul_left li:nth-child(4){margin-bottom:0;} #RGB19 .index_top3 .ul_left .li_text{float:left; position:relative; width:50%;} #RGB19 .index_top3 .ul_left .li_text .h5_a{color:#333333; font-size:18px;} #RGB19 .index_top3 .ul_left .li_text .p_a{color:#817e7c; margin-bottom:40px; font-size:14px; padding-top:18px;} #RGB19 .index_top3 .ul_left .li_text .span_a{ margin-bottom:54px; background:#ac8b53; color:#ffffff; text-align:center; padding:4px 10px; line-height:24px; font-size:14px; } #RGB19 .index_top3 .ul_left .li_img{width:42.245%; float:right; height:182px; position:relative; top:-10px;} #RGB19 .index_top3 .li_right{width:32.6%; float:right; padding:45px; background:#ffffff; } #RGB19 .index_top3 .li_right .li_text{padding-top:30px; text-align:center; transition:all 0.5s ease;} #RGB19 .index_top3 .li_right .li_text .h5_a{color:#333333; font-size:18px;} #RGB19 .index_top3 .li_right .li_text .p_a{color:#817e7c; margin-bottom:20px; font-size:14px; padding-top:18px;} #RGB19 .index_top3 .li_right .li_text .span_a{ background:#ac8b53; color:#ffffff; text-align:center; padding:4px 10px; line-height:24px; font-size:14px; } #RGB19 .index_top3 .li_right .li_img{ text-align:center; transition:all 0.5s ease; display:block; margin:0 auto; width: 74.886%; } #RGB19 .index_top3 .li_right:hover .li_text,#RGB19 .index_top3 .li_right:hover .li_img{ -webkit-transform: translateY(-10px); transform: translateY(-10px); } @media screen and (max-width:1629px){ #RGB19 .index_top3 .ul_left li{padding:25px; height:auto;} #RGB19 .index_top3 .ul_left .li_img{height:144px; top:0;} #RGB19 .index_top3 .li_right{padding:30px;} #RGB19 .index_top3 .li_right .li_img{width:68.8%;} #RGB19 .index_top3{padding:80px 0;} #RGB19 .index_top3 .h3_a{font-size:36px; padding-bottom:30px;} #RGB19 .index_top3 .h3_span{font-size:20px;} } @media screen and (max-width:1199px){ #RGB19 .index_top3 .li_right{padding:20px;} #RGB19 .index_top3 .ul_left li{padding:20px;} #RGB19 .index_top3 .ul_left .li_img{height:135px; top:0;} #RGB19 .index_top3{padding:50px 0; margin-top:50px;} #RGB19 .index_top3 .h3_a{font-size:32px;} #RGB19 .index_top3 .h3_span{font-size:22px;} } @media screen and (max-width:991px){ #RGB19 .index_top3{padding:40px 0; margin-top:40px;} #RGB19 .index_top3 .ul_left{width:100%;} #RGB19 .index_top3 .li_right{width:100%; text-align:center; margin-top:4%;} #RGB19 .index_top3 .ul_left li{padding:20px;} #RGB19 .index_top3 .ul_left .li_img{height:135px; top:0;} #RGB19 .index_top3 .li_right .li_img{width:60%;} #RGB19 .index_top3 .bottom_text .p_a{margin-bottom:20px;} #RGB19 .index_top3 .ul_left li .bottom_text{padding:10%;} #RGB19 .index_top3 .h3_a{font-size:28px; padding-bottom:20px;} #RGB19 .index_top3 .h3_span{font-size:18px;} } @media screen and (max-width:768px){ #RGB19 .index_top3{padding:20px 0; margin-top:20px;} #RGB19 .index_top3 .ul_left .li_text .h5_a,#RGB19 .index_top3 .bottom_text .h5_a,#RGB19 .index_top3 .li_right .li_text .h5_a{font-size:16px;} #RGB19 .index_top3 .ul_left .li_text .span_a,#RGB19 .index_top3 .bottom_text .span_a{padding:2px 7px;} #RGB19 .index_top3 .ul_left .li_text{width:100%;} #RGB19 .index_top3 .ul_left .li_text .p_a{margin-bottom:10px; padding-top:10px;} #RGB19 .index_top3 .ul_left .li_img{display:block; position:inherit; height:auto; width: 87%;margin: 5% auto 0; height: auto; text-align: center;top:0; } #RGB19 .index_top3 .bottom_text .p_a{padding-top:10px; margin-bottom:10px;} #RGB19 .index_top3 .ul_left .li_img img{display:block;} #RGB19 .index_top3 .ul_left li .bottom_img{width:80%;} #RGB19 .index_top3 .ul_left li .bottom_text{padding:40% 0;} #RGB19 .index_top3 .ul_left li{padding:10px;} #RGB19 .index_top3 .li_right .li_img{width:100%;} #RGB19 .index_top3 .li_right{padding:15px;} #RGB19 .index_top3 .li_right .li_text{padding-top:10px;} #RGB19 .index_top3 .li_right .li_text .p_a{padding-top:10px; margin-bottom:10px;} #RGB19 .index_top3 .h3_a{ padding-bottom:10px; font-size:26px;} #RGB19 .index_top3 .h3_span{padding:1px 3px; top:-1px; font-size:16px;}} } #RGB20 .pz_banner{position:relative;} #RGB20 .pz_banner img{display:block;} #RGB20 .slide_banner{ margin:0; } #RGB20 .slide_banner .slick-slide{ width:100%; padding:0;} #RGB20 .slide_banner img{ width:100%;} #RGB20 .slide_banner .slick-prev{position:absolute; width:40px; height:108px; left:0; top:47%; margin-top:-24px; z-index:2; background: url(img/20_banleft.png) no-repeat; cursor:pointer; } #RGB20 .slide_banner .slick-next{position:absolute; width:40px; height:108px; right:0; top:47%; margin-top:-24px; z-index:2; background: url(img/20_banlefta.png) no-repeat; cursor:pointer; } #RGB20 .slide_banner .slick-prev:hover{background: url(img/20_banrighta.png) no-repeat; } #RGB20 .slide_banner .slick-next:hover{background: url(img/20_banright.png) no-repeat; } #RGB20 .slide_banner .slick-dots{ bottom:30px; height:4px; display:none!important;} #RGB20 .slide_banner .slick-dots li{ width:35px; height:4px; margin:0 3px; } #RGB20 .slide_banner .slick-dots li button{ display:none;} #RGB20 .pz_banner .slick-list{ margin-right: auto; margin-left: auto;} #RGB20 .scrollDown{position: absolute; left:50%; width:16px; margin-left: -32px; bottom:0; padding-bottom:30px;} #RGB20 .scrollDown a{float: left; width: 100%; height:28px; display: block; -webkit-animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite; animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite; } #RGB20 .scrollDown a img{float:left; width:100%; display: block;} @media (min-width: 768px){ #RGB20 .pz_banner .slick-list{ width: 768px;padding:0;margin-right: auto; margin-left: auto;} } @media (min-width: 992px){ #RGB20 .pz_banner .slick-list{width: 992px;margin-right: auto; margin-left: auto;} } @media (min-width: 1200px){ #RGB20 .pz_banner .slick-list{width: 1200px; padding-right: 15px; padding-left: 15px;margin-right: auto; margin-left: auto;} } @media (min-width: 1630px){ #RGB20 .pz_banner .slick-list{width:100%; padding-right:0; padding-left:0;} } @media (min-width:1920px){ #RGB20 .pz_banner .slick-list{width:1700px; padding-right:15px; padding-left:15px;} } @media screen and (max-width:1629px){ #RGB20 .slide_banner .slick-prev{ left:0; width:35px; height:94px; margin-top:0; background-size:35px 94px; } #RGB20 .slide_banner .slick-prev:hover{background-size:35px 94px;} #RGB20 .slide_banner .slick-next{ right:0; width:35px; height:94px; margin-top:0; background-size:35px 94px; } #RGB20 .slide_banner .slick-next:hover{background-size:35px 94px;} } @media screen and (max-width:1199px){ #RGB20 .slide_banner .slick-prev{ left:0; width:30px; height:84px; margin-top:0; background-size:30px 84px; } #RGB20 .slide_banner .slick-prev:hover{background-size:30px 84px;} #RGB20 .slide_banner .slick-next{ right:0; width:30px; height:84px; margin-top:0; background-size:30px 84px; } #RGB20 .slide_banner .slick-next:hover{background-size:30px 84px;} } @media screen and (max-width:991px){ #RGB20 .slide_banner .slick-prev{ left:0; width:24px; height:62px; margin-top:0; background-size:24px 62px; } #RGB20 .slide_banner .slick-prev:hover{background-size:24px 62px;} #RGB20 .slide_banner .slick-next{ right:0; width:24px; height:62px; margin-top:0; background-size:24px 62px; } #RGB20 .slide_banner .slick-next:hover{background-size:24px 62px;} #RGB20 .slide_banner .slick-dots{ bottom:20px; height:3px;} #RGB20 .slide_banner .slick-dots li{ width:15px; height:3px; margin:0 2px; } } @media screen and (max-width:768px){ #RGB20 .scrollDown{width: 10px; margin-left: -22px; left:56%; padding-bottom:10px; bottom:0; background:none; } #RGB20 .scrollDown a{height:20px; background-size: 100%;} } #RGB29 .top_title{width:100%; display:block; text-align:center; padding: 58px 0 30px 0;} #RGB29 .top_title .h6_a{font-size: 47px; color: #ac8b53; font-family:"Microsoft YaHei UI";} #RGB29 .top_title .p_a{color: #ac8b53; font-size: 24px;} #RGB29 .ny_xl{border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; width:100%; display:block;display: flex; align-items: center; justify-content: center; margin-bottom: 60px; } #RGB29 .ny_xl li{ float:left; color: #333333;} #RGB29 .ny_xl a{ display:block; width:100%; padding:18px 40px; color:#333333; font-size: 18px;} #RGB29 .ny_xl li.on a,#RGB29 .ny_xl li:hover a{color:#ffffff;} #RGB29 .ny_xl li:hover,#RGB29 .ny_xl li.on{background:#ac8b53;} #RGB29 .about_a{width:100%; display:block; margin-bottom:60px; padding:45px; background:#f3f3f3; } #RGB29 .about_a .about_img{width:50%; float:left; /*height:528px;*/ padding:0 3% 1% 0; position:relative; z-index:1;} #RGB29 .about_a .about_img img{display:block; height:100%;} #RGB29 .about_a .about_text{/*width:50%;*/ /*float:right;*/} #RGB29 .about_a .about_text .h6_b{display:block; position:relative; color: #ac8b53; font-size: 30px; overflow:hidden;} #RGB29 .about_a .about_text .h6_b::after{position: absolute; margin-left: 46px;content: "";top: 16px; height: 1px; width: 60%; background-color: #ac8b53;} #RGB29 .about_a .about_text .text_p{line-height:36px; padding:25px 0 0 0; color: #444444; font-size: 16px; /*height:398px; overflow-y:auto;*/} @media screen and (max-width:1629px){ #RGB29 .about_a .about_text .text_p{line-height:30px;} #RGB29 .about_a .about_text .h6_b::after{width:43%;} #RGB29 .ny_xl a{padding:15px 30px;} #RGB29 .top_title .h6_a{font-size:36px;} #RGB29 .top_title .p_a{font-size:22px;} #RGB29 .about_a .about_text .text_p{font-size:14px;} #RGB29 .top_title{padding-top:40px;} } @media screen and (max-width:1199px){ #RGB29 .about_a{padding:58.5px;} #RGB29 .about_a .about_text .text_p{padding:35px 0 0; line-height:24px; /*height:371px;*/} #RGB29 .about_a .about_text .h6_b::after{width:31%; margin-left:23px;} #RGB29 .about_a .about_text{/*padding:58.5px;*/} #RGB29 .ny_xl a{padding:10px 20px;} #RGB29 .top_title .h6_a{font-size:32px;} #RGB29 .top_title .p_a{font-size:20px;} #RGB29 .top_title{padding:30px 0;} } @media screen and (max-width:991px){ #RGB29 .about_a .about_img{width:100%; } #RGB29 .about_a .about_text{width:100%; } #RGB29 .about_a .about_text .h6_b::after{width:60%;} #RGB29 .ny_xl a{ padding:8px 10px; font-size:16px;} #RGB29 .top_title .h6_a{font-size:30px;} #RGB29 .top_title .p_a{font-size:20px;} #RGB29 .about_a .about_text .text_p{height:auto;} } @media screen and (max-width:768px){ #RGB29 .about_a{ padding:20px;} #RGB29 .about_a .about_img{width:100%; background:none; height:auto;} #RGB29 .about_a .about_text{width:100%;} #RGB29 .about_a .about_text .h6_b::after{width:40%; top:10px;} #RGB29 .about_a .about_text .text_p{padding-top:10px;} #RGB29 .ny_xl a{padding:5px 10px;font-size:15px; } #RGB29 .top_title .h6_a{font-size:16px;} #RGB29 .top_title .p_a{font-size:16px;} #RGB29 .about_a .about_text .h6_b{font-size:18px;} #RGB29 .top_title{padding:15px 0 10px;} #RGB29 .ny_xl{margin-bottom:20px;} } #RGB30 .pz_banner,#RGB20 .pz_banner{position:relative;} #RGB30 .pz_banner img{display:block;} #RGB30 .pz_banner .slick-list{ margin-right: auto; margin-left: auto;} @media (min-width: 768px) { #RGB30 .pz_banner .slick-list{ width: 768px; } } @media (min-width: 992px) { #RGB30 .pz_banner .slick-list{ width: 992px; } } @media (min-width: 1200px) { #RGB30 .pz_banner .slick-list{width:1200px;} } @media (min-width: 1630px){ #RGB30 .pz_banner .slick-list{width:100%; padding-right:15px; padding-left:15px;} } @media (min-width:1920px){ #RGB30 .pz_banner .slick-list{width:1700px; padding-right:15px; padding-left:15px;} } @media screen and (max-width:1629px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:768px){ } #RGB32 .top_title{width:100%; display:block; text-align:center; padding: 58px 0 30px 0;} #RGB32 .top_title .h6_a{font-size: 47px; color: #ac8b53; font-family:"Microsoft YaHei UI";} #RGB32 .top_title .p_a{color: #ac8b53; font-size: 24px;} #RGB32 .ny_xl{border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; width:100%; display:block;display: flex; align-items: center; justify-content: center; margin-bottom: 60px; } #RGB32 .ny_xl li{ float:left; color: #333333;} #RGB32 .ny_xl a{ display:block; width:100%; padding:18px 40px; color: #333333; font-size: 18px;} #RGB32 .ny_xl li.on a,#RGB32 .ny_xl li:hover a{color:#ffffff;} #RGB32 .ny_xl li:hover,#RGB32 .ny_xl li.on{background:#ac8b53;} #RGB32 .pic{width:100%; display:block; padding:15px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; position:relative;} #RGB32 .pic .pic_left{float:left; width:15%; position:absolute; left:0;} #RGB32 .pic .pic_left a{background:url(img/32_fh.png)no-repeat center left; padding-left:40px; } #RGB32 .pic .pic_center{width:80%; margin:0 auto; text-align:center;display: flex;align-items: center;justify-content: center;} #RGB32 .pic .pic_center li{padding:0 15px; float:left; } #RGB32 .pic .pic_center li a{color:#333333; font-size:16px;} #RGB32 .pic .pic_center li a:hover{color:#ac8b53;} #RGB32 .pic .search_lb{width:11%; padding:6px; float:right; border:1px solid #cccccc; border-radius:20px; position:absolute; right:0; top:8px;} #RGB32 .pic .search_lb .button_img{background:none; border:none; width:22px;height:22px; float:left;} #RGB32 .pic .search_lb .input_text{padding:0 8px; color:#333333; font-size:14px; float:left; width:86%; background:none; border:none; outline:none; line-height:22px; } #RGB32 .list{width:100%; display:block; margin-bottom:5%;} #RGB32 .list .list_li{width:100%; display:block; position:relative; padding-top:40px; border-bottom:1px solid #e3e3e3;} #RGB32 .list .b_zm{position:absolute; left:0; top:40px; font-size:24px; color:#333333; font-weight:bold;} #RGB32 .list .ul{padding-left:20px; display:block;} #RGB32 .list .ul li{ margin:0 3% 2% 0; width:14.167%; float:left; text-align:center; transition: all linear 0.5s;} #RGB32 .list .ul li .list_a{font-size:16px; width:100%;} #RGB32 .list .ul li .list_b{color:#333333; font-size:14px; padding-top:16px; width:100%;} #RGB32 .list .ul li:nth-child(6n){margin-right:0;} #RGB32 .list .ul li:hover{ -webkit-transform: translateY(-10px); transform: translateY(-10px); } #RGB32 .list .ul li a:hover .list_a{color:#ac8b53;} #RGB32 .list .ul li a:hover .list_b{color:#ac8b53;} /*滚动条样式*/ #RGB32 .pic_center::-webkit-scrollbar { width:2px; height:2px; } #RGB32 .pic_center::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 2px #e3e3e3; opacity: 0.9; background: #e3e3e3; } #RGB32 .pic_center::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px #e3e3e3;border-radius: 0; background: #e3e3e3; opacity: 0.1; } #RGB32 .dropload-up,.dropload-down{ position: relative; height: 0; overflow: hidden;font-size: 12px; /* 开启硬件加速 */ -webkit-transform:translateZ(0); transform:translateZ(0); } #RGB32 .dropload-down{height: 50px;} #RGB32 .dropload-refresh,#RGB32 .dropload-update,#RGB32 .dropload-load,#RGB32 .dropload-noData{ height: 50px;line-height: 50px; text-align: center;} #RGB32 .dropload-load .loading{ display: inline-block; height: 15px;width: 15px;border-radius: 100%;margin: 6px; border: 2px solid #4c4c4d;border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } @media screen and (max-width:1629px){ #RGB32 .pic .pic_center li{padding:0 10px;} #RGB32 .pic .search_lb .input_text{} #RGB32 .pic .search_lb{width:15%;} #RGB32 .ny_xl a{padding:15px 30px;} #RGB32 .top_title .h6_a{font-size:36px;} #RGB32 .top_title .p_a{font-size:22px;} #RGB32 .top_title{padding-top:40px;} } @media screen and (max-width:1199px){ #RGB32 .list .ul li{width:18.2%;} #RGB32 .list .ul li:nth-child(6n){margin-right:3%;} #RGB32 .list .ul li:nth-child(2n){margin-right:0;} #RGB32 .pic .pic_center li{padding:0 7px;} #RGB32 .pic .search_lb{width:18%;} #RGB32 .ny_xl a{padding:10px 20px;} #RGB32 .top_title .h6_a{font-size:32px;} #RGB32 .top_title .p_a{font-size:20px;} #RGB32 .top_title{padding:30px 0;} } @media screen and (max-width:991px){ #RGB32 .pic .pic_left{top:120%;} #RGB32 .pic .search_lb{top:120%; width:30%;} #RGB32 .list{padding-top:8%;} #RGB32 .list .ul li{width:31.33%;} #RGB32 .list .ul li:nth-child(6n){margin-right:3%;} #RGB32 .list .ul li:nth-child(2n){margin-right:3%;} #RGB32 .list .ul li:nth-child(3n){margin-right:0;} #RGB32 .ny_xl a{ padding:8px 10px; font-size:16px;} #RGB32 .top_title .h6_a{font-size:30px;} #RGB32 .top_title .p_a{font-size:20px;} #RGB32 .pic .pic_left a{font-size:14px;} } @media screen and (max-width:768px){ #RGB32 .pic{padding:8px 0;} #RGB32 .pic .pic_center{width:90%; height:30px; overflow-x: scroll;white-space: nowrap; justify-content:flex-start;} #RGB32 .pic .pic_left{width:40%; top:130%;} #RGB32 .pic .search_lb{width:59%;} #RGB32 .list .ul li{width:48%; margin-bottom:4%;} #RGB32 .list .ul li:nth-child(6n){margin-right:3%;} #RGB32 .list .ul li:nth-child(3n){margin-right:3%;} #RGB32 .list .ul li:nth-child(2n){margin-right:0;} #RGB32 .list .ul li .list_a{font-size:14px;} #RGB32 .list .ul li .list_b{font-size:12px;} #RGB32 .ny_xl a{padding:5px 10px;font-size:15px; } #RGB32 .top_title .h6_a{font-size:16px;} #RGB32 .top_title .p_a{font-size:16px;} #RGB32 .top_title{padding:15px 0 10px;} #RGB32 .ny_xl{margin-bottom:20px;} } #RGB33 .top_title{width:100%; display:block; text-align:center; padding: 58px 0 30px 0;} #RGB33 .top_title .h6_a{font-size: 47px; color: #ac8b53; font-family:"Microsoft YaHei UI";} #RGB33 .top_title .p_a{color: #ac8b53; font-size: 24px;} #RGB33 .ny_xl{border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; width:100%; display:block;display: flex; align-items: center; justify-content: center; margin-bottom: 60px; } #RGB33 .ny_xl li{ float:left; color: #333333;} #RGB33 .ny_xl a{ display:block; width:100%; padding:18px 40px; color: #333333; font-size: 18px;} #RGB33 .ny_xl li.on a,#RGB33 .ny_xl li:hover a{color:#ffffff;} #RGB33 .ny_xl li:hover,#RGB33 .ny_xl li.on{background:#ac8b53;} #RGB33 .xiang_a{width:100%; display:block;} #RGB33 .xiang_a .xiang_left{width:21%; float:left; padding:0 3% 1% 0 ;} #RGB33 .xiang_a .xiang_left img{border:8px solid #f0f0f0; } #RGB33 .xiang_a .xiang_right{/*width:61%; float:right;*/} #RGB33 .xiang_a .xiang_right .rtitle{float:left; width:79%; margin-bottom:30px;} #RGB33 .xiang_a .right_title{padding:18px 0; border-bottom:4px solid #f0f0f0; float:left;} #RGB33 .xiang_a .h3_p{font-weight:bold; position:relative; display:inline-block; font-size: 24px; color: #ac8b53;} #RGB33 .xiang_a .h3_p::after{position:absolute; left:0; content: ""; bottom:-22px; height:4px; background:#ac8b53; width:100%;} #RGB33 .xiang_a .right_title .title_span{ color:#817e7c; font-size:16px; font-weight:normal;} #RGB33 .xiang_a .right_text{ font-size:16px; line-height:28px; padding:22px 0;} #RGB33 .xgcp_ul{width:100%; display:block; padding:65px 0;} #RGB33 .xgcp_ul .xg_title{text-align:center; width:100%; display:block; position:relative; font-size: 24px; color: #ac8b53;} #RGB33 .xgcp_ul .xg_title::after, #RGB33 .xgcp_ul .xg_title::before{background:url(img/33_ys_img_07.jpg)no-repeat; content: ""; background-size:auto 14px; position:absolute; height:14px; width:45%; top:11px; } #RGB33 .xgcp_ul .xg_title::after{margin-right:32px; left:0; } #RGB33 .xgcp_ul .xg_title::before{margin-left:32px; right:0; } #RGB33 .homeLinkList{margin: 0 auto;} #RGB33 .homeLink_s{width: 100%; margin-top: 49px;overflow: hidden; padding-bottom:50px;} #RGB33 .homeLink_s .li_hp{float: left; width:18%; margin:2% 1% 0 1%; overflow: hidden; overflow: hidden; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } #RGB33 .homeLink_s .li_hp a{float: left; width: 100%; display: block; position:relative;} #RGB33 .homeLink_s .li_hp .p_text{position:absolute;left:0; bottom:-100%; width:100%; background:#ac8b53; opacity: 0.7; text-align:center; line-height:36px; color:#ffffff; font-size:16px; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } #RGB33 .homeLink_s .li_hp a img{width: 100%; display: block; border:6px solid #f0f0f0; } #RGB33 .homeLink_s .li_hp:hover{ -webkit-transform: translateY(-10px); transform: translateY(-10px); } #RGB33 .homeLink_s .li_hp:hover .p_text{left:0; bottom:0;} #RGB33 .homeLink_s .slick-dots{ bottom:3px; height:15px;} #RGB33 .homeLink_s .slick-dots li{ width:10px; height:10px; margin:0 4px; background: #cccccc; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } #RGB33 .homeLink_s .slick-dots button{display: none;} #RGB33 .homeLink_s .slick-dots li.slick-active{background:#ac8b53; } @media screen and (max-width:1629px){ #RGB33 .xiang_a .h3_p{font-size:20px;} #RGB33 .xgcp_ul .xg_title{ font-size:20px;} #RGB33 .xiang_a .right_text{line-height:24px; font-size:14px; padding:10px 0;} #RGB33 .xiang_a .xiang_left{width:28%;} #RGB33 .xiang_a .xiang_right{/*width:51%;*/} #RGB33 .xiang_a .xiang_right .rtitle{float:left; width:72%; margin-bottom:25px;} #RGB33 .xiang_a .right_title{padding-top:0;} #RGB33 .ny_xl a{padding:15px 30px;} #RGB33 .top_title .h6_a{font-size:36px;} #RGB33 .top_title .p_a{font-size:22px;} #RGB33 .top_title{padding-top:40px;} } @media screen and (max-width:1199px){ #RGB33 .xgcp_ul .xg_title,#RGB33 .xiang_a .h3_p{font-size:22px;} #RGB33 .xgcp_ul .xg_title::after, #RGB33 .xgcp_ul .xg_title::before{top:6px; height:10px;} #RGB33 .xiang_a .xiang_left{width:35%; float:left;} #RGB33 .xiang_a .xiang_right{/*width:61%;*/} #RGB33 .xiang_a .xiang_right .rtitle{float:left; width:65%; margin-bottom:20px;} #RGB33 .xgcp_ul .xg_title::after, #RGB33 .xgcp_ul .xg_title::before{width:40%;} #RGB33 .homeLink_s .li_hp .p_text{line-height:30px;} #RGB33 .ny_xl a{padding:10px 20px;} #RGB33 .top_title .h6_a{font-size:32px;} #RGB33 .top_title .p_a{font-size:20px;} #RGB33 .top_title{padding:30px 0;} } @media screen and (max-width:991px){ #RGB33 .xgcp_ul .xg_title,#RGB33 .xiang_a .h3_p{font-size:18px;} #RGB33 .homeLink_s .li_hp{width:31.3%; margin:2% 1% 0 1%;} #RGB33 .xiang_a .xiang_left{padding:0 0 4%; width:100%; float:left;} #RGB33 .xiang_a .xiang_right{width:100%; float:left;} #RGB33 .xiang_a .xiang_right .rtitle{float:left; width:100%; margin-bottom:0px;} #RGB33 .homeLink_s .li_hp .p_text{line-height:24px; font-size:14px;} #RGB33 .homeLink{margin-top: 79px; padding-bottom: 68px;} #RGB33 .homeLink_s{margin-top: 48px; padding-bottom: 62px;} #RGB33 .ny_xl a{ padding:8px 10px; font-size:16px;} #RGB33 .top_title .h6_a{font-size:30px;} #RGB33 .top_title .p_a{font-size:20px;} #RGB33 .xiang_a .right_text{ float:left; width:100%;} } @media screen and (max-width:768px){ #RGB33 .xgcp_ul .xg_title{font-size:16px;} #RGB33 .xiang_a .h3_p{font-size:15px;} #RGB33 .xiang_a .right_title .title_span{font-size:14px;} #RGB33 .xiang_a .right_title .title_span{display:block;} #RGB33 .xiang_a .h3_p::after{bottom:-34px;} #RGB33 .xiang_a .right_title{padding-bottom:9px;} #RGB33 .xgcp_ul{padding:4% 0;} #RGB33 .xgcp_ul .xg_title::after, #RGB33 .xgcp_ul .xg_title::before{width:30%;} #RGB33 .homeLink{margin-top: 39px; padding-bottom: 38px;} #RGB33 .homeLinkList{margin: 0 -5px;} #RGB33 .homeLink_s{margin-top: 28px; padding-bottom:50px;} #RGB33 .homeLink_s .li_hp{ } #RGB33 .homeLink_s .slick-dots{height:12px; bottom:24px;} #RGB33 .homeLink_s .slick-dots li{ width:8px; height:8px; margin:0 3px;} #RGB33 .ny_xl a{padding:5px 10px;font-size:15px; } #RGB33 .top_title .h6_a{font-size:16px;} #RGB33 .top_title .p_a{font-size:16px;} #RGB33 .top_title{padding:15px 0 10px;} #RGB33 .ny_xl{margin-bottom:20px;} } #RGB34 .cp_list{ padding:62px 0 0; width:100%; displayt:block;} #RGB34 .cp_list .cp_li img{display:block; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic; } #RGB34 .cp_tj{width:100%; displayt:block;} // #RGB34 .cp_lia .cp_li{width:48%!important; margin:0 4% 4% 0;} #RGB34 .cp_tj .tj_li{width:49%!important;} #RGB34 .cp_tj .tj_ul{width:49%; float:right; margin:0 0 2% 0;} #RGB34 .cp_tj .tj_ul .cp_li{width:48%!important; margin:0 4% 4% 0;} #RGB34 .cp_tj .tj_ul .cp_li:nth-child(2n){margin-right:0!important;} #RGB34 .cp_tj .tj_ul .cp_li:nth-child(3){margin-bottom:0!important;} #RGB34 .cp_tj .tj_ul .cp_li:nth-child(4){margin-bottom:0!important;} #RGB34 .cp_ul{width:100%; displayt:block;} #RGB34 .cp_list .cp_lia .cp_li{width:23.5%; margin:0 2% 2% 0; float:left; border:1px solid #e6e6e6; overflow: hidden; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } #RGB34 .cp_list .cp_lia .cp_li a{ text-align:center; display:block; position:relative; width:100%;} #RGB34 .cp_list .cp_lia .cp_li:nth-child(4n){margin-right:0;} #RGB34 .cp_list .cp_lia .cp_li .li_text{position:absolute; left:0; bottom:-100%; padding:20px 4%; width:100%; text-align:center; color:#ffffff; background:#ac8b53; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } #RGB34 .cp_tj .tj_li .li_text{padding:32px 4%!important;} #RGB34 .cp_list .cp_lia .cp_li .li_text .li_title{font-weight:bold; font-size:16px; color:#ffffff;} #RGB34 .cp_list .cp_lia .cp_li .li_text .li_span{padding-top:12px; font-size:14px; width:100%; display:block; color:#ffffff;} #RGB34 .cp_list .cp_lia .cp_li:hover .li_text{position:absolute; left:0; bottom:0;} #RGB34 .cp_list .cp_lia .cp_li:hover{border:1px solid #ac8b53;} #RGB34 .cp_list .cp_lia .cp_li:hover img{ -webkit-transform: scale(1.01); -moz-transform: scale(1.01);transform: scale(1.01);} @media screen and (max-width:1629px){ #RGB34 .cp_list .cp_lia .cp_li .li_text .li_span{padding-top:9px;} #RGB34 .cp_list{padding:42px 0 0;} } @media screen and (max-width:1199px){ #RGB34 .cp_list .cp_lia .cp_li .li_text .li_span{padding-top:6px;} #RGB34 .cp_list{padding:32px 0 0;} #RGB34 .cp_list .cp_lia .cp_li .li_text{padding:15px 4%;} } @media screen and (max-width:991px){ #RGB34 .cp_list .cp_lia .cp_li .li_text .li_title{font-size:15px;} #RGB34 .cp_list .cp_lia .cp_li .li_text{padding:10px 4%;} #RGB34 .cp_list .cp_lia .cp_li .li_text .li_span{padding-top:0px;} #RGB34 .cp_list{padding:22px 0 0;} } @media screen and (max-width:768px){ #RGB34 .cp_list .cp_lia .tj_li{width:100%!important;} #RGB34 .cp_tj .tj_ul{width:100%;} #RGB34 .cp_list .cp_lia .cp_li{width:48%; margin:0 4% 4% 0;} #RGB34 .cp_list .cp_lia .cp_li:nth-child(2n){margin-right:0;} #RGB34 .cp_list{/* padding:20px 0; */} } #RGB35 .cp_pic{width:100%; display:block; padding-top:60px;} #RGB35 .cp_pic .cp_top{width:100%; display:block;} #RGB35 .cp_pic .cp_top .cp_left{width:48.5%; float:left;} #RGB35 .cp_pic .pica{ position: relative; width:100%; overflow: hidden;} #RGB35 .home_res12{width:100%; display:block;} #RGB35 .slick_res2r{float:right; width:19.1%; position:relative;} #RGB35 .slick_res2r .slick-slide{float: left; width:100%; cursor: pointer; display: inline; overflow:hidden; margin-bottom:20px; position:relative; } #RGB35 .slick_res2r .slick-slide img{width:100%; } #RGB35 .slick_res2r .slick-slide::before{ content:''; width:100%; height:100%; border:solid 4px #f0f0f0; position:absolute; left:0; top:0; z-index:9; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #RGB35 .slick_res2r .slick-slide.slick-current::before, #RGB35 .slick_res2r .slick-slide:hover::before{border:4px solid #ac8b53;} #RGB35 .slick-list{margin-bottom:38px;} #RGB35 .slick_res1l{float:left; width:75.3%;} #RGB35 .slick_res1l img{border:8px solid #f0f0f0;} #RGB35 .slick-prev{float:left; position: absolute; left: 0; top:96.5%; background-size: auto 100%; width:48%; height:32px; background:url(img/35_lia_img_10.png) no-repeat center #c7c7c7; z-index: 99; } #RGB35 .slick-next{ float:left; background-size: auto 100%; width:48%; height:32px; position: absolute; right: 0; top:96.5%; background:url(img/35_lia_img_12.png) no-repeat center #c7c7c7; margin-left: 10px; z-index: 99; } #RGB35 .slick-prev:hover{background:url(img/35_lia_img_10.png) no-repeat center #ac8b53;} #RGB35 .slick-next:hover{ background:url(img/35_lia_img_12.png) no-repeat center #ac8b53;} #RGB35 .cp_pic .cp_top .cp_right{width:48.5%; float:right; max-height:584px; overflow-y:auto;} #RGB35 .cp_pic .right_title{padding-bottom:18px; border-bottom:3px solid #f0f0f0; display:block; color: #ac8b53; font-size: 20px;} #RGB35 .cp_pic .right_title .p_h3{position:relative; display:inline-block; color: #ac8b53;} #RGB35 .cp_pic .p_h3::after{position:absolute; left:0; bottom:-21px; height:4px; width:100%; content: ""; background:#ac8b53;} #RGB35 .cp_pic .right_text{padding:26px 0; line-height:36px; color: #4c4c4d; font-size: 16px;} #RGB35 .cp_pic .right_text:last-child{padding-bottom:0;} #RGB35 .cp_conter{padding:40px 0;} #RGB35 .cp_conter .conetr_text{padding:33px 0 0; display:block; line-height:30px; color: #4c4c4d; font-size: 16px;} #RGB35 .cp_box{width:100%; display:block; position: relative; } #RGB35 .cp_box .hd{width: 100%; border-bottom:3px solid #f0f0f0; display:block; padding-bottom:18px; position:relative;} #RGB35 .cp_box .hd ul{width: 100%; display:block;} #RGB35 .cp_box .hd ul li{float: left;margin-right:64px; cursor: pointer; position: relative; color: #4c4c4d; font-size: 20px;} #RGB35 .cp_box .hd ul li::after{position: absolute; content: ""; width:100%; height:4px; bottom:-21px; left: 0; filter:alpha(opacity=00);opacity:0; background-color: #ac8b53;} #RGB35 .cp_box .hd ul li.on{/*font-weight: bold;*/ color: #ac8b53;} #RGB35 .cp_box .hd ul li.on::after{filter:alpha(opacity=100);opacity:1;} #RGB35 .cp_box .bd{width: 100%;} #RGB35 .cp_box .box{width:100%; display:block; padding:50px 0;} #RGB35 .cp_box .box .box_title{font-weight:bold; padding-bottom:20px; color: #000000; font-size: 18px;} #RGB35 .cp_box .box .box_text{line-height:32px; color: #4c4c4d; font-size: 16px;} @media screen and (max-width:1629px){ #RGB35 .cp_pic .cp_top .cp_right{ max-height:427px;} #RGB35 .cp_pic .right_title{padding-bottom:12px; font-size:18px;} #RGB35 .cp_pic .p_h3::after{bottom:-15px;} #RGB35 .cp_box .hd ul li{font-size:20px;} #RGB35 .cp_pic .right_text{padding:10px 0; line-height:30px;} #RGB35 .slick_res2r .slick-slide{margin-bottom:11px;} #RGB35 .cp_pic{padding-top:40px;} } @media screen and (max-width:1199px){ #RGB35 .cp_pic .cp_top .cp_left{width:76%; margin:0 auto 3%; display:block; float:none;} #RGB35 .cp_pic .cp_top .cp_right{width:100%; max-height:initial;} #RGB35 .cp_pic .right_title{font-size:22px;} #RGB35 .cp_box .hd ul li{font-size:22px;} #RGB35 .cp_pic .right_text{font-size:15px;} #RGB35 .slick_res2r .slick-slide{margin-bottom:30px;} #RGB35 .cp_pic{padding-top:30px;} } @media screen and (max-width:991px){ #RGB35 .cp_pic .cp_top .cp_right{margin-top:3%;} #RGB35 .cp_box .hd ul li{font-size:18px;} #RGB35 .cp_conter .conetr_text{padding-top:20px; line-height:28px; } #RGB35 .cp_conter{padding:20px 0;} #RGB35 .cp_pic .right_title{padding-bottom:8px; font-size:20px;} #RGB35 .cp_pic .p_h3::after{bottom:-10px;} #RGB35 .cp_pic .right_text{line-height:28px;} #RGB35 .cp_pic .cp_top .cp_left{width:100%;} #RGB35 .cp_pic .ul_left{width:100%;} #RGB35 .cp_pic .li_right{width:100%; text-align:center; margin-top:4%;} #RGB35 .cp_pic .ul_left li{padding:20px;} #RGB35 .cp_pic .ul_left .li_img{height:135px; top:0;} #RGB35 .cp_pic .li_right .li_img{width:60%;} #RGB35 .cp_pic .bottom_text .p_a{margin-bottom:20px;} #RGB35 .cp_pic .ul_left li .bottom_text{padding:10%;} #RGB35 .cp_box .hd{padding-bottom:8px;} #RGB35 .cp_box .hd ul li::after{bottom:-10px;} #RGB35 .cp_box .box{padding:20px 0;} #RGB35 .cp_box .box .box_title{font-size:16px;} #RGB35 .cp_box .box .box_text{line-height:28px; } #RGB35 .cp_pic .right_text{font-size:14px;} #RGB35 .slick_res1l{width:66%; margin:0 auto 3%; display:block; float:none;} #RGB35 .slick_res2r{width:100%; top:0; margin:0 auto; } #RGB35 .slick_res2r .draggable{width:80%!important; top:0; margin:0 auto;} #RGB35 .slick_res2r .slick-slide{margin:0 10px;} #RGB35 .slick-next{right:0; top:50%; width:4%; position: absolute; background-size:100% 100%; height:50px; background:url(img/35_righta.png) no-repeat center #f0f0f0; z-index: 99;} #RGB35 .slick-prev{left:0; top:50%; width:4%;position: absolute; background-size:100% 100%; height:50px; background:url(img/35_lefta.png) no-repeat center #f0f0f0; z-index: 99; } #RGB35 .slick-next:hover{background-size:100% 100%; background:url(img/35_righta.png) no-repeat center #ac8b53; z-index: 99;} #RGB35 .slick-prev:hover{background-size:100% 100%; background:url(img/35_lefta.png) no-repeat center #ac8b53; z-index: 99; } #RGB35 .cp_conter .conetr_text,#RGB35 .cp_box .box .box_text{font-size:14px;} #RGB35 .cp_pic {padding-top:20px;} } @media screen and (max-width:768px){ #RGB35 .cp_pic .right_title{font-size:16px;} #RGB35 .cp_box .hd ul li{margin-right:20px; font-size:16px;} #RGB35 .cp_pic .bottom_text .p_a{padding-top:10px; margin-bottom:10px;} #RGB35 .slick_res1l{width:100%; margin:0 auto 3%;} #RGB35 .slick_res1l .slick-list{width:100%;} #RGB35 .slick-list{margin-bottom:0;} #RGB35 .slick-next,#RGB35 .slick-prev{width:8%;} } #RGB36 .cp_pic{width:100%; display:block;} #RGB36 .cp_pic .right_title{padding-bottom:18px; border-bottom:3px solid #f0f0f0; display:block; color: #ac8b53; font-size: 28px;} #RGB36 .cp_pic .right_title .p_h3{position:relative; display:inline-block; color: #ac8b53;} #RGB36 .cp_pic .p_h3::after{position:absolute; left:0; bottom:-21px; height:4px; width:100%; content: ""; background:#ac8b53;} #RGB36 .cp_pic .ul_left{display:block; padding:55px 0;} #RGB36 .cp_pic .ul_left li{width:31.99%; margin:0 2% 0 0; float:left;padding:40px; border:1px solid #d6d6d6; position:relative; overflow: hidden; } #RGB36 .cp_pic .ul_left li a{width:100%; display:block; } #RGB36 .cp_pic .ul_left li .li_bottom{position:absolute; left:0%; top:0; width:100%; height:100%; background-color: #ffffff; -align:center; display: flex;filter:alpha(opacity=00);opacity:0; align-items: center; justify-content: center;transition:all 0.5s ease; } #RGB36 .cp_pic .ul_left li .bottom_img{width:34.522%; text-align:center; } #RGB36 .cp_pic .ul_left li .bottom_text{position:absolute; left:0; top:0; padding:14%; z-index:2;width:100%; height:100%; text-align:center; background: #ac8b53; opacity: 0.8; color:#ffffff; } #RGB36 .cp_pic .ul_left img{display:block;} #RGB36 .cp_pic .ul_left li:hover .li_bottom{filter:alpha(opacity=100);opacity:1;} #RGB36 .cp_pic .bottom_text .h5_a{font-size: 18px; color: #ffffff;} #RGB36 .cp_pic .bottom_text .p_a{ margin-bottom:30px; padding-top:18px; color: #ffffff; } #RGB36 .cp_pic .bottom_text .span_a{ border:1px solid #ffffff; text-align:center; padding:4px 10px; line-height:24px; color:#ffffff; } /*定位*/ #RGB36 .cp_pic .ul_left a{width:100%; display:block;} #RGB36 .cp_pic .ul_left li:nth-child(3){margin-right:0;} #RGB36 .cp_pic .ul_left .li_text{float:left; position:relative; width:50%;} #RGB36 .cp_pic .ul_left .li_text .h5_a{font-size: 18px; color: #333333;} #RGB36 .cp_pic .ul_left .li_text .p_a{ margin-bottom:40px; padding-top:18px; color: #817e7c; font-size: 14px;} #RGB36 .cp_pic .ul_left .li_text .span_a{ margin-bottom:54px; background: #ac8b53; color:#ffffff; font-size: 14px; text-align:center; padding:4px 10px; line-height:24px; } #RGB36 .cp_pic .ul_left .li_img{width:40.95%; float:right; height:182px; position:relative; top:-10px;} @media screen and (max-width:1629px){ #RGB36 .cp_pic .ul_left li .bottom_text{padding:30px;} #RGB36 .cp_pic .ul_left .li_img{height:auto;} #RGB36 .cp_pic .right_title{padding-bottom:12px; font-size:26px;} #RGB36 .cp_pic .p_h3::after{bottom:-15px;} } @media screen and (max-width:1199px){ #RGB36 .cp_pic .ul_left li{padding:20px;} #RGB36 .cp_pic .ul_left .li_img{height:135px; top:0;} #RGB36 .cp_pic .right_title{font-size:22px;} } @media screen and (max-width:991px){ #RGB36 .cp_pic .ul_left{padding:30px 0;} #RGB36 .cp_pic .ul_left .li_text .p_a{margin-bottom:20px;} #RGB36 .cp_pic .ul_left .li_img{height:auto;} #RGB36 .cp_pic .right_title{padding-bottom:8px; font-size:20px;} #RGB36 .cp_pic .p_h3::after{bottom:-10px;} } @media screen and (max-width:768px){ #RGB36 .cp_pic .right_title{font-size:16px;} #RGB36 .cp_pic .ul_left .li_text .span_a,#RGB36 .cp_pic .bottom_text .span_a{padding:2px 7px;} #RGB36 .cp_pic .ul_left .li_text{width:100%;} #RGB36 .cp_pic .ul_left .li_text .p_a{margin-bottom:10px; padding-top:10px;} #RGB36 .cp_pic .ul_left .li_img{display:block; position:inherit; width:65.677%;margin: 5% auto 0; height: auto; text-align: center;top:0; } #RGB36 .cp_pic .bottom_text .p_a{padding-top:10px; margin-bottom:10px;} #RGB36 .cp_pic .ul_left .li_img img{display:block;} #RGB36 .cp_pic .ul_left li .bottom_img{width:61.112%;} #RGB36 .cp_pic .ul_left li .bottom_text{padding:40% 0;} #RGB36 .cp_pic .ul_left li{padding:10px; width:100%; margin:0 0 4% 0;} #RGB36 .cp_pic .li_right .li_img{width:100%;} #RGB36 .cp_pic .li_right{padding:15px;} #RGB36 .cp_pic .li_right .li_text{padding-top:20px;} #RGB36 .cp_pic .li_right .li_text .p_a{padding-top:10px; margin-bottom:10px;} #RGB36 .cp_pic{padding:20px 0;} #RGB36 .cp_pic .ul_left .li_text .h5_a,#RGB36 .cp_pic .bottom_text .h5_a{font-size:16px;} } #RGB37 .lx_conter{width:100%; display:block;} #RGB37 .lx_conter .lx_left{float:left; width:46%; background: #f9f9f9;} #RGB37 .lx_conter .lx_left .form{padding:80px 10% 60px 30%;} #RGB37 .lx_conter .p{ padding-bottom:26px; color: #333333; font-size: 18px;} #RGB37 .lx_conter .form .li_a{padding:8px 18px; width:100%; margin-bottom:10px; display:flex;background-color: #ffffff;} #RGB37 .lx_conter .form .a_span{line-height:30px; color: #737373;font-size: 14px;} #RGB37 .lx_conter .form .input{padding:0 10px; line-height:30px; background:none; border:none; width:70%; font-size: 14px;} #RGB37 .lx_conter .form .textarea{width:70%; padding:0 10px; background:none; border:none; line-height:30px; resize:none; height:80px; font-size: 14px; } #RGB37 .lx_conter .form .tj{width:55%; text-align:center; border-radius:30px; margin:10px 0; padding:10px 0; line-height:30px; background: #ac8b53; } #RGB37 .lx_conter .form .submit{background:none; border:none; width:100%; display:block; color: #ffffff; font-size: 16px;} #RGB37 .lx_conter .lx_right{float:right; width:50%; padding: 80px 0 10px 0;} #RGB37 .lx_conter .lx_right .right_ul{width:31.33%; float:left; margin-right:2%;} #RGB37 .lx_conter .lx_right .right_li{ display:flex; font-size: 16px;} #RGB37 .lx_conter .right_li .li_span{ background-size:40px 40px !important; width:40px; height:40px; border-radius: 50%; margin-right:30px; } #RGB37 .lx_conter .right_li .span_a{background:url(img/37_li_a1.png)no-repeat top left #ac8b53;} #RGB37 .lx_conter .right_li .span_b{background:url(img/37_li_a2.png)no-repeat top left #ac8b53;} #RGB37 .lx_conter .right_li .span_c{background:url(img/37_li_a3.png)no-repeat top left #ac8b53;} #RGB37 .lx_conter .right_li .span_d{background:url(img/37_li_a2.png)no-repeat top left #ac8b53;} #RGB37 .lx_conter .lx_right .right_a{margin:5% 0;} #RGB37 .lx_conter .right_li .p_a{color: #4c4c4d;} #RGB37 .lx_conter .right_li .p_b{margin-bottom:28px; display:block;} #RGB37 .lx_conter .right_li .p_c{display:block; margin:15% auto; width:85%;} #RGB37 .lx_conter .right_li .p_c img{border:10px solid #f4f4f4;} #RGB37 .lx_dt .content2{ width:100%; float: left;height: 450px;} #RGB37 .lx_dt .bdmap_1{ width:100%; height: 100%; position: relative; float: left;} #RGB37 .lx_dt .bdmap_1 .BMap_pop{ float:right; background-image:url(img/37_ico16_bg.png); background-repeat:no-repeat; border:none !important; width:404px !important; border:0 !important; height:99px; margin:56px 0 0 200px;} #RGB37 .lx_dt .bdmap_1 .BMap_pop .BMap_top,#bdmap_1 .BMap_pop .BMap_center,#bdmap_1 .BMap_pop .BMap_bottom,#bdmap_1 .BMap_pop div:nth-child(9n){ width:86% !important;} #RGB37 .lx_dt .bdmap_1 .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;} #RGB37 .lx_dt .bdmap_1 .BMap_pop div img{display:none;} #RGB37 .lx_dt .bdmap_1 .iw_poi_title{ font-size:20px; color: #ac8b53; text-align:center; line-height:30px; font-weight:bold; width:100%; float: left; } #RGB37 .lx_dt .bdmap_1 .iw_poi_content{ width:100%; float: left; font-size: 16px; color: #333333; text-align:center; line-height: 30px;} #RGB37 .lx_dt .bdmap_1 .BMap_shadow{ width:100%; float: left; display: none !important;} #RGB37 .lx_dt .bdmap_1 .BMapLabel{ display: none !important;} #RGB37 .container_17{ padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;} @media (min-width: 768px) { .container_17{ width: 768px;} } @media (min-width: 992px) { .container_17{ width: 992px;} } @media (min-width: 1200px) { .container_17{width:1200px; } } @media (min-width: 1630px){ .container { width: 1630px;} .container_17{width:100%; } } @media (min-width:1920px){ .container {width: 1630px;} .container_17{width:1700px; } } @media screen and (max-width:1629px){ #RGB37 .lx_conter .lx_left .form{padding:60px 8% 40px 28%;} #RGB37 .lx_conter .lx_right{padding: 60px 0 10px 0} #RGB37 .lx_conter .right_li .li_span{width:35px; height:35px; background-size:35px 35px !important;} #RGB37 .lx_conter .lx_right .right_ul{width:41.33%;} } @media screen and (max-width:1199px){ #RGB37 .lx_conter .lx_left .form{padding:40px 8% 20px 24%;} #RGB37 .lx_conter .lx_right{padding: 40px 0 10px 0} #RGB37 .lx_conter .right_li .li_span{width:30px; height:30px; background-size:30px 30px !important; margin-right:15px;} #RGB37 .lx_conter .lx_right .right_li{font-size:15px;} #RGB37 .lx_conter .right_li .p_b{margin-bottom:18px;} #RGB37 .lx_conter .lx_right .right_ul{width:44.33%} } @media screen and (max-width:991px){ #RGB37 .lx_conter .lx_left .form{padding:20px 8% 10px 15%;} #RGB37 .lx_conter .lx_right{padding:20px 0 0px 0} #RGB37 .lx_conter .form .tj{padding:8px 0;} #RGB37 .lx_conter .right_li .li_span{width:25px; height:25px; background-size:100% 100% !important; margin-right:10px;} #RGB37 .lx_conter .lx_right .right_li{font-size:14px;} #RGB37 .lx_conter .lx_right .right_ul{width:52%} #RGB37 .lx_conter .lx_right .right_a{width:46%; margin-right:0;} #RGB37 .lx_dt .content2{height:350px;} #RGB37 .lx_dt .bdmap_1 .iw_poi_title{font-size:18px;} #RGB37 .lx_conter .form .li_a{padding:5px 14px;} } @media screen and (max-width:768px){ #RGB37 .lx_conter .lx_left{width:100%;} #RGB37 .lx_conter .lx_left .form{padding:20px 5% 10px 5%;} #RGB37 .lx_conter .lx_right{padding:20px 0 10px 0;} #RGB37 .lx_conter .lx_right .right_ul{width:56%; margin-right:0;} #RGB37 .lx_conter .right_li .li_span{width:20px; height:20px; background-size:100% 100%; margin-right:5px;} #RGB37 .lx_conter .p{padding-bottom:10px; font-size:16px;} #RGB37 .lx_conter .form .li_a{font-size:14px;} #RGB37 .lx_conter .form .input,.lx_conter .form .a_span{line-height:24px;} #RGB37 .lx_conter .form .tj{padding:8px 0; width:44%; font-size:14px;} #RGB37 .lx_conter .lx_right{width:100%;} #RGB37 .lx_dt .bdmap_1 .iw_poi_title{font-size:16px;} #RGB37 .lx_dt .bdmap_1 .iw_poi_content{font-size:14px;} #RGB37 .lx_dt .content2{height:250px;} #RGB37 .lx_dt .bdmap_1 .BMap_pop{width:300px!important; background-size:100% 100%!important; margin:56px 0 0 158px} #RGB37 .lx_conter .right_li .p_b{margin-bottom:10px;} #RGB37 .lx_conter .lx_right .right_li{width:100%; float:left; font-size:12px; } #RGB37 .lx_conter .lx_right .right_a{margin:0; width:44%;} #RGB37 .lx_conter .lx_right .li_ab{display:none;} #RGB37 .lx_conter .lx_right .right_li:nth-child(2){float:right;} // #RGB37 .lx_conter .lx_right .right_li:nth-child(3){float:left;} #RGB37 .lx_conter .right_li .p_c{width:80%; margin:10px 0;} #RGB37 .lx_conter .right_li .p_a span{font-size:14px !important;} #RGB37 .lx_conter .right_li .p_b span{font-size:13px !important;} } @media screen and (max-width:321px){ #RGB37 .lx_conter .lx_right .right_li:nth-child(3){width:100%; font-size:10px; display:inline-block;} #RGB37 .lx_conter .right_li .li_span{width:25px; display:block; height:25px; background-size:100% 100%; margin-right:10px;} } #RGB38 .top_title{width:100%; display:block; text-align:center; padding: 58px 0 30px 0;} #RGB38 .top_title .h6_a{font-size: 47px; color: #ac8b53; font-family:"Microsoft YaHei UI";} #RGB38 .top_title .p_a{color: #ac8b53; font-size: 24px;} #RGB38 .ny_xl{border-top:1px solid; border-bottom:1px solid #e3e3e3; width:100%; display:block;display: flex; align-items: center; justify-content: center; margin-bottom: 60px; } #RGB38 .ny_xl li{ float:left; color: #C55;} #RGB38 .ny_xl a{ display:block; width:100%; padding:18px 40px; color: #333333; font-size: 18px;} #RGB38 .ny_xl li.on a,#RGB38 .ny_xl li:hover a{color:#ffffff;} #RGB38 .ny_xl li:hover,#RGB38 .ny_xl li.on{background:#ac8b53;} #RGB38 .zs_list{width:100%; display:block; } #RGB38 .zs_ul{padding:40px 0 0; border-top:1px solid #e3e3e3;} #RGB38 .zs_ul .zs_li{width:23.5%; float:left; margin:0 2% 2% 0; background:#f2f2f2; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } #RGB38 .zs_ul .zs_li:nth-child(4n){margin-right:0;} #RGB38 .zs_ul .zs_li .zs_img{overflow: hidden;} #RGB38 .zs_ul .zs_li img{display:block; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } #RGB38 .zs_ul .zs_li .zs_text{position:relative; padding:10% 8%; width:100%; text-align:center; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } #RGB38 .zs_ul .zs_li .zs_text .h4_title{position:relative; padding-bottom:20px; display:inline-block; color: #333333; font-size: 18px;} #RGB38 .zs_ul .h4_title::after{position:absolute; left:5%; text-align:center; bottom:0; height:1px; width:90%; content: ""; background: #cccccc;} #RGB38 .zs_ul .zs_li .zs_text .h4_text{line-height:30px; padding-top:20px; width:100%; color: #4c4c4d; font-size: 14px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; } #RGB38 .zs_ul .zs_li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #RGB38 .zs_ul .zs_li:hover{background:#ac8b53;} #RGB38 .zs_ul .zs_li:hover .h4_title,#RGB38 .zs_ul .zs_li:hover .h4_text{color:#ffffff;} #RGB38 .zs_ul .zs_li:hover .h4_title::after{background:#ffffff;} @media screen and (max-width:1629px){ #RGB38 .zs_ul .zs_li .zs_text .h4_text{line-height:28px;} #RGB38 .ny_xl a{padding:15px 30px;} #RGB38 .top_title .h6_a{font-size:36px;} #RGB38 .top_title .p_a{font-size:22px;} #RGB38 .top_title{padding-top:40px;} } @media screen and (max-width:1199px){ #RGB38 .zs_ul .zs_li .zs_text .h4_text{line-height:26px;} #RGB38 .zs_ul .zs_li .zs_text .h4_title{padding-bottom:16px;} #RGB38 .zs_ul .zs_li .zs_text .h4_text{padding-top:16px;} #RGB38 .ny_xl a{padding:10px 20px;} #RGB38 .top_title .h6_a{font-size:32px;} #RGB38 .top_title .p_a{font-size:20px;} #RGB38 .top_title{padding:30px 0;} } @media screen and (max-width:991px){ #RGB38 .zs_ul .zs_li .zs_text .h4_title{font-size:16px;} #RGB38 .zs_ul .zs_li{width:49%;} #RGB38 .zs_ul .zs_li:nth-child(2n){margin-right:0;} #RGB38 .ny_xl a{ padding:8px 10px; font-size:16px;} #RGB38 .top_title .h6_a{font-size:30px;} #RGB38 .top_title .p_a{font-size:20px;} } @media screen and (max-width:768px){ #RGB38 .zs_ul .zs_li .zs_text .h4_title{font-size:14px;} #RGB38 .zs_ul .zs_li .zs_text .h4_title{padding-bottom:10px;} #RGB38 .zs_ul .zs_li .zs_text .h4_text{padding-top:10px; line-height:20px;} #RGB38 .zs_ul{padding:20px 0;} #RGB38 .ny_xl a{padding:5px 10px;font-size:15px; } #RGB38 .top_title .h6_a{font-size:16px;} #RGB38 .top_title .p_a{font-size:16px;} #RGB38 .about_a .about_text .h6_b{font-size:18px;} #RGB38 .top_title{padding:15px 0 10px;} #RGB38 .ny_xl{margin-bottom:20px;} } #RGB39 .top_title{width:100%; display:block; text-align:center; padding: 58px 0 30px 0;} #RGB39 .top_title .h6_a{font-size: 47px; color: #ac8b53; font-family:"Microsoft YaHei UI";} #RGB39 .top_title .p_a{color: #ac8b53; font-size: 24px;} #RGB39 .ny_xl{border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; width:100%; display:block;display: flex; align-items: center; justify-content: center; margin-bottom: 60px; } #RGB39 .ny_xl li{ float:left; color:#333333;} #RGB39 .ny_xl a{ display:block; width:100%; padding:18px 40px; color: #333333; font-size: 18px;} #RGB39 .ny_xl li.on a,#RGB39 .ny_xl li:hover a{color:#ffffff;} #RGB39 .ny_xl li:hover,#RGB39 .ny_xl li.on{background:#ac8b53;} #RGB39 .zs_ul{padding:40px 0; border-top:1px solid #e3e3e3;} #RGB39 .dz_list .dz_ul{display:block; width:100%;} #RGB39 .dz_list .dz_li{width:32%; float:left; margin:0 2% 2% 0; border:1px solid #e6e6e6;} #RGB39 .dz_list .dz_li .li_a:hover{border-color:#ac8b53;} #RGB39 .dz_list .dz_li:hover .dz_title{color:#ac8b53;} #RGB39 .dz_list .dz_li:hover .dz_img{ -webkit-transform: translateY(-10px); transform: translateY(-10px); } #RGB39 .dz_list .dz_li:nth-child(3n){margin-right:0;} #RGB39 .dz_list .dz_top{padding:12% 4% 6%; text-align:center; display:block; border-bottom:1px solid #e6e6e6;} #RGB39 .dz_list .dz_top .dz_img{width:56.17%; text-align:center; display:block; margin:0 auto; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s } #RGB39 .dz_list .dz_top .dz_title{padding:5% 0; color:#333333; font-size:18px;} #RGB39 .dz_list .dz_bottom{border-top:1px solid #e6e6e6; background:#fafafa; padding:22px; width:100%; display: flex; justify-content: center; } #RGB39 .dz_list .dz_bottom .li_a{width:132px; height:40px; border:1px solid #817e7c; margin:0 20px; border-radius:20px; text-align:center; background-size:22px 22px; float:left; display: flex; align-items: center; justify-content: center; } #RGB39 .dz_list .dz_bottom .left{background:url(img/39_ml4.png)no-repeat 80%; padding:0 43px 0 18px;} #RGB39 .dz_list .dz_bottom .right{padding:0 56px 0 26px; background:url(img/39_ml3.png)no-repeat 70%; } #RGB39 .dz_list .dz_bottom .li_a a{font-size:14px; color:#817e7c; width:100%; display:block;} #RGB39 .dz_list .dz_bottom .left:hover{background:url(img/39_ml2.png)no-repeat 80% #ac8b53;} #RGB39 .dz_list .dz_bottom .right:hover{background:url(img/39_ml5.png)no-repeat 70% #ac8b53;} #RGB39 .dz_list .dz_bottom .li_a:hover a{color:#ffffff;} @media screen and (max-width:1629px){ #RGB39 .ny_xl a{padding:15px 30px;} #RGB39 .top_title .h6_a{font-size:36px;} #RGB39 .top_title .p_a{font-size:22px;} #RGB39 .top_title{padding-top:40px;} } @media screen and (max-width:1199px){ #RGB39 .dz_list .dz_bottom .li_a{width:46%; margin:0 2%;} #RGB39 .dz_list .dz_bottom{padding:18px;} #RGB39 .ny_xl a{padding:10px 20px;} #RGB39 .top_title .h6_a{font-size:32px;} #RGB39 .top_title .p_a{font-size:20px;} #RGB39 .top_title{padding:30px 0;} } @media screen and (max-width:991px){ #RGB39 .dz_list .dz_top .dz_title{font-size:16px;} #RGB39 .dz_list .dz_li{width:49%;} #RGB39 .dz_list .dz_li:nth-child(3n){margin-right:2%;} #RGB39 .dz_list .dz_li:nth-child(2n){margin-right:0;} #RGB39 .dz_list .dz_bottom .li_a{width:38%;} #RGB39 .ny_xl a{ padding:8px 10px; font-size:16px;} #RGB39 .top_title .h6_a{font-size:30px;} #RGB39 .top_title .p_a{font-size:20px;} } @media screen and (max-width:768px){ #RGB39 .dz_list .dz_top .dz_title{font-size:14px;} #RGB39 .dz_list .dz_bottom .li_a{width:118px; float:none; text-align:right; margin:3% auto;} #RGB39 .dz_list .dz_bottom{display:block; padding:10px;} #RGB39 .dz_list .dz_bottom .li_a{height:32px; } #RGB39 .dz_list .dz_bottom .left{padding:0 44px 0 5%;} #RGB39 .dz_list .dz_bottom .right{padding:0 60px 0 6%;} #RGB39 .zs_ul{padding:20px 0;} #RGB39 .ny_xl a{padding:5px 10px;font-size:15px; } #RGB39 .top_title .h6_a{font-size:16px;} #RGB39 .top_title .p_a{font-size:16px;} #RGB39 .top_title{padding:15px 0 10px;} #RGB39 .ny_xl{margin-bottom:20px;} } #RGB40 .deom_conter{width:100%; display:block; padding:60px 0;} #RGB40 .deom .deom_left{width:76%; float:left; background:#fafafa; padding:40px 30px 60px;} #RGB40 .deom .deom_left .title{position:relative; padding-bottom:36px; font-size:24px; font-weight:bold; color:#333333; text-align:center;} #RGB40 .deom .deom_left .deom_text{padding:30px 0 60px; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; line-height:30px; color:#333333; font-size:14px; } #RGB40 .deom .pagebox{line-height:30px; color:#333333; font-size:14px; } #RGB40 .deom .deom_right{width:20%; float:right; } #RGB40 .deom .deom_top{margin:20px 0; text-align:center;} #RGB40 .deom .deom_li{width:100%; margin-bottom:20px; transition: all linear 0.5s; } #RGB40 .deom .deom_li .i{position:absolute; left:0; top:0; font-size:16px; color:#333333;} #RGB40 .deom .deom_li .h4_li{font-weight:bold; color:#333333; font-size:16px; position:relative; padding-left:18px;} #RGB40 .deom .deom_li .p_text{padding-left:18px;} #RGB40 .deom .deom_li:hover .i,#RGB40 .deom_li:hover .h4_li,#RGB40 .deom_li:hover .p_text,#RGB40 .deom_li:hover .h4_li{color:#ac8b53;} #RGB40 .deom .deom_li:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px);} /* 分页 */ #RGB40 .fy_a{padding:16px 0; display:block; } #RGB40 .fy_a .a{font-size:14px; color:#4c4c4d; float:left; line-height:28px; padding:0 20px;} #RGB40 .fy_a .prev{float:left; border-right:1px solid #e6e6e6; background:url(img/40_left_i.png)no-repeat center left; background-size:16px 16px;} #RGB40 .fy_a .next{background:url(img/40_right_i.png)no-repeat center right; background-size:16px 16px;} #RGB40 .fy_a .a:hover{color:#ac8b53;} #RGB40 .fy_a .prev:hover{background:url(img/40_left_i1.png)no-repeat center left;} #RGB40 .fy_a .next:hover{background:url(img/40_right_i1.png)no-repeat center right;} @media screen and (max-width:1629px){ #RGB40 .deom .deom_left{width:72%;} #RGB40 .deom .deom_right{width:24%;} #RGB40 .deom .deom_left .title{font-size:20px;} #RGB40 .deom_conter{padding:50px 0;} } @media screen and (max-width:1199px){ #RGB40 .deom .deom_left{width:68%;} #RGB40 .deom .deom_right{width:28%;} #RGB40 .deom .deom_left{padding:30px 20px 50px;} #RGB40 .deom .deom_left .title{padding-bottom:26px; font-size:22px;} #RGB40 .deom_conter{padding:40px 0;} } @media screen and (max-width:991px){ #RGB40 .deom .deom_left{width:68%;} #RGB40 .deom .deom_right{width:28%;} #RGB40 .deom .deom_left .title{padding-bottom:20px; font-size:18px;} #RGB40 .deom .deom_left .deom_text{padding:20px 0 40px;} #RGB40 .deom .deom_top{margin:15px 0;} #RGB40 .deom .deom_li{margin-bottom:15px;} #RGB40 .deom .deom_li .h4_li,.deom .deom_li .i{font-size:15px;} #RGB40 .deom .deom_li .p_text{font-size:14px;} #RGB40 .deom_conter{padding:30px 0;} } @media screen and (max-width:768px){ #RGB40 .deom .deom_left{width:100%;} #RGB40 .deom .deom_right{width:100%; margin:2% 0;} #RGB40 .deom_conter{/* padding:20px 0; */} #RGB40 .deom .deom_left{padding:15px 15px 0px;} #RGB40 .deom .deom_left .title{padding-bottom:15px; font-size:16px;} #RGB40 .fy_a{padding:10px 0;} #RGB40 .deom .deom_left .deom_text{padding:15px 0 20px;} #RGB40 .deom .deom_li .p_text{font-size:14px;} #RGB40 .deom_conter{padding:20px 0;} } /* 分页 */ #RGB41 .wack1{ float:left; width:100%; padding:30px 0; text-align:center;} #RGB41 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #RGB41 .pz_fy a { float:left; width:38px; height:38px; line-height:38px; border: #e1e1e1 1px solid; color:#333333; font-size:14px; font-family:Arial; margin:0 5px;} #RGB41 .pz_fy a:hover, #RGB41 .pz_fy a.on{color:#ffffff; border:#ac8b53 1px solid; background-color:#ac8b53;} #RGB41 .pz_fy .l_fy{ width:100px; display:inline-block; *display:inline; *zoom:1;} #RGB41 .pz_fy .r_fy{ width:100px; display:inline-block; *display:inline; *zoom:1;} #RGB41 .pz_fy .l_fy:hover{ background:#ac8b53;} #RGB41 .pz_fy .r_fy:hover{ background:#ac8b53;} @media screen and (max-width:1629px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #RGB41 .wack1{padding:30px 0;} #RGB41 .fy_pc{ text-align:center; font-size:14px; color:#333333; padding:5px 0;} #RGB41 .fy_pc a{ padding:5px 25px; color:#ffffff; border:solid 1px #ac8b53; background:#ac8b53; border-radius:16px; overflow:hidden;} #RGB41 .fy_pc span{ padding:5px 20px; color:#333333;} } @media screen and (max-width:768px){ } /*2019-11-29修改*/ /*产品详情页点击大图左右切换*/ /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ #RGB35 .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } #RGB35 .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } #RGB35 .pswp img { max-width: none; } #RGB35 .pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } #RGB35 .pswp--open {display: block; } #RGB35 .pswp--zoom-allowed #RGB35 .pswp__img {cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } #RGB35 .pswp--zoomed-in #RGB35 .pswp__img {cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } #RGB35 .pswp--dragging #RGB35 .pswp__img {cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } #RGB35 .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } #RGB35 .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } #RGB35 .pswp__container, #RGB35 .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ #RGB35 .pswp__container, #RGB35 .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } #RGB35 .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } #RGB35 .pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } #RGB35 .pswp--animated-in .pswp__bg, #RGB35 .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none;transition: none; } #RGB35 .pswp__container, #RGB35 .pswp__zoom-wrap {-webkit-backface-visibility: hidden; } #RGB35 .pswp__item {position: absolute;left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } #RGB35 .pswp__img {position: absolute; width: auto; height: auto;top: 0; left: 0; } #RGB35 .pswp__img--placeholder {-webkit-backface-visibility: hidden; } #RGB35 .pswp__img--placeholder--blank {background: #222; } #RGB35 .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0;top: 0; } #RGB35 .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center;font-size: 14px;line-height: 16px;margin-top: -8px; color: #CCC; } #RGB35 .pswp__error-msg a { color: #CCC;text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*