body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote{margin: 0; padding: 0; font-family:"微软雅黑"; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} body{font-size: 16px;width: 100%; padding: 0; margin: 0; background:url(../images/body_bg.jpg) } table{border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;} input, img{vertical-align: middle} a{text-decoration: none; cursor:pointer;} a:link, a:visited, a:active, a:hover,a{ text-decoration:none; } a{ text-decoration:none;} fieldset, img{border: 0;} address, caption, cite, code, dfn, em, strong, th, var{font-style: normal; font-weight: normal;} caption, th{text-align: left;} h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;} input, textarea, select{font-family: inherit; font-size: inherit; font-weight: inherit;} input[type="text"], input[type="password"], input[type="number"], input[type="button"]{-webkit-appearance: none;-moz-appearance: none; } li{list-style: none;} .clearfixd:after{content: '\20'; display: block; height: 0; clear: both;} .clearfixd{*zoom:1; } .hide{display:none;} .nomarginleft{margin-left:0} input:focus,select:focus{outline:none;} .fr_l{ float:left;} .fr_r{ float:right;} .clear:after{ content:"";display: block;height:0;clear:both;} .nav_left::-webkit-scrollbar{width: 0px;} .nav_left::scrollbar{width: 0px;} .dianpu_img{ margin-bottom: 10px} /**头部区域开始**/ .header{ background:#fff; background-size:100% auto; height:100px; position: relative} .header.fixd{position:fixed; top:0; left:0; width:100%; z-index:9999; box-shadow: 0 5px 8px rgba(0,0,0,0.2)} .container_con{ max-width:1420px; margin:0 auto; padding:0 20px} .header_top{ background:#f7f7f7; height:35px; border-bottom:1px solid #d5d5d5;} .header_top>div{ color:#666666; font-size:12px; line-height:35px;} .header_center_con{ padding:10px 10px; position:relative; top:0; left:0;} .header_logo img{ height:100px; margin-top:0} .header_login ul li{ line-height:90px; padding:0 5px; position:relative;} .header_login ul li a{ padding:8px; color:#333; font-size:18px; display:block; background:url(../images/icon_bg.png) no-repeat center; background-size:100% ; } .header_login ul li .ewm_top{ position:absolute; top:80px; z-index:1000; background:url(../images/body_bg.jpg); padding:6px; box-shadow:0 0 3px 2px rgba(0,0,0,0.3); border-radius:5px; left:50%; margin-left:-58px; display:none;} .header_login ul li .ewm_top img{ width:100px; height:100px;} .header_login ul li .ewm_top p{ font-size:12px; text-align:center; color:#353f37; line-height:2em;} .header_login ul li a img{ width:25px;} .header_login ul li.on a,.header_login ul li:hover a{} .header_nav{ height:50px;} .header_nav_center ul{} .header_nav_center ul>li{ pos ition:relative;line-height:100px; padding:0 6px; text-align:center} .header_nav_center ul>li>a{ color:#333; font-size:18px; border-bottom:2px solid rgba(0,0,0,0,); padding-bottom:10px} .header_nav_center ul>li.on>a{ color:#0e9a39; } .header_nav_center ul>li:hover>a{ color:#0e9a39;} .header_nav_center ul>li .down_list{display:none;position:absolute; top:100px; width:auto; z-index:9999; background:#2A2A2A; box-sizing:border-box; left:0；} .header_nav_center ul>li .down_list::after{ display: block; content: ""; width: 27px; height: 27px; background-color: #2A2A2A; position: absolute; top: 0; left: 50%; transform: translate(-50%,-25%) rotate(45deg); z-index: -1; transform: translate(-50%,-25%) rotate(45deg); z-index: -1;} .header_nav_center ul>li dl{ background:url(../images/body_bg.jpg); color:#fff; line-height:35px; text-align:center;} .header_nav_center ul>li dl dd{ position: relative;} .header_nav_center ul>li dl dd a{ font-size:18px; display:block;padding: 0 60px; position: relative; width:100%; line-height:70px; color:#fff; text-align:center; } .header_nav_center ul>li dl dd a span{ position: absolute; display: block; line-height: 70px; right: 10px; top: 0; color: #fff;} .header_nav_center ul>li dl dd>ul{ position: absolute; left: 100%; top:0; background: #2A2A2A; width: 100%;} .header_nav_center ul>li dl dd:hover>a,.header_nav_center ol>li:hover>a{background:#494848; background-size:auto 100%; color:#0e9a39; } .header_nav_center ul>li dl dd>ul{ display: none; width: 100%;} .header_nav_center ul>li dl dd>ul>li,.header_nav_center ul>li dl dd>ul>li>ol>li{ position: relative;} .header_nav_center ul>li dl dd>ul>li>a,.header_nav_center ul>li dl dd>ul>li>ol>li>a,.header_nav_center ul>li dl dd>ul>li>ol li a{ text-align: center; line-height: 70px; width: auto; padding: 0 15px; font-size: 14px;} .header_nav_center ul>li dl dd>ul>li>ol,.header_nav_center ul>li dl dd>ul>li>ol>li>ol{ display: none;position: absolute; left: 100%; top:0; background: #2A2A2A; width: 100%;} .header_login{margin-top:15px} .tel_icon img{ width: 55px; margin-right: 5px; } .tel_text p{ font-size: 13px; color: #010101 ; margin-left: 5px} .tel_text span{ font-size: 30px; color: #010101 } .sou img{ width:25px; margin-top: 35px; margin-left: 15px;} .sou_box{ position: relative; z-index: 999; background:#2A2A2A;; width: 100%; padding: 15px; position: absolute; top: 100px; padding:60px 20px; display: none;} .sou_input{ width: 100%; max-width: 1200px; border-bottom: 1px solid #fff; line-height: 80px; padding:0 14px; margin: 0 auto ; position: relative;} .sou_input>input{ width: 100%; border: none; color: #fff; background: none; font-size: 18px;} .header_btn{ width:35px; border-radius:3px; height:35px; padding:4px; cursor:pointer; margin-top:11.5px; margin-left:10px; background:#fff; } .header_btn{ display:none;} .sou_btn{ position: absolute; line-height: 40px; height: 40px; top: 15px; right: 0;} .sou_btn input{ background: #fff; height: 40px; line-height: 40px; border-radius: 5px; width: 70px; border: none;} .cha{ position: absolute; top: 15px; right: 60px; font-size: 32px; line-height: 32px; color: #fff; cursor: pointer;;} .header_btn span{ display:block; width:100%; height:2px; background:#0c1d3a; margin:6px 0;} .yuyan{ width: 100%; max-width: 1200px; margin: 0 auto;} .yuyan ul li img{ width: 21px; margin-right: 10px;} .yuyan ul li{font-size: 16px; color: #fff; width: 33.33%; cursor: pointer;} .header_nav_center ul li .pro_nav dl dd a{ text-align: left;} .banner video{ width: 100%;} .banner{ position: relative} .banner .banner_text{ position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.3); width: 100%; height: 100%} .banner_box{ position: absolute; width: 80%; left: 50%; transform: translateX(-50%); top: 25%; z-index: 20; word-break: break-word; color: #fff;} .banner_box span{ font-size: 16px; } .banner_box p{ font-size: 18px} .banner_box h3{ font-size: 48px; margin: 25px 0} .s_title h3{ font-size: 36px; text-align: center; margin: 60px auto;} .fangan_img img{ width:100%} .fangan_con ul li{ margin-bottom:30px} .fangan_con ul li a{ display: block;position:relative; overflow: hidden} .fangan_b{position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.73; background-image: linear-gradient(-180deg, rgba(60, 59, 59, 0.00) 44%, rgba(55, 54, 54, 0.15) 71%, #1C1B1B 100%); box-sizing: border-box;} .fangan_text { position: absolute; top:calc(100% - 80px); left: 0; width: 100%; height: 100%; padding: 40px ; transition: 0.3S} .fangan_con ul li:hover .fangan_text{ top:0; background: rgba(0,0,0,0.8)} .fangan_text h3{ font-size: 23px; color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .fangan_text span{ background: #0e9a39; height: 4px; width: 90px; margin:20px 0 30px; display: block} .fangan_text p{ font-size: 16px; color: #fff; overflow:hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .fangan_more{ position: absolute; bottom: 0; right: 0; width: 70px; height: 35px; line-height: 35px; text-align: center; font-size: 42px; color: #fff; background: #0e9a39; background-image: url("../images/tuyou_btn_r.png"); background-repeat: no-repeat; background-position: center; background-size: auto 70%} .shipin video{ width: 100%} .shipin{ font-size: 0;} .pro ul li a{ display: block; position: relative;} .pro ul li a img{ width: 100%;} .pro .pro_con{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .pro .pro_con h3{ text-align: center; margin-top: 40px; font-size: 28px; color: #4e5f70;} .pro .pro_con .pro_more{ display: flex; justify-content: center; align-items: center; padding: 0px; box-sizing: border-box !important; font-size: 24.2479px; text-decoration: none; color: rgb(78, 95, 112); background-color: rgba(0, 0, 0, 0); border-color: rgb(78, 95, 112); border-style: solid; border-width: 1px; border-radius: 0px; width: 30%; height: 9%; margin: 30px auto; } .pro .pro_con .pro_more:hover{ color: #fff; background: rgb(78, 95, 112); ;} .about{ background: url(../images/xuanze.jpg) no-repeat center; background-size: 100% 100%;} .about_l_con{ padding: 100px 60px; color: #fff} .about_l_con h3{ font-size: 30px; font-weight: 600;} .about_l_con p{ font-size: 16px; margin-top: 20px;} .about_more{ color: #fff; font-size: 18px; color: #fff; border-bottom: 1px solid #fff; margin-top: 20px;} #gongcheng{ margin-top: 85px;} .gongcheng_con{ position: relative;} .gongcheng_con img{ width: 100%;} .gongcheng_con .about_top{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;} .about_top img{ width: 35px; cursor: pointer;} .about_top p{ margin-top: 10px; font-size: 18px; color: #fff;} .about_icon img{ width:52px; height: 52px; margin-right: 20px;} .abort_icon_r{ font-size: 18px; font-weight: 600; color: #fff; line-height: 52px;} .about_r ul li{ padding: 25px;} .about_r ul li:hover{ background:#0e9a39 } .about_text{ color: #fff; font-size: 14px; color: #fff; margin-top: 12px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .about_r{ background: rgba(0,0,0,0.4); padding: 0} .footer{ padding: 50px 0; background: #2f3430} .footer_nav h3{ font-size: 20px; color: #fff; padding-bottom: 10px; line-height: 40px;} .footer_nav ul li a{ font-size: 14px; line-height: 36px; color: rgba(255,255,255,0.6)} .footer_nav ul li:hover a{ color: #0e9a39} .footer_email{ width:100%; position: relative; height: 46px; background: #fff;} .footer_email input{ font-size: 14px; line-height: 46px; border: none; color: #999 ; padding-left: 15px; padding-right: 70px; width: 100%;} .footer_email .footer_email_btn{ width:60px; height: 46px; background:url(../images/right_icon1.png) no-repeat center; background-size: 30px; background-color: #0e9a39; position: absolute; top: 0; right: 0} .footer_email .footer_email_btn input{ width: 60px; height: 46px; opacity: 0} .footer_tel span{ margin-top:40px; display: block;color: rgba(255,255,255,0.6); font-size: 14px;} .footer_tel p{ font-size: 16px; color: #fff; font-weight: 600;} .footer_con{ border-bottom: 1px solid #d8d8d8; padding-bottom: 60px} .footer_bottom{ padding:10px 30px;} .footer_b_l{font-size: 14pxp; line-height: 36px; color: rgba(255,255,255,0.6)} .footer_b_r ul li{ width:36px; height: 36px; border-radius: 50%; margin-left: 5px; background: #0e9a39; padding-top: 5px; text-align: center} .footer_b_r ul li img{ height: 20px; } .right_nav{ position: fixed; top: 50%; right: 30px; transform: translate(0,-50%); padding: 3px; z-index: 99} .right_nav ul{ border-radius: 28px; width:56px; background: rgba(0,0,0,0.3);} .right_nav ul li .right_r{ text-align: center;width: 50px; height: 50px; position: relative;} .right_nav ul li .right_r img{ width: 25px; margin-top: 12px; position: relative; z-index: 15;} .right_nav ul li .right_l{ position: absolute; width: auto; height: 50px; top: 0; right: 0; padding: 0 15px; padding-right: 70px; background: #0e9a39; color: #fff; font-size: 16px; font-weight: 600; line-height: 50px; border-radius: 25px; display: none;} .right_nav ul li :hover .right_l{ display: block;} #top .right_r{ border-radius: 50%; background: #0e9a39; display: none;} #zhichi,.zixun{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 999999; display: none;} .zoxin_con{ max-width: 600px; width: 90%; background: #fff; position: absolute;top: 50%; left: 50%;-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 8px;} .zoxin_con h3{ padding: 0 15px; font-size: 16px; color: #444; line-height: 50px; font-weight: 600;} .zixun_input{ border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8; padding: 40px 15px} .zoxin_con .close{ top:10px; right: 15px; position: absolute; opacity: 0.6; font-size: 24px;} .zixun_input p{ font-size: 14px; color: #333;} .zixun_input p span{ color: #f00;} .zixun_input ul li{ margin-bottom: 8px;} .zixun_input ul li input{ font-size: 14px; height: 32px; line-height: 32px; color: #333; width: 100%; border: 1px solid #ccc; margin-top: 5px; padding: 0 10px;} .zixun_input ul li textarea{ font-size: 14px; min-height: 100px; line-height: 1.8em; color: #333; width: 100%; border: 1px solid #ccc; margin-top: 5px; padding: 0 10px;} .zixun_btn{ padding: 15px ; text-align: right;} .zixun_btn input{color: #fff; background-color: #286090; border-color: #204d74; height: 30px; font-size: 14px; text-align: center; line-height: 30px; width: 90px; border: none; border-radius: 5px;} .video_biaoti{ text-align:left; margin-bottom:10px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:45px} @media (max-width:1400px){ .header_nav_center ul>li>a{ font-size:14px;} } @media (max-width:1300px){ .header_nav_center ul>li{ padding:0 6px} .header_nav_center ul>li>a{ font-size:14px;} } @media (max-width:1200px){ .sou_input>input{ color:#666} .header_nav_center ul>li{ padding:0 10px} .header_btn{ display:block} .sou img{ margin-top: 18px;} .header_nav_center ul>li>a{ font-size:14px; padding:0 5px; display: block;} .header_nav_center ul>li .down_list{ position: static; background: #fff;} .header_nav_center .dh{ background:#fff;position:absolute; width:100%; top:60px; left:0; display:none; z-index:999; padding: 0 20px; max-height: 90vh; overflow-y: scroll;} .header_nav_center ul li{ float:none} .header_nav_center ul li{ width:100%; line-height:40px; text-align:left; border-bottom:1px solid #d9d6cf} .header_nav_center ul li .down_list{display:none;position:static; width:100%; background: none} .header_nav_center ul>li .down_list::after{ display: none; margin: 0} .header_nav_center ul>li dl dd a{ background: none; color: #333; font-size: 14px; line-height: 40px; text-align: left; padding: 0 20px} .header_nav_center ul>li dl dd:hover a{background:#fff; } .header_nav_center ul>li dl dd:hover{background:#fff;} .header_center_con .header_logo img{ height:45px;} .header_login ul li{ line-height:35px; padding:0px;} .header_nav_center ul>li dl dd a span{ color: #333; line-height: 40px;} .header_login ul li .ewm_top{ top:50px;} .header{ height:60px;} .header_logo img{ height:40px; margin-top:10px} .sou_box{ top: 60px; background: #fff; padding: 40px 15px;} .sou_box ul li{ width: 100%; border-bottom: 1px solid #d8d8d8; line-height: 40px; color: #666;} .cha{ color: #999; top: 5px;} .sou_input{ background: #f7f7f7;border:none; border-radius: 5px; color: #333; height: 40px; line-height: 40px;;} .sou_btn input{ background: #0e9a39; color: #fff; height: 40px; line-height: 40px; border-radius: 5px; width:80px; border: none;} .sou_btn{ top: -2px;} .header_nav_center ul>li dl dd>ul,.header_nav_center ul>li dl dd>ul>li>ol,.header_nav_center ul>li dl dd>ul>li>ol>li>ol{ position: static; left: 0%; top:0; background: #fff; width: 100%;} .header_nav_center ul>li dl dd>ul>li,.header_nav_center ul>li dl dd>ul>li>ol>li{ line-height: 40px; border-bottom: none; padding-left: 40px;} .header_nav_center ul>li dl dd>ul>li>a, .header_nav_center ul>li dl dd>ul>li>ol>li>a, .header_nav_center ul>li dl dd>ul>li>ol li a{ line-height: 40px;} .header_nav_center ul li .pro_nav dl dd li{ border-bottom: none;} .header_nav_center ul>li a { position: relative;} .header_nav_center ul>li a span{ position: absolute; display: block; line-height: 40px; right: 20px; top: 0; color: #333;} .pro .pro_con h3{ font-size: 20px;} .pro .pro_con .pro_more{ font-size: 14px;} .about_r ul li{ width:50%; float: left; background: #0e9a39} #gongcheng .swiper-pagination-bullet-active{ background: #fff;} } .video_float{ width:100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; z-index: 999999999; display: none} .video_float video{ width: 100%; height: 100% ;position: absolute; top: 0%; left: 0; } .video_float .close{ position: absolute; top: 15px; right: 15px; font-size: 34px; color: #fff; z-index: 99; opacity: 1} #hezuo{ max-width: 1600px; width: 100%; padding: 15px 0; border-bottom: 1px solid #d8d8d8} #hezuo img{ width: 100%} .xiangmu_con ul li{ margin-bottom: 15px} .xiangmu_top{ position: relative; height:0; padding-bottom:80%;} .xiangmu_top img{ width:100%} .xiangmu_zhe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.4); opacity: 0} .xiangmu_dian{position: relative; top: 50%; left: 50%; width: 0px; height: 0px; border-radius: 50%; background: rgba(0,0,0,0.4); transform: translate(-50%,-50%)} .xiangmu_con ul li:hover .xiangmu_dian{ width: 100px; height: 100px; transition: 0.3S} .xiangmu_con ul li:hover .xiangmu_zhe{ opacity: 1;transition: 0.3} .xiangmu_con ul li h3{ font-size: 16px; color: #242827; font-weight: 700; letter-spacing: 0; line-height: 2.6em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .xiangmu_con ul li p{ font-size: 14px; color: #242827;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .xiangmu_more a{ display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #242827; border: 1px solid #242827; margin: 40px auto} .xiangmu_more a:hover{ color: #fff; background: #0e9a39; border: 1px solid #0e9a39;} .biaoyu{ background: url(../images/bg1.jpg) no-repeat center; background-size: 100% 100%; padding: 60px 0} .biaoyu h3{ margin-bottom: 40px; font-size: 26px; color: #fff; text-align: center; line-height: 2em;} .biaoyu ul li{ margin-bottom: 15px; padding: 0 2px} .biaoyu ul li img{ width: 100%; } .boke_con ul li a{ display: block;} .boke_text{border: 1px solid #d8d8d8; border-top: none; padding:10px; padding-bottom: 70px; position: relative} .boke_con ul li img{ width: 100%;} .boke_text h3{ font-size: 18px; color: #333; font-weight: 600; margin-bottom: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .boke_text p{ font-size: 14px; color: #443D41; line-height: 1.8; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .riqi{ padding-left: 30px; font-size: 12px; color: #aaacab; line-height: 25px; background: url(../images/riqi.png) no-repeat left center; background-size: 24px auto; line-height: 25px; margin-top:10px} .boke_con ul li:hover a{ box-shadow: 0 3px 5px rgba(0,0,0,0.1)} .boke_con ul li:hover .more_con{ opacity: 1} .more_con{ position: absolute; bottom: 0; right: 0; width: 85px; height: 56px; background: url(../images/tuyou_btn_r.png) no-repeat center; background-size: auto 50%; background-color: #0e9a39; opacity: 0} @media (max-width:992px){ .fangan_text{ padding: 20px; top: calc(100% - 48px)} .fangan_text h3{ font-size:18px} .fangan_text span{ width:58px; margin: 10px 0 10px;} .fangan_text p{ font-size:14px;} .footer_nav ul{ display: none} .footer_nav h3{position: relative} .footer_nav h3:after{ display: block; content: ""; width: 9px; height: 9px; border-bottom: 1px solid rgba(255,255,255,1);border-right: 1px solid rgba(255,255,255,1); transform: rotate(45deg); position: absolute; top: 10px; right: 10px} .footer_nav h3.on:after{ display: block; content: ""; width: 9px; height: 9px; border-bottom: 1px solid rgba(255,255,255,1);border-right: 1px solid rgba(255,255,255,1); transform: rotate(-135deg); position: absolute; top: 20px; right: 10px; transition: 0.3} .right_nav{ width: calc(100% - 60px); height: 55px; bottom: 30px; left: 30px; top: auto; transform: translate(0%,0); background: rgba(0,0,0,0.7);} .right_nav ul{ position: relative; width:100%} .right_nav ul li{ width: 25%; float: left; border-right: 1px solid rgba(255,255,255,0.6); text-align: center;} .right_nav ul li:nth-child(4){ border: none;} .right_nav ul li .right_r{ position: static; margin: 0 auto;} .right_nav ul li .right_l{ width: 100%; top: -50px;} .right_nav ul li:hover{ background: #0e9a39;} } @media (max-width:768px){ .banner .banner_text{ display: none} .pro ul li{ padding: 0; margin-bottom: 15px;} .about_r ul li{ width:100%; background: #0e9a39} .about_l_con{ padding: 30px 0px; color: #fff} #gongcheng{ margin-top:30px} } /*产品详情区域开始*/ .pro_con{ width:990px; margin: 30px auto 20px} .pro_l{} .pro_r{ } .pro_img{ margin: 20px auto;border:1px solid #d8d8d8} .pro_img img{ width:100%} .pro_bottom ul li{ width:calc(16.66% - 16px); margin-left: 16px; } .pro_bottom ul li img{ width: 100%} .pro_bottom ul li.on{ border:2px solid #000} .pro_r{padding-top:20px; } .pro_r h3{ font-size:24px; color: #000; font-weight: 700;} .pro_r p{ font-size:14px; color: #242827; margin-top: 10px} .canshu .canshu_name{ color: #838383; font-size:14px; width: 66px; line-height: 45px} .fx .fx_icon{ width: 30px; height: 30px; background: #0d9a3c; border-radius: 50%; text-align: center; margin-right: 5px; margin-top: 20px} .fx .fx_icon img{ width:15px; margin-top: 5px;} .list_jiage{color: #FF0036;font-size: 24px;font-weight: bolder; line-height: 45px} .list_jiage span{ font-size:18px} .canshu_list .list_li{ font-size:13px; padding: 0 9px;text-align: center; border: 1px solid #b8b7bd; color: #000; line-height: 40px; margin-left: 10px } .canshu ul li{ margin-bottom: 10px} .canshu_list .shu{ font-size:14px;font-size:13px; padding: 0 9px; border: 1px solid #b8b7bd; color: #000;text-align: center;line-height: 30px; margin-top:5px; margin-left: 10px} .canshu_list .btn{ width: 18px; margin-left: 2px; padding: 0} .canshu_list .btn .jia{ margin-top:5px} .canshu_list .btn .jian{ margin-top:2px} .canshu_list .btn .jia,.canshu_list .btn .jian{ position: relative; height: 15px;border: 1px solid #b8b7bd;} .canshu_list .btn i{ position: absolute; display: block; width: 5px; height: 5px;border-top:1px solid #b8b7bd; border-left: 1px solid #b8b7bd; } .canshu_list .btn .jia i{transform: rotate(45deg); top: 5px;left: 5px;} .canshu_list .btn .jian i{transform: rotate(-135deg); top: 2px;left: 5px;} .youhui_li{ border:1px solid #b8b7bd; margin-left: 10px; padding: 10px 20px } .tuijian{ margin-top: 10px; margin-left: 10px; color: #bf2c32; height: 35px; padding: 0 10px; line-height: 35px; border: 1px solid #bf2c32;cursor: pointer;} .goumai>div{ width: 260px; height: 40px; text-align: center; border-radius: 20px; line-height: 40px; font-size: 16px; margin-top: 10px; float: none; cursor: pointer;} .goumai .gm_btn{ border:1px solid #0d9a3c; color: #0d9a3c; background: #e1feeb} .goumai .cart_btn{color: #fff; background: #0d9a3c} .pro_container img{ width:100%} .youhui_li.on,.canshu_list .fuwu.on,.canshu_list .list_li.on{ border: 2px solid #ff0036; cursor: pointer;} .youhui_li.in,.canshu_list .fuwu.in,.canshu_list .list_li.in{ border: 2px solid #ff0036; cursor: pointer; background:url(../images/on.png) no-repeat right bottom;} #shu{ border:none; width: 46px} .fudong{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.3); display: none} .fudong .fudong_con{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 8px; padding: 15px;} .yonghu{ background: #a4a9aa; width: 60px; height: 60px; border-radius: 5px} .yonghu img{ width: 40px; margin-top: 10px; margin-left: 10px} .yh_input input{ border:1px solid #68696b; padding: 0 10px; height: 40px; margin: 10px;} .yh_btn input{border:1px solid #68696b; color: #882b23; font-size: 16px; text-align: center; line-height: 40px; height: 40px; background: #fff; width: 66px; border-radius: 5px; margin-top: 10px} .youhui{ text-align: center; padding-top: 15px ; position: relative} .youhui img{ width:320px} .youhui_con{ position:absolute; padding: 15px; top: 0; left: 0; width: 100%} .youhui_con .jine{ color: #ff0f0f; font-size: 20px; font-weight: 600; width: 70px; text-align: center; margin-top: 20px} .jine p{ font-size:14px;} .chakan{ width: 160px; text-align: left; font-size: 12px; margin-top: 15px; color: #ffffe4; padding-left: 15px} .peo_container{ padding: 50px 0} .chakan p{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .chakan_btn a{ width:50px; height: 25px; display: block;line-height: 25px; text-align: center; font-size: 14px; color:#ffffe4; border: 1px solid #ffffe4; border-radius: 13px; margin-top: 30px;} .pro_xq{ margin-top: 40px; } .pro_xq h3{ font-size:16px; color: #333; padding: 10px 0} .pro_xq p{ font-size:14px; margin-bottom: 6px; color: #444} .pro_xq img{ max-width: 100%;} .xianguan_title{ font-size: 16px; color: #333; font-weight: 600; line-height: 60px; border-bottom: 1px solid #ccc; margin-bottom: 20px} .xiangguan{ margin-top: 50px} .xiangguan .xiangguan_li img{ width:100%;} .xiangguan .xiangguan_li p{ font-size: 14px; color: #333; padding: 10px; text-align: center} .xiangguan .xiangguan_li:hover p{ color: #0d9a3c} #xiangguan .btn_l,#xiangguan .btn_r{ width: 30px; height: 30px; background-color: rgba(0,0,0,0.6); background-size: auto 18px; border-radius: 50%} /*产品详情区域结束*/ @media (max-width:320px){ .header_center_con .header_logo img{ height:34px;} } /*产品中心区域开始*/ .pro_banner{ position:relative;} .pro_banner img{ width: 100%;} .pro_text h3{ font-size: 40px; color: #fff; position: absolute; top: 50%; padding: 0 15px; width: 90%; transform: translate(-50%,-50%); left: 50%} .pro_nav_con{ margin-top:-60px} .pro_nav{ background: rgba(0,0,0,0.6); padding: 15px; border-radius: 5px} .pro_nav img{ width: 60px} .nav2{ display: none} .pro_text{ font-size: 16px; color: #fff; line-height: 60px; margin-left: 15px; font-weight: 600;} .pro_nav:hover,#pro .swiper-slide.on .pro_nav{ background:#0e9a39} .pro_zhanshi{ margin-top: 40px} .pro_con_l img{ width: 100%} .pro_con_r h3{ font-size: 26px; color: #333; line-height:50px; margin-bottom: 15px} .pro_con_r p{ font-size: 14px; color: #242728; margin-bottom: 20px} .pro_con_r ul li{ margin-bottom: 10px; line-height: 1.8em;} .pro_con_r ul li img{ width: 15px; margin-right: 5px;} .pro_con_r ul li {font-size: 14px; color: #242728;} .pro_li ul li{ width: calc(20% - 10px); margin-right: 10px; float: left} .pro_li ul li:nth-child(6n){ margin-right: 0} .pro_li ul li a{ display: block; width: 100%; color: #666; border-radius: 5px; border: 1px solid #d8d8d8; line-height: 40px; height: 40px; text-align: center;} .pro_li ul{ padding: 0 15px; margin-top: 30px} .pro_li ul li.on a,.pro_li ul li:hover a{ background: #0e9a39; color: #fff;} .pro_ul ul li{ margin-bottom: 15px;} .pro_ul a{ display: block; background: #fff; padding:30px 15px;border: 1px solid #fff;} .pro_ul a:hover{border: 1px solid #0e9a39; } .pro_ul a:hover h3{ color: #0e9a39;} .pro_ul a:hover .pro_btn{ background: #0e9a39; color: #fff;} .pro_ul .pro_ul_l{ width: 140px;} .pro_ul .pro_ul_l img{ width: 100%;} .pro_ul_r{ width: calc(100% - 140px); padding-left: 16px;} .pro_ul_r h3{ font-size: 16px; color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .pro_ul_r p{ font-size: 14px; color: #666;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin: 15px 0;} .pro_ul_r .pro_btn{ width: 120px; line-height: 32px; text-align: center; height: 32px; font-size: 12px; color: #0e9a39; border: 1px solid #0e9a39;} .pro_btn_m{ text-align: center; margin: 30px auto;} .pro_btn_m img{ width: 30px; transform: rotate(90deg);transition: 0.5S;} .pro_btn_m.on img{ width: 30px; transform: rotate(270deg); transition: 0.5S;} .car_pro table{ width: 100%;} .car_pro table thead{ background: #f3f3f3;} .car_pro table td{border: 1px solid #ddd; text-align: center; font-size: 14px; padding: 10px;} .car_pro img{ width: 100%; max-width: 120px;} .car_pro .shu{ background-color: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset; width: 100px; height: 40px; line-height: 40px; font-size: 14px; padding: 0 8px; position: relative; border-radius: 3px; margin: 0 auto;} .shu_btn{ position: absolute; top: 3px; right: 6px; opacity: 0;} .car_pro .shu:hover .shu_btn{ opacity: 1;} .shu input{ height: 32px; border: none; background: none; width: 100%;} .shu_btn img{ width: 15px; display: block;} .shu_btn div{ height: 20px;} .pro_input input{background-color: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset; width: 100%; padding: 0 10px; color: #333; height: 40px; margin-top: 10px;} .pro_input textarea{background-color: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset; width: 100%; padding: 10px; color: #333; min-height: 100px; margin-top: 10px;} .tj_btn{ text-align: center;} .tj_btn input{border: 0px solid #2e6da4; border-radius: 20px; background: rgb(255, 154, 0); color: #fff; font-size: 14px; width: 178px; height: 41px;} .tj_btn input:hover{ background: #0e9a39;} .car_con .car_pro{ margin: 50px 0;} .gouwu_list{ width: 232px; height: 280px; position: fixed; bottom: 0; right: 0; box-shadow: 0 3px 5px rgba(0,0,0,0.4); z-index: 9999; background: #fff; display: none;} .gouwu_title{ height: 36px; text-align: center; font-size: 14px; color: #fff; line-height: 36px; font-weight: 600; position: relative; background: #7a8599; } .gouwu_title h3{line-height: 36px;} .gouwu_title span{ color: rgb(255, 154, 0);} .gouwu_title .cang{ position: absolute; top: 0px; left: 10px;} .gouwu_title .cang img{ width: 15px;} .gouwu_list ul{ height: 200px; overflow-y: scroll;} .gouwu_list ul li{ border-bottom: 1px solid #d7d7d7; padding: 10px;} .gouwu_list ul li .gouwu_img{ width: 40px; height: 40px; overflow: hidden;} .gouwu_list ul li .gouwu_img img{ width: 100%;} .gouwu_list ul li .gouwu_text{ width: calc(100% - 40px); padding-left: 10px;} .gouwu_list ul li .gouwu_text h3{ font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #246bb3; text-decoration: none;} .gouwu_list ul li .gouwu_text .del{ color: #444; display: none; cursor: pointer;} .gouwu_list ul li:hover .gouwu_text .del{ display: block;} .gw_btn{ padding: 0 10px; margin-top: 5px;} .gw_btn .qing{line-height: 16px; padding: 4px 10px; font-size: 12px; color: #e64545; border: 0; background-color: #f1f1f1; border-radius: 3px; cursor: pointer;} .gw_btn .cx_btn a{line-height: 16px; padding: 4px 10px; font-size: 12px; color: #fff; border: 0; background-color: #e64545; border-radius: 3px;cursor: pointer;} .gouwu_icon{ position: fixed; bottom: 100px; right: 15px; width: 60px; height: 60px; border-radius: 50%; background: #7a8599; text-align: center; z-index: 999; cursor: pointer;} .gouwu_icon img{ width: 30px; margin-top: 15px;} .gw_num{ position: absolute; top: 0; right:0; width: 18px; height: 18px; color: #fff; background: #f00; text-align: center; line-height: 18px; font-size: 12px; border-radius: 50%;} @media (max-width:768px){ .pro_nav img{ width: 30px} .pro_text{ line-height: 30px; font-size: 14px;} .pro_nav_con{ margin-top: -30px;} .pro_li{ padding:0} .pro_li ul li{ width: calc(50% - 10px); margin-bottom: 10px;} .pro_li ul li a{ font-size:14px;} .s_title h3 { font-size: 24px; text-align: center; margin: 30px auto; } .pro_text h3 { font-size: 24px;} } /*产品中心区域结束*/ /*公司简介区域开始*/ .banenr_about img{ width:100%} .guanyu_con{ margin: 30px auto} .guanyu_con ul li a{ display: block; border-right: 1px solid #f0f0f0; padding: 15px} .guanyu_con .about_icon{ width:60px; background: url(../images/about_icon.png) no-repeat ; background-size: 120px; height: 60px} .guanyu_con ul li:nth-child(1) .about_icon{ background-position: 0 0} .guanyu_con ul li:nth-child(2) .about_icon{ background-position:0 -60px } .guanyu_con ul li:nth-child(3) .about_icon{ background-position: 0 -120px; } .guanyu_con ul li:last-child a{ border: none} .guanyu_con ul li:hover .about_text1,.guanyu_con ul li.on .about_text1{ color: #0d9a3c;} .guanyu_con ul li:nth-child(1).on .about_icon,.guanyu_con ul li:nth-child(1):hover .about_icon{ background-position: -60px 0} .guanyu_con ul li:nth-child(2).on .about_icon,.guanyu_con ul li:nth-child(2):hover .about_icon{ background-position:-60px -60px } .guanyu_con ul li:nth-child(3).on .about_icon,.guanyu_con ul li:nth-child(3):hover .about_icon{ background-position: -60px -120px; } .guanyu_con ul li.on a{ background: #f0f0f0; border: none;} .about_text1{ font-size: 22px; line-height: 60px; color: #333; font-weight: 400; width: calc(100% - 80px)} .s_title1 h3{ font-size: 32px; color: #242728;} .s_title1 span{ width: 100px; height: 4px; background: #0d9a3c; margin-top:15px; display: block;} .jieshao_text{ margin-top: 40px;} .jieshao_text p{ font-size: 14px; color: #333; line-height: 1.8em; margin-top: 10px;} .jieshao_l img{ width: 100%;} .jieshao_l{ position: relative; background: url(../images/Video-bg.jpg) no-repeat center; background-size: 100% 100%; padding-top: 15px;padding-bottom: 15px;} .jieshao_l .jieshao_btn{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .about_contaier{ margin-bottom: 40px;} .shili{ background: url(../images/abouy.jpg) no-repeat center; background-size: 100% 100%; height: 760px; } .shili .shili_l{padding: 80px 0;} .shili .shili_l .s_title1 h3{ color: #fff; } .shili_l ul li{ margin-top: 60px; color: #fff; } .shili_l ul li h3{ font-size: 42px;} .shili_l ul li p{ font-size: 16px;} .shili_r ul li{ float: left; width:33.33%; padding: 50px 15px; border-left: 1px solid rgba(255,255,255,0.3); color: #fff; height: 760px; position: relative;} .shili_list{ position: absolute; width: 100%; left: 0; top: 50%; padding:50px 10px; transform: translate(0,-50%);} .shili_icon img{ height: 90px; } .shili_list h3{ font-size: 20px; font-weight: 600; margin: 50px 0;} .shili_list p{ font-size: 14px;line-height: 1.8em;} .shili_list .shili_text{ height: 0px; overflow: hidden;} .shili_r ul li:hover { background: rgba(0,0,0,0.3);} .shili_r ul li:hover .shili_text{ height: auto; transition: 0.3S;} @media (max-width:1200px){ .shili{ height: 610px; } .shili_r ul li{height: 610px;} } @media (max-width:992px){ .shili{ height: auto; } .shili_l ul li{ float: left ; width: 33.33%; text-align: center;} .shili_r ul li{height: auto; width: 100%; padding: 20px 10px; border-left: none; border-bottom: 1px solid rgba(255,255,255,0.3);background: rgba(0,0,0,0.3);} .shili_list{ position: static;transform: translate(0,0); padding: 10px;} .shili_list .shili_text{ height: auto; } .shili_icon{ float: left;} .biaoti{ overflow: hidden;} .biaoti h3{ float: left ; line-height: 90px; padding-left: 15px; padding: 0 15px; margin: 0;} .shili .shili_l { padding: 20px 15px; } .guanyu_con .about_icon{ width:40px; background: url(../images/about_icon.png) no-repeat ; background-size: 80px; height: 40px} .guanyu_con ul li a{ border-right: 0; border-bottom: 1px solid #d8d8d8;} .guanyu_con ul li:nth-child(1) .about_icon{ background-position: 0 0} .guanyu_con ul li:nth-child(2) .about_icon{ background-position:0 -40px } .guanyu_con ul li:nth-child(3) .about_icon{ background-position: 0 -80px; } .guanyu_con ul li:last-child a{ border-bottom: 1px solid #d8d8d8;} .guanyu_con ul li:hover .about_text1,.guanyu_con ul li.on .about_text1{ color: #0d9a3c;} .guanyu_con ul li:nth-child(1).on .about_icon,.guanyu_con ul li:nth-child(1):hover .about_icon{ background-position: -40px 0} .guanyu_con ul li:nth-child(2).on .about_icon,.guanyu_con ul li:nth-child(2):hover .about_icon{ background-position:-40px -40px } .guanyu_con ul li:nth-child(3).on .about_icon,.guanyu_con ul li:nth-child(3):hover .about_icon{ background-position: -40px -80px; } .about_text1{ line-height: 40px; font-size: 18px;} } @media (max-width:768px){ .shili_l ul li h3 { font-size: 18px; } .shili_l ul li p { font-size: 14px; } } /*公司简介区域结束*/ /* 发展历程区域开始 */ .licheng{ padding: 60px 0; background: #f6f6f6;} .s_title span{ width: 100px; height: 4px; margin: 15px auto; background: #0e9a39; display: block;} .licheng .nian .dian{ width: 25px; height: 25px; background: #fff; border: 1px solid #596875; border-radius: 50%; margin: 0 0 10px 6px;} .licheng_li{ max-width: 992px; margin: 50px auto 0; text-align: center; font-size: 16px; color: #242827; line-height: 1.8em;; } .licheng_li p,.licheng_li h3{ margin-bottom: 5px;} .swiper-slide-thumb-active .nian .dian{ border: 1px solid #0d9a3c; position: relative;} .swiper-slide-thumb-active .nian .dian:after{ display: block; content: ""; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #0d9a3c;} .swiper-slide-thumb-active .nian p{ color: #0e9a39;} .licheng_con{ position: relative;} .licheng_con .line{ width: 100%; height: 1px ; background: #ccc; position: absolute; top: 13px; left: 0; z-index: 0;} .swiper-button-prev, .swiper-rtl .swiper-button-next,.swiper-button-next, .swiper-rtl .swiper-button-prev{ width: 30px; height: 30px; border-radius: 50%; background: #0d9a3c;} .swiper-button-next:after, .swiper-button-prev:after{ font-size: 20px;} .shimimg_l_con img{ width: 100%;} .shiming_r h3{ font-size: 24px; color: #242728; } .shiming_r span{ font-size: 16px; color: #242728; margin: 15px 0; display: block;} .shiming_li_l{ width: 70px; height: 70px;float: left;} .shiming_li_r{ width: calc(100% - 70px); float: right; padding-left: 15px;} .shiming_r ul li{ margin-bottom: 10px; display: flex; -ms-flex-align: center; align-items: center; justify-content: center;} .shiming{ margin: 60px 0;} .gaoguan_con img{ width: 100%;} .gaoguan_top h3{ color: #0d9a3c; margin: 10px 0; font-size: 18px;} .gaoguan_top p{ font-size: 16px; color: #242728;} .gaoguan{ margin: 80px auto;} .gaoguan ul li{ margin-bottom: 15px;} .zizhi{ margin: 50px auto; padding: 30px 0; background: #f5f5f5;} .zizhi_l ul li{ width: 50%; padding: 0 5px;} .zizhi_l ul li img{ width: 100%;} .zizhi_r{ margin-top: 40px;} .zizhi_r ul{ margin-top: 40px;} .zizhi_r ul li{ background: url(../images/11.png) no-repeat center left; background-size: 20px; padding-left: 30px; line-height: 60px; font-size: 32px; font-weight: 600; margin: 10px 0; border-bottom: 1px solid #d8d8d8;} .zhuanli ul{ margin-bottom: 60px;} .zhuanli ul li{ width: 20%; padding: 0 5px; margin-bottom: 10px;} .zhuanli ul li img{ width: 100%;} .renzheng_top{ margin: 20px auto; max-width: 450px; padding: 15px 0; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; } .renzheng_top img{ width: 100%;} .shengchan_li{ display: flex; -ms-flex-align: center; align-items: center; justify-content: center;} .shengchan_li_l{ padding: 0;} .shengchan_li_l img{ width: 100%;} .shengchan_li_r { padding: 0 80px;} .shengchan_li_r .s_title1 h3{ font-size: 24px;} .shengchan_li_r .shengchan_text{ font-size: 16px; line-height:1.8em; margin-top: 40px;} .hezuo_logo{ background: #f9f9f9; padding: 80px 0;} .hezuo_logo ul li{ width: 20%; padding: 5px; } .hezuo_logo ul li img{ width: 100%; box-shadow: 0px 3px 5px rgba(0,0,0,0.1);} @media (max-width:992px){ .shengchan_li{ display: block;} .shengchan_li_r{ padding: 60px 30px;} } @media (max-width:768px){ .zizhi_r ul li{ font-size: 24px;} .s_title1 h3{ font-size: 24px; font-weight: 600;} .zhuanli ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;} } /* 发展历程区域结束 */ /* 服务区域开始 */ .fuwu_nav ul{ background: #0e9a39; margin-top: -90px; position: relative; z-index: 99; border-radius: 5px;} .fuwu_nav ul li{ width:16.6%; text-align: center; padding: 30px 0; position: relative} .fuwu_nav ul li .fuwu_icon .yuan1{ width: 135px; height: 135px; border-radius: 50%; background: rgba(255,255,255,0); margin: 0 auto; overflow: hidden} .fuwu_nav ul li .fuwu_icon .yuan2{ width: 120px; height: 120px; border-radius: 50%; background: rgba(255,255,255,0);margin: 7.5px auto; overflow: hidden} .fuwu_nav ul li .fuwu_icon .yuan3{ width: 102px; height: 102px; border-radius: 50%; background: rgba(255,255,255,0.18);margin: 9px auto; overflow: hidden} .fuwu_nav ul li .icon_nei{ width: 50px; height: 50px; background: url(../images/fuwu_icon.png) no-repeat; background-size: 100px; margin: 26px auto} .fuwu_nav ul li p{ text-align: center; color: #fff; font-size: 17px; margin-top: 30px} .fuwu_nav ul li:nth-child(1) .icon_nei{ background-position: -50px 0} .fuwu_nav ul li:nth-child(2) .icon_nei{ background-position: -50px -50px} .fuwu_nav ul li:nth-child(3) .icon_nei{ background-position: -50px -100px} .fuwu_nav ul li:nth-child(4) .icon_nei{ background-position: -50px -150px} .fuwu_nav ul li:nth-child(5) .icon_nei{ background-position: -50px -200px} .fuwu_nav ul li:nth-child(6) .icon_nei{ background-position: -50px -250px} .fuwu_nav ul li.on .fuwu_icon .yuan1,.fuwu_nav ul li:hover .fuwu_icon .yuan1{ background: rgba(255,255,255,0.14); } .fuwu_nav ul li.on .fuwu_icon .yuan2,.fuwu_nav ul li:hover .fuwu_icon .yuan2{ background: rgba(255,255,255,0.18);} .fuwu_nav ul li.on .fuwu_icon .yuan3,.fuwu_nav ul li:hover .fuwu_icon .yuan3{ background: rgba(255,255,255,1);} .fuwu_nav ul li:nth-child(1).on .icon_nei,.fuwu_nav ul li:nth-child(1):hover .icon_nei{ background-position: 0 0} .fuwu_nav ul li:nth-child(2).on .icon_nei,.fuwu_nav ul li:nth-child(2):hover .icon_nei{ background-position: 0 -50px} .fuwu_nav ul li:nth-child(3).on .icon_nei,.fuwu_nav ul li:nth-child(3):hover .icon_nei{ background-position: 0 -100px} .fuwu_nav ul li:nth-child(4).on .icon_nei,.fuwu_nav ul li:nth-child(4):hover .icon_nei{ background-position: 0 -150px} .fuwu_nav ul li:nth-child(5).on .icon_nei,.fuwu_nav ul li:nth-child(5):hover .icon_nei{ background-position: 0 -200px} .fuwu_nav ul li:nth-child(6).on .icon_nei,.fuwu_nav ul li:nth-child(6):hover .icon_nei{ background-position: 0 -250px} .fuwu_nav ul li:after{ display: block; content: "";opacity: 0.62; background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.00) 1%, #FFFFFF 47%, rgba(255, 255, 255, 0.00) 96%); width: 1px; height: 160px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .fuwu_nav ul li:nth-child(6):after{ display: none} .src_video{ width:100%; position: relative; overflow: hidden} .src_video video{ position: absolute; height: 100%; top:0; left: 0; left: 50%; transform: translate(-50%, 0); } .vide_btn { position: relative; z-index: 99;background: rgba(0,0,0,0.2);} .vide_btn img{ width: 100%} .video_list_con ul{ padding: 0px 0 50px} .video_list_con ul li{ margin-bottom: 15px; text-align: center} .mianbao{ border-bottom: 1px solid #ccc; font-size: 14px; line-height: 60px; margin-top: 10px} .mianbao a{ color: #333; font-weight: 600; padding: 0 5px} .mianbao span{ color: #333} .mianbao a:hover{ color: #0e9a39; font-weight: 100;} .daili_con{ margin-bottom: 70px;} .daili_con p{ line-height: 1.8em; font-size: 16px; color: #242728;} .baoxiu_con ul { display: flex; flex-wrap: wrap;} .baoxiu_con ul li{ position: relative; margin-bottom: 15px; } .baoxiu_con ul li:after{position: absolute; content: ''; right: 0px; top: 30px; height: 1px; width: calc(100% - 120px); border-bottom: 2px dashed #ccc; transform: translateX(50%);} .baoxiu_con ul li:last-child::after{ display: none;} .bx_text h3{ text-align: center; font-size: 18px; font-weight: 100; color: #242424; margin: 15px 0;} .bx_text p{ font-size: 14px; color: #242827;} .bx_yuan1{ width: 70px; height: 70px; margin: 0 auto; background: rgba(14,154,57,0.4); border-radius: 50%; overflow: hidden;} .bx_yuan2{width: 50px; height: 50px; margin: 10px auto; background: rgba(14,154,57,0.4); border-radius: 50%;overflow: hidden;} .bx_yuan3{width: 30px; height: 30px; margin: 10px auto; background: rgba(14,154,57,1); border-radius: 50%;overflow: hidden; text-align: center; line-height: 30px; font-size: 20px; color: #fff;} .zhaobiao_con ul li{ margin-bottom: 30px; position: relative; top: 0;} .zhaobiao_con ul li a{ padding: 10px; border-radius: 5px; box-shadow: 0 5px 8px rgba(0,0,0,0.2); display: block;} .zhaobiao_con ul li img{ width: 100%;} .zhaobiao_con ul li h3{ font-size: 18px; text-align: left; font-weight: 600; color: #242827; margin: 10px 0;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .zhaobiao_con ul li:hover h3{ color: #0e9a39;} .zhaobiao_con ul li p{ font-size: 16px; color: #242827; text-align: left; line-height: 1.8em;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .zhaobiao_con ul li:hover{ top: -3px; transition: 0.3S;} .zb_text{ border-top: 1px solid #d8d8d8; padding: 10px} .zhichi_l{ width: 57.6%; clip-path: polygon(0 100%, 0% 0, 100% 0, 88% 100%); position: relative; height: 600px;} .zhichi_l::after{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); content: '';} .zhichi_text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99; color: #fff;} .zhichi_text h3{ font-size: 24px; margin-bottom: 20px;} .zhichi_text p{ font-size: 16px; line-height: 1.8em;;} .zhichi_text .zhichi_l_btn{ width: 130px; height: 50px; font-size: 14px; text-align: center; color: #fff; line-height: 50px; background: #0e9a39; margin-top: 15px; display: block;} .zhichi_con{ position:relative;} .zhichi_con .zhichi_r{position: absolute; width: 55%; right: 0; height: 400px; top: 50%; transform: translateY(-50%); clip-path: polygon(12% 0, 0% 100%, 100% 100%, 100% 0);background: linear-gradient(-220deg,#0e9a39 0%,#b4ce5b 100%);} .zhichi_r_text h3{ position: relative; width: 60%; margin-left: 30%; margin-top: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 36px; color: #FFFFFF; letter-spacing: -0.3px;} .zhichi_r ul{width: 60%; left: 30%; position: absolute; height: 250px; bottom: 50px; color: #fff;} .zhichi_r ul li p{ font-size: 15px; margin: 15px 0; line-height: 1.7em; display: none;} .zhichi_r ul li .ul_title{ position: relative; padding-left: 25px; font-size: 20px; color: #FFFFFF; letter-spacing: -0.3px; line-height: 32px; ;} .zhichi_r_text li{ margin-bottom: 20px;} .ul_title .shi{position: absolute; top: 6px; bottom: 0; left: 0; z-index: 2; width: 14px; height: 14px; background: transparent; border-radius: 0 0 0 0; transition: .33s all ease; cursor: pointer;} .ul_title .shi .heng{ width: 14px; height: 2px; right: 50%; background: #ffffff; content: ''; position: absolute; top: 50%; z-index: 4; transform: translate3d(50%, -50%, 0);} .ul_title .shi .shu{ width: 2px; height: 14px; right: 50%; content: ''; position: absolute; top: 50%; z-index: 4; transform: translate3d(50%, -50%, 0); background: #fff; display: block;} .ul_title .shi.active .shu{ display: none;} .zhichi { margin: 50px 0;} .xiazai{margin: 50px auto} .xiazai_l_con{ background: #fff; border-radius: 5px; box-shadow: 0 5px 8px rgba(0,0,0,0.2) ; text-align: left; color: #222; } .xiazai_l_con .xiazai_l_top{ height: 90px; padding: 0 15px; line-height: 90px; font-size: 16px; position: relative} .xiazai_l_con ul { margin: 0; padding-bottom: 15px} .xiazai_l_con ul li{ border-top:1px solid #d8d8d8; line-height: 42px; height: 42px; text-align: left; padding: 0 15px; margin-bottom: 0} .xiazai_l_con ul li a{ color: #222; font-size: 14px} .xiazai_r ul li{ width: 50%; padding: 0 15px; margin-bottom: 15px} .xiazai_r ul li a{ display: block; background-color: #f6f6f6; font-size: 16px; padding: 20px} .xiazai_r ul li img{ width: 30px; } .xiazai_r ul li .xiazai_r_r{ width: calc(100% - 40px); line-height: 36px; text-align: left; background: url(../images/xiazai_icon.png) no-repeat right center; background-size: 36px auto} .xiazai_r ul li .xiazai_r_r h3{line-height: 36px; color: #222} .news_l_img{ width: 230px; height: 143px;} .news_l_img img{ width: 100%; height: 143px;} .news_l_text{ width: calc(100% - 250px); text-align: left;} .news_list ul li{ border-bottom: 1px solid #0e9a39; padding: 10px 0; margin-bottom: 15px;} .news_l_text h3{ font-size: 18px; color: #0e9a39; margin-bottom: 10px; font-weight: 600;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .news_l_text p{ font-size: 16px; color: #222;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .news_list ul li .time{ font-size: 18px; font-weight: 600; margin-top: 15px; color: #333; position: relative ; padding-right: 60px; height: 30px; line-height: 30px;} .news_list ul li .time .titme_icon{ border: 1px solid #c5c5c5; border-radius: 5px; width: 30px; height: 30px; top: 0; right: 80px; position: absolute;} .news_list ul li .time .titme_icon:after{ display: block; content: ""; width: 8px; height: 8px; border-top: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; position: absolute; top: 10px; right: 12px; transform: rotate(45deg);} .news_list ul li:hover .time .titme_icon{ border-color: #0e9a39; right: 10px; transition: 0.3S;} .news_list ul li:hover .time .titme_icon:after{ border-color: #0e9a39;} .pagination{ text-align: center; margin:60px auto; display:block } .pagination a{ display: inline-block; font-size: 14px; font-family: 'Arial'; color: #666666; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #f2f2f2; vertical-align: top; transition: all .4s ease; } .pagination a.active,.pagination a:hover{ background-color: #009B4C; color: #fff; border: 1px solid #009B4C; } .pagination a.prev, .pagination a.next{ width: 104px; height: 40px; line-height: 38px; color: rgba(102,102,102,.5); font-size: 12px; font-family: '寰蒋闆呴粦'; } .pagination a.prev{ padding-left: 10px; background: url('../image/pagin-prev.png') no-repeat left 20px center/7px auto; } .pagination a.next{ padding-right: 10px; background: url('../image/pagin-next.png') no-repeat right 20px center/7px auto; } .banenr_about{ position: relative;} .banenr_about .banner_text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80%} .banenr_about .banner_text h3{ font-size: 36px; color: #fff; text-align: center;} .banenr_about .banner_text h3 span{ color: #0e9a39; margin-top: 10px; display: block;} .lianxi_list{ margin-top: 40px;} .lianxi_list ul li .lianxi_list_con{ padding: 10px 0; border-bottom: 1px solid #d8d8d8; text-align: left;} .lianxi_list ul li h3{ font-size: 16px;color: #0e9a39; margin-bottom: 15px; font-weight: 600;} .lianxi_list ul li p{ font-size: 14px; color: #333; margin-bottom: 5px;} .lianxi_zixun{ background: url(../images/bg.jpg) no-repeat center; padding: 80px 50px;} .lianxi_zixun h3{ font-size: 28px; color: #fff; text-align: left; font-weight: 600;margin-bottom: 40px;} .lianxi_zixun ul{ padding: 0;} .lianxi_zixun ul li{ text-align: left; color: #fff; font-size: 18px;font-weight: 600;;} .lianxi_zixun ul li img{ width: 20px; margin-right: 15px;} .zixun_lx_btn a{ display: block; width: 218px; height: 50px; font-size: 22px; font-weight: 600; text-align: center; line-height: 50px; font-weight: 600; color: #fff; background: #0d9a3c; margin-top: 30px} .zixun_lx_btn a:hover{ background: #0eb842} .baoming{ background: url(../images/bg2.jpg) no-repeat center; padding: 50px 0;margin: 50px auto} .baoming_con h3{ font-size:36px; color: #0d9a3c; margin-bottom: 40px} .lx_input input{ width: 100%; background-color: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset; width: 100%; padding: 0 10px; color: #333; height: 40px; margin-top: 10px;} .lx_text textarea{background-color: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset; width: 100%; padding: 10px; color: #333; min-height: 100px; margin-top: 10px;} .lx_btn input{ border: 0 solid #242827; border-radius: 0; background: #0e9a39; color: #fff; font-size: 18px; width: 300px; height: 58px;} .lx_btn input:hover{ background: #0eb842} .xq_con{ margin: 50px 0} .xq_title h3{ font-size:28px; font-weight: 600; margin-bottom: 10px; text-align: center} .xq_title p{ font-size: 14px; color: #666; text-align: center} .fx{ text-align: center} .fx .fx_icon{ float:none; display: inline-block} .chaxun_btn a{ display: block; margin: 10px auto; color: #fff; text-align: center; height: 38px; line-height: 38px; font-size: 12px; width: 180px; background: #0eb842; border-radius: 3px} .news_con p{ font-size:14px; color: #666; line-height: 1.8em;} .news_con img{ width: 100%; margin: 15px 0;} .news_more .shang a{ display: block; padding: 0 15px; height: 38px; line-height: 38px; font-size: 14px; color: #242728; margin: 10px 0; border: 1px solid #d8d8d8;border-radius: 5px;} .news_more .shang a:hover{ background: #f8f8f8} .weblink{ margin-top:50px ; color:#fff; font-size:14px; padding:0} .weblink a{ margin: 0 10px; color:rgba(255,255,255,0.6);} .weblink a:hover{ color:#0e9a39} .ewm{margin-top:50px ; color:#fff; font-size:14px; padding:0} .ewm_list{ width:calc(100% - 70px); float:left} .ewm_list ul li { width:25%; text-align:center; padding: 5px 12px;} .ewm_list ul li img{ width:100%} .ewm_list ul li p{ font-size:14px; text-align:center; } .footer_nav { padding:0} .tiaozhuan { margin-top:40px} .tiaozhuan ul li{ width:25%; padding:0 10px;} .tiaozhuan ul li a{ display:block; height:30px; line-height:30px; text-align:center; font-size:16px; color:#c40000; border-radius:5px; border:1px solid #c40000; background:#ffeded;} .tiaozhuan ul li a:hover{ background:#c40000; color:#fff} @media (max-width:1200px){ .zhichi_l{ width: 100%;clip-path: polygon(0 100%, 0% 0, 100% 0, 100% 100%); margin: 0; height: auto} .zhichi_con .zhichi_r{ position: static; width: 100%;transform:translate(0,0); margin: 0; height: auto} .zhichi_con .zhichi_r{ clip-path: none; padding: 30px;} .zhichi_r ul{ position: static; width: 100%; height: auto} .zhichi_r .zhichi_r_text h3{ font-size: 23px; width: 100%; text-align: left; margin-left: 0 ; margin-bottom: 30px} .zhichi_text{ width: 100%;position: relative; z-index: 99; top: 0; left: 0; transform: translate(0,0); padding:30px} .zhichi_l img{ position: absolute; top: 0; left: 0; z-index: -1} .news_more .shang{ width: 100%} } @media (max-width:992px){ .tiaozhuan ul li a{ font-size:14px} .fuwu_nav ul{ background: #fff; box-shadow: 0 5px 8px rgba(0,0,0,.1); border-radius: 5px} .fuwu_nav ul li{ width:100%; overflow: hidden; padding: 0; text-align: left; padding: 5px 20px} .fuwu_nav ul li .fuwu_icon{ float: left} .fuwu_nav ul li .fuwu_icon .yuan1{ width: 50px; height: 50px; border-radius: 50%; background: rgba(255,255,255,0); margin: 0 ; overflow: hidden;} .fuwu_nav ul li .fuwu_icon .yuan2{ width: 50px; height: 50px; border-radius: 50%; background: rgba(255,255,255,0);margin: 0 ; overflow: hidden} .fuwu_nav ul li .fuwu_icon .yuan3{ width: 50px; height: 50px; border-radius: 50%; background: rgba(255,255,255,0);margin:0 ; overflow: hidden} .fuwu_nav ul li .icon_nei{ width: 50px; height: 50px; background: url(../images/fuwu_icon.png) no-repeat; background-size: 100px; margin: 0 auto} .fuwu_nav ul li p{ text-align: center; color: #fff; font-size: 17px; margin-top: 0px; padding-left: 16px; width: calc(100% - 60px)} .fuwu_nav ul li:nth-child(1) .icon_nei{ background-position: 0 0} .fuwu_nav ul li:nth-child(2) .icon_nei{ background-position: 0 -50px} .fuwu_nav ul li:nth-child(3) .icon_nei{ background-position: 0 -100px} .fuwu_nav ul li:nth-child(4) .icon_nei{ background-position: 0 -150px} .fuwu_nav ul li:nth-child(5) .icon_nei{ background-position: 0 -200px} .fuwu_nav ul li:nth-child(6) .icon_nei{ background-position: 0 -250px} .fuwu_nav ul li p{ color: #242728; font-size: 16px; line-height: 50px; text-align: left; float: left; margin-top: 0} .fuwu_nav ul li.on,.fuwu_nav ul li:hover { background:#0e9a39} .fuwu_nav ul li.on p,.fuwu_nav ul li:hover p{ color: #fff} .fuwu_nav ul li.on .fuwu_icon .yuan1,.fuwu_nav ul li:hover .fuwu_icon .yuan1{ background: rgba(255,255,255,0); } .fuwu_nav ul li.on .fuwu_icon .yuan2,.fuwu_nav ul li:hover .fuwu_icon .yuan2{ background: rgba(255,255,255,0);} .fuwu_nav ul li.on .fuwu_icon .yuan3,.fuwu_nav ul li:hover .fuwu_icon .yuan3{ background: rgba(255,255,255,0);} .fuwu_nav ul li:nth-child(1).on .icon_nei,.fuwu_nav ul li:nth-child(1):hover .icon_nei{ background-position: -50px 0} .fuwu_nav ul li:nth-child(2).on .icon_nei,.fuwu_nav ul li:nth-child(2):hover .icon_nei{ background-position: -50px -50px} .fuwu_nav ul li:nth-child(3).on .icon_nei,.fuwu_nav ul li:nth-child(3):hover .icon_nei{ background-position: -50px -100px} .fuwu_nav ul li:nth-child(4).on .icon_nei,.fuwu_nav ul li:nth-child(4):hover .icon_nei{ background-position: -50px -150px} .fuwu_nav ul li:nth-child(5).on .icon_nei,.fuwu_nav ul li:nth-child(5):hover .icon_nei{ background-position: -50px -200px} .fuwu_nav ul li:nth-child(6).on .icon_nei,.fuwu_nav ul li:nth-child(6):hover .icon_nei{ background-position: -50px -250px} .fuwu_nav ul li:after{ display: none} .baoxiu_con ul li:after{ display: none;} .xiazai_r ul{ margin-top: 15px} .xiazai_r ul li{ width: 100%} .xiazai_l_con ul{ display: none} .xiazai_l_top::after{display: block; content: ""; width: 9px; height: 9px; border-bottom: 1px solid rgba(0,0,0,0.7); border-right: 1px solid rgba(0,0,0,0.7); transform: rotate(45deg); position: absolute; top: 40%; right: 35px;} .news_l_img{ width: 150px; height: 120px;} .news_l_img img{ width: 100%; height: 120px;} .news_l_text{ width: calc(100% - 160px); text-align: left;} .news_list ul li .time{ font-size: 16px;} .news_list ul li .time .titme_icon{ border: 1px solid #c5c5c5; border-radius: 5px; width: 25px; height: 25px; top: 5px; right: 30px; position: absolute;} .news_list ul li .time .titme_icon:after{ display: block; content: ""; width: 8px; height: 8px; border-top: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; position: absolute; top: 8px; right: 10px; transform: rotate(45deg);} .banenr_about .banner_text h3{ font-size: 24px} .ewm_l{ width:100%} .ewm_r{ width:100%} } @media (max-width:992px){ .tiaozhuan ul li{ width:50%; margin-bottom:10px} } .zhineng{ posi tion:fixed; bottom:200px; right:10px; background:rgba(255,255,255,0.8); border-radius:5px; box-shadow:2px 5px 8px rgba(0,0,0,0.1); text-align:center; width: 60px ; margin-top: 15px; } .zhineng p{ font-size:14px ; font-weight:600; color:#333} .zhineng img{ width:100%} .box{ font-size:14px ; font-weight:600; color:#333} #mainDiv{ position:absolute; background:rgba(255,255,255,0.8); left:-138px; width:128px; padding:10px ; font-size:14px; color:#333; font-weight:600; border-radius:5px;box-shadow:2px 5px 8px rgba(0,0,0,0.1); } #mainDiv::after{ content:""; display:block; width:0; height:0px; border:10px solid transparent; border-left:15px solid rgba(255,255,255,0.8); position:absolute; top:10px; right:-25px;} @media (max-width:992px){ .zhineng{position:fixed; bottom:200px; right:10px;} } /* 服务区域结束 */