/*通用*/ /*顶部导航*/ .wyb_s{position: relative;z-index: 9;} .t_navs{ width: 100%;} .t_navs::after{content: "";display: block;clear: both;} /*正常屏幕显示*/ .t_navs .top{ width: 100%; float: left; position: relative;} /*logo*/ .t_navs .top .logo{ margin: 27px 0; line-height: 0; float: left;} .t_navs .top .logo2{display: none;} .t_navs .top .logo img{ width: auto; height: 47px;} /*一级导航*/ .t_navs .top .right{ float: right;} .t_navs .top .menu{display: inline-block;vertical-align: middle;} .t_navs .top .menu .nli{float: left; position: relative;font-size: 16px;margin: 0 35px;} .t_navs .top .menu .nli span a{ display: block;color: #333333; position: relative;padding: 40px 0;} /*鼠标经过样式*/ .t_navs .top .menu .nli.on span a,.t_navs .top .menu .nli:hover span a{ color: #8dc63f;font-weight: bold;} .t_navs .top .menu .nli.on span a::after,.t_navs .top .menu .nli:hover span a::after{ content: ""; display: block; width: 100%; height: 2px; background: #8dc63f; position: absolute; bottom: 22px; left: 0;} /*二级导航*/ .t_navs .top .sub{ display: none; position: absolute; width: 160%; top:100%; left: -30%; background: rgba(0,0,0,0.4); z-index: 4;padding: 5px 0;border-radius: 5px;} .t_navs .top .sub .l2{ width: 100%;padding: 10px 4px;text-align: center;font-size: 16px;} .t_navs .top .sub .l2 a{ display: block; color: #fff;} .t_navs .top .sub .l2 a:hover{ color: #8dc63f;} /*input*/ .t_navs .top .right .input{display: inline-block;vertical-align: middle; position: relative;margin-left:30px;padding: 40px 0;} .t_navs .top .right .input .icon{cursor: pointer;font-size: 18px;color: #333333;} .t_navs .top .right .input .inputs{position: absolute;right: 0;top: 100%; height: 35px;width: 285px;border: 1px solid #8dc63f;display: none;background: #fff;} .t_navs .top .right .input .inputs .Search{float: left; width: 100%;height: 36px; background: none; border: none; line-height: 36px; padding: 0 56px 0 10px; color: #414141;font-size: 14px;} .t_navs .top .right .input .inputs .button{float: right;width: 50px; height: 100%;background-color: #8dc63f;color: #fff; font-size: 18px; text-align: center;line-height: 36px;position: absolute; right: 0;top: 0;} .t_navs .top .right .input .inputs .p{font-size: 18px;position: absolute;top: 8px;right: 14px;color: #fff; cursor:pointer;} /*隐藏手机显示*/ .t_navs .menuph{ display: none;} .t_navs .xialaph{ display: none;} @media screen and (max-width:1140px) { .t_navs .top .menu .nli{margin: 0 20px;} .t_navs .top .right .input{margin-left:20px;} } @media screen and (max-width:991px) { /*电脑端导航隐藏*/ .t_navs .menu{ display: none!important;} .t_navs .top .right .input{display: none!important;} /*手机端导航显示*/ .t_navs .menuph{ display: block;} .t_navs .xialaph{ display: block;} /*手机端样式*/ .t_navs .top{ padding: 0 15px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: #fff;} /*logo*/ .t_navs .top .logo{display: none;} .t_navs .top .logo2 img{ height: 40px;} .t_navs .top .logo2{display: block;margin: 8px 0;} /*右侧三条杠*/ .t_navs .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 16px 0;} .t_navs .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} .t_navs .menuph .point:hover .navbtn, .t_navs .menuph .point:hover .navbtn::after, .t_navs .menuph .point:hover .navbtn::before { width: 28px;} .t_navs .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #8dc63f; -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;} .t_navs .menuph .navbtn::after, .t_navs .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #8dc63f; -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;} .t_navs .menuph .navbtn::after { top: -11px;} .t_navs .menuph .navbtn::before { top: 11px;} .t_navs .menuph .point.active .navbtn{ background: transparent;} .t_navs .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: 0;} .t_navs .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;} /*一级导航*/ .t_navs .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 56px 15px 100px 15px; display: none; z-index:3; background:#fff;} .t_navs .xialaph .ul2, .t_navs .xialaph .ul3{ display: none;} .t_navs .xialaph h4 a{ float: left; width: 60%; color: #333333;line-height: 50px;font-size: 16px;} .t_navs .xialaph h4{ float: left; width: 100%; position: relative;} .t_navs .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph h4:hover a, .t_navs .xialaph h5:hover a{ color: #8dc63f;} .t_navs .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height: 40px; text-transform: uppercase;font-size: 14px;} .t_navs .xialaph h5{ float: left; width: 100%; position: relative;} .t_navs .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;} .t_navs .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: -25px; margin-right: 18px; cursor: pointer;} .t_navs .xialaph h4.active img.img_s, .t_navs .xialaph h5.active img.img_s{ display: none;} .t_navs .xialaph h4.active img.img_d, .t_navs .xialaph h5.active img.img_d{ display: block;} .t_navs .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;} .t_navs .xialaph .ul3{ padding-top: 50px; padding-bottom: 10px; padding-left: 15px; z-index: -1; position: relative;} .t_navs .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph li:last-child .ul3::after{ display: none;} .t_navs .xialaph .ul3 li a{ color: #333;line-height: 35px; display: block;font-size: 14px;} .t_navs .xialaph .ul3 li:hover a{color: #8dc63f;} .t_navs .xialaph .ul3 li{ padding-top: 5px;} .t_navs .xialaph .ul3 li:first-child{ padding-top: 0;} /*input*/ .t_navs .xialaph .inputs{width: 100%;height: 30px;border: 1px solid #8dc63f;float: left;margin: 0 auto;position: relative;margin-top: 10px;} .t_navs .xialaph .inputs .Search{float: left; width: 100%;height: 30px; background: none; border: none; line-height: 30px; padding: 0 56px 0 10px; color: #414141;font-size: 14px;} .t_navs .xialaph .inputs .button{float: right;width: 50px; height: 30px;background-color: #8dc63f;color: #fff; font-size: 18px; text-align: center;line-height: 36px;position: absolute; right: 0;top: 0;} .t_navs .xialaph .inputs .p{font-size: 18px;position: absolute;top: 5px;right: 14px;color: #fff; cursor:pointer;} /*二级三级导航箭头*/ .t_navs .img_d, .t_navs .disno{ display: none;} } /*二级导航*/ .ej_navs{width: 100%;font-size: 0;text-align: center;border-bottom: 1px solid #d8d8d8;} .ej_navs li{display: inline-block;vertical-align: middle;font-size: 16px;color: #333333;} .ej_navs li a{display: block;padding: 30px 28px;} .ej_navs li a:hover,.ej_navs li.on a{background-color: #7ecb28;color: #fff;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .ej_navs{white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .ej_navs::-webkit-scrollbar{ display: none;} .ej_navs li{font-size: 14px;} .ej_navs li a{padding: 16px 14px;} } @media screen and (max-width: 767px){ .ej_navs li a{padding: 12px 10px;} } /*banner*/ .sy_banner{width: 100%;position: relative;z-index: 8;} .sy_banner li{height: auto;} .sy_banner li img{display: block;width: 100%;} .sy_banner .slick-dots{ position: absolute; bottom: 30px; height: 4px; text-align: center;width: 100%;} .sy_banner .slick-dots li{display: inline-block; vertical-align: top; width: 44px; height: 4px; margin: 0 7.5px;font-size: 0;background: rgba(255,255,255,0.52);} .sy_banner .slick-dots li.slick-active{ background: #8dc63f;} .sy_banner .posi_{width: 100%;text-align: center;position: absolute;left: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%);} .sy_banner .posi_ .yw{font-size: 48px;color: #ffffff;font-weight: bold;text-transform:uppercase;line-height: 50px; text-shadow: 1px 1px 1px rgba(0,0,0,0.19);} .sy_banner .posi_ .zw{font-size: 36px;color: #ffffff;font-weight: bold;line-height: 38px; text-shadow: 1px 1px 1px rgba(0,0,0,0.19);} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .sy_banner{margin-top: 56px;} .sy_banner .slick-dots{bottom: 20px; height: 3px;} .sy_banner .slick-dots li{width: 22px; height: 3px; margin: 0 4px;} .sy_banner .posi_ .yw{font-size: 22px;line-height: 24px;} .sy_banner .posi_ .zw{font-size: 18px;line-height: 20px;} } @media screen and (max-width: 767px){ .sy_banner .slick-dots{bottom: 10px;} .sy_banner .posi_ .yw{font-size: 20px;line-height: 22px;} .sy_banner .posi_ .zw{font-size: 16px;line-height: 18px;} } /*底部漂浮手机显示*/ .bottomnav .q_d_m{ float: left; width: 100%; height: 50px;} .bottomnav .pf_down{ width: 100%; float: left; position: fixed; left: 0; bottom: 0; height: 50px; background: #8dc63f; z-index: 16; box-shadow: 0 -5px 10px rgba(0,0,0,0.2);} .bottomnav .pf_down li{ width: 33.3%; float: left; text-align: center; padding: 7px 0 4px 0; border-right: 1px solid #fff;} .bottomnav .pf_down li .ico7{ width: 100%; float: left; height: 20px;} .bottomnav .pf_down li .d_name{ width: 100%; float: left; margin-top: 4px; font-size: 12px; color: #fff; line-height: 14px;} .bottomnav .pf_down li.l1 .ico7{ background: url(images/fz.png) no-repeat center; background-size: 20px 20px;} .bottomnav .pf_down li.l2 .ico7{ background: url(images/dh.png) no-repeat center; background-size: 20px 20px;} .bottomnav .pf_down li.l3 .ico7{ background: url(images/db.png) no-repeat center; background-size: 20px 20px;} .bottomnav .pf_down li:last-child{ border: none;} .bottomnav .pf_down li:nth-child(3n){ border: none;} /*底导航*/ .bottomnav{width: 100%;background-color: #11120f;padding: 55px 0 30px 0;} .bottomnav .nav{width: 100%;overflow: hidden;padding-bottom: 60px;position: relative;} .bottomnav .nav .left{float: left;padding-right: 220px; width: -moz-calc(100% - 320px); width: -o-calc(100% - 320px); width: -webkit-calc(100% - 320px); width: calc(100% - 320px); } .bottomnav .nav .left ul{float: left;margin: 0 4px; width: -moz-calc(20% - 8px); width: -o-calc(20% - 8px); width: -webkit-calc(20% - 8px); width: calc(20% - 8px); } .bottomnav .nav .left ul:first-child{margin-left: 0;} .bottomnav .nav .left ul li:first-child{font-size: 16px;margin-bottom: 38px;} .bottomnav .nav .left ul li:first-child a{color: #ffffff;} .bottomnav .nav .left ul li{font-size: 14px;font-weight: lighter;margin-bottom: 16px;line-height: 14px;} .bottomnav .nav .left ul li a:hover{color: #8dc63f;} .bottomnav .nav .left ul li:last-child{margin-bottom: 0;} .bottomnav .nav .left ul li a{color: rgba(255,255,255,0.6);} .bottomnav .nav .right{width: 320px;float: right;} .bottomnav .nav .right .phone{width: 100%;font-size: 0;margin-bottom: 38px;text-align: right;} .bottomnav .nav .right .phone .icon{width: 20px;height: 20px;display: inline-block;vertical-align: middle;} .bottomnav .nav .right .phone .words{font-size: 16px;color: #cccccc;display: inline-block;vertical-align: middle;margin-left: 12px;} .bottomnav .nav .right .phone .words span:first-child{margin-right: 26px;} .bottomnav .nav .right .ewm{text-align: right;} .bottomnav .nav .right .ewm .toppic{width: 105px;height: 105px;background-color: #fff;padding: 5px;display: inline-block;vertical-align: middle;} .bottomnav .nav .right .ewm .toppic .ewms{width: 100%;height: 100%;} .bottomnav .nav .right .ewm .bottomwords{width: 100%;font-size: 0;margin-top: 18px;} .bottomnav .nav .right .ewm .bottomwords .icon{width: 20px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 5px;} .bottomnav .nav .right .ewm .bottomwords .words{font-size: 15px;color: #808080;font-weight: lighter;display: inline-block;vertical-align: middle;} .bottomnav .nav .border{width: 100%;height: 1px;background: rgba(255,255,255,0.1);position: absolute;left: 0;top: 40px;} .bottomnav .content{padding-top: 30px;border-top: 1px solid rgba(255,255,255,0.1);width: 100%;overflow: hidden;} .bottomnav .content .fl{font-size: 14px;color: rgba(255,255,255,0.6);float: left;} .bottomnav .content .fl a{color: rgba(255,255,255,0.6);} .bottomnav .content .fr{float: right;font-size: 14px;color: rgba(255,255,255,0.6);} .bottomnav .content .fr a{color: rgba(255,255,255,0.6);} .bottomnav .content .fr a:hover{color: #8dc63f;} @media screen and (max-width:1340px) { .bottomnav .nav .left{padding-right: 80px;} } @media screen and (max-width: 991px){ .bottomnav{padding: 20px 0 70px 0;} .bottomnav .nav{padding-bottom: 20px;} .bottomnav .nav .left{display: none;;} .bottomnav .nav .right{width: 100%;} .bottomnav .nav .right .phone{margin-bottom: 28px;text-align: center;} .bottomnav .nav .right .phone .icon{width: 16px;height: 15px;} .bottomnav .nav .right .phone .words{font-size: 14px;margin-left: 6px;} .bottomnav .nav .right .phone .words span:first-child{margin-right: 14px;} .bottomnav .nav .right .ewm{text-align: center;} .bottomnav .nav .right .ewm .toppic{width: 100px;height: 100px;} .bottomnav .nav .right .ewm .bottomwords{margin-top: 10px;} .bottomnav .nav .right .ewm .bottomwords .icon{width: 20px;height: 16px;margin-right: 4px;} .bottomnav .nav .right .ewm .bottomwords .words{font-size: 14px;} .bottomnav .nav .border{top: 32px;} .bottomnav .content{padding-top: 20px;} .bottomnav .content .fl{font-size: 12px;} .bottomnav .content .fr{font-size: 12px;} } @media screen and (max-width: 767px){ .bottomnav .nav .right .phone{margin-bottom: 16px;} .bottomnav .nav .border{top: 24px;} .bottomnav .content .fl{font-size: 12px;width: 100%;float: none;text-align: center;margin-top: 8px;} .bottomnav .content .fr{font-size: 12px;width: 100%;float: none;text-align: center;} } /*侧悬浮*/ .cxf{width: 70px;position: fixed;right: 20px;top: 50%;z-index: 10; transform: translate(0,-50%); -ms-transform: translate(0,-50%); } .cxf .box{width: 70px;} .cxf .box .box1{width: 100%; background-color: #999999;margin-bottom: 1px;position: relative;transition: all 0.5s;} .cxf .box .renter{cursor: pointer;} .cxf .box .box1 .top{width: 70px;height: 40px;} .cxf .box .box1 .bottom{margin-top: 5px;font-size: 14px;color: #fff;text-align: center;height: 30px;} .cxf .box .box1 .phone{ width:170px;position: absolute;right: 0;top: 30%;margin-top: -15px;background: #8dc63f;padding: 8px; -webkit-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .cxf .box .box1 .phone .p1{width: 100%;height: 22px;font-size: 16px;color: #ffffff;} .cxf .box .box1 .phone .p2{font-size: 20px;color: #fff;} .cxf .box .box1 .phone .phonebox{width: 100%;height: 100%;position: relative;} .cxf .box .box1 .phone .phonebox::after{content: "";display: block;width: 0;height: 0;border: 10px solid;border-color: transparent transparent #8dc63f;position: absolute;right: -25px;top: 50%;margin-top: -10px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .cxf .box .box1 .ewms{width: 100%;height: 100%;} .cxf .box .box1 .con.rtl{ right: 120%;} .cxf .box .box1 .phone1{left: 0;} .cxf .box .box1 .con.ltr{ left: 102%;} .cxf .box .box1:hover{background-color: #8dc63f;} @media screen and (max-width: 1040px){ .cxf .box{display: none;} } @media screen and (max-width: 991px){ } @media screen and (max-width: 767px){ } /*弹窗*/ ._pop{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:16; display:none;} ._col{ float:left; font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #f5f5f5;cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} ._htm{ float:left; width:600px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} ._htm video{width: 100%;display: block;margin: 0 auto; } ._htm img{width: 100%;display: block;margin: 0 auto; } @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ ._col{ float:left; font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #999;cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} ._htm{ float:left; width:400px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} } @media screen and (max-width: 767px){ ._col{ float:left; font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #999;cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} ._htm{ float:left; width:240px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} } /*首页*/ /*关于我们*/ .sy_section1{width: 100%;padding: 98px 0;} .sy_section1 .content{width: 100%;overflow: hidden;} .sy_section1 .content .left{width: 54.69%;float: left;padding: 0 74px 0 50px;height: 590px;} .sy_section1 .content .left h2{font-size: 42px;color: #8dc63f;line-height: 44px;margin-bottom: 14px;font-weight: bold;} .sy_section1 .content .left h3{font-size: 30px;color: #393737;line-height: 32px;font-weight: bold;margin-bottom: 46px;} .sy_section1 .content .left .text{font-size: 16px;color: #333333;line-height: 30px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 240px;} .sy_section1 .content .left .text::-webkit-scrollbar{ width: 3px;} .sy_section1 .content .left .text::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .sy_section1 .content .left .text::-webkit-scrollbar-thumb{ width: 3px; background-color: #8dc63f; border-radius: 3px;} .sy_section1 .content .left ul{width: 100%;margin-top: 50px;overflow: hidden;border: 1px solid rgba(0,0,0,0.1);border-right: 0;} .sy_section1 .content .left ul li{width: 25%;float: left;border-right: 1px solid rgba(0,0,0,0.1);padding: 18px 5px 22px 5px;} .sy_section1 .content .left ul li .pic{width: 50px;height: 50px;margin: 0 auto;} .sy_section1 .content .left ul li .words{font-size: 16px;color: #333333;line-height: 18px;font-weight: lighter;text-align: center;margin-top: 10px;} .sy_section1 .content .right{width: 45.31%;float: right;height: 590px;overflow: hidden;} .sy_section1 .content .right .pic{width: 100%;height: 100%; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section1 .content .right .pic:hover{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } @media screen and (max-width: 1040px){ } @media screen and (max-width: 991px){ .sy_section1{padding: 22px 0;} .sy_section1 .content .left{width: 55%;padding: 0 18px;height: 335px;} .sy_section1 .content .left h2{font-size: 22px;line-height: 24px;margin-bottom: 10px;} .sy_section1 .content .left h3{font-size: 18px;line-height: 20px;margin-bottom: 16px;} .sy_section1 .content .left .text{font-size: 14px;line-height: 24px;max-height: 140px;} .sy_section1 .content .left .text::-webkit-scrollbar{ width: 2px;} .sy_section1 .content .left .text::-webkit-scrollbar-track{ border-radius: 2px;} .sy_section1 .content .left .text::-webkit-scrollbar-thumb{ width: 2px;border-radius: 2px;} .sy_section1 .content .left ul{margin-top: 16px;} .sy_section1 .content .left ul li{padding: 14px 5px;} .sy_section1 .content .left ul li .pic{width: 38px;height: 38px;} .sy_section1 .content .left ul li .words{font-size: 14px;line-height: 16px;margin-top: 8px;} .sy_section1 .content .right{width: 45%;height: 335px;} } @media screen and (max-width: 767px){ .sy_section1 .content .left{width: 100%;float: none;padding: 0 16px;height: 275px;} .sy_section1 .content .left h2{font-size: 18px;line-height: 20px;margin-bottom: 8px;} .sy_section1 .content .left h3{font-size: 16px;line-height: 18px;margin-bottom: 14px;} .sy_section1 .content .left .text{line-height: 22px;max-height: 110px;} .sy_section1 .content .left ul{margin-top: 14px;} .sy_section1 .content .left ul li{padding: 12px 4px;} .sy_section1 .content .left ul li .pic{width: 32px;height: 32px;} .sy_section1 .content .left ul li .words{line-height: 14px;margin-top: 6px;} .sy_section1 .content .right{width: 100%;height: 275px;} } /*主营业务*/ .sy_section2{width: 100%;} .sy_section2 ul li{height: auto;overflow: hidden;} .sy_section2 ul li .libox{width: 100%;height: 848px;position: relative; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section2 ul li:hover .libox{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } .sy_section2 ul li .libox .wordsbox{position: absolute;left: 0;top: 50%;width: 100%;padding: 5px; transform: translate(0,-50%); -ms-transform: translate(0,-50%);} .sy_section2 ul li .libox .wordsbox .iconbox{width: 88px;height: 88px;border: 1px solid #fff;border-radius: 100%;overflow: hidden;margin: 0 auto;} .sy_section2 ul li .libox .wordsbox .iconbox .icon{width: 100%;height: 100%;} .sy_section2 ul li:hover .libox .wordsbox .iconbox{background-color: #8dc63f;border-color: #8dc63f;} .sy_section2 ul li .libox .wordsbox .words1{font-size: 30px;color: #ffffff;line-height: 32px;padding-top: 32px;margin-top: 30px;position: relative;margin-bottom: 12px;text-align: center;} .sy_section2 ul li .libox .wordsbox .words1::after{content: "";display: block;width: 20px;height: 2px;background: rgba(255,255,255,0.3);position: absolute;left: 50%;top: 0; transform: translate(-50%,0); -ms-transform: translate(-50%,0);} .sy_section2 ul li .libox .wordsbox .words2{font-size: 14px;color: rgba(255,255,255,0.6);line-height: 16px;font-weight: lighter;text-align: center;text-transform:uppercase;} .sy_section2 ul .slick-prev{width: 26px;height: 13px;background: url(images/img34.png) no-repeat center center; background-size: cover;left: 50%;top: auto;bottom: 26px; margin-left: -30px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .sy_section2 ul .slick-next{width: 26px;height: 13px;background: url(images/img34.png) no-repeat center center; background-size: cover;right: 50%;top: auto;bottom: 20px; margin-right: -30px;} .sy_section2 ul .slick-prev:hover,.sy_section2 ul .slick-next:hover{opacity: 0.5;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .sy_section2 ul li .libox{height: 400px;} .sy_section2 ul li .libox .wordsbox .iconbox{width: 44px;height: 44px;} .sy_section2 ul li .libox .wordsbox .words1{font-size: 20px;line-height: 22px;padding-top: 18px;margin-top: 16px;margin-bottom: 8px;} .sy_section2 ul li .libox .wordsbox .words1::after{content: "";display: block;width: 18px;} .sy_section2 ul li .libox .wordsbox .words2{font-size: 12px;line-height: 14px;} } @media screen and (max-width: 767px){ .sy_section2 ul li .libox{height: 300px;} .sy_section2 ul li .libox .wordsbox .iconbox{width: 40px;height: 40px;} .sy_section2 ul li .libox .wordsbox .words1{font-size: 18px;line-height: 20px;padding-top: 16px;margin-top: 14px;margin-bottom: 6px;} .sy_section2 ul .slick-prev{width: 19px;height: 10px;bottom: 14px; margin-left: -25px;} .sy_section2 ul .slick-next{width: 19px;height: 10px;bottom: 10px; margin-right: -25px;} } /*新闻*/ .sy_section3{width: 100%;padding: 100px 0;} .sy_section3 .tit{width: 100%;text-align: center;margin-bottom: 54px;} .sy_section3 .tit h2{font-size: 42px;color: #8dc63f;line-height: 44px;font-weight: bold;margin-bottom: 14px;text-transform:uppercase;} .sy_section3 .tit h3{font-size: 30px;color: #393737;line-height: 32px;font-weight: bold;} .sy_section3 .content{width: 100%;overflow: hidden;} .sy_section3 .content .left{width: 49.2%;float: left;height: 413px;position: relative;} .sy_section3 .content .left a{display: block;width: 100%;height: 100%;} .sy_section3 .content .left .words{width: 100%;height: 98px;position: absolute;bottom: 0;left: 0;font-size: 0;padding: 0 20px;padding-top: 60px;} .sy_section3 .content .left .words .text{font-size: 16px;color: #ffffff;line-height: 18px;display: inline-block;vertical-align: middle; width: -moz-calc(100% - 42px); width: -o-calc(100% - 42px); width: -webkit-calc(100% - 42px); width: calc(100% - 42px);} .sy_section3 .content .left .words .jt{margin-left: 20px; width: 20px;height: 2px;background-color: #fff;position: relative; display: inline-block;vertical-align: middle;} .sy_section3 .content .left .words .jt::after{width: 8px;height: 8px;content: "";display: block;border-top: 2px solid #fff;border-right: 2px solid #fff;position: absolute;right: 0;top: 50%;margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .sy_section3 .content .left:hover .words .text{color: #8dc63f;} .sy_section3 .content .left:hover .words .jt{background-color: #8dc63f;} .sy_section3 .content .left:hover .words .jt::after{content: "";display: block;border-top: 2px solid #8dc63f;border-right: 2px solid #8dc63f;} .sy_section3 .content .right{width: 50.8%;float: right;padding-left: 30px;} .sy_section3 .content .right li{width: 100%;margin-bottom: 30px;background-color: #fff;} .sy_section3 .content .right li:last-child{margin-bottom: 0;} .sy_section3 .content .right li a{display: block;width: 100%;padding: 14px 15px;padding-right: 20px;padding-left: 147px;position: relative;border: 1px solid #e6e6e6;} .sy_section3 .content .right li a .pic{width: 132px;height: 88px;position: absolute;left: 15px;top: 15px;} .sy_section3 .content .right li a .words_r{height: 88px;display: inline-block;vertical-align: middle;position: relative; width: -moz-calc(100% - 30px); width: -o-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: calc(100% - 30px);} .sy_section3 .content .right li a .wordsbox{position: absolute;left: 0;top: 50%;width: 100%;padding-left: 18px; transform: translate(0,-50%); -ms-transform: translate(0,-50%);} .sy_section3 .content .right li a .wordsbox .name{font-size: 18px;color: #333333;line-height: 20px;margin-bottom: 12px;} .sy_section3 .content .right li a .wordsbox .text{font-size: 14px;color: #555555;line-height: 20px;height: 40px;} .sy_section3 .content .right li a .more{width: 20px;height: 1px;background-color: #7b7b7b;display: inline-block;vertical-align: middle;position: relative;} .sy_section3 .content .right li a .more::after{content: "";display: block;width: 8px;height: 8px;border-top: 1px solid #7b7b7b;border-right: 1px solid #7b7b7b;position: absolute;right: 0;top: 50%;margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .sy_section3 .content .right li:hover{background-color: #8dc63f;} .sy_section3 .content .right li:hover a{border-color: #8dc63f;} .sy_section3 .content .right li:hover a .wordsbox .name{color: #ffffff;} .sy_section3 .content .right li:hover a .wordsbox .text{color: #ffffff;} .sy_section3 .content .right li:hover a .more{background-color: #fff;} .sy_section3 .content .right li:hover a .more::after{content: "";display: block;border-color: #fff;} .sy_section3 .w_mores{width: 188px;height: 44px;text-align: center;line-height: 44px;font-size: 0;border: 1px solid rgba(0,0,0,0.5);margin: 60px auto 0 auto; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section3 .w_mores a{display: block;width: 100%;height: 100%;} .sy_section3 .w_mores .dian{width: 4px;height: 4px;background-color: #666666;border-radius: 100%;display: inline-block;vertical-align: middle;margin-right: 10px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section3 .w_mores .w_words{font-size: 16px;color: #666;display: inline-block;vertical-align: middle;margin-right: 10px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section3 .w_mores .border{width: 50px;height: 1px;background-color: #666;display: inline-block;vertical-align: middle;margin-right: 4px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section3 .w_mores .icons{width: 10px;height: 10px;border-top: 1px solid #666;border-right: 1px solid #666;display: inline-block;vertical-align: middle; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section3 .w_mores:hover{background-color: #8dc63f;border-color: #8dc63f; transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95);} .sy_section3 .w_mores:hover .dian{background-color: #fff;margin-right: 4px;} .sy_section3 .w_mores:hover .w_words{color: #fff;margin-right: 4px;} .sy_section3 .w_mores:hover .border{background-color: #fff;margin-right: -10px;} .sy_section3 .w_mores:hover .icons{border-color: #fff;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .sy_section3{padding: 22px 0;} .sy_section3 .tit{margin-bottom: 16px;} .sy_section3 .tit h2{font-size: 22px;line-height: 24px;margin-bottom: 10px;} .sy_section3 .tit h3{font-size: 18px;line-height: 20px;} .sy_section3 .content .left{width: 50%;height: 308px;} .sy_section3 .content .left .words{height: 60px;padding: 0 11px;padding-top: 20px;} .sy_section3 .content .left .words .text{font-size: 16px;line-height: 18px; width: -moz-calc(100% - 25px); width: -o-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: calc(100% - 25px);} .sy_section3 .content .left .words .jt{margin-left: 6px; width: 16px;} .sy_section3 .content .left .words .jt::after{width: 6px;height: 6px;content: "";display: block;margin-top: -3px;} .sy_section3 .content .right{width: 50%;padding-left: 16px;} .sy_section3 .content .right li{margin-bottom: 16px;} .sy_section3 .content .right li a{padding: 10px 12px;padding-right: 16px;padding-left: 120px;} .sy_section3 .content .right li a .pic{width: 108px;height: 70px;left: 12px;top: 10px;} .sy_section3 .content .right li a .words_r{height: 70px; width: -moz-calc(100% - 30px); width: -o-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: calc(100% - 30px);} .sy_section3 .content .right li a .wordsbox{padding-left: 15px;} .sy_section3 .content .right li a .wordsbox .name{font-size: 16px;line-height: 18px;margin-bottom: 8px;} .sy_section3 .content .right li a .wordsbox .text{font-size: 12px;line-height: 18px;height: 34px;} .sy_section3 .content .right li a .more{width: 18px;height: 2px;} .sy_section3 .content .right li a .more::after{content: "";display: block;width: 6px;height: 6px;border-top: 2px solid #7b7b7b;border-right: 2px solid #7b7b7b;margin-top: -3px;} .sy_section3 .w_mores{width: 140px;height: 34px;line-height: 34px;margin: 16px auto 0 auto;;} .sy_section3 .w_mores .dian{width: 3px;height: 3px;margin-right: 6px;} .sy_section3 .w_mores .w_words{font-size: 14px;margin-right: 6px;} .sy_section3 .w_mores .border{width: 36px;margin-right: 2px;} .sy_section3 .w_mores .icons{width: 8px;height: 8px;} .sy_section3 .w_mores:hover .dian{background-color: #fff;margin-right: 2px;} .sy_section3 .w_mores:hover .w_words{color: #fff;margin-right: 2px;} .sy_section3 .w_mores:hover .border{background-color: #fff;margin-right: -8px;} } @media screen and (max-width: 767px){ .sy_section3 .tit{margin-bottom: 14px;} .sy_section3 .tit h2{font-size: 20px;line-height: 22px;margin-bottom: 8px;} .sy_section3 .tit h3{font-size: 16px;line-height: 18px;} .sy_section3 .content .left{width: 100%;height: 220px;} .sy_section3 .content .left .words{height: 40px;padding: 0 8px;padding-top: 15px;} .sy_section3 .content .left .words .text{font-size: 14px;line-height: 16px; width: -moz-calc(100% - 30px); width: -o-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: calc(100% - 30px);} .sy_section3 .content .left .words .jt{margin-left: 10px;} .sy_section3 .content .right{width: 100%;padding-left: 0px;margin-top: 14px;} .sy_section3 .content .right li{margin-bottom: 14px;} .sy_section3 .content .right li a{padding: 8px 10px;padding-right: 14px;padding-left: 118px;} .sy_section3 .content .right li a .pic{width: 108px;height: 70px;left: 12px;top: 10px;} .sy_section3 .content .right li a .wordsbox{padding-left: 12px;} .sy_section3 .content .right li a .wordsbox .name{font-size: 14px;line-height: 14px;} } /*合作伙伴*/ .sy_section4{width: 100%;padding: 100px 0;} .sy_section4 .tit{width: 100%;text-align: center;margin-bottom: 56px;} .sy_section4 .tit h2{font-size: 42px;line-height: 44px;color: #8dc63f;font-weight: bold;text-transform:uppercase;margin-bottom: 18px;} .sy_section4 .tit h3{font-size: 30px;color: #393737;font-weight: bold;line-height: 32px;} .sy_section4 ul{margin: -15px;overflow: hidden; width: -moz-calc(100% + 30px); width: -o-calc(100% + 30px); width: -webkit-calc(100% + 30px); width: calc(100% + 30px);} .sy_section4 ul li{float: left;margin: 15px;border: 1px solid #e6e6e6;position: relative;overflow: hidden; width: -moz-calc(20% - 30px); width: -o-calc(20% - 30px); width: -webkit-calc(20% - 30px); width: calc(20% - 30px);} .sy_section4 ul li .pic{width: 100%;padding-bottom: 66.52%; position: relative; overflow: hidden;} .sy_section4 ul li .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .sy_section4 ul li .wordsbox{width: 100%;height: 100%;position: absolute;left: 0;bottom: -140%;background-color: rgba(141,198,63,0.96); transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section4 ul li .wordsbox ._words{width: 100%;height: 100%;position: relative;} .sy_section4 ul li .wordsbox ._words .name{width: 100%;font-size: 20px;color: #fff;position: absolute;left: 0;top: 50%;text-align: center;padding: 5px; transform: translate(0,-50%); -ms-transform: translate(0,-50%);} .sy_section4 ul li:hover .wordsbox{bottom: 0;} .sy_section4 .w_mores{width: 188px;height: 44px;text-align: center;line-height: 44px;font-size: 0;border: 1px solid rgba(0,0,0,0.5);margin: 60px auto 0 auto; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section4 .w_mores a{display: block;width: 100%;height: 100%;} .sy_section4 .w_mores .dian{width: 4px;height: 4px;background-color: #666666;border-radius: 100%;display: inline-block;vertical-align: middle;margin-right: 10px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section4 .w_mores .w_words{font-size: 16px;color: #666;display: inline-block;vertical-align: middle;margin-right: 10px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section4 .w_mores .border{width: 50px;height: 1px;background-color: #666;display: inline-block;vertical-align: middle;margin-right: 4px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section4 .w_mores .icons{width: 10px;height: 10px;border-top: 1px solid #666;border-right: 1px solid #666;display: inline-block;vertical-align: middle; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section4 .w_mores:hover{background-color: #8dc63f;border-color: #8dc63f; transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95);} .sy_section4 .w_mores:hover .dian{background-color: #fff;margin-right: 4px;} .sy_section4 .w_mores:hover .w_words{color: #fff;margin-right: 4px;} .sy_section4 .w_mores:hover .border{background-color: #fff;margin-right: -10px;} .sy_section4 .w_mores:hover .icons{border-color: #fff;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .sy_section4{padding: 22px 0;} .sy_section4 .tit{margin-bottom: 16px;} .sy_section4 .tit h2{font-size: 22px;line-height: 24px;margin-bottom: 16px;} .sy_section4 .tit h3{font-size: 18px;line-height: 22px;} .sy_section4 ul{margin: -10px; width: -moz-calc(100% + 20px); width: -o-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: calc(100% + 20px);} .sy_section4 ul li{margin: 10px; width: -moz-calc(20% - 20px); width: -o-calc(20% - 20px); width: -webkit-calc(20% - 20px); width: calc(20% - 20px);} .sy_section4 ul li .wordsbox ._words .name{font-size: 16px;} .sy_section4 .w_mores{width: 140px;height: 34px;line-height: 34px;margin: 16px auto 0 auto;;} .sy_section4 .w_mores .dian{width: 3px;height: 3px;margin-right: 6px;} .sy_section4 .w_mores .w_words{font-size: 14px;margin-right: 6px;} .sy_section4 .w_mores .border{width: 36px;margin-right: 2px;} .sy_section4 .w_mores .icons{width: 8px;height: 8px;} .sy_section4 .w_mores:hover .dian{background-color: #fff;margin-right: 2px;} .sy_section4 .w_mores:hover .w_words{color: #fff;margin-right: 2px;} .sy_section4 .w_mores:hover .border{background-color: #fff;margin-right: -8px;} } @media screen and (max-width: 767px){ .sy_section4 .tit{margin-bottom: 14px;} .sy_section4 .tit h2{font-size: 20px;line-height: 22px;margin-bottom: 14px;} .sy_section4 .tit h3{font-size: 16px;line-height: 18px;} .sy_section4 ul{margin: -5px; width: -moz-calc(100% + 10px); width: -o-calc(100% + 10px); width: -webkit-calc(100% + 10px); width: calc(100% + 10px);} .sy_section4 ul li{margin: 5px; width: -moz-calc(50% - 10px); width: -o-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: calc(50% - 10px);} .sy_section4 ul li .wordsbox ._words .name{font-size: 14px;} } /*关于我们*/ /*关于我们公用标题*/ .gy_tit{width: 100%;text-align: center;} .gy_tit h2{font-size: 32px;color: #7ecb28;font-weight: bold;line-height: 34px;margin-bottom: 22px;width: 100%;} .gy_tit .box{width: 100%;font-size: 0;} .gy_tit .box h3{width: 157px; font-size: 16px;line-height: 18px;padding: 0 8px; color: #999999;display: inline-block;vertical-align: middle;text-transform:uppercase;border-left: 1px solid rgba(0,0,0,0.1);border-right: 1px solid rgba(0,0,0,0.1);} .gy_tit .box .box_l{height: 1px;background-color: rgba(0,0,0,0.1);display: inline-block;vertical-align: middle; width: -moz-calc(50% - 80px); width: -o-calc(50% - 80px); width: -webkit-calc(50% - 80px); width: calc(50% - 80px);} .gy_tit .box .box_r{height: 1px;background-color: rgba(0,0,0,0.1);display: inline-block;vertical-align: middle; width: -moz-calc(50% - 80px); width: -o-calc(50% - 80px); width: -webkit-calc(50% - 80px); width: calc(50% - 80px);} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .gy_tit h2{font-size: 22px;line-height: 24px;margin-bottom: 16px;} .gy_tit .box h3{width: 133px; font-size: 14px;line-height: 16px;padding: 0 4px;} .gy_tit .box .box_l{ width: -moz-calc(50% - 68px); width: -o-calc(50% - 68px); width: -webkit-calc(50% - 68px); width: calc(50% - 68px);} .gy_tit .box .box_r{ width: -moz-calc(50% - 68px); width: -o-calc(50% - 68px); width: -webkit-calc(50% - 68px); width: calc(50% - 68px);} } @media screen and (max-width: 767px){ .gy_tit h2{font-size: 20px;line-height: 22px;margin-bottom: 14px;} .gy_tit .box h3{width: 118px; font-size: 12px;line-height: 14px;} .gy_tit .box .box_l{ width: -moz-calc(50% - 60px); width: -o-calc(50% - 60px); width: -webkit-calc(50% - 60px); width: calc(50% - 60px);} .gy_tit .box .box_r{ width: -moz-calc(50% - 60px); width: -o-calc(50% - 60px); width: -webkit-calc(50% - 60px); width: calc(50% - 60px);} } /*集团简介*/ .gy_section1{width: 100%;padding: 100px 0;} .gy_section1 .content{width: 100%;margin-top: 60px;padding: 40px;background-color: #f4f4f4;overflow: hidden;} .gy_section1 .content .left{width: 52.12%;float: left;background-color: #fff;position: relative;height: 586px;} .gy_section1 .content .left .wordsbox{width: 100%;padding: 0 68px 0 50px;position: absolute;left: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%);} .gy_section1 .content .left .wordsbox h2{font-size: 24px;color: #8dc63f;font-weight: bold;line-height: 26px;margin-bottom: 10px;} .gy_section1 .content .left .wordsbox h3{font-size: 14px;color: #999999;line-height: 16px;margin-bottom: 50px;text-transform:uppercase;} .gy_section1 .content .left .wordsbox .text{padding-right: 4px; width: 100%;font-size: 16px;color: #333333;line-height: 30px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 180px;} .gy_section1 .content .left .wordsbox .text::-webkit-scrollbar{ width: 3px;} .gy_section1 .content .left .wordsbox .text::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .gy_section1 .content .left .wordsbox .text::-webkit-scrollbar-thumb{ width: 3px; background-color: #8dc63f; border-radius: 3px;} .gy_section1 .content .left .wordsbox ul{width: 100%;overflow: hidden;padding-top: 50px;margin-top: 56px;border-top: 1px solid rgba(0,0,0,0.08);} .gy_section1 .content .left .wordsbox ul li{width: 33%;float: left;text-align: center;} .gy_section1 .content .left .wordsbox ul li:nth-child(2){width: 34%;border-left: 1px solid rgba(0,0,0,0.08);border-right: 1px solid rgba(0,0,0,0.08);} .gy_section1 .content .left .wordsbox ul li ._t{width: 100%;font-size: 0;} .gy_section1 .content .left .wordsbox ul li ._t .num{font-size: 36px;color: #7ecb28;font-weight: bold;line-height: 38px;display: inline-block;vertical-align: top;} .gy_section1 .content .left .wordsbox ul li ._t .ico{display: inline-block;vertical-align: top;font-size: 12px;color: #7ecb28;margin-left: 6px;} .gy_section1 .content .left .wordsbox ul li ._b{font-size: 14px;color: #555555;margin-top: 20px;line-height: 16px;} .gy_section1 .content .right{width: 47.88%;float: right;height: 586px;overflow: hidden;} .gy_section1 .content .right .pic{width: 100%;height: 100%; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .gy_section1 .content .right:hover .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } @media screen and (max-width: 1199px){ .gy_section1 .content .left .wordsbox ul li ._t .num{font-size: 30px;line-height: 32px;} } @media screen and (max-width: 991px){ .gy_section1{padding: 22px 0;} .gy_section1 .content{margin-top: 16px;padding: 16px;} .gy_section1 .content .left{width: 50%;height: 355px;} .gy_section1 .content .left .wordsbox{padding: 0 16px;} .gy_section1 .content .left .wordsbox h2{font-size: 18px;line-height: 20px;margin-bottom: 8px;} .gy_section1 .content .left .wordsbox h3{font-size: 12px;line-height: 14px;margin-bottom: 16px;} .gy_section1 .content .left .wordsbox .text{font-size: 14px;line-height: 22px;max-height: 88px;} .gy_section1 .content .left .wordsbox .text::-webkit-scrollbar{ width: 2px;} .gy_section1 .content .left .wordsbox .text::-webkit-scrollbar-thumb{ width: 2px;} .gy_section1 .content .left .wordsbox ul{padding-top: 16px;margin-top: 16px;} .gy_section1 .content .left .wordsbox ul li ._t .num{font-size: 22px;line-height: 24px;} .gy_section1 .content .left .wordsbox ul li ._b{font-size: 12px;margin-top: 16px;line-height: 14px;} .gy_section1 .content .right{width: 50%;height: 355px;} } @media screen and (max-width: 767px){ .gy_section1 .content{margin-top: 14px;padding: 6px;} .gy_section1 .content .left{width: 100%;height: auto;} .gy_section1 .content .left .wordsbox{padding: 14px;position: static; transform: translate(0,0); -ms-transform: translate(0,0);} .gy_section1 .content .left .wordsbox h2{font-size: 16px;line-height: 18px;margin-bottom: 6px;} .gy_section1 .content .left .wordsbox h3{margin-bottom: 14px;} .gy_section1 .content .left .wordsbox .text{line-height: 20px;max-height: 240px;} .gy_section1 .content .left .wordsbox ul{padding-top: 14px;margin-top: 14px;} .gy_section1 .content .left .wordsbox ul li ._t .num{font-size: 18px;line-height: 20px;} .gy_section1 .content .left .wordsbox ul li ._b{margin-top: 14px;} .gy_section1 .content .right{width: 100%;height: 230px;} } /*康瑞文化*/ .gy_section2{width: 100%;padding: 94px 0 100px 0;} .gy_section2 .gy_tit h2{color: #fff;} .gy_section2 .gy_tit .box h3{width: 200px;color: #fff;border-color: rgba(255,255,255,0.3);} .gy_section2 .gy_tit .box .box_l{background-color: rgb(255,255,255,0.3); width: -moz-calc(50% - 104px); width: -o-calc(50% - 104px); width: -webkit-calc(50% - 104px); width: calc(50% - 104px);} .gy_section2 .gy_tit .box .box_r{background-color: rgb(255,255,255,0.3); width: -moz-calc(50% - 104px); width: -o-calc(50% - 104px); width: -webkit-calc(50% - 104px); width: calc(50% - 104px);} .gy_section2 ul{margin: 0 -15px; width: -moz-calc(100% + 30px); width: -o-calc(100% + 30px); width: -webkit-calc(100% + 30px); width: calc(100% + 30px);} .gy_section2 ul li{margin: 0 15px;margin-top: 58px;height: auto; box-shadow: 0 0 10px rgb(0,0,0,0.2);} .gy_section2 ul li a{display: block;padding: 40px 15px 36px 15px;background-color: #f5f5f7;} .gy_section2 ul li .picbox{width: 120px;height: 120px;background-color: #fff;border-radius: 100%;overflow: hidden;margin: 0 auto;} .gy_section2 ul li .picbox .pic{width: 100%;height: 100%;} .gy_section2 ul li .zw{font-size: 24px;color: #7ecb28;font-weight: bold;text-align: center;line-height: 26px;margin-bottom: 10px;margin-top: 22px;} .gy_section2 ul li .yw{font-size: 14px;color: #888888;line-height: 16px;text-align: center;text-transform:uppercase;margin-bottom: 20px;} .gy_section2 ul li .words{width: 100%;font-size: 16px;color: #444444;line-height: 24px;height: 48px;text-align: center;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .gy_section2{padding: 22px 0;} .gy_section2 .gy_tit .box h3{width: 165px;} .gy_section2 .gy_tit .box .box_l{ width: -moz-calc(50% - 84px); width: -o-calc(50% - 84px); width: -webkit-calc(50% - 84px); width: calc(50% - 84px);} .gy_section2 .gy_tit .box .box_r{ width: -moz-calc(50% - 84px); width: -o-calc(50% - 84px); width: -webkit-calc(50% - 84px); width: calc(50% - 84px);} .gy_section2 ul{margin: 0 -10px; width: -moz-calc(100% + 20px); width: -o-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: calc(100% + 20px);} .gy_section2 ul li{margin: 0 10px;margin-top: 16px;} .gy_section2 ul li a{padding:16px 10px;} .gy_section2 ul li .picbox{width: 66px;height: 66px;} .gy_section2 ul li .zw{font-size: 18px;line-height: 20px;margin-bottom: 8px;margin-top: 16px;} .gy_section2 ul li .yw{margin-bottom: 16px;} .gy_section2 ul li .words{font-size: 14px;line-height: 22px;height: 44px;} } @media screen and (max-width: 767px){ .gy_section2 .gy_tit .box h3{width: 145px;} .gy_section2 .gy_tit .box .box_l{ width: -moz-calc(50% - 74px); width: -o-calc(50% - 74px); width: -webkit-calc(50% - 74px); width: calc(50% - 74px);} .gy_section2 .gy_tit .box .box_r{ width: -moz-calc(50% - 74px); width: -o-calc(50% - 74px); width: -webkit-calc(50% - 74px); width: calc(50% - 74px);} .gy_section2 ul{margin: 0 -5px; width: -moz-calc(100% + 10px); width: -o-calc(100% + 10px); width: -webkit-calc(100% + 10px); width: calc(100% + 10px);} .gy_section2 ul li{margin: 0 5px;margin-top: 14px;} .gy_section2 ul li a{padding:14px 8px;} .gy_section2 ul li .picbox{width: 50px;height: 50px;} .gy_section2 ul li .zw{font-size: 16px;line-height: 18px;margin-bottom: 6px;margin-top: 14px;} .gy_section2 ul li .yw{margin-bottom: 14px;} .gy_section2 ul li .words{line-height: 20px;height: 40px;} } /*发展历程*/ .gy_section3{width: 100%;padding: 96px 0;} .gy_section3 .gy_tit .box h3{width: 229px;} .gy_section3 .gy_tit .box .box_l{ width: -moz-calc(50% - 116px); width: -o-calc(50% - 116px); width: -webkit-calc(50% - 116px); width: calc(50% - 116px);} .gy_section3 .gy_tit .box .box_r{ width: -moz-calc(50% - 116px); width: -o-calc(50% - 116px); width: -webkit-calc(50% - 116px); width: calc(50% - 116px);} .gy_section3 .content{width: 100%;margin-top: 100px;} .gy_section3 .content ul{width: 100%;padding: 0 80px;position: relative;} .gy_section3 .content ul li{height: auto;position: relative;overflow: hidden;} .gy_section3 .content ul .slick-list{z-index: 2;} .gy_section3 .content ul::before{height: 1px;background-color: rgba(0,0,0,0.1);content: "";display: block;position: absolute;left: 50%;top: 50%;margin-top: -0.5px;z-index: 2; transform: translate(-50%,0); -ms-transform: translate(-50%,0); width: -moz-calc(100% - 140px); width: -o-calc(100% - 140px); width: -webkit-calc(100% - 140px); width: calc(100% - 140px)} .gy_section3 .content ul li .icon{width: 100px;height: 100px;border-radius: 100%;position: relative;z-index: 9;margin: 0 auto;} .gy_section3 .content ul .l1 .icon::after{content: "";display: block;width: 1px;height: 72px;border-left: 1px dashed #8dc63f; position: absolute;left: -2px;bottom: -45px;z-index: 10; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .gy_section3 .content ul .l1 .icon::before{width: 1px;height: 100%;content: "";display: block;border-left: 1px dashed #8dc63f;position: absolute;left: -27px;bottom: -135px;} .gy_section3 .content ul .l2 .icon::after{content: "";display: block;width: 1px;height: 72px;border-left: 1px dashed #8dc63f; position: absolute;left: -2px;top: -45px;z-index: 10; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .gy_section3 .content ul .l2 .icon::before{width: 1px;height: 100%;content: "";display: block;border-left: 1px dashed #8dc63f;position: absolute;left: -27px;bottom: 135px;} .gy_section3 .content ul li .iconbox{width: 100%;position: relative;} .gy_section3 .content ul .l1 .iconbox .quan::after{content:"";display: block; width: 12px;height: 12px;background-color: #8dc63f;border-radius: 100%;position: absolute;left: -32px;bottom: -119px;} .gy_section3 .content ul .l2 .iconbox .quan::after{content:"";display: block; width: 12px;height: 12px;background-color: #8dc63f;border-radius: 100%;position: absolute;left: -32px;bottom: 207px;} .gy_section3 .content ul li .icon1{cursor: pointer; width: 100%;height: 100%;padding: 10px;background-color: #8dc63f; position: relative;z-index: 9;border-radius: 100%;line-height: 76px;text-align: center;font-size: 24px;color: #fff;font-weight: bold; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .gy_section3 .content ul li .icon1:hover{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95); } .gy_section3 .content ul li .icon1::after{width: 100%;height: 100%;content: "";display: block;border: 10px solid #f4f7f9;position: absolute;left: 0;top: 0;border-radius: 100%;z-index: 8;} .gy_section3 .content ul li .icon1::before{width: 90%;height: 90%;content: "";display: block;border: 3px solid #fff;position: absolute;left: 5%;top: 5%;border-radius: 100%;z-index: 9;} .gy_section3 .content ul li .picwords{margin-left: 30px;} .gy_section3 .content ul .l1 .picwords{padding: 4px 16px 12px 16px;margin-top: 35px;position: relative;} .gy_section3 .content ul .l2 .picwords{width: 100%;padding: 12px 16px 4px 16px;margin-bottom: 35px;position: relative;} .gy_section3 .content ul li{display:inline-block!important; float: none!important; vertical-align:baseline;} .gy_section3 .content ul li:nth-child(2n){ vertical-align:top;} .gy_section3 .content ul li .picwords .words1{font-size: 18px;color: #7ecb28;font-weight: bold;line-height: 20px;margin-bottom: 8px;} .gy_section3 .content ul li .picwords .words2{font-size: 16px;color: #333333;line-height: 24px;/*white-space:nowrap;*/} .gy_section3 .content ul .l1 .picwords .words2{margin-bottom: 16px;/*white-space:nowrap;*/} .gy_section3 .content ul .l2 .picwords .words1{margin-top: 16px;} .gy_section3 .content ul li .name{width: 12px;height: 12px;background-color: #8dc63f;border-radius: 100%;margin-left: 25px;display: none;} .gy_section3 .content ul .slick-prev{width: 29px;height: 59px;background: url(images/img50.png) no-repeat center center; background-size: cover;left: 0;top: 50%;background-color: rgba(230,230,230,0.8);} .gy_section3 .content ul .slick-next{width: 29px;height: 59px;background: url(images/img51.png) no-repeat center center; background-size: cover;right: 0;top: 50%;background-color: rgba(230,230,230,0.8);} .gy_section3 .content ul .slick-prev:hover{background: url(images/img52.png) no-repeat center center; background-size: cover;background-color: #8dc63f;} .gy_section3 .content ul .slick-next:hover{background: url(images/img53.png) no-repeat center center; background-size: cover;background-color: #8dc63f;} @media screen and (max-width: 1400px){ .gy_section3 .content ul .l2 .icon::before{width: 1px;height: 100%;content: "";display: block;border-left: 1px dashed #8dc63f;position: absolute;left: -20px;bottom: 135px;} .gy_section3 .content ul .l1 .iconbox .quan::after{content:"";display: block; width: 12px;height: 12px;background-color: #8dc63f;border-radius: 100%;position: absolute;left: -25px;bottom: -119px;} .gy_section3 .content ul .l2 .iconbox .quan::after{content:"";display: block; width: 12px;height: 12px;background-color: #8dc63f;border-radius: 100%;position: absolute;left: -25px;bottom: 207px;} .gy_section3 .content ul .l2 .icon::after{content: "";display: block;width: 1px;height: 72px;border-left: 1px dashed #8dc63f; position: absolute;left: 6px;top: -45px;z-index: 10;} .gy_section3 .content ul .l2 .picwords{width: 100%;padding: 12px 16px 4px 0;margin-bottom: 35px;position: relative;} .gy_section3 .content ul .l1 .icon::before{width: 1px;height: 100%;content: "";display: block;border-left: 1px dashed #8dc63f;position: absolute;left: -26px;bottom: -135px;} } @media screen and (max-width: 991px){ .gy_section3{padding: 16px 0;} .gy_section3 .gy_tit .box h3{width: 197px;} .gy_section3 .gy_tit .box .box_l{ width: -moz-calc(50% - 100px); width: -o-calc(50% - 100px); width: -webkit-calc(50% - 100px); width: calc(50% - 100px);} .gy_section3 .gy_tit .box .box_r{ width: -moz-calc(50% - 100px); width: -o-calc(50% - 100px); width: -webkit-calc(50% - 100px); width: calc(50% - 100px);} .gy_section3 .content{margin-top: 16px;} } @media screen and (max-width: 767px){ .gy_section3 .gy_tit .box h3{width: 173px;} .gy_section3 .gy_tit .box .box_l{ width: -moz-calc(50% - 88px); width: -o-calc(50% - 88px); width: -webkit-calc(50% - 88px); width: calc(50% - 88px);} .gy_section3 .gy_tit .box .box_r{ width: -moz-calc(50% - 88px); width: -o-calc(50% - 88px); width: -webkit-calc(50% - 88px); width: calc(50% - 88px);} .gy_section3 .content{margin-top: 14px;} .gy_section3 .content ul{padding: 0 30px;} .gy_section3 .content ul::before{content: "";display: block;width: 100%;} .gy_section3 .content ul li .icon{width: 70px;height: 70px;margin-left: 32px;} .gy_section3 .content ul .l1 .icon::after{content: "";display: block;width: 1px;height: 50px;left: -2px;bottom: -26px;} .gy_section3 .content ul .l1 .icon::before{width: 1px;height: 100%;content: "";display: block;border-left: 1px dashed #8dc63f;position: absolute;left: -20px;bottom: -89px;} .gy_section3 .content ul .l2 .icon::after{content: "";display: block;width: 1px;height: 50px;left: -2px;top: -26px;} .gy_section3 .content ul .l2 .icon::before{width: 1px;height: 100%;content: "";display: block;border-left: 1px dashed #8dc63f;position: absolute;left: -20px;bottom: 89px;} .gy_section3 .content ul li .iconbox{width: 100%;position: relative;} .gy_section3 .content ul .l1 .iconbox .quan::after{content:"";display: block; width: 10px;height: 10px;left: -24px;bottom: -95px;} .gy_section3 .content ul .l2 .iconbox .quan::after{content:"";display: block; width: 10px;height: 10px;left: -24px;bottom: 153px;} .gy_section3 .content ul li .icon1{padding: 4px;line-height: 62px;font-size: 16px;} .gy_section3 .content ul li .icon1::after{width: 100%;height: 100%;content: "";display: block;border: 10px solid #f4f7f9;position: absolute;left: 0;top: 0;border-radius: 100%;z-index: 8;} .gy_section3 .content ul li .icon1::before{width: 90%;height: 90%;content: "";display: block;border: 3px solid #fff;position: absolute;left: 5%;top: 5%;border-radius: 100%;z-index: 9;} .gy_section3 .content ul li .picwords{margin-left: 30px;} .gy_section3 .content ul .l1 .picwords{padding: 4px 16px 12px 16px;margin-top: 35px;position: relative;} .gy_section3 .content ul .l2 .picwords{width: 100%;padding: 12px 0 4px 0;margin-bottom: 35px;position: relative;} .gy_section3 .content ul li{display:inline-block!important; float: none!important; vertical-align:baseline;} .gy_section3 .content ul li:nth-child(2n){ vertical-align:top;} .gy_section3 .content ul li .picwords .words1{font-size: 14px;line-height: 16px;margin-bottom: 4px;} .gy_section3 .content ul li .picwords .words2{font-size: 12px;line-height: 18px;} .gy_section3 .content ul .l1 .picwords .words2{margin-bottom: 12px;} .gy_section3 .content ul .l2 .picwords .words1{margin-top: 4px;} .gy_section3 .content ul li .name{width: 12px;height: 12px;background-color: #8dc63f;border-radius: 100%;margin-left: 25px;display: none;} .gy_section3 .content ul .slick-prev{width: 29px;height: 59px;background: url(images/img50.png) no-repeat center center; background-size: cover;left: 0;top: 50%;background-color: rgba(230,230,230,0.8);} .gy_section3 .content ul .slick-next{width: 29px;height: 59px;background: url(images/img51.png) no-repeat center center; background-size: cover;right: 0;top: 50%;background-color: rgba(230,230,230,0.8);} .gy_section3 .content ul .slick-prev:hover{background: url(images/img52.png) no-repeat center center; background-size: cover;background-color: #8dc63f;} .gy_section3 .content ul .slick-next:hover{background: url(images/img53.png) no-repeat center center; background-size: cover;background-color: #8dc63f;} } /*分公司信息*/ .gy_section4{width: 100%;padding: 98px 0;} .gy_section4 .gy_tit{padding:0 67px;} .gy_section4 .gy_tit .box h3{width: 229px;} .gy_section4 .gy_tit .box .box_l{ width: -moz-calc(50% - 116px); width: -o-calc(50% - 116px); width: -webkit-calc(50% - 116px); width: calc(50% - 116px);} .gy_section4 .gy_tit .box .box_r{ width: -moz-calc(50% - 116px); width: -o-calc(50% - 116px); width: -webkit-calc(50% - 116px); width: calc(50% - 116px);} .gy_section4 ul{width: 100%;margin-top: 56px;padding: 0 67px;} .gy_section4 ul li{height: auto;} .gy_section4 ul .slick-prev{width: 26px;height: 49px;background: url(images/img54.png) no-repeat center center; background-size: cover;left: 0;top: 50%;} .gy_section4 ul .slick-next{width: 26px;height: 49px;background: url(images/img55.png) no-repeat center center; background-size: cover;right: 0;top: 50%;} .gy_section4 ul .slick-prev:hover{background: url(images/img56.png) no-repeat center center; background-size: cover;} .gy_section4 ul .slick-next:hover{background: url(images/img57.png) no-repeat center center; background-size: cover;} .gy_section4 ul li .libox{width: 100%;overflow: hidden;background-color: #f5f5f7;padding: 30px;} .gy_section4 ul li .libox .left{width: 50%;float: left;overflow: hidden;height: 413px;} .gy_section4 ul li .libox .left .pic{width: 100%;height: 100%; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .gy_section4 ul li .libox .left:hover .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .gy_section4 ul li .libox .right{width: 50%;float: right;background-color: #fff;position: relative;height: 413px;} .gy_section4 ul li .libox .right .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;padding: 0 52px; transform: translate(0,-50%); -ms-transform: translate(0,-50%);} .gy_section4 ul li .libox .right .wordsbox h2{font-size: 24px;color: #7ecb28;line-height: 26px;margin-bottom: 14px;} .gy_section4 ul li .libox .right .wordsbox h3{font-size: 14px;color: #888888;line-height: 16px;margin-bottom: 38px;text-transform:uppercase;} .gy_section4 ul li .libox .right .wordsbox .text{text-align: justify;padding-right: 4px;font-size: 16px;color: #444444;line-height: 30px;margin-bottom: 34px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 180px;} .gy_section4 ul li .libox .right .wordsbox .text::-webkit-scrollbar{ width: 3px;} .gy_section4 ul li .libox .right .wordsbox .text::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .gy_section4 ul li .libox .right .wordsbox .text::-webkit-scrollbar-thumb{ width: 3px; background-color: #8dc63f; border-radius: 3px;} .gy_section4 ul li .libox .right .wordsbox .more{font-size: 14px;color: #7ecb28;line-height: 16px;text-transform:uppercase;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .gy_section4{padding: 22px 0;} .gy_section4 .gy_tit{padding:0 30px;} .gy_section4 .gy_tit .box h3{width: 194px;} .gy_section4 .gy_tit .box .box_l{ width: -moz-calc(50% - 98px); width: -o-calc(50% - 98px); width: -webkit-calc(50% - 98px); width: calc(50% - 98px);} .gy_section4 .gy_tit .box .box_r{ width: -moz-calc(50% - 98px); width: -o-calc(50% - 98px); width: -webkit-calc(50% - 98px); width: calc(50% - 98px);} .gy_section4 ul{margin-top: 16px;padding: 0 30px;} .gy_section4 ul .slick-prev{width: 20px;height: 34px;} .gy_section4 ul .slick-next{width: 20px;height: 34px;} .gy_section4 ul li .libox{padding: 16px;} .gy_section4 ul li .libox .left{height: 230px;} .gy_section4 ul li .libox .right{height: 230px;} .gy_section4 ul li .libox .right .wordsbox{padding: 0 16px;} .gy_section4 ul li .libox .right .wordsbox h2{font-size: 18px;line-height: 20px;margin-bottom: 10px;} .gy_section4 ul li .libox .right .wordsbox h3{font-size: 12px;line-height: 14px;margin-bottom: 22px;} .gy_section4 ul li .libox .right .wordsbox .text{font-size: 14px;line-height: 22px;margin-bottom: 16px;max-height: 88px;} .gy_section4 ul li .libox .right .wordsbox .text::-webkit-scrollbar{ width: 2px;} .gy_section4 ul li .libox .right .wordsbox .text::-webkit-scrollbar-thumb{ width: 2px;} .gy_section4 ul li .libox .right .wordsbox .more{font-size: 12px;line-height: 14px;} } @media screen and (max-width: 767px){ .gy_section4 .gy_tit{padding:0 24px;} .gy_section4 .gy_tit .box h3{width: 174px;} .gy_section4 .gy_tit .box .box_l{ width: -moz-calc(50% - 88px); width: -o-calc(50% - 88px); width: -webkit-calc(50% - 88px); width: calc(50% - 88px);} .gy_section4 .gy_tit .box .box_r{ width: -moz-calc(50% - 88px); width: -o-calc(50% - 88px); width: -webkit-calc(50% - 88px); width: calc(50% - 88px);} .gy_section4 ul{margin-top: 14px;padding: 0 24px;} .gy_section4 ul .slick-prev{width: 18px;height: 26px;} .gy_section4 ul .slick-next{width: 18px;height: 26px;} .gy_section4 ul li .libox{padding: 14px;} .gy_section4 ul li .libox .left{height: 180px;width: 100%;} .gy_section4 ul li .libox .right{height: auto;width: 100%;} .gy_section4 ul li .libox .right .wordsbox{padding: 14px;position: static; transform: translate(0,0); -ms-transform: translate(0,0);} .gy_section4 ul li .libox .right .wordsbox h2{font-size: 16px;line-height: 18px;margin-bottom: 8px;} .gy_section4 ul li .libox .right .wordsbox h3{margin-bottom: 14px;} .gy_section4 ul li .libox .right .wordsbox .text{line-height: 20px;margin-bottom: 14px;max-height: 240px;} } /*组织架构*/ .gy_section5{width: 100%;padding: 96px 0 100px 0;} .gy_section5 .gy_tit .box h3{width: 284px;} .gy_section5 .gy_tit .box .box_l{ width: -moz-calc(50% - 144px); width: -o-calc(50% - 144px); width: -webkit-calc(50% - 144px); width: calc(50% - 144px);} .gy_section5 .gy_tit .box .box_r{ width: -moz-calc(50% - 144px); width: -o-calc(50% - 144px); width: -webkit-calc(50% - 144px); width: calc(50% - 144px);} .gy_section5 .content{width: 100%;margin-top: 96px;} .gy_section5 .content img{width: 100%;display: block;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .gy_section5{padding: 22px 0;} .gy_section5 .gy_tit .box h3{width: 246px;} .gy_section5 .gy_tit .box .box_l{ width: -moz-calc(50% - 124px); width: -o-calc(50% - 124px); width: -webkit-calc(50% - 124px); width: calc(50% - 124px);} .gy_section5 .gy_tit .box .box_r{ width: -moz-calc(50% - 124px); width: -o-calc(50% - 124px); width: -webkit-calc(50% - 124px); width: calc(50% - 124px);} .gy_section5 .content{margin-top: 16px;} } @media screen and (max-width: 767px){ .gy_section5 .gy_tit .box h3{width: 216px;} .gy_section5 .gy_tit .box .box_l{ width: -moz-calc(50% - 110px); width: -o-calc(50% - 110px); width: -webkit-calc(50% - 110px); width: calc(50% - 110px);} .gy_section5 .gy_tit .box .box_r{ width: -moz-calc(50% - 110px); width: -o-calc(50% - 110px); width: -webkit-calc(50% - 110px); width: calc(50% - 110px);} .gy_section5 .content{margin-top: 14px;} } /*企业荣誉*/ .gy_section6{width: 100%;padding: 100px 0;} .gy_section6 .gy_tit{padding: 0 60px;} .gy_section6 .gy_tit .box h3{width: 194px;} .gy_section6 .gy_tit .box .box_l{ width: -moz-calc(50% - 98px); width: -o-calc(50% - 98px); width: -webkit-calc(50% - 98px); width: calc(50% - 98px);} .gy_section6 .gy_tit .box .box_r{ width: -moz-calc(50% - 98px); width: -o-calc(50% - 98px); width: -webkit-calc(50% - 98px); width: calc(50% - 98px);} .gy_section6 .u1{padding: 60px;margin: 0 -14px; width: -moz-calc(100% + 28px); width: -o-calc(100% + 28px); width: -webkit-calc(100% + 28px); width: calc(100% + 28px);} .gy_section6 .u1 .slick-prev{width: 17px;height: 31px;background: url(images/img54.png) no-repeat center center; background-size: cover;left: 0;top: 50%;} .gy_section6 .u1 .slick-next{width: 17px;height: 31px;background: url(images/img55.png) no-repeat center center; background-size: cover;right: 0;top: 50%;} .gy_section6 .u1 .slick-prev:hover{background: url(images/img56.png) no-repeat center center; background-size: cover;} .gy_section6 .u1 .slick-next:hover{background: url(images/img57.png) no-repeat center center; background-size: cover;} .gy_section6 .u1 .slick-dots{ position: absolute; bottom: 0; height: 12px; text-align: center;width: 100%;left: 0;} .gy_section6 .u1 .slick-dots li{display: inline-block; vertical-align: top; width: 12px; height: 12px;border-radius: 100%; margin: 0 5px; background: #e1e1e1;} .gy_section6 .u1 .slick-dots li button{font-size: 0;} .gy_section6 .u1 .slick-dots li.slick-active{ background: #7ecb28;} .gy_section6 .u1 li{height: auto;margin: 0 14px;} .gy_section6 .u1 li a{display: block;width: 100%;position: relative;overflow: hidden;} .gy_section6 .u1 li .pic{width: 100%;padding-bottom: 63.67%; position: relative; overflow: hidden;} .gy_section6 .u1 li .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .gy_section6 .u1 li .iconbox{width: 100%;height: 100%;position: absolute;left: 0;bottom: -140%;background-color: rgba(141,198,63,0.9); transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .gy_section6 .u1 li .iconbox ._icon{width: 100%;height: 100%;position: relative;} .gy_section6 .u1 li .iconbox ._icon .icon{width: 24px;height: 24px;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);} .gy_section6 .u1 li:hover .iconbox{bottom: 0;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .gy_section6{padding: 22px 0;} .gy_section6 .gy_tit{padding: 0 26px;} .gy_section6 .gy_tit .box h3{width: 166px;} .gy_section6 .gy_tit .box .box_l{ width: -moz-calc(50% - 84px); width: -o-calc(50% - 84px); width: -webkit-calc(50% - 84px); width: calc(50% - 84px);} .gy_section6 .gy_tit .box .box_r{ width: -moz-calc(50% - 84px); width: -o-calc(50% - 84px); width: -webkit-calc(50% - 84px); width: calc(50% - 84px);} .gy_section6 .u1{padding: 26px;margin: 0 -8px; width: -moz-calc(100% + 16px); width: -o-calc(100% + 16px); width: -webkit-calc(100% + 16px); width: calc(100% + 16px);} .gy_section6 .u1 .slick-prev{width: 12px;height: 24px;left: 0;} .gy_section6 .u1 .slick-next{width: 12px;height: 24px;right: 0;} .gy_section6 .u1 .slick-dots{height: 8px;} .gy_section6 .u1 .slick-dots li{width: 8px; height: 8px;margin: 0 2px;} .gy_section6 .u1 li{margin: 0 8px;} .gy_section6 .u1 li .iconbox ._icon .icon{width: 20px;height: 20px;} } @media screen and (max-width: 767px){ .gy_section6{padding: 22px 0;} .gy_section6 .gy_tit{padding: 0 20px;} .gy_section6 .gy_tit .box h3{width: 146px;} .gy_section6 .gy_tit .box .box_l{ width: -moz-calc(50% - 74px); width: -o-calc(50% - 74px); width: -webkit-calc(50% - 74px); width: calc(50% - 74px);} .gy_section6 .gy_tit .box .box_r{ width: -moz-calc(50% - 74px); width: -o-calc(50% - 74px); width: -webkit-calc(50% - 74px); width: calc(50% - 74px);} .gy_section6 .u1{padding: 20px;margin: 0 -5px; width: -moz-calc(100% + 10px); width: -o-calc(100% + 10px); width: -webkit-calc(100% + 10px); width: calc(100% + 10px);} .gy_section6 .u1 .slick-prev{width: 12px;height: 24px;} .gy_section6 .u1 .slick-next{width: 12px;height: 24px;} .gy_section6 .u1 .slick-dots{height: 6px;} .gy_section6 .u1 .slick-dots li{width: 6px; height: 6px;} .gy_section6 .u1 li{margin: 0 5px;} .gy_section6 .u1 li .iconbox ._icon .icon{width: 18px;height: 18px;} } /*主营业务*/ .zy_section{width: 100%;padding: 100px 0;} .zy_section ul{width: 100%;} .zy_section ul li{width: 100%;margin-bottom: 80px;overflow: hidden;} .zy_section ul li .left{width: 370px;height: 436px;float: left;overflow: hidden; transform: skewX(-7deg);margin-left: 29px;} .zy_section ul li .left .pic{width: 100%;height: 100%; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .zy_section ul li .left .pic:hover{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } .zy_section ul li .right{height: 436px;float: right;position: relative; width: -moz-calc(100% - 400px); width: -o-calc(100% - 400px); width: -webkit-calc(100% - 400px); width: calc(100% - 400px);} .zy_section ul li .right .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;padding: 0 134px 0 58px; transform: translate(0,-50%); -ms-transform: translate(0,-50%);} .zy_section ul li .right .wordsbox h2{font-size: 24px;color: #333333;line-height: 26px;margin-bottom: 50px;font-weight: bold;} .zy_section ul li .right .wordsbox .text{font-size: 16px;color: #555555;line-height: 32px;} .zy_section ul li .right .wordsbox .more{width: 110px;height: 34px;border:1px solid #8dc63f;border-radius: 17px;text-align: center;line-height: 32px;font-size: 14px;color: #7ecb28;text-transform:uppercase;margin-top: 46px;} .zy_section ul li:hover .right .wordsbox h2{color: #8dc63f;} .zy_section ul li .right .wordsbox .more:hover{background-color: #8dc63f;color: #fff;} .zy_section ul li:last-child{margin-bottom: 0;} .zy_section ul li:nth-child(even) .left{float: right;margin-left: 0;margin-right: 29px;} .zy_section ul li:nth-child(even) .right{float: left;} .zy_section ul li:nth-child(even) .right .wordsbox{padding: 0 58px 0 134px;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .zy_section{padding: 22px 0;} .zy_section ul li{margin-bottom: 16px;} .zy_section ul li .left{width: 220px;height: 250px;} .zy_section ul li .right{height: 250px; width: -moz-calc(100% - 250px); width: -o-calc(100% - 250px); width: -webkit-calc(100% - 250px); width: calc(100% - 250px);} .zy_section ul li .right .wordsbox{padding: 0 30px;} .zy_section ul li .right .wordsbox h2{font-size: 18px;;line-height: 20px;margin-bottom: 16px;} .zy_section ul li .right .wordsbox .text{font-size: 14px;line-height: 24px;} .zy_section ul li .right .wordsbox .more{width: 80px;height: 28px;border-radius: 14px;line-height: 26px;margin-top: 16px;font-size: 12px;} .zy_section ul li:nth-child(even) .right .wordsbox{padding: 0 30px;} } @media screen and (max-width: 767px){ .zy_section ul li{margin-bottom: 14px;background:none!important;border:1px solid rgba(0,0,0,0.1);} .zy_section ul li .left{width: 100%;height: 160px; transform: skewX(0);margin-left: 0;} .zy_section ul li .right{height: auto;width: 100%;} .zy_section ul li .right .wordsbox{padding: 14px;position: static; transform: translate(0,0); -ms-transform: translate(0,0);} .zy_section ul li .right .wordsbox h2{font-size: 16px;;line-height: 18px;margin-bottom: 14px;} .zy_section ul li .right .wordsbox .text{line-height: 22px;} .zy_section ul li .right .wordsbox .more{width: 70px;height: 26px;line-height: 24px;margin-top: 14px;} .zy_section ul li:nth-child(even) .right .wordsbox{padding: 14px;} .zy_section ul li:nth-child(even) .left{margin:0;} } /*地产开发*/ .dc_section{width: 100%;padding: 100px 0;} .dc_section .gy_tit .box h3{width: 264px;} .dc_section .gy_tit .box .box_l{ width: -moz-calc(50% - 134px); width: -o-calc(50% - 134px); width: -webkit-calc(50% - 134px); width: calc(50% - 134px);} .dc_section .gy_tit .box .box_r{ width: -moz-calc(50% - 134px); width: -o-calc(50% - 134px); width: -webkit-calc(50% - 134px); width: calc(50% - 134px);} .dc_section1 .gy_tit .box h3{width: 209px;} .dc_section1 .gy_tit .box .box_l{ width: -moz-calc(50% - 106px); width: -o-calc(50% - 106px); width: -webkit-calc(50% - 106px); width: calc(50% - 106px);} .dc_section1 .gy_tit .box .box_r{ width: -moz-calc(50% - 106px); width: -o-calc(50% - 106px); width: -webkit-calc(50% - 106px); width: calc(50% - 106px);} .dc_section2 .gy_tit .box h3{width: 132px;} .dc_section2 .gy_tit .box .box_l{ width: -moz-calc(50% - 68px); width: -o-calc(50% - 68px); width: -webkit-calc(50% - 68px); width: calc(50% - 68px);} .dc_section2 .gy_tit .box .box_r{ width: -moz-calc(50% - 68px); width: -o-calc(50% - 68px); width: -webkit-calc(50% - 68px); width: calc(50% - 68px);} .dc_section .t_text{width: 100%;font-size: 15px;color: #555555;line-height: 24px;margin-top: 62px;margin-bottom: 100px;text-align: center;} .dc_section ul{width: 100%;padding: 50px;background-color: #fff;} .dc_section ul li{width: 100%;margin-bottom: 50px;overflow: hidden;} .dc_section ul li a{width: 100%;display: block;} .dc_section ul li .left{width: 50%;float: left;height: 400px;overflow: hidden;} .dc_section ul li .left .pic{width: 100%;height: 100%; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .dc_section ul li .left:hover .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .dc_section ul li .right{width: 50%;float: right;height: 400px;position: relative;} .dc_section ul li .right .wordsbox{width: 100%;padding: 0 60px 0 50px;position: absolute;left: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%);} .dc_section ul li .right .wordsbox h2{font-size: 20px;color: #7ecb28;font-weight: bold;line-height: 22px;padding-bottom: 20px;border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;margin-bottom: 24px;} .dc_section ul li .right .wordsbox h2:after{content: "";direction: block;height: 2px;width: 80px;background-color: #8dc63f;position: absolute;left: 0;bottom: 0;} .dc_section ul li .right .wordsbox .text{font-size: 16px;color: #555555;line-height: 30px;margin-bottom: 45px;} .dc_section ul li .right .wordsbox .more{font-size: 16px;color: #555555;line-height: 18px;} .dc_section ul li .right .wordsbox .more:hover{color: #8dc63f;} .dc_section ul li:nth-child(even) .left{float: right;} .dc_section ul li:nth-child(even) .right{float: left;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .dc_section{padding: 22px 0;} .dc_section .gy_tit .box h3{width: 229px;} .dc_section .gy_tit .box .box_l{ width: -moz-calc(50% - 116px); width: -o-calc(50% - 116px); width: -webkit-calc(50% - 116px); width: calc(50% - 116px);} .dc_section .gy_tit .box .box_r{ width: -moz-calc(50% - 116px); width: -o-calc(50% - 116px); width: -webkit-calc(50% - 116px); width: calc(50% - 116px);} .dc_section1 .gy_tit .box h3{width: 179px;} .dc_section1 .gy_tit .box .box_l{ width: -moz-calc(50% - 91px); width: -o-calc(50% - 91px); width: -webkit-calc(50% - 91px); width: calc(50% - 91px);} .dc_section1 .gy_tit .box .box_r{ width: -moz-calc(50% - 91px); width: -o-calc(50% - 91px); width: -webkit-calc(50% - 91px); width: calc(50% - 91px);} .dc_section2 .gy_tit .box h3{width: 111px;} .dc_section2 .gy_tit .box .box_l{ width: -moz-calc(50% - 57px); width: -o-calc(50% - 57px); width: -webkit-calc(50% - 57px); width: calc(50% - 57px);} .dc_section2 .gy_tit .box .box_r{ width: -moz-calc(50% - 57px); width: -o-calc(50% - 57px); width: -webkit-calc(50% - 57px); width: calc(50% - 57px);} .dc_section .t_text{font-size: 14px;line-height: 22px;margin-top: 16px;margin-bottom: 16px;text-align: left;} .dc_section ul{padding: 18px;} .dc_section ul li{margin-bottom: 16px;} .dc_section ul li .left{height: 240px;} .dc_section ul li .right{height: 240px;} .dc_section ul li .right .wordsbox{padding: 0 16px;} .dc_section ul li .right .wordsbox h2{font-size: 18px;line-height: 20px;padding-bottom: 17px;margin-bottom: 16px;} .dc_section ul li .right .wordsbox h2:after{content: "";direction: block;width: 50px;} .dc_section ul li .right .wordsbox .text{font-size: 14px;line-height: 24px;margin-bottom: 16px;} .dc_section ul li .right .wordsbox .more{font-size: 14px;line-height: 16px;} } @media screen and (max-width: 767px){ .dc_section .gy_tit .box h3{width: 201px;} .dc_section .gy_tit .box .box_l{ width: -moz-calc(50% - 102px); width: -o-calc(50% - 102px); width: -webkit-calc(50% - 102px); width: calc(50% - 102px);} .dc_section .gy_tit .box .box_r{ width: -moz-calc(50% - 102px); width: -o-calc(50% - 102px); width: -webkit-calc(50% - 102px); width: calc(50% - 102px);} .dc_section1 .gy_tit .box h3{width: 158px;} .dc_section1 .gy_tit .box .box_l{ width: -moz-calc(50% - 81px); width: -o-calc(50% - 81px); width: -webkit-calc(50% - 81px); width: calc(50% - 81px);} .dc_section1 .gy_tit .box .box_r{ width: -moz-calc(50% - 81px); width: -o-calc(50% - 81px); width: -webkit-calc(50% - 81px); width: calc(50% - 81px);} .dc_section2 .gy_tit .box h3{width: 98px;} .dc_section2 .gy_tit .box .box_l{ width: -moz-calc(50% - 50px); width: -o-calc(50% - 50px); width: -webkit-calc(50% - 50px); width: calc(50% - 50px);} .dc_section2 .gy_tit .box .box_r{ width: -moz-calc(50% - 50px); width: -o-calc(50% - 50px); width: -webkit-calc(50% - 50px); width: calc(50% - 50px);} .dc_section .t_text{font-size: 12px;line-height: 20px;margin-top: 14px;margin-bottom: 14px;} .dc_section ul{padding: 16px;} .dc_section ul li{margin-bottom: 14px;} .dc_section ul li .left{height: 180px;width: 100%;} .dc_section ul li .right{height: auto;width: 100%;} .dc_section ul li .right .wordsbox{padding: 14px;position: static; transform: translate(0,0); -ms-transform: translate(0,0);} .dc_section ul li .right .wordsbox h2{font-size: 16px;line-height: 18px;padding-bottom: 15px;margin-bottom: 14px;} .dc_section ul li .right .wordsbox h2:after{content: "";direction: block;width: 40px;} .dc_section ul li .right .wordsbox .text{font-size: 14px;line-height: 22px;margin-bottom: 14px;} } /*业务详情*/ .ywxq_section{width: 100%;padding: 72px 0 95px 0;} .ywxq_section h2{font-size: 24px;color: #333333;line-height: 26px;margin-bottom: 36px;text-align: center;} .ywxq_section .content{ width: 100%;overflow: hidden;} .ywxq_section .content .slideOut{ position: relative;overflow: hidden;} .ywxq_section .content .slide{ width: 100%; min-height: 100px; position: relative;} .ywxq_section .content .slide .img{ overflow: hidden; position: absolute; transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; background: #fff; border: #e5e5e5 solid 1px;} .ywxq_section .content .slide .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .ywxq_section .content .slide .img1{ width: 40%; height: 40%; top: 30%; left: -50%; z-index: 1;} .ywxq_section .content .slide .img2{ width: 38.79%; height: 73.94%; top: 13.03%; left: 0%; z-index: 2;} .ywxq_section .content .slide .img2 .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6);} .ywxq_section .content .slide .img3{ width: 52.34%; height: 100%; top: 0; left: 23.83%; z-index: 3; box-shadow: 0 0 13px rgba(0,0,0,26);border:4px solid #dee7d3;} .ywxq_section .content .slide .img3 .tp{ top: 0; left: 0; position: absolute; width: 100%; height: 100%;} .ywxq_section .content .slide .img4{ width: 38.79%; height: 73.94%; top: 13.03%; left: 67%; z-index: 2;} .ywxq_section .content .slide .img4 .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6);} .ywxq_section .content .slide .img5{ width: 40%; height: 40%; top: 30%; left: 110%; z-index: 1;} .ywxq_section .content .butLeft{ position: absolute; left: 10.125%; top: 50%; margin-top: -22.5px; width: 22px; height: 45px; background: url(images/img4.png) no-repeat center; background-size: cover; outline: 0; z-index: 4;} .ywxq_section .content .butRight{ position: absolute; right: 10.125%; top: 50%; margin-top: -22.5px; width: 22px; height: 45px; background: url(images/img5.png) no-repeat center; background-size: cover; outline: 0; z-index: 4;} .ywxq_section .content .butLeft:hover，.ywxq_section .content .butRight:hover{opacity: 0.5;} .ywxq_section .content .contents{width: 100%;padding-bottom: 75px;font-size: 16px;color: #555555;line-height: 32px;text-align: justify;border-bottom: 1px solid rgba(0,0,0,0.1);margin-top: 58px;} .ywxq_section .content .page{width: 100%;overflow: hidden;padding-top: 34px;} .ywxq_section .content .page a{width: 50%;display: block;float: left;text-align: left;font-size: 16px;color: #555555;} .ywxq_section .content .page .next{text-align: right;} .ywxq_section .content .page a:hover{color: #8dc63f;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .ywxq_section{padding: 22px 0;} .ywxq_section h2{font-size: 22px;line-height: 24px;margin-bottom: 16px;} .ywxq_section .content .butLeft{margin-top: -12px; width: 14px; height: 24px;} .ywxq_section .content .butRight{margin-top: -12px; width: 14px; height: 24px;} .ywxq_section .content .contents{padding-bottom: 16px;line-height: 24px;font-size: 14px;margin-top: 16px;} .ywxq_section .content .page{padding-top: 16px;} .ywxq_section .content .page a{font-size: 14px;} } @media screen and (max-width: 767px){ .ywxq_section h2{font-size: 18px;line-height: 20px;margin-bottom: 14px;} .ywxq_section .content .contents{padding-bottom: 14px;line-height: 20px;} .ywxq_section .content .page{padding-top: 14px;} } /*新闻资讯*/ .xwzx_section{width: 100%;padding: 100px 0;} .xwzx_section .t_s{width: 100%;overflow: hidden;margin-bottom: 60px;} .xwzx_section .t_s .box{height: auto;} .xwzx_section .t_s ul{width: 52.15384615384615%;float: left;} .xwzx_section .t_s ul li{width: 100%;height: 453px;} .xwzx_section .t_s .slick-prev{width: 25px;height: 48px;background: url(images/img98.png) no-repeat center center; background-size: cover;position: absolute;left: 16px;top: 50%;} .xwzx_section .t_s .slick-next{width: 25px;height: 48px;background: url(images/img99.png) no-repeat center center; background-size: cover;position: absolute;left:49%;top: 50%;} .xwzx_section .t_s .slick-prev:hover{background: url(images/img96.png) no-repeat center center; background-size: cover;} .xwzx_section .t_s .slick-next:hover{background: url(images/img97.png) no-repeat center center; background-size: cover;} .xwzx_section .t_s .slick-dots{ position: absolute;left: 0; bottom: 15px; height: 12px; text-align: center;width: 52.15384615384615%;} .xwzx_section .t_s .slick-dots li{display: inline-block; vertical-align: top; width: 12px; height: 12px;border-radius: 100%; margin: 0 5px; background: rgba(255,255,255,0.8);} .xwzx_section .t_s .slick-dots li button{font-size: 0;} .xwzx_section .t_s .slick-dots li.slick-active{width: 34px; background: #8dc63f;border-radius: 6px;} .xwzx_section .t_s .content{width: 47.84615384615385%;float: right;background-color: #f7f7f7;height: 453px;padding: 60px;position: relative;} .xwzx_section .t_s .content .time{width: 100%;font-size: 0;height: 84px;margin-bottom: 34px;position: relative;} .xwzx_section .t_s .content .time::after{width: 72px;height: 3px;background-color: #8dc63f;content: "";display: block;position: absolute;bottom: 0;left: 0;} .xwzx_section .t_s .content .time h3{display: inline-block;vertical-align: bottom;font-size: 60px;color: #999999;font-weight: bold;height: 66px;margin-right: 12px;} .xwzx_section .t_s .content .time div{display: inline-block;vertical-align: bottom;font-size: 14px;color: #999999;font-weight: bold;} .xwzx_section .t_s .content h4{font-size: 24px;color: #333333;font-weight: bold; line-height:30px; margin-bottom: 20px;} .xwzx_section .t_s .content .text{font-size: 16px;color: #666666;line-height: 30px;} .xwzx_section .t_s .content a{font-size: 16px;color: #8dc63f;text-transform:uppercase;font-weight: bold;display: block;position: absolute; right: 60px;bottom: 60px; padding-right: 20px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .xwzx_section .t_s .content a::after{content: "";display: block;width: 0;height: 0;border: 7px solid;border-color: transparent transparent #8dc63f;position: absolute;right: 0;top: 4px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .xwzx_section .t_s .content a:hover{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95);} .xwzx_section .b_s{width: 100%;overflow: hidden;} .xwzx_section .b_s ul{float: left;margin: -30px -15px; width: -moz-calc(100% + 30px); width: -o-calc(100% + 30px); width: -webkit-calc(100% + 30px); width: calc(100% + 30px); } .xwzx_section .b_s ul li{float: left;margin: 30px 15px;background-color: #f7f7f7; width: -moz-calc(25% - 30px); width: -o-calc(25% - 30px); width: -webkit-calc(25% - 30px); width: calc(25% - 30px); } .xwzx_section .b_s ul li .pics{width: 100%;padding-bottom: 66.22%; position: relative; overflow: hidden;} .xwzx_section .b_s ul li .pics img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .xwzx_section .b_s ul li .bottom{padding: 30px;padding-bottom: 45px;} .xwzx_section .b_s ul li h3{width: 100%;font-size: 18px;color: #333333; line-height:24px; margin-bottom:16px;} .xwzx_section .b_s ul li p{width: 100%;font-size: 15px;color: #555555;line-height: 24px;text-align: justify;} .xwzx_section .b_s ul li .times{width: 100%;margin-top: 28px;} .xwzx_section .b_s ul li .times i{width: 16px;height: 16px;background: url(images/img109.png)no-repeat center center;background-size: cover;display: block;float: left;} .xwzx_section .b_s ul li .times time{float: left;font-size: 16px;color: #333333;margin: -3px 0 0 10px;} .xwzx_section .b_s ul li:hover .bottom{background-color:#8dc63f;} .xwzx_section .b_s ul li:hover h3{color:#fff;} .xwzx_section .b_s ul li:hover p{color:#fff;} .xwzx_section .b_s ul li:hover i{background: url(images/img108.png)no-repeat center center;background-size: cover;} .xwzx_section .b_s ul li:hover time{color:#fff;} .xwzx_section .paging{ width: 100%; text-align: center;margin-top: 70px;} .xwzx_section .paging .text a{ width:30px; height:30px; line-height:28px; border: 1px solid #e1e1e1; border-radius: 30px; color:#272727; font-size: 14px; margin:0 6px; display: inline-block; font-family: Arial;} .xwzx_section .paging .text a.on, .xwzx_section .paging .text a:hover{ background: #7ecb28; color: #fff; border: 1px solid #7ecb28;} .xwzx_section .paging .text .l1, .xwzx_section .paging .text .r1{ width: 100px; line-height:26px; font-size: 20px; color: #7ecb28;} @media screen and (max-width: 1199px){ .xwzx_section .t_s .slick-next{left:49%;} } @media screen and (max-width: 991px){ .xwzx_section{padding: 22px 0;} .xwzx_section .t_s{margin-bottom: 16px;} .xwzx_section .t_s ul li{height: 275px;} .xwzx_section .t_s .slick-prev{width: 20px;height: 30px;left: 10px;} .xwzx_section .t_s .slick-next{width: 20px;height: 30px;right:10px;} .xwzx_section .t_s .slick-dots{bottom: 10px; } .xwzx_section .t_s .slick-dots li{width: 8px; height: 8px;margin: 0 4px;} .xwzx_section .t_s .slick-dots li.slick-active{width: 20px;} .xwzx_section .t_s .content{height: 275px;padding: 18px;} .xwzx_section .t_s .content .time{height: 60px;margin-bottom: 16px;} .xwzx_section .t_s .content .time::after{width: 60px;height: 2px;content: "";display: block;} .xwzx_section .t_s .content .time h3{font-size: 40px;height: 44px;margin-right: 4px;} .xwzx_section .t_s .content .time div{font-size: 12px;} .xwzx_section .t_s .content h4{font-size: 18px; line-height:24px; margin-bottom: 11px;} .xwzx_section .t_s .content .text{font-size: 14px;line-height: 26px;} .xwzx_section .t_s .content a{font-size: 14px;right: 20px;bottom: 20px; padding-right: 16px;} .xwzx_section .t_s .content a::after{content: "";display: block;width: 0;height: 0;border: 6px solid;border-color: transparent transparent #8dc63f;position: absolute;right: 0;top: 3px;} .xwzx_section .b_s ul{margin: -14px -10px; width: -moz-calc(100% + 20px); width: -o-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: calc(100% + 20px); } .xwzx_section .b_s ul li{margin: 14px 10px; width: -moz-calc(25% - 20px); width: -o-calc(25% - 20px); width: -webkit-calc(25% - 20px); width: calc(25% - 20px);} .xwzx_section .paging{ margin-top: 16px;} .xwzx_section .paging .text_p{ text-align: center; font-size: 14px; color: #333; padding: 5px 0;} .xwzx_section .paging .text_p a{ padding: 5px 22px; background: #7ecb28; color: #fff; border: transparent; border-radius: 16px; overflow: hidden;} .xwzx_section .paging .text_p span{ padding: 5px 15px; color: #333;} .xwzx_section .b_s ul li .bottom{padding: 16px;padding-bottom: 16px;} .xwzx_section .b_s ul li h3{font-size: 16px; line-height:18px; margin-bottom:5px;} .xwzx_section .b_s ul li p{font-size: 14px;line-height: 20px;} .xwzx_section .b_s ul li .times{margin-top: 16px;} .xwzx_section .b_s ul li .times i{width: 16px;height: 16px;margin-top: -1px;} .xwzx_section .b_s ul li .times time{font-size: 14px;margin: -3px 0 0 6px;} } @media screen and (max-width: 767px){ .xwzx_section .t_s{margin-bottom: 14px;} .xwzx_section .t_s ul li{height: 240px;} .xwzx_section .t_s .content{height: auto;padding: 10px;padding-bottom: 40px;} .xwzx_section .t_s .content h4{font-size: 16px;height: 18p x;margin-bottom: 10px;} .xwzx_section .t_s .content .text{line-height: 24px;} .xwzx_section .t_s .content a{right: 10px;bottom: 10px; padding-right: 16px;} .xwzx_section .t_s ul{width: 100%;} .xwzx_section .t_s .content{width: 100%;} .xwzx_section .t_s .slick-prev{display: none;opacity: 0;} .xwzx_section .t_s .slick-next{display: none;opacity: 0;} .xwzx_section .t_s .slick-dots{bottom:54%;width: 100%;} .xwzx_section .b_s ul{margin: -6px; width: -moz-calc(100% + 12px); width: -o-calc(100% + 12px); width: -webkit-calc(100% + 12px); width: calc(100% + 12px); } .xwzx_section .b_s ul li{margin: 6px; width: -moz-calc(50% - 12px); width: -o-calc(50% - 12px); width: -webkit-calc(50% - 12px); width: calc(50% - 12px); } .xwzx_section .b_s ul li .bottom{padding: 14px;padding-bottom: 28px;} .xwzx_section .b_s ul li h3{font-size: 14px; line-height:16px; margin-bottom: 8px;} .xwzx_section .b_s ul li p{font-size: 12px;line-height: 18px;} .xwzx_section .b_s ul li .times{margin-top: 16px;} } /*新闻详情*/ .xwxq_section{width: 100%;padding: 100px 0;} .xwxq_section .content{width: 100%;position: relative;overflow: hidden;} .xwxq_section .content .left{border:1px solid #e5e5e5;padding: 50px 30px;float: left; width: -moz-calc(100% - 440px); width: -o-calc(100% - 440px); width: -webkit-calc(100% - 440px); width: calc(100% - 440px);} .xwxq_section .content .left h3{width: 100%;font-size: 28px;color: #333333;font-weight: bold;text-align: center;line-height: 30px;margin-bottom: 18px;} .xwxq_section .content .left .div{width: 100%;font-size: 0;text-align: center;height: 80px;} .xwxq_section .content .left .div .box{display: inline-block;vertical-align: middle;font-size: 16px;color: #555;margin-right: 16px;} .xwxq_section .content .left .div .box:last-child{margin-right: 0;} .xwxq_section .content .left .contents{width: 100%;font-size: 16px;color: #555555;line-height: 30px;text-align: justify;} .xwxq_section .content .left .contents img{max-width: 100%;} .xwxq_section .content .left .return{width: 70px;height: 70px;text-align: center;border-radius: 100%;background-color: #8dc63f;color: #fff;font-size: 16px;padding-top: 12px;margin: 56px auto 0 auto;position: relative;} .xwxq_section .content .left .return a{color: #fff;display: block;width: 100%;height: 100%;} .xwxq_section .content .left .return::after{width: 80px;height: 1px;background: #e5e5e5;content: "";display: block;position: absolute;left: -95px;top: 50%;} .xwxq_section .content .left .return::before{width: 80px;height: 1px;background: #e5e5e5;content: "";display: block;position: absolute;right: -95px;top: 50%;} .xwxq_section .content .left .page{width: 100%;margin-top:-30px;position: relative;} .xwxq_section .content .left .page a{font-size: 16px;color: #555; float:left; width:40%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .xwxq_section .content .left .page a:nth-child(2){float: right;} .xwxq_section .content .left .page a:hover{color: #8dc63f;} .xwxq_section .content .left .page::before{height: 1px;content: "";display: block;position: absolute;top: -12px;left:0;background: #e5e5e5; width: -moz-calc(50% - 50px); width: -o-calc(50% - 50px); width: -webkit-calc(50% - 50px); width: calc(50% - 50px);} .xwxq_section .content .left .page::after{height: 1px;content: "";display: block;position: absolute;top: -12px;right:0;background: #e5e5e5; width: -moz-calc(50% - 50px); width: -o-calc(50% - 50px); width: -webkit-calc(50% - 50px); width: calc(50% - 50px);} .xwxq_section .content .right{width: 390px;border:1px solid #e5e5e5;padding: 20px;float: right;} .xwxq_section .content .right .top-pic{width: 100%;height: 140px;line-height: 140px;text-align: center;font-size: 30px;color: #fff;} .xwxq_section .content .right .ul{width: 100%;} .xwxq_section .content .right .ul .li{padding: 28px 0;border-bottom: 1px solid #e5e5e5;} .xwxq_section .content .right .ul .li:last-child{border-bottom: none;padding-bottom: 0;} .xwxq_section .content .right .ul .li .namesbox{width: 100%;padding-left: 14px;position: relative;} .xwxq_section .content .right .ul .li .namesbox::after{content: ""; position: absolute; left: 0; top: 50%;margin-top: -10px; width: 6px;height: 6px;border-radius: 100%;background-color: #555555;} .xwxq_section .content .right .ul .li .namesbox .name{font-size: 18px;color: #333333;height: 38px;} .xwxq_section .content .right .ul .li .text{padding-left: 14px;font-size: 16px;color: #555555;line-height: 26px;} .xwxq_section .content .right .ul .li:hover .namesbox .name{color: #8dc63f;} .xwxq_section .content .right .ul .li:hover .namesbox::after{content: "";display: block;background-color: #8dc63f;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .xwxq_section{padding: 22px 0;} .xwxq_section .content .left{padding: 20px; width: -moz-calc(100% - 280px); width: -o-calc(100% - 280px); width: -webkit-calc(100% - 280px); width: calc(100% - 280px);} .xwxq_section .content .left h3{font-size: 20px;line-height: 22px; margin-bottom: 16px;} .xwxq_section .content .left .div{height: 40px;} .xwxq_section .content .left .div .box{font-size: 14px;margin-right: 8px;} .xwxq_section .content .left .contents{font-size: 14px;line-height: 24px;} .xwxq_section .content .left .return{width: 48px;height: 48px;font-size: 12px;padding-top: 8px;margin: 20px auto 0 auto;} .xwxq_section .content .left .return::after{width: 60px;content: "";display: block;left: -80px;height: 2px;} .xwxq_section .content .left .return::before{width: 60px;content: "";display: block;right: -80px;height: 2px;} .xwxq_section .content .left .page{width: 100%;margin-top:-15px; padding-top:24px;} .xwxq_section .content .left .page a{font-size: 14px; width:100%;} .xwxq_section .content .left .page::before{content: "";display: block;top: -16px;left:0;height: 2px; width: -moz-calc(50% - 45px); width: -o-calc(50% - 45px); width: -webkit-calc(50% - 45px); width: calc(50% - 45px);} .xwxq_section .content .left .page::after{content: "";display: block;top: -16px;right:0;height: 2px; width: -moz-calc(50% - 45px); width: -o-calc(50% - 45px); width: -webkit-calc(50% - 45px); width: calc(50% - 45px);} .xwxq_section .content .right{width: 260px;padding: 10px;} .xwxq_section .content .right .top-pic{height: 95px;line-height: 95px;font-size: 18px;} .xwxq_section .content .right .ul .li{padding: 12px 0;} .xwxq_section .content .right .ul .li .namesbox::after{content: "";display: block; margin-top: -6px;} .xwxq_section .content .right .ul .li .namesbox .name{font-size: 16px;color: #333333;height: 28px;} .xwxq_section .content .right .ul .li .text{font-size: 14px;line-height: 24px;} } @media screen and (max-width: 767px){ .xwxq_section .content{ padding-right: 0;position: static;} .xwxq_section .content .left{padding: 12px;width: 100%;} .xwxq_section .content .left h3{font-size: 18px;line-height: 20px;margin-bottom: 14px;} .xwxq_section .content .left .div{height: 35px;} .xwxq_section .content .left .div .box{font-size: 12px;margin-right: 5px;} .xwxq_section .content .left .contents{font-size: 12px;line-height: 22px;} .xwxq_section .content .left .return{margin: 10px auto 0 auto;} .xwxq_section .content .left .page a{font-size: 12px;} .xwxq_section .content .right{width: 100%;position: static; padding: 10px;margin-top: 16px;} .xwxq_section .content .right .top-pic{height: 140px;line-height: 140px;font-size: 18px;} .xwxq_section .content .right .ul .li{padding: 12px 0;} .xwxq_section .content .right .ul .li .namesbox::after{content: "";display: block; margin-top: -6px;} .xwxq_section .content .right .ul .li .namesbox .name{font-size: 16px;color: #333333;height: 28px;} .xwxq_section .content .right .ul .li .text{font-size: 14px;line-height: 24px;} } /*合作伙伴*/ .hzhb_section{width: 100%;padding: 100px 0;} .hzhb_section ul{margin: -25px -15px;overflow: hidden; width: -moz-calc(100% + 30px); width: -o-calc(100% + 30px); width: -webkit-calc(100% + 30px); width: calc(100% + 30px);} .hzhb_section ul li{margin: 25px 15px;float: left;border: 1px solid #e6e6e6;position: relative;overflow: hidden; width: -moz-calc(20% - 30px); width: -o-calc(20% - 30px); width: -webkit-calc(20% - 30px); width: calc(20% - 30px);} .hzhb_section ul li .pic{width: 100%;padding-bottom: 66.52%; position: relative; overflow: hidden;} .hzhb_section ul li .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .hzhb_section ul li .wordsbox{width: 100%;height: 100%;position: absolute;left: 0;bottom: -150%;background-color: rgba(141,198,63,0.96); transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .hzhb_section ul li .wordsbox ._words{width: 100%;height: 100%;position: relative;} .hzhb_section ul li .wordsbox .name{width: 100%;text-align: center;font-size: 20px;color: #ffffff;line-height: 22px;position: absolute;left: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%);} .hzhb_section ul li:hover .wordsbox{bottom: 0;} .hzhb_section .paging{ width: 100%; text-align: center; margin-top:60px;} .hzhb_section .paging .text a{ width:30px; height:30px; line-height:28px; border: 1px solid #e1e1e1; border-radius: 30px; color:#272727; font-size: 14px; margin:0 4px; display: inline-block; font-family: Arial;} .hzhb_section .paging .text a.on, .hzhb_section .paging .text a:hover{ background: #7ecb28; color: #fff; border: 1px solid #7ecb28;} .hzhb_section .paging .text .l1, .hzhb_section .paging .text .r1{ width: 100px; line-height:26px; font-size: 20px; color: #7ecb28;} .hzhb_section .paging{margin-bottom: 0;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .hzhb_section{padding: 22px 0;} .hzhb_section ul{margin: -14px -10px; width: -moz-calc(100% + 20px); width: -o-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: calc(100% + 20px);} .hzhb_section ul li{margin: 14px 10px; width: -moz-calc(20% - 20px); width: -o-calc(20% - 20px); width: -webkit-calc(20% - 20px); width: calc(20% - 20px);} .hzhb_section ul li .wordsbox .name{font-size: 18px;line-height: 20px;} .hzhb_section .paging{ margin-top:16px;} .hzhb_section .paging .text_p{ text-align: center; font-size: 14px; color: #333; padding: 5px 0;} .hzhb_section .paging .text_p a{ padding: 5px 22px; background: #7ecb28; color: #fff; border: transparent; border-radius: 16px; overflow: hidden;} .hzhb_section .paging .text_p span{ padding: 5px 15px; color: #333;} } @media screen and (max-width: 767px){ .hzhb_section ul{margin: -6px; width: -moz-calc(100% + 12px); width: -o-calc(100% + 12px); width: -webkit-calc(100% + 12px); width: calc(100% + 12px);} .hzhb_section ul li{margin: 6px; width: -moz-calc(50% - 12px); width: -o-calc(50% - 12px); width: -webkit-calc(50% - 12px); width: calc(50% - 12px);} .hzhb_section ul li .wordsbox .name{font-size: 16px;line-height: 18px;} } /*在线留言*/ .zxly_section{width: 100%;padding: 100px 0;} .zxly_section .t_input{width: 100%;overflow: hidden;margin: -15px; width: -moz-calc(100% + 30px); width: -o-calc(100% + 30px); width: -webkit-calc(100% + 30px); width: calc(100% + 30px);} .zxly_section .t_input .inputbox{margin: 15px;float: left;background-color: #f7f7f7;height: 62px;border-radius: 3px;overflow: hidden; width: -moz-calc(50% - 30px); width: -o-calc(50% - 30px); width: -webkit-calc(50% - 30px); width: calc(50% - 30px);} .zxly_section .t_input .inputbox.inputbox4{padding-right: 115px;position: relative;} .zxly_section .t_input .inputbox.inputbox4 .yzm{width: 109px; display:block; position: absolute;right: 6px;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%);} .zxly_section .t_input .inputbox .wordsbox{font-size: 0;float: left;width: 120px;height: 62px;line-height: 62px;padding-left: 22px;} .zxly_section .t_input .inputbox .wordsbox .words1{font-size: 16px;color: #4c4c4c;display: inline-block;vertical-align: top;} .zxly_section .t_input .inputbox .wordsbox .words2{font-size: 16px;color: #dd1c1c;display: inline-block;vertical-align: top;} .zxly_section .t_input .inputbox input{float: right;height: 100%;background-color: #f7f7f7; width: -moz-calc(100% - 120px); width: -o-calc(100% - 120px); width: -webkit-calc(100% - 120px); width: calc(100% - 120px);} .zxly_section .textinput{width: 100%;background-color: #f7f7f7;height: 135px;float: left;margin: 15px; width: -moz-calc(100% - 30px); width: -o-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: calc(100% - 30px);} .zxly_section .textinput .wordsbox{font-size: 0;float: left;width: 120px;height: 62px;line-height: 62px;padding-left: 22px;} .zxly_section .textinput .wordsbox .words1{font-size: 16px;color: #4c4c4c;display: inline-block;vertical-align: top;} .zxly_section .textinput .wordsbox .words2{font-size: 16px;color: #dd1c1c;display: inline-block;vertical-align: top;} .zxly_section .textinput textarea{float: right;height: 100%;background-color: #f7f7f7;border: 0;padding-top: 20px;padding-right: 20px; width: -moz-calc(100% - 120px); width: -o-calc(100% - 120px); width: -webkit-calc(100% - 120px); width: calc(100% - 120px);} .zxly_section button{width: 352px;height: 62px;background-color: #7ecb28;border-radius: 29px;font-size: 18px;color: #ffffff;display: block;margin: 60px auto 0 auto; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .zxly_section button:hover{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95);} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .zxly_section{padding: 22px 0;} .zxly_section .t_input{margin: -8px; width: -moz-calc(100% + 16px); width: -o-calc(100% + 16px); width: -webkit-calc(100% + 16px); width: calc(100% + 16px);} .zxly_section .t_input .inputbox{margin: 8px;height: 40px; width: -moz-calc(50% - 16px); width: -o-calc(50% - 16px); width: -webkit-calc(50% - 16px); width: calc(50% - 16px);} .zxly_section .t_input .inputbox.inputbox4{padding-right: 82px;} .zxly_section .t_input .inputbox.inputbox4 .yzm{width: 72px;right: 4px;} .zxly_section .t_input .inputbox .wordsbox{width: 100px;height: 40px;line-height: 40px;padding-left: 10px;} .zxly_section .t_input .inputbox .wordsbox .words1{font-size: 14px;} .zxly_section .t_input .inputbox .wordsbox .words2{font-size: 14px;} .zxly_section .t_input .inputbox input{ width: -moz-calc(100% - 100px); width: -o-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: calc(100% - 100px);} .zxly_section .textinput{height: 100px;margin: 8px; width: -moz-calc(100% - 16px); width: -o-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px);} .zxly_section .textinput .wordsbox{width: 100px;height: 40px;line-height: 40px;padding-left: 10px;} .zxly_section .textinput .wordsbox .words1{font-size: 14px;} .zxly_section .textinput .wordsbox .words2{font-size: 14px;} .zxly_section .textinput textarea{padding-top: 10px;padding-right: 10px; width: -moz-calc(100% - 100px); width: -o-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: calc(100% - 100px);} .zxly_section button{width: 200px;height: 42px;border-radius: 20px;font-size: 16px;margin: 16px auto 0 auto;} } @media screen and (max-width: 767px){ .zxly_section .t_input{margin: -5px 0;width: 100%;} .zxly_section .t_input .inputbox{margin: 5px 0;height: 36px;width: 100%;} .zxly_section .t_input .inputbox.inputbox4{padding-right: 72px;} .zxly_section .t_input .inputbox.inputbox4 .yzm{width: 62px;} .zxly_section .t_input .inputbox .wordsbox{height: 36px;line-height: 36px;} .zxly_section .textinput{height: 80px;margin: 5px 0;width: 100%;} .zxly_section .textinput .wordsbox{height: 36px;line-height: 36px;} .zxly_section button{width: 140px;height: 38px;margin: 14px auto 0 auto;} } /*bwh*/ .paging{ width: 100%; text-align: center; margin-bottom:100px;} .paging .text a{ width:30px; height:30px; line-height:28px; border: 1px solid #e1e1e1; border-radius: 30px; color:#272727; font-size: 14px; margin:0 6px; display: inline-block; font-family: Arial;} .paging .text a.on, .paging .text a:hover{ background: #7ecb28; color: #fff; border: 1px solid #7ecb28;} .paging .text .l1, .paging .text .r1{ width: 100px; line-height:26px; font-size: 20px; color: #7ecb28;} @media screen and (max-width:991px) { .paging{ margin-bottom:30px;} .paging .text_p{ text-align: center; font-size: 14px; color: #333; padding: 5px 0;} .paging .text_p a{ padding: 5px 22px; background: #7ecb28; color: #fff; border: transparent; border-radius: 16px; overflow: hidden;} .paging .text_p span{ padding: 5px 15px; color: #333;} } .jionIn{ float:left; width:100%; margin:70px 0 67px 0;} .jionIn li{ float:left; width:100%; background:#f7f7f7; margin-top:30px; border-left:3px solid #7ecb28;} .jionIn li .tit{ float:left; width:100%; padding:25px 30px 27px 30px; cursor:pointer;} .jionIn li .tit .t1{ float:left; width:100%;} .jionIn li .tit .t1 h1{ float:left; color:#7ecb28; font-size:24px; line-height:34px;} .jionIn li .tit .t1 h5{ float:right; color:#555555; font-size:14px; line-height:34px;padding-right:40px; position:relative;} .jionIn li .tit .t1 h5::after{ float:left; width:14px; height:14px; border-bottom:1px solid #555555; border-right:1px solid #555555; content:''; position:absolute; right:0; top:50%; margin-top:-10px; transform:rotate(45deg); -ms-transform:rotate(45deg);} .jionIn li .tit .t2{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; margin-top:8px;} .jionIn li .tit.active .t1 h5::after{ border-bottom:1px solid #7ecb28; border-right:1px solid #7ecb28; } .jionIn li .box{ display:none; float:left; width:100%; padding:0 30px 50px 30px;} .jionIn li .box .line{ float:left; width:100%; border-top:1px solid #e5e5e5; padding-top:19px; position:relative;} .jionIn li .box .p1{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; font-weight:bold;} .jionIn li .box .p2{ float:left; width:100%; color:#555555; font-size:14px; line-height:34px; margin:0 0 35px 0;} .jionIn li .box .email{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; font-weight:bold;} .jionIn li .box .email a{ color:#7ecb28; font-weight:normal;} .jionIn li .box .but{ float:left; width:100%; margin-top:20px;} .jionIn li .box .but a{ float:right; width:155px; height:40px; line-height:38px; color:#fff; font-size:18px; border:1px solid #7ecb28; background:#7ecb28; text-align:center; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;} .jionIn li .box .but a:hover{ background:#fff; color:#7ecb28; box-shadow:0 5px 10px rgba(0,0,0,0.2);} @media screen and (max-width:991px) { .jionIn{ margin:15px 0 25px 0;} .jionIn li{ margin-top:15px; border-left:2px solid #7ecb28;} .jionIn li .tit{ padding:12px 15px;} .jionIn li .tit .t1 h1{ font-size:16px; line-height:26px;} .jionIn li .tit .t1 h5{ font-size:13px; line-height:26px; background-size:20px 11px; padding-right:20px;} .jionIn li .tit .t2{ margin-top:0;} .jionIn li .tit .t1 h5::after{ width:10px; height:10px; margin-top:-7px;} .jionIn li .box{ padding:0 15px 25px 15px;} .jionIn li .box .line{ padding-top:15px; } .jionIn li .box .p2{ line-height:24px; margin-bottom:15px;} .jionIn li .box .p1{ font-size:16px; line-height:26px;} .jionIn li .box .email{ font-size:14px; line-height:26px;} .jionIn li .box .but{ margin-top:10px;} .jionIn li .box .but a{ width:120px; height:34px; line-height:32px;font-size:16px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;} } .Contact{ width:100%; margin:100px 0; display:inline-block;} .Contact ._mapbox{ float:left; width:50%; height:475px; border:6px solid #fff; box-shadow:0 0 17px gba(0,0,0,0.09);} .Contact .BMapLabel{ float:left; width:300px; border-radius:3px; white-space:normal !important; padding:12px 16px !important; color:#555555 !important; font-size:14px !important; line-height:24px !important; border:1px solid #e6e6e6 !important; left:50% !important; top:auto !important; bottom:100%; margin-left:-120px; margin-bottom:15px; box-shadow:0 5px 10px rgba(0,0,0,0.15);} .Contact .BMapLabel:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; top:100%; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff; margin-left:-6px; } .Contact .left{ float:right; width:46.1%;} .Contact .left .l1{ float:left; width:100%; color:#262626; font-size:26px; line-height:32px; margin-bottom:10px;} .Contact .left .l2{ float:left; width:100%; color:#262626; font-size:14px; line-height:22px; text-transform:uppercase; font-family:Arial;} .Contact .left .tx2{ float:left; width:100%;border-top:1px dashed #b5b5b5; border-bottom:1px dashed #b5b5b5; padding:20px 0; margin:24px 0 30px 0;} .Contact .left .tx2 .p1{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; padding-left:26px; position:relative; margin:9px 0;} .Contact .left .tx2 .p1 a{ color:#555555;} .Contact .left .tx2 .p1 .ico{ float:left; width:22px; height:22px; position:absolute; left:0; top:2px;} .Contact .left .tx3{ float:left; width:100%; position:relative; display: flex; align-items:flex-end;} .Contact .left .tx3 i{ float:left; display:block; width:144px; padding:8px; border:1px solid #e6e6e6; line-height:0;} .Contact .left .tx3 .er{ float:left;color:#3a3a3a; font-size:16px; line-height:24px; margin-left:10px;} .Contact .left .tx3 .er p{ color:#999999; font-size:14px; line-height:22px; margin-top:12px;} @media screen and (max-width:991px){ .Contact{ margin:30px 0;} .Contact ._mapbox{ height:370px;} .Contact .BMapLabel{ width:270px;margin-left:-105px; padding:8px 15px;} .Contact .left .l1{ font-size:18px; line-height:26px; margin-bottom:5px;} .Contact .left .l3{ margin:5px 0;} .Contact .left .tx2{ padding:15px 0; margin:15px 0 20px 0;} .Contact .left .tx2 .p1{ font-size:14px; line-height:24px; padding-left:30px; margin:2px 0;} .Contact .left .tx2 .p1 .ico{ width:22px; height:22px;} .Contact .left .tx3 i{ padding:4px;} } @media screen and (max-width:767px){ .Contact ._mapbox{ width:100%; margin-top:20px;} .Contact .left{ width:100%;} } .Hgy_tit{ width:100%; text-align:center; color:#333333; font-size:30px; line-height:40px; font-weight:bold;} .kangY1{ width:100%; padding-top:95px; padding-bottom:100px; position:relative;} .kangY1 .gy_tit .box h3{width: 243px;} .kangY1 .gy_tit .box .box_l{ width: -moz-calc(50% - 124px); width: -o-calc(50% - 124px); width: -webkit-calc(50% - 124px); width: calc(50% - 124px);} .kangY1 .gy_tit .box .box_r{ width: -moz-calc(50% - 124px); width: -o-calc(50% - 124px); width: -webkit-calc(50% - 124px); width: calc(50% - 124px);} .kangY1:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#fff; opacity:0.92;} .kangY1 .w_1330{ position:relative; z-index:3;} .kangY1 .p{ display:inline-block; width:100%; text-align:center; color:#555555; font-size:16px; line-height:30px; margin-top:50px;} @media screen and (max-width:991px){ .Hgy_tit{ font-size:20px; line-height:30px;} .kangY1{ padding-top:30px; padding-bottom:30px;} .kangY1 .p{ font-size:14px; line-height:24px; margin-top:15px;} .kangY1 .gy_tit .box h3{width: 209px;} .kangY1 .gy_tit .box .box_l{ width: -moz-calc(50% - 106px); width: -o-calc(50% - 106px); width: -webkit-calc(50% - 106px); width: calc(50% - 106px);} .kangY1 .gy_tit .box .box_r{ width: -moz-calc(50% - 106px); width: -o-calc(50% - 106px); width: -webkit-calc(50% - 106px); width: calc(50% - 106px);} } .kangY2{ width:100%; padding-top:95px; padding-bottom:100px; position:relative;} .kangY2 .list{ display:inline-block; width:100%; margin-top:50px;} .kangY2 .list li{ float:left; width:33.33%; position:relative;} .kangY2 .list li .img{ float:left; width:100%; height:289px; position:relative;} .kangY2 .list li .img:after, .kangY2 .list li .img:before{ float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:0; border-left:14px solid transparent; border-right:14px solid transparent; margin-left:-14px;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .kangY2 .list li .img:after{ bottom:0; border-bottom:12px solid #e6e6e6;} .kangY2 .list li .img:before{ display:none; top:0; border-top:12px solid #e6e6e6;} .kangY2 .list li .top{ float:left; width:100%; height:289px; padding:20px 15px; display: flex; align-items: center; justify-content: center; flex-direction:column; background:#f5f5f5;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .kangY2 .list li .top .ico{ display:flex; width:110px; height:110px; border-radius:50%; border-radius:50%; border:1px solid #7ecb28; background:#7ecb28; display: flex; align-items: center; justify-content: center; flex-direction:column;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .kangY2 .list li .top .ico img{ width:48px; height:48px;} .kangY2 .list li .top .ico h5{ float:left; width:100%; text-align:center; color:#fff; font-size:18px; line-height:28px; margin-bottom:5px;} .kangY2 .list li .top h6{ float:left; width:100%; text-align:center; color:#333333; font-size:16px; line-height:26px; margin-top:18px;} .kangY2 .list li:nth-child(2n) .top{ margin-bottom:289px;} .kangY2 .list li:nth-child(2n) .img{ position:absolute; left:0; bottom:0;} .kangY2 .list li:nth-child(2n) .img:after{ display:none;} .kangY2 .list li:nth-child(2n) .img:before{ display:block;} .kangY2 .list li:hover .top{ background:#7ecb28;} .kangY2 .list li:hover .top .ico{ border:1px solid #fff;} .kangY2 .list li:hover .top h6{ color:#fff;} .kangY2 .list li:hover .img:after{ border-bottom:12px solid #7ecb28;} .kangY2 .list li:hover .img:before{ border-top:12px solid #7ecb28;} @media screen and (max-width:991px){ .kangY2{ padding-top:30px; padding-bottom:30px;} .kangY2 .list{ margin-top:20px;} .kangY2 .list li .img{ height:200px;} .kangY2 .list li .top{ height:200px;} .kangY2 .list li:nth-child(2n) .top{ margin-bottom:200px;} .kangY2 .list li .top .ico{ display:flex; width:80px; height:80px; } .kangY2 .list li .top .ico img{ width:32px; height:32px;} .kangY2 .list li .top .ico h5{ font-size:14px; line-height:20px;} .kangY2 .list li .top h6{ font-size:14px; line-height:24px; margin-top:10px;} } @media screen and (max-width:767px){ .kangY2 .list li{ width:100%;} .kangY2 .list li .img{ height:178px;} .kangY2 .list li .top{ height:auto;} .kangY2 .list li:nth-child(2n) .top{ margin-bottom:0;} .kangY2 .list li:nth-child(2n) .img{ position:static;} } .Pens3{ width:100%; position:relative; padding-top:95px; padding-bottom:100px;} .Pens3:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#fff; opacity:0.94;} .Pens3 .w_1330{ position:relative; z-index:3;} .Pens3 .list{ width:100%; display:inline-block; margin-top:55px; display: flex; flex-wrap:wrap; justify-content: space-between; } .Pens3 .list li{ float:left; width:25%; line-height:0; position:relative; padding-right:1px; margin-bottom:1px;} .Pens3 .list li .text{ float:left; width:100%; height:100%; background:rgba(0,0,0,0.77); position:absolute; left:0; top:0; text-align:center;display: flex; align-items: center; justify-content: center; padding:15px; flex-direction:column; } .Pens3 .list li .text h1{ float:left; width:100%; color:#7ecb28; font-size:42px; line-height:50px; font-weight:bold;} .Pens3 .list li .text h6{ float:left; width:100%; color:#fff; font-size:14px; line-height:22px; text-transform:uppercase; margin-top:4px;} .Pens3 .list li:nth-child(2){ width:49.7%;} .Pens3 .list li:nth-child(1), .Pens3 .list li:nth-child(3){ width:25.15%;} @media screen and (max-width:1199px){ .Pens3 .list li .text h1{ font-size:28px; line-height:36px;} .Pens3 .list li .text h6{ font-size:12px; line-height:20px;} } @media screen and (max-width:991px){ .Pens3{ padding-top:30px; padding-bottom:30px;} .Pens3 .list{ margin-top:20px;} .Pens3 .list li .text h1{ font-size:20px; line-height:26px;} .Pens3 .list li .text h6{ font-size:12px; line-height:18px;} } @media screen and (max-width:767px){ .Pens3 .list li{ width:33.33%;} .Pens3 .list li:nth-child(2){ width:100%;} .Pens3 .list li:nth-child(1){ display:none; } .Pens3 .list li:nth-child(3), .Pens3 .list li:nth-child(4){ width:50%;} } .Pens2{ width:100%; position:relative; padding-top:95px; padding-bottom:100px;} .Pens2 .w_1330{ position:relative; z-index:3;} .Pens2 .list{ width:100%; display:inline-block; margin-top:30px; display: flex; flex-wrap:wrap; justify-content: space-between; } .Pens2 .list li{ float:left; width:31.8%; line-height:0; margin-top:15px; background:#f5f5f5;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .Pens2 .list li .img{ float:left; width:100%; line-height:0; } .Pens2 .list li .top{ float:left; width:100%; padding:15px 20px 25px 20px;} .Pens2 .list li .top h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px;} .Pens2 .list li .top h6{ float:left; width:100%; color:#555555; font-size:14px; line-height:24px; margin-top:10px;} .Pens2 .list li:hover{ background:#7ecb28;} .Pens2 .list li:hover .top h5{ color:#fff;} .Pens2 .list li:hover .top h6{ color:#fff;} @media screen and (max-width:991px){ .Pens2{ padding-top:30px; padding-bottom:30px;} .Pens2 .list{ margin-top:5px;} .Pens2 .list li .top{ padding:15px 15px 20px 15px;} .Pens2 .list li .top h5{ font-size:16px; line-height:24px;} .Pens2 .list li .top h6{ line-height:22px; margin-top:5px;} } @media screen and (max-width:767px){ .Pens2 .list li{ width:100%;} } .Pens1{ width:100%; padding-top:95px; padding-bottom:60px; position:relative;} .Pens1:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#fff; opacity:0.92;} .Pens1 .w_1330{ position:relative; z-index:3;} .Pens1 .p{ display:inline-block; width:100%; color:#555555; font-size:16px; line-height:30px; margin-top:50px; } .Pens1 .gy_tit .box h3{width: 184px;} .Pens1 .gy_tit .box .box_l{ width: -moz-calc(50% - 94px); width: -o-calc(50% - 94px); width: -webkit-calc(50% - 94px); width: calc(50% - 94px);} .Pens1 .gy_tit .box .box_r{ width: -moz-calc(50% - 94px); width: -o-calc(50% - 94px); width: -webkit-calc(50% - 94px); width: calc(50% - 94px);} @media screen and (max-width:991px){ .Pens1{ padding-top:30px; padding-bottom:30px;} .Pens1 .p{ font-size:14px; line-height:24px; margin-top:15px;} .Pens1 .gy_tit .box h3{width: 157px;} .Pens1 .gy_tit .box .box_l{ width: -moz-calc(50% - 80px); width: -o-calc(50% - 80px); width: -webkit-calc(50% - 80px); width: calc(50% - 80px);} .Pens1 .gy_tit .box .box_r{ width: -moz-calc(50% - 80px); width: -o-calc(50% - 80px); width: -webkit-calc(50% - 80px); width: calc(50% - 80px);} } .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#8dc63f;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999}