@charset "utf-8"; body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, i, var { font-style: normal; } ul, ol { list-style: none; } legend { color: #000; } fieldset, img { border: 0; vertical-align: bottom;max-width: 100%; } section, article, aside, header, footer, nav, dialog, figure { display: block; } figure { margin: 0; } button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; } table { border-collapse: collapse; border-spacing: 0; } .clear { display: block; height: 0; overflow: hidden; clear: both; } .clearfix:after { content: '\20'; display: block; height: 0; clear: both; } .clearfix { *zoom:1;} a:link, a:visited, a:hover, a:active { text-decoration: none; } /*a { blr:expression_r(this.onFocus=this.blur());}*/ a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ } .hidden { display: none; } .invisible { visibility: hidden; } .fl{ float:left; display:inline; } .fr{ float:right; display:inline; } .fn{ float:none; } .tl{ text-align:left; } .tr{ text-align:right; } .tc{ text-align:center; } .hide{ display:none; } .show{ display:block; } .noBg { background: none !important; } .noBorder { border: none !important; } .noMg { margin: 0!important; } .mr0{ margin-right:0 !important; float:right !important;} /*.info{text-align: justify; text-justify: inter-ideograph;}*/ /*Body*/ body { color: #666; background:#fff;} a { color: #666; } a:hover { color: #0b4bb5; } .wrap { width: 1200px; margin: 0 auto;} .g-in{ width:1600px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1} .b-in{ width:1200px; margin:0 auto; }.b-in:after{content:'\20';display:block;height:0;clear:both}.b-in{*zoom:1} .s-in{ width:1200px; margin:0 auto; }.s-in:after{content:'\20';display:block;height:0;clear:both}.s-in{*zoom:1} .wrapper{ position:relative; width:100%; margin:0 auto; overflow:hidden; } .wrapper img{ vertical-align:top; } /* 网站地图 */ .webmap{padding:10px 0px 15px} .webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;} .webmap dt{width:15%;float:left;} .webmap dd{float:left;width:85%;} .webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center} .webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center} .webmap a:hover{background:#343434;text-decoration:none;color:#fff} .slideBox{ width:100%; height:897px;overflow:hidden; position:relative;} .slideBox .prev{width: 30px; height: 30px; border-right: 5px solid #fff; border-bottom: 5px solid #fff; position: absolute; left: 10%; top: 50%; transform: translateY(-50%) rotate(135deg); z-index: 4; opacity: 0.5; transition: all 0.3s;} .slideBox:hover .prev{opacity: 1;} .slideBox .next{width: 30px; height: 30px; border-right: 5px solid #fff; border-bottom: 5px solid #fff; position: absolute; right: 10%; top: 50%; transform: translateY(-50%) rotate(-45deg); z-index: 4; opacity: 0.5; transition: all 0.3s;} .slideBox:hover .next{opacity: 1;} .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-84px; bottom:10px; z-index:1;} .slideBox .hd ul{ overflow:hidden; zoom:1; margin:0; padding:0; list-style:none; } .slideBox .hd ul li{ float:left; margin:0 10px; width:13px; height:13px;border-radius: 13px;background: #fff; line-height:140px; overflow:hidden; text-align:center; background:#fff; cursor:pointer; } .slideBox .hd ul li.on{ background:#337824; } .slideBox .bd{ position:relative; width:100%; height:100% !important; z-index:0;} .slideBox .bd .box_word{ position:absolute; width:100%; height:100%; left:0; top:0; display:table; z-index:2;background-position:center center; background-repeat:no-repeat; background-size: contain; width:100% !important} .slideBox .bd .box_word .box_word_bg{display: table-cell; vertical-align: middle; padding-top:90px; text-align: center;} .slideBox .bd .box_word p{ color:#fff; font-size:24px; font-weight:bold; margin:0; line-height:1.6em;} .slideBox .bd .box_word_phone{ display:none;} .slideBox .bd ul{ margin:0; padding:0; list-style:none; height:100% !important; width:100% !important;} .slideBox .bd li{ zoom:1; vertical-align:middle; height:100%; background-position:center center; background-repeat:no-repeat; background-size: contain; width:100% !important; position:relative;} /*.slideBox .prev,.slideBox .next{ position:absolute;top:50%; margin-top:-40px; display:block; width:36px; height:80px;text-align:center; filter:alpha(opacity=30);opacity:0.3;z-index:5;} .slideBox .prev{background: url(prev.png) no-repeat center;left: 80px;} .slideBox .next{background: url(next.png) no-repeat center;right: 80px;} .slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}*/ .small_title{ font-size:36px; color:#fff; letter-spacing:3px; text-transform:uppercase; text-shadow:0px 3px 5px rgba(0, 0, 0, 0.3);font-family: '宋体';} .banner_title{ font-size:72px; line-height:1.2em; color:#fff; font-weight:800; margin:20px auto 30px; text-shadow:0px 3px 5px rgba(0, 0, 0, 0.3);} .paddinga span{padding: 10px 72px;display: inline-block;color: #fff;background: #c69c72;} .banner_txt{ font-size:16px; color:#000; margin-bottom:30px;} .slideBox .more_btn{margin-top: 30px;} .slideBox .more_btn a{color:#fff;font-size: 16px;border:none;border: 1px solid #c69c72;background: #c69c72;} .more_btn a{padding: 15px 80px;} /* .slideBox .more_btn a:before{background: #99000F;} */ .index_banner_img{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;background-size: cover; animation-name: kenburns;animation-timing-function: ease-in-out;animation-duration: 8s;transform: scale(1);} @keyframes kenburns { 0% {opacity: 1;-webkit-transform: scale(1);transform: scale(1)} 15% {opacity: 1;-webkit-transform: scale(1);transform: scale(1)} 35% {opacity: 1;-webkit-transform: scale(1.1);transform: scale(1.1)} 60% {opacity: 1;-webkit-transform: scale(1.14);transform: scale(1.14);} 80% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} 100% {opacity: 1;transform: scale(1);} } .header{position: relative;} .head{position: absolute;top:0;left:0;z-index: 99;width: 100%;padding-top: 22px;} .head .logo{float:left;margin-left: 4%;} .head .head_r{float:right;margin-right:4.3%;width: 1130px;} .head .head_r .nav{float:left;} .head .head_r .nav ul li{float:left;} .head .head_r .nav ul li a.a1{display: block;padding: 27px 16px 28px;font-weight: bold;text-align: center;} .head .head_r .nav ul li a.a1 div{font-size: 16px;color: #6dad45;} .head .head_r .nav ul li a.a1 p{font-size: 14px;color: #6dad45;} .head .head_r .phone{float:right;margin-top: 37px;} .head .head_r .nav ul li:hover .a2{background: url(aa2.png) no-repeat bottom center} .head .head_r .nav .aa{position: absolute;background: rgba(255,255,255,1);width: 100%;left:0;padding: 44px 0 64px;border-bottom: 5px solid #3c7f22;border-top: 1px solid #e5e5e5;display: none;} .head .head_r .nav .aa .aac .aacl{float:left;width: 408px;} .head .head_r .nav .aa .aac .aacl .aacla{font-size: 18px;color: #3c7f22;font-weight: bold;} .head .head_r .nav .aa .aac .aacl .aaclb{margin-top: 10px;line-height: 24px;font-size: 14px;color: #434343;} .head .head_r .nav .aa .aac .aacl .aaclc{margin-top: 30px;} .head .head_r .nav .aa .aac .aacl .aaclc a{font-size: 14px;color: #6e6e6e;font-weight: bold;padding-right: 16px;background: url(aa1.png) no-repeat right center;text-transform: uppercase;} .head .head_r .nav .aa .aac .aacr{float:right;width: 634px;margin-right: 40px;} .head .head_r .nav .aa .aac .aacr dl dt{float:left;width: 50%;line-height: 36px;} .head .head_r .nav .aa .aac .aacr dl dt a{display: block;font-size: 14px;color: #5a636d;background: url(aa3.png) no-repeat 90% center;} .head .head_r .nav .aa .aac .aacr dl dt:hover a{color: #3c7f22;background: url(aa4.png) no-repeat 90% center;} .head2 .ntop{padding: 20px 0 15px;} .head2 .ntop .nlogo{float:left;} .head2 .ntop .nhead_r{float:right;margin-top: 18px;} .head2 .ntop .nhead_r .head_ra .head_ral{float:right;} .head2 .ntop .nhead_r .head_ra .head_rar{float:right;font-size: 12px;color: #3a3a3a;margin-left: 12px;} .head2 .ntop .nhead_r .head_ra .head_rar a{color: #3a3a3a;} .head2 .ntop .nhead_r .phone{margin-top: 18px;} .head2 .nnav{line-height: 60px;background: #66a830;position: relative;} .head2 .nnav ul li{float:left;width: 12.5%;} .head2 .nnav ul li a.a1{display: block;font-size: 16px;color: #ffffff;text-align: center;} .head2 .nnav ul li:hover a.a1,.head2 .nnav ul li.current a.a1{background: #218626;} .head2 .nnav ul li:hover a.a1.a2{background: url(aa2.png) no-repeat bottom center} .head2 .nnav .aa{position: absolute;background: rgba(255,255,255,1);width: 100%;left:0;padding: 44px 0 64px;border-bottom: 5px solid #3c7f22;border-top: 1px solid #e5e5e5;display: none;z-index: 99} .head2 .nnav .aa .aac .aacl{float:left;width: 408px;} .head2 .nnav .aa .aac .aacl .aacla{font-size: 18px;color: #3c7f22;font-weight: bold;} .head2 .nnav .aa .aac .aacl .aaclb{margin-top: 10px;line-height: 24px;font-size: 14px;color: #434343;} .head2 .nnav .aa .aac .aacl .aaclc{margin-top: 30px;} .head2 .nnav .aa .aac .aacl .aaclc a{font-size: 14px;color: #6e6e6e;font-weight: bold;padding-right: 16px;background: url(aa1.png) no-repeat right center;text-transform: uppercase;} .head2 .nnav .aa .aac .aacr{float:right;width: 634px;margin-right: 40px;} .head2 .nnav .aa .aac .aacr dl dt{float:left;width: 50%;line-height: 36px;} .head2 .nnav .aa .aac .aacr dl dt a{display: block;font-size: 14px;color: #5a636d;background: url(aa3.png) no-repeat 90% center;} .head2 .nnav .aa .aac .aacr dl dt:hover a{color: #3c7f22;background: url(aa4.png) no-repeat 90% center;} .head3{display: none;} .npbanner{position: relative;width: 100%;} .nsbanner{display: none;position: relative;width: 100%;} .head3{position: relative;padding: 10px 0;} .head3 .logo3{float:left;margin-left: 16px;} .head3 .logo3 img{height: 60px;} .head3 .u-menu{margin:9px 16px 0 0;} @media only screen and (max-width:1600px){ .head2 .g-in{width: 1200px;} .head2 .ntop{padding: 10px 0 10px;} .head2 .ntop .nlogo{float:left;} .head2 .ntop .nlogo img{height: 75px;} .head2 .ntop .nhead_r{float:right;margin-top: 8px;} .head2 .ntop .nhead_r .head_ra .head_ral{float:right;} .head2 .ntop .nhead_r .head_ra .head_rar{float:right;font-size: 12px;color: #3a3a3a;margin-left: 12px;} .head2 .ntop .nhead_r .head_ra .head_rar a{color: #3a3a3a;} .head2 .ntop .nhead_r .phone{margin-top: 10px;} .head2 .nnav{line-height: 50px;background: #66a830;} .head2 .nnav ul li{float:left;width: 12.5%;text-align: center;} .head2 .nnav ul li a{display: block;font-size: 14px;color: #ffffff;} } @media only screen and (max-width:1200px){ .npbanner{display: none;} .nsbanner{display: block;} .head2{display: none;} .head3{display: block;} } @media only screen and (max-width:640px){ .head3{position: relative;padding: 10px 0;} .head3 .logo3{float:left;margin-left: 2%;} .head3 .logo3 img{height: 50px;} .head3 .u-menu{margin:4px 6px 0 0;} } @media only screen and (max-width:1800px){ .head{position: absolute;top:0;left:0;z-index: 99;width: 100%;padding-top: 18px;} .head .logo{float:left;margin-left: 2%;} .head .logo img{height: 90px;} .head .head_r{float:right;margin-right:2%;width: 1020px;} .head .head_r .nav{float:left;} .head .head_r .nav ul li{float:left;text-align: center;} .head .head_r .nav ul li a{display: block;padding: 22px 14px 23px;} .head .head_r .nav ul li div{font-size: 15px;color: #6dad45;} .head .head_r .nav ul li p{font-size: 13px;color: #6dad45;} .head .head_r .phone{float:right;margin-top: 32px;width: 280px;} } @media only screen and (max-width:1520px){ .head{position: absolute;top:0;left:0;z-index: 99;width: 100%;padding-top: 18px;} .head .logo{float:left;margin-left: 1%;} .head .logo img{height: 75px;} .head .head_r{float:right;margin-right:1%;width: 1020px;} .head .head_r .nav{float:left;} .head .head_r .nav ul li{float:left;text-align: center;} .head .head_r .nav ul li a{display: block;padding: 17px 14px 17px;} .head .head_r .nav ul li div{font-size: 15px;color: #6dad45;} .head .head_r .nav ul li p{font-size: 13px;color: #6dad45;} .head .head_r .phone{float:right;margin-top: 27px;width: 280px;} } @media only screen and (max-width:1440px){ .head{position: absolute;top:0;left:0;z-index: 99;width: 100%;padding-top: 18px;} .head .logo{float:left;margin-left: 1%;} .head .logo img{height: 75px;} .head .head_r{float:right;margin-right:1%;width: 280px;} .head .head_r .nav{display: none;} .u-menu{display: block;margin:16px 16px 0 0;} .head .head_r .nav ul li{float:left;text-align: center;} .head .head_r .nav ul li a{display: block;padding: 17px 14px 17px;} .head .head_r .nav ul li div{font-size: 15px;color: #6dad45;} .head .head_r .nav ul li p{font-size: 13px;color: #6dad45;} .head .head_r .phone{float:right;margin-top: 27px;width: 280px;} } .u-menu {position: relative;float:right; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99;display: none} .u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; } .u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#333; } .u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);} .u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);} .u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);} @media only screen and (max-width:1440px){ .u-menu{display: block;} } .sj_banner .swiper-pagination-bullet{opacity: 1;background: #fff;} .sj_banner .swiper-pagination-bullet-active{background: #337824;} .sj_banner{display: none;} .ovfHiden{overflow: hidden!important;height: 100%!important;} .pc-nav{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,.9);background-size:cover;transition:transform .3s .2s;transform:scaleY(0);transform-origin:bottom center;-ms-transform-origin:bottom center;-ms-transform:scaleY(0)} .pc-nav .logo{position:absolute;top:15px;left:1.25rem;width:15pc;height:49px} .pc-nav .logo img{max-width:100%} .pc-nav .mobile-block{margin-top: 80px} .pc-nav .close{position:absolute;top:25px;z-index:6;width:30px;height:30px} .pc-nav .close{right:1.25rem;background:url(colse.png) no-repeat center;background-size:18px auto;cursor:pointer;transition:all .3s ease-in-out} .pc-nav .index-nav{position:relative;z-index:3;display:-ms-flexbox;display:flex;opacity:0;transform:translate(0,80px);-ms-flex-flow:row nowrap;flex-flow:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-transform:translate(0,80px)} .pc-nav .index-nav .li{padding-right:.5rem;width:16.6%} .pc-nav .index-nav .dt{position:relative;margin-bottom:1.5rem;padding-bottom:15px;color:#fff} .pc-nav .index-nav .dt:before{position:absolute;bottom:0;left:2px;width:.75rem;height:2px;background:#fff;content:""} .pc-nav .index-nav .dd{display:block;margin-bottom:.5rem;color:#fff;opacity:.75;transition:all .3s ease-in-out;font-size: .5rem} .pc-nav .index-nav .dd:hover{opacity:1} .pc-nav .sub-menu{position:relative;z-index:2} .pc-nav .sub-menu ul{overflow-x:hidden;overflow-y:auto;width:100%;height:calc(100vh - 10pc)} .pc-nav .sub-menu li{border-bottom:1px solid hsla(0,0%,100%,.2);font-size:1pc} .pc-nav .sub-menu .tit{box-sizing:border-box;margin-bottom:0;color:#fff;font-size:16px} .pc-nav .sub-menu .tit,.pc-nav .sub-menu .titx{position:relative;display:block;padding:0 3%;width:100%;line-height:60px} .pc-nav .sub-menu .titx{border-bottom:1px solid hsla(0,0%,100%,.2);color:#000} .pc-nav .sub-menu .sub-tit:after{position:absolute;top:50%;right:3%;display:block;width:26px;height:26px;background-size:9px auto;content:'';transform:translate(0,-50%);-ms-transform:translate(0,-50%)} .pc-nav .sub-menu .sub-tit.on{border-bottom:1px solid hsla(0,0%,100%,.2)} .pc-nav .sub-menu .sub-tit.on:after{background:url(z_img11_1.png) no-repeat center;background-size:20px auto} .pc-nav .sub-menu .sec-list{display:none;padding:10px 4%;line-height:40px} .pc-nav .sub-menu .sec-list p{background:url(../ico_04.png) no-repeat left center;background-size:3px auto;font-size:14px} .pc-nav .sub-menu .sec-list a{display:block;color:#fff;font-size:14px} .pc-nav .sub-menu .third{padding-left: 15px} .pc-nav.active{transition:transform .3s;transform:scaleY(1);transform-origin:top center;-ms-transform-origin:top center;-ms-transform:scaleY(1)} .pc-nav.active .cent-form{transition:all .5s .3s} .pc-nav.active .cent-form,.pc-nav.active .index-nav{opacity:1;transform:translate(0,0);-ms-transform:translate(0,0)} .pc-nav.active .index-nav{transition:all .5s .6s} .pcdb .head_raa{float:left;margin:0 15px;} .pcdb .head_rab{float:left;margin:0 15px;} .mobile-block::-moz-selection{background:red;color:#fff} .mobile-block::selection{background:red;color:#fff} .mobile-block::-webkit-scrollbar{width:10px} .mobile-block::-webkit-scrollbar-track{background:rgba(0,0,0,.1)} .mobile-block::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{background-image:linear-gradient(0,#d77515,#d71518);background-image:linear-gradient(to top,#d77515,#d71518)} .mobile-block::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(0,#d77515,#d71518);background-image:linear-gradient(to top,#d77515,#d71518)} .footer{background: url(ft_bg_02.jpg) no-repeat center;background-size: cover;padding-top: 20px;} .fta .ftal{float:left;width: 440px;padding-left: 24px;} .fta .ftal .ftala div{font-size: 48px;color:rgba(255,255,255,0.1);font-family: "Arial";font-weight: bold;text-transform: uppercase;} .fta .ftal .ftala p{font-size: 24px;color: #fff;font-weight: bold;margin-top: -56px;} .fta .ftal .ftalb{font-size: 18px;color: #fff;font-weight: bold;margin-top: 10px;} .fta .ftal .ftalc{margin-top: 7px;line-height: 26px;color: #fff;font-size: 14px;} .fta .ftal .ftalc .ftalc1{padding-left: 21px;background: url(fta1_03.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc2{padding-left: 21px;background: url(fta2_06.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc3{padding-left: 21px;background: url(fta3_08.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc4{padding-left: 21px;background: url(fta4_10.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc5{padding-left: 21px;background: url(fta5_12.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc6{padding-left: 21px;background: url(fta6_14.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc7{padding-left: 21px;background: url(fta7_16.png) no-repeat left 4px;} .fta .ftam{float:left;margin-left: 152px;margin-top: 40px;} .fta .ftar{float:right;margin-top: 80px;} .fta .ftar .ftari{float:left;margin:0 8px;text-align: center;} .fta .ftar .ftari div{margin-bottom: 10px;} .fta .ftar .ftari p{font-size: 14px;color: #fff;} .ftb{line-height: 34px;text-align: center;border-top: 1px solid #588c46;margin-top: 5px;font-size: 12px;color: #fff;} .ftb a{color: #fff;} @media only screen and (max-width:1600px){ html,body { position: relative; height: 100%; } .g-in{width: 96%;} .footer .g-in{width: 1200px;} .footer{background: url(ft_bg_02.jpg) no-repeat center;background-size: cover;padding-top: 20px;} .fta .ftal{float:left;width: 390px;padding-left: 14px;} .fta .ftal .ftala div{font-size: 48px;color:rgba(255,255,255,0.1);font-family: "Arial";font-weight: bold;text-transform: uppercase;} .fta .ftal .ftala p{font-size: 24px;color: #fff;font-weight: bold;margin-top: -56px;} .fta .ftal .ftalb{font-size: 18px;color: #fff;font-weight: bold;margin-top: 10px;} .fta .ftal .ftalc{margin-top: 7px;line-height: 26px;color: #fff;font-size: 14px;} .fta .ftal .ftalc .ftalc1{padding-left: 21px;background: url(fta1_03.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc2{padding-left: 21px;background: url(fta2_06.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc3{padding-left: 21px;background: url(fta3_08.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc4{padding-left: 21px;background: url(fta4_10.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc5{padding-left: 21px;background: url(fta5_12.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc6{padding-left: 21px;background: url(fta6_14.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc7{padding-left: 21px;background: url(fta7_16.png) no-repeat left 4px;} .fta .ftam{float:left;margin-left: 20px;margin-top: 60px;width: 420px;} .fta .ftar{float:right;margin-top: 80px;} .fta .ftar .ftari{float:left;margin:0 0px 0 10px;text-align: center;} .fta .ftar .ftari div{margin-bottom: 10px;} .fta .ftar .ftari p{font-size: 14px;color: #fff;} .ftb{line-height: 34px;text-align: center;border-top: 1px solid #588c46;margin-top: 5px;font-size: 12px;color: #fff;} .ftb a{color: #fff;} } @media only screen and (max-width:1200px){ .u-menu{display: block;} .sj_banner{display: block;} .slideBox{display: none;} .footer .g-in{width: 96%;} .footer{background: url(ft_bg_02.jpg) no-repeat center;background-size: cover;padding-top: 20px;} .fta .ftal{float:none;width: 434px;padding-left: 24px;} .fta .ftal .ftala div{font-size: 48px;color:rgba(255,255,255,0.1);font-family: "Arial";font-weight: bold;text-transform: uppercase;} .fta .ftal .ftala p{font-size: 24px;color: #fff;font-weight: bold;margin-top: -56px;} .fta .ftal .ftalb{font-size: 18px;color: #fff;font-weight: bold;margin-top: 10px;} .fta .ftal .ftalc{margin-top: 7px;line-height: 26px;color: #fff;font-size: 14px;} .fta .ftal .ftalc .ftalc1{padding-left: 21px;background: url(fta1_03.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc2{padding-left: 21px;background: url(fta2_06.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc3{padding-left: 21px;background: url(fta3_08.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc4{padding-left: 21px;background: url(fta4_10.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc5{padding-left: 21px;background: url(fta5_12.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc6{padding-left: 21px;background: url(fta6_14.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc7{padding-left: 21px;background: url(fta7_16.png) no-repeat left 4px;} .fta .ftam{float:none;margin-left: 30px;margin-top: 30px;width: 430px;} .fta .ftar{float:none;margin-top: 30px;} .fta .ftar .ftari{float:left;margin:0 0px 0 30px;text-align: center;} .fta .ftar .ftari div{margin-bottom: 10px;} .fta .ftar .ftari p{font-size: 14px;color: #fff;} .ftb{line-height: 34px;text-align: center;border-top: 1px solid #588c46;margin-top: 5px;font-size: 12px;color: #fff;} .ftb a{color: #fff;} } @media only screen and (max-width:500px){ .footer .g-in{width: 96%;} .footer{background: url(ft_bg_02.jpg) no-repeat center;background-size: cover;padding-top: 15px;} .fta .ftal{float:none;width: 100%;padding-left: 0;} .fta .ftal .ftala div{font-size: 30px;color:rgba(255,255,255,0.1);font-family: "Arial";font-weight: bold;text-transform: uppercase;} .fta .ftal .ftala p{font-size: 16px;color: #fff;font-weight: bold;margin-top: -36px;} .fta .ftal .ftalb{font-size: 14px;color: #fff;font-weight: bold;margin-top: 7px;} .fta .ftal .ftalc{margin-top: 5px;line-height: 22px;color: #fff;font-size: 12px;} .fta .ftal .ftalc .ftalc1{padding-left: 21px;background: url(fta1_03.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc2{padding-left: 21px;background: url(fta2_06.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc3{padding-left: 21px;background: url(fta3_08.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc4{padding-left: 21px;background: url(fta4_10.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc5{padding-left: 21px;background: url(fta5_12.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc6{padding-left: 21px;background: url(fta6_14.png) no-repeat left 4px;} .fta .ftal .ftalc .ftalc7{padding-left: 21px;background: url(fta7_16.png) no-repeat left 4px;} .fta .ftam{float:none;margin-left: 0;margin-top: 15px;width: 100%;} .fta .ftar{float:none;margin-top: 15px;} .fta .ftar .ftari{float:left;margin:0 1.6666% 0 1.6666%;text-align: center;width: 30%;} .fta .ftar .ftari div{margin-bottom: 5px;} .fta .ftar .ftari p{font-size: 12px;color: #fff;} .ftb{line-height: 24px;text-align: center;border-top: 1px solid #588c46;margin-top: 10px;font-size: 12px;color: #fff;padding: 8px 0;} .ftb a{color: #fff;} } @media only screen and (max-width:750px){ .head{position: absolute;top:0;left:0;z-index: 99;width: 100%;padding-top: 18px;} .head .logo{float:left;margin-left: 1%;} .head .logo img{height: 75px;} .head .head_r{float:right;margin-right:1%;width: 280px;display: none} .head .head_r .nav{display: none;} .u-menu{display: block;margin:16px 16px 0 0;} .head .head_r .nav ul li{float:left;text-align: center;} .head .head_r .nav ul li a{display: block;padding: 17px 14px 17px;} .head .head_r .nav ul li div{font-size: 15px;color: #6dad45;} .head .head_r .nav ul li p{font-size: 13px;color: #6dad45;} .head .head_r .phone{float:right;margin-top: 27px;width: 280px;display: none;} } @media only screen and (max-width:480px){ .head{position: absolute;top:0;left:0;z-index: 99;width: 100%;padding-top: 18px;} .head .logo{float:left;margin-left: 1%;} .head .logo img{height: 50px;} .u-menu{display: block;margin:5px 8px 0 0;} } /* 返回头部*/ .fixed-right{position: fixed; right: 20px; bottom: 14%; transform: translateY(-50%); z-index: 50;} .fixed-right .item{margin-bottom: 24px; position: relative;} .fixed-right .item:last-child{margin-bottom: 0;} .fixed-right .item .top a{display: flex; width: 77px; height: 77px; justify-content: center; align-items: center; border-radius: 50%; background: #ffffff; box-shadow: 0 0 18px rgba(0,0,0,.2);} .fixed-right .item .top span{font-size: 40px; color: #6aad43;} .fixed-right .item .bot{position: absolute; opacity: 0; visibility: hidden; z-index: 4; transition: all 0.4s; top: 50%; transform: translateY(-50%); right: 120%;} .fixed-right .item:hover .bot{right: 110%; opacity: 1; visibility: visible;} .fixed-right .go-top{cursor: pointer; display: flex; width: 77px; height: 77px; justify-content: center; align-items: center; border-radius: 50%; visibility: hidden; background: #ffffff; box-shadow: 0 0 18px rgba(0,0,0,.2); opacity: 0; transform: translateY(40px); transition: all 0.6s;} .fixed-right .go-top.on{opacity: 1; visibility: visible; transform: translateY(0);} .fixed-right .go-top .line{width: 3px;height: 30px;background: #6aad43;position: relative;} .fixed-right .go-top .line::before{content: '\20';position: absolute;left: 50%;top: 0;width: 12px;height: 12px;border-right: 3px solid #6aad43;border-bottom: 3px solid #6aad43;transform: translateX(-50%) rotate(225deg);} @media screen and (max-width: 750px) { .fixed-right .go-top{width: 40px;height: 40px;} .fixed-right .go-top .line{width: 2px; height: 20px;} .fixed-right .go-top .line::before{width: 8px; height: 8px; border-width: 2px;} }