@charset 'utf-8'; /** Generated by FG **/ @font-face { font-family: 'Conv_Helvetica Neue CE 35 Thin'; src: url('../fonts/Helvetica Neue CE 35 Thin.eot'); src: local('☺'), url('../fonts/Helvetica Neue CE 35 Thin.woff') format('woff'), url('../fonts/Helvetica Neue CE 35 Thin.ttf') format('truetype'), url('../fonts/Helvetica Neue CE 35 Thin.svg') format('svg'); font-weight: normal; font-style: normal; } /** Generated by FG **/ @font-face { font-family: 'Conv_UKIJQOLYAZMAREGULAR'; src: url('../fonts/UKIJQOLYAZMAREGULAR.eot'); src: local('☺'), url('../fonts/UKIJQOLYAZMAREGULAR.woff') format('woff'), url('../fonts/UKIJQOLYAZMAREGULAR.ttf') format('truetype'), url('../fonts/UKIJQOLYAZMAREGULAR.svg') format('svg'); font-weight: normal; font-style: normal; } /** Generated by FG **/ @font-face { font-family: 'Conv_TIMES NEW ROMAN'; src: url('../fonts/TIMES NEW ROMAN.eot'); src: local('☺'), url('../fonts/TIMES NEW ROMAN.woff') format('woff'), url('../fonts/TIMES NEW ROMAN.ttf') format('truetype'), url('../fonts/TIMES NEW ROMAN.svg') format('svg'); font-weight: normal; font-style: normal; } /** Generated by FG **/ @font-face { font-family: 'Conv_HELVETICANEUELTPRO-LTEX'; src: url('../fonts/HELVETICANEUELTPRO-LTEX.eot'); src: local('☺'), url('../fonts/HELVETICANEUELTPRO-LTEX.woff') format('woff'), url('../fonts/HELVETICANEUELTPRO-LTEX.ttf') format('truetype'), url('../fonts/HELVETICANEUELTPRO-LTEX.svg') format('svg'); font-weight: normal; font-style: normal; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } @-ms-viewport { width: auto !important; } #cnzz_stat_icon_1273075072{ display: none; } .header{ position: fixed; top: 0px; left: 0px; z-index: 10; width: 100%; height: 92px; background-color: #fff; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .wrap{ position: relative; width: 1400px; margin: 0 auto; } .header .logo{ width:228px; margin-right: 92px; line-height: 92px; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .header .logo img{ width: 100%; } .header nav .li1{ position: relative; padding: 0 24px; line-height: 92px; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .header nav .li1 > a{ font-size: 16px; color: #333333; } .header nav .li1 > a img{ margin-left: 10px; } .header nav .li1:hover > a{ color: #4a7d6c; } .header nav .li1 .pulldown{ display: none; position: fixed; top: 92px; left: 0px; width: 100%; background-color: rgba(255,255,255,.95); } .header nav .li1 .pulldown .pd_left{ width: 38.5%; padding-right: 75px; padding-top: 35px; padding-bottom: 35px; } .header nav .li1 .pulldown .pd_left .li2{ width: 305px; height: 40px; margin: 5px 0; padding-left: 30px; } .header nav .li1 .pulldown .pd_left .li2 a{ font-size: 18px; color: #333333; line-height: 40px; } .header nav .li1 .pulldown .pd_left .li2.act{ background-color: #4a7d6c; } .header nav .li1 .pulldown .pd_left .li2.act a{ color: #fff; } .header nav .li1 .pulldown .pd_right{ width: 61.5%; padding-top: 35px; padding-left: 75px; padding-bottom: 170px; background-color: rgba(231,242,238,.97); } .pd_hover{ display: none; } .header nav .li1 .pulldown .pd_right .ul3{ width: 280px; /* border-right: 1px solid #e0e0e0; */ } .header nav .li1 .pulldown .pd_right .ul3 .li3{ padding: 10px 0; } .header nav .li1 .pulldown .pd_right .ul3 .li3 a{ font-size: 16px; color: #212624; } .header nav .li1 .pulldown .pd_right .ul3 .li3.act a{ color: #4a7d6c; } .header nav .li1 .pulldown .pd_right .ul4{ display: none; padding-left: 80px; border-left: 1px solid #e0e0e0; } .header nav .li1 .pulldown .pd_right .ul4 .li4{ padding: 10px 0; } .header nav .li1 .pulldown .pd_right .ul4 .li4 a{ font-size: 14px; color: #666666; } .header nav .li1 .pulldown .pd_right .ul4 .li4 a:hover{ color: #4a7d6c; } .pulldown1{ display: none; position: absolute; top: 100%; left: 0px; width: 100%; background-color: rgba(255,255,255,.95); } .pulldown1 ul{ padding: 0px 0; } .pulldown1 ul li{ padding: 5px 0; text-align: center; } .pulldown1 ul li a{ font-size: 16px; color: #666; line-height: 2; } .pulldown1 ul li:hover{ background-color:#4a7d6c; } .pulldown1 ul li:hover a{ color: #fff; } .header .sela{ position: absolute; top: 50%; right: 0px; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header .search{ position: relative; padding: 0 25px; border-right: 1px solid #dbdbdb; } .header .search img{ position: relative; width: 20px; z-index: 2; cursor: pointer; } .header .search input{ position: absolute; right: -1px; top: -10px; z-index: 1; width: 0px; height: 40px; background-color: #efefef; color: #b2b2b2; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .header .search:hover input{ width: 285px; padding-left: 25px; } .header .language{ position: relative; padding-left: 25px; cursor: pointer; } .header .language .earth{ width: 22px; margin-right: 10px; } .header .language .earth img{ width: 100%; } .header .language .lanmess{ font-size: 14px; color: #555555; line-height: 22px; } .header .language .lanmess img{ margin-left: 9px; } .header .language .lan_pd{ display: none; position: absolute; top: 120%; left: 20px; width: 100%; padding: 10px 0; background-color: #ffffff; } .header .language .lan_pd li{ padding: 2px 0; text-align: center; } .header .language .lan_pd li a{ font-size: 12px; color: #333333; line-height: 1.5; } .header .language .lan_pd li a:hover{ color: #4a7d6c; } .header.act{ height: 75px; } .header.act .logo{ width: 165px; line-height: 75px; } .header.act nav .li1{ line-height: 75px; } .header.act nav .li1 .pulldown{ top: 75px; } .header2{ position: fixed; top: 0; left: 0; z-index: 10; width: 100%; height: 80px; padding-left: 15px; padding-right: 15px; background-color: #ffffff; } .header2 .logo{ width: 150px; line-height: 80px; } .header2 .logo img{ width: 100%; } .header2 .lanchange{ display: none; position: absolute; top: 50%; right: 105px; width: 20px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header2 .lanchange img{ width: 100%; } .header2 .lanchange a{ font-size: 16px; color: #4a7d65; } .header2 .phsearch{ position: absolute; top: 50%; right: 70px; width: 20px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header2 .phsearch img{ width: 100%; } .header2 .menuph{ position: absolute; top: 50%; right: 15px; width: 50px; height: 50px; cursor: pointer; text-align: center; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header2 .menuph .point{ position: relative; display: inline-block; width: 28px; height: 22px; margin-top: 14px; } .header2 .menuph .point:hover .navbtn, .header2 .menuph .point:hover .navbtn::after, .header2 .menuph .point:hover .navbtn::before{ width: 28px; } .header2 .menuph .navbtn{ position: absolute; top: 10px; right: 0; display: inline-block; width: 28px; height: 1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #4a7d65; } .header2 .menuph .navbtn::after, .header2 .menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width: 28px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #4a7d65; } .header2 .menuph .navbtn::after{ top: -10px; } .header2 .menuph .navbtn::before{ top: 10px; } .header2 .menuph .point.active .navbtn{ background: transparent; } .header2 .menuph .point.active .navbtn::after{ top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header2 .menuph .point.active .navbtn::before{ top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .searchbox{ display: none; position: fixed; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; background: rgba(0, 0, 0, .85); } .searchbox .sou{ position: absolute; top: 50%; left: 50%; width: 847px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .searchbox .sou input{ float: left; width: 731px; height: 87px; padding-left: 30px; color: #333; background: #fff; font-size: 18px; } .searchbox .sou button{ float: right; width: 102px; height: 87px; margin-left: 3px; text-align: center; background: #4a7d65; line-height: 86px; } .searchbox .sou button img{ width: 44px; } .searchbox .tansouc{ position: absolute; top: 60px; right: 15px; cursor: pointer; } @media screen and (max-width: 991px) { .searchbox .sou{ width: 750px; } .searchbox .sou input{ width: 638px; } } @media screen and (max-width: 767px) { .searchbox .sou{ width: 100%; padding-right: 15px; padding-left: 15px; } .searchbox .sou input{ font-size: 12px; width: calc(100% - 70px); width: -webkit-calc(100% - 70px); height: 50px; padding-left: 15px; } .searchbox .sou button{ line-height: 50px; width: 60px; height: 50px; } .searchbox .sou button img{ width: 26px; } } /*手机下拉*/ .phxia{ position: relative; z-index: 10; margin-top: 80px; width: 100%; } .xialaph{ display: none; position: absolute; top: 0px; left: 0px; width: 100%; padding-bottom: 30px; background-color: #f1f1f1; font-family: '微软雅黑'; } @media screen and (max-width: 992px) { .xialaph .container{ width: 100%; padding: 0 40px; } } @media screen and (max-width: 768px) { .xialaph .container{ width: 100%; padding: 0 20px; } } .xialaph h4{ position: relative; } .xialaph h4::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; opacity: .1; background-color: #000; } .xialaph h4 a{ font-size: 16px; font-weight: bold; line-height: 60px; text-transform: uppercase; color: #999; } .xialaph h4 img{ position: absolute; top: 50%; right: 5px; width: 13px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .xialaph .ul2{ display: none; padding-top: 7px; padding-bottom: 8px; } .xialaph .ul2 .container{ max-width: 100%; } .xialaph h5{ position: relative; } .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; opacity: .05; background-color: #000; } .xialaph h5 a{ font-family: '微软雅黑'; font-size: 14px; line-height: 40px; text-transform: uppercase; color: #999; } .xialaph h5 img{ position: absolute; top: 50%; right: 5px; width: 13px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .xialaph h4.active img.img_s, .xialaph h5.active img.img_s, .xialaph h6.active img.img_s{ display: none; } .xialaph h4.active img.img_d, .xialaph h5.active img.img_d, .xialaph h6.active img.img_d{ display: block; } .xialaph .ul3{ display: none; padding-left: 7px; } .xialaph h6 a{ font-family: '微软雅黑'; font-size: 12px; line-height: 40px; text-transform: uppercase; color: #999; } .xialaph p{ padding: 10px 20px 0; } .xialaph p a{ font-size: 16px; color: #4a7d65; } .xialaph .ul4{ display: none; padding-left: 7px; } .xialaph h6{ position: relative; } .xialaph h6 img{ position: absolute; top: 50%; right: 5px; width: 13px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .phonemeng{ display: none; position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; opacity: .6; background-color: #000; } .phonemeng.active{ display: block; } .index{ padding-top: 92px; } .index .banner .banslick{ overflow: hidden; } .index .banslick img{ width: 100%; -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; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .banner .banslick img.scale { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .index .banner .slick-prev{ width: 30px; height: 56px; z-index: 1; background: url(../images/prev.jpg) no-repeat; background-size: 100% 100%; } .index .banner .slick-next{ width: 30px; height: 56px; z-index: 1; background: url(../images/next.jpg) no-repeat; background-size: 100% 100%; } .index .ban_icon{ width: 100%; height: 68px; background: #4a7d65; /* text-align: center; */ text-align: left; } .index .ban_icon .ban_box{ position: relative; display: inline-block; /*margin-left: 265px;*/ /*width: 25%;*/ text-align: center; font-size: 18px; font-weight: bold; color: #fff; line-height: 68px; cursor: pointer; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; overflow: hidden; } .index .ban_icon .ban_box a{ font-size: 18px; font-weight: bold; color: #fff; } /*.index .ban_icon .ban_box:nth-child(1){*/ /*margin-left: 0px;*/ /*}*/ .index .ban_icon .ban_box img{ width: 46px; margin-right: 15px; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .index .ban_icon .ban_box .j_fs{ position: relative; top:0; display: block; line-height: 68px; -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; } .index .ban_icon .ban_box .j_fx{ position: absolute; top:100%; left: 0; height: 100%; line-height: 68px; -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; } @media screen and (max-width: 767px){ .index .ban_icon .ban_box .j_fs{ line-height: normal; } } @media screen and (min-width:1200px){ .index .ban_icon .ban_box:hover img{ transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); } } .inpro{ padding: 60px 0 10px; } .inpro_con{ margin: 0 -13px; } .index .inpro_box{ width: 25%; padding: 0 13px; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; } .index .inpro_box:nth-child(2){ animation-delay: 0.4s; } .index .inpro_box:nth-child(3){ animation-delay: 0.6s; } .index .inpro_box:nth-child(4){ animation-delay: 0.8s; } .index .inpro_box:nth-child(5){ animation-delay: .2s; } .index .inpro_box:nth-child(6){ animation-delay: .4s; } .index .inpro_box:nth-child(7){ animation-delay: .6s; } .index .inpro_box:nth-child(8){ animation-delay: .8s; } .index .inpro_box .inpro_img{ position: relative; width: 100%; overflow: hidden; } .index .inpro_box .inpro_img:after{ display: none; content: ''; position: absolute; top: -100%; left: 50%; width: 50px; height: 50px; background: url(../images/meng.png) no-repeat; background-size: cover; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .index .inpro_box .inpro_img:hover:after{ top: 50%; } .index .inpro_box .inpro_img img{ width: 100%; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .index .inpro_box .inpro_img:hover img{ transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .index .inpro_box .inpro_txt{ text-align: center; padding: 25px 0 45px; } .index .inpro_box .inpro_txt p{ line-height: 1.5; font-size: 16px; color: #333333; } .index .inpro_box:hover .inpro_txt p{ color: #4a7d6c; font-weight: bold; } .fbt{ position: relative; z-index: 5; background-color: #ffffff; } .footer{ position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 1; } .fo_top{ background-color: #f3f3f3; } .fo_top .fo_news{ width: 100%; height: 70px; border-bottom: 1px solid #e0e0e0; } .fo_top .fo_news .fonew_title{ margin-right: 90px; font-size: 18px; color: #4a7d6c; line-height: 70px; } .fo_top .fo_news .fonew_title img{ width: 30px; margin-right: 15px; } .fo_top .fo_news .fonew_con{ display: inline-block; width: calc(100% - 212px); height: 70px; overflow: hidden; } .fo_top .fo_news .fonew_slick p{ font-size: 16px; color: #333333; line-height: 70px; font-family: 'Verdana','Arial','微软雅黑'; } .fo_top .fo_news .fonew_slick:hover p{ color: #4a7d6c; } .fo_top .fo_news .fonew_slick:hover span{ color: #4a7d6c; } .fo_top .fo_news .fonew_slick p span{ display: inline-block; margin-left: 85px; color: #666666; font-family: 'Verdana','Arial','微软雅黑'; } .fo_cl{ padding: 50px 0 35px; } .fo_logo{ width: 180px; } .fo_logo img{ width: 100%; } .fo_us{ padding: 35px 0 10px; } .fo_us .fo_box { margin-right: 70px; } .fo_us .fo_box a{ font-size: 16px; color: #333333; } .fo_us .fo_box:hover a{ color: #4a7d6c; } .fo_us .fo_box:hover .fo_logo .img_s{ display: none; } .fo_us .fo_box:hover .fo_logo .img_d{ display: inline-block; } .fo_us .fo_box:hover .fo_arrow .img_s{ display: none; } .fo_us .fo_box:hover .fo_arrow .img_d{ display: inline-block; } .fo_us .fo_box .fo_logo{ display: inline-block; width: 40px; margin-right: 15px; } .fo_us .fo_box .fo_logo img{ width: 100%; } .fo_us .fo_box .fo_arrow{ display: inline-block; width: 6px; margin-left: 24px; } .fo_us .fo_box .fo_arrow img{ width: 100%; } .fo_fr{ padding-right: 85px; } .fo_fr h1{ /* padding-bottom: 10px; */ padding-bottom: 5px; font-size: 18px; color: #4a7d6c; line-height: 1.5; font-family: 'Verdana','Arial','微软雅黑'; letter-spacing: 1px; font-weight: bold; } .fo_fr li { /* padding: 5px 0; */ } .fo_fr li a{ font-size: 16px; color: #333333; line-height: 1.8; font-family: 'Verdana','Arial','微软雅黑'; letter-spacing: 0px; } .fo_fr li:hover a{ color: #3d7160; } .fo_bottom{ width: 100%; height: 40px; background-color: #3d7160; } .fo_mess p{ font-size: 14px; color: #ffffff; line-height: 40px; font-family: 'Verdana','Arial','微软雅黑'; letter-spacing: 0px; } .fo_mess p a{ color: #fff; font-family: 'Verdana','Arial'; } .fo_mess p a:hover{ color: #333; } .fo_focus span{ font-size: 14px; color: #ffffff; line-height: 40px; } .fo_focus .fo_icon{ line-height: 40px; } .fo_focus .fo_icon img{ width: 25px; margin: 0 10px; } .fo_focus .fo_icon .weixin{ position: relative; } .fo_focus .fo_icon .weixin .erweima{ position: absolute; left: 50%; bottom: 135%; width: 140px; transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; visibility: hidden; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .fo_focus .fo_icon .weixin .erweima img{ width: 100%; margin: 0px; } .fo_focus .fo_icon .weixin:hover .erweima{ opacity: 1; visibility: visible; } .banner1{ position: relative; width: 100%; height: 280px; margin-top: 92px; } .banner1 img{ position: absolute; top: 0px; left: 50%; height: 100%; transform: transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .bread{ width: 100%; height: 50px; background-color: #ffffff; border-bottom: 1px solid #e5e5e5; } .bread .home{ width: 60px; line-height: 50px; text-align: center; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .bread .bread_con{ position: relative; min-width: 200px; padding: 0 25px; border-right: 1px solid #e5e5e5; text-align: center; } .bread .bread_con .bread_top a{ font-size: 16px; color: #666666; line-height: 50px; } .bread .bread_con .bread_top a span{ display: inline-block; margin-right: 20px; } .bread .bread_con .bread_top a img{ position: absolute; top: 50%; right:20px; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .bread .bread_con .bread_pd{ display: none; position: absolute; top: 50px; left: 0px; z-index: 1; width: 100%; padding: 10px 0; background-color: #ffffff; } .bread .bread_con .bread_pd li{ padding: 5px 0; text-align: center; } .bread .bread_con .bread_pd li a{ font-size: 14px; color: #666666; line-height: 1.5; } .bread .bread_con .bread_pd li a:hover{ color: #4a7d6c; } /* .pro_box .container{ animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; } .pro_img{ width: 250px; overflow: hidden; } .pro_img img{ width: 100%; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .pro_img:hover img{ transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .pro_txt{ position: relative; width: calc(100% - 250px); padding: 60px 175px 60px 45px; } .pro_txt h1{ font-size: 18px; font-weight: bold; color: #4a7d6c; line-height: 1.5; } .pro_txt h2{ padding: 20px 0; font-size: 14px; color: #4a7d6c; line-height: 1.5; } .pro_txt p{ font-size: 14px; color: #666666; line-height: 2; } .pro_txt .pro_arrow{ position: absolute; top: 50%; right: 0px; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .pro_txt:hover .pro_arrow{ transform: translate(10px,-50%); -o-transform: translate(10px,-50%); -ms-transform: translate(10px,-50%); -moz-transform: translate(10px,-50%); -webkit-transform: translate(10px,-50%); } .pro_box:nth-child(even){ background-color: #f4f4f4; } */ .fenye{ padding: 40px 0; text-align: center; } .fenye li{ display: inline-block; position: relative; margin: 0 13px; padding:0 10px 10px; text-align: center; line-height: 1.5; font-size: 18px; color: #333333; font-family: 'Verdana','微软雅黑'; } .fenye li:after{ content: ''; position: absolute; left: 50%; bottom: 0px; width: 100%; height: 1px; background-color: #4a7d6c; opacity: 0; transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .fenye li.currentpage{ color: #4a7d6c; } .fenye li.currentpage:after{ opacity: 1; } .fenye li.activepage{ color: #4a7d6c; } .fenye li.activepage:after{ opacity: 1; } .fenye li:hover{ color: #4a7d6c; } .fenye li:hover:after{ opacity: 1; } .fenyeph{ display: none; padding: 20px 15px; } .fenyeph button{ width: 80px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; color: #4a7d6c; border:1px solid #4a7d6c; } .ques_con{ padding: 50px 0 60px; } .ques_con .ques_box{ background-color: #f4f4f4; } .ques_con .ques_box .ques_img{ width: 38.75%; overflow:hidden; } .ques_con .ques_box .ques_img img{ width: 100%; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .ques_con .ques_box .ques_img:hover img{ transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .ques_con .ques_box .ques_txt{ width: 61.25%; } .ques_top{ position: relative; width: 100%; padding: 18px 35px; border-bottom: 1px solid #e8e8e8; cursor: pointer; } .ques_top img.ques{ width: 40px; margin-right: 20px; } .ques_top p{ width: calc(100% - 60px); font-size: 16px; color: #333333; line-height: 40px; } .ques_top .arr{ position: absolute; top: 50%; right: 30px; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .ques_top.act .arr{ transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .ques_top.act p{ color: #4a7d6c; } .ques_bottom{ display: none; background-color: #ffffff; padding: 25px 30px 30px 60px; } .ques_bottom span{ font-size: 18px; color: #4a7d6c; width: 30px; line-height: 1.5; } .ques_bottom p{ width: calc(100% - 30px); font-size: 14px; color: #555555; line-height: 2; font-family: 'Verdana','微软雅黑'; } .pro_nei{ margin: 0 -6px; } .pro_nei .pro_box{ width: 25%; margin-top: 40px; padding: 0 6px; } .pro_nei .pro_box .pro_img{ position: relative; width: 100%; overflow: hidden; } /* .pro_nei .pro_box .pro_img:after{ content: ''; position: absolute; top: -100%; left: 50%; width: 50px; height: 50px; background: url(../images/meng.png) no-repeat; background-size: cover; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } */ .pro_nei .pro_box .pro_img:hover:after{ top: 50%; } .pro_nei .pro_box .pro_img img{ width: 100%; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .pro_nei .pro_box .pro_img:hover img{ transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .pro_nei .pro_box .pro_txt{ width: 100%; height: 100px; padding: 30px 0 0px; text-align: center; } .pro_nei .pro_box .pro_txt p{ font-size: 18px; color: #333333; line-height: 1.5; } .pro_nei .pro_box .pro_txt span{ font-size: 18px; color: #333333; line-height: 1.5; } .pro_nei .pro_box:hover .pro_txt p, .pro_nei .pro_box:hover .pro_txt span{ color: #4a7d6c; } .re_pro .pro_nei .pro_box .pro_txt p{ font-size: 16px; } .prop_top{ padding: 45px 0px; } .prop_top .prop_fl{ width: 44%; } .prop_top .prop_fl img{ width: 100%; } .prop_top .prop_fl .slick-prev{ top: 40%; left: 22px; z-index: 1; width: 15px; height: 30px; background: url(../images/prev1.png) no-repeat; background-size: 100% 100%; } .prop_top .prop_fl .slick-prev:hover{ background: url(../images/prev2.png) no-repeat; background-size: 100% 100%; } .prop_top .prop_fl .slick-next{ top: 40%; right: 22px; width: 15px; height: 30px; background: url(../images/next1.png) no-repeat; background-size: 100% 100%; } .prop_top .prop_fl .slick-next:hover{ background: url(../images/next2.png) no-repeat; background-size: 100% 100%; } .prop_top .prop_fl .slick-dots li{ width: 32px; height: 2px; margin: 0 10px; border-radius: 0px; background-color: #b0b0b0; } .prop_top .prop_fl .slick-dots li.slick-active{ background-color: #4a7d6c; } .prop_top .prop_fr{ width: 56%; padding-left: 65px; } .prop_top .prop_fr h1{ padding: 35px 0 30px; line-height: 1.5; font-size: 26px; color: #4a7d6c; letter-spacing: 2px; font-weight: bold; } .prop_top .prop_fr li{ padding-bottom: 15px; font-size: 18px; color: #666666; font-family: 'Verdana','微软雅黑'; } .prop_top .prop_fr button{ margin-top: 80px; padding: 10px 30px; background-color: #4a7d6c; font-size: 18px; color: #ffffff; border:1px solid transparent; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; line-height: 24px; } .prop_top .prop_fr button .iconfont{ margin-right: 5px; font-size: 24px; } .prop_top .prop_fr button:hover{ border:1px solid #4a7d6c; color: #4a7d6c; background-color: transparent; } .prop_title li{ cursor: pointer; float: left; width: 25%; height: 60px; border-right: 1px solid #ffffff; background-color: #e5ecea; line-height: 60px; text-align: center; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; font-size: 16px; color: #333333; } .prop_title li a{ font-size: 16px; color: #333333; } .prop_title li.act{ background-color: #4a7d6c; } .prop_title li.act a{ color: #ffffff; } .prop_title li:hover{ background-color: #4a7d6c; color: #ffffff; } .prop_title li:hover a{ color: #ffffff; } .prop_txt{ display: none; padding-top: 20px; padding-bottom: 40px; } .prop_txt table td{ border: 1px solid #000; } .prop_txt h1{ position: relative; padding: 20px 0 20px 35px; font-size: 24px; color: #333333; font-family: 'Verdana','微软雅黑'; letter-spacing: 2px; } .prop_txt .down_txt h1:after{ display: none; } .prop_txt h1:after{ content: ''; position: absolute; top: 50%; left: 0px; width: 23px; height: 2px; background-color: #4a7d6c; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .prop_txt li{ position: relative; padding-left: 35px; font-size: 16px; color: #444444; letter-spacing: 0px; line-height: 1.8; font-family: 'Verdana','微软雅黑'; } .prop_txt li p{ font-size: 16px; color: #444444; letter-spacing: 0px; line-height: 1.8; font-family: 'Verdana','微软雅黑'; } .prop_txt p{ font-size: 16px; color: #444444; letter-spacing: 0px; line-height: 1.8; font-family: 'Verdana','微软雅黑'; } .prop_txt li:after{ content: ''; position: absolute; top: 10px; left: 0px; width: 10px; height: 10px; border-radius: 50%; border:2px solid #bccfc9; } .fenyenei{ background-color: #f2f2f2; } .fenyecon{ position: relative; padding: 25px 0; } .fenyecon .icon-prev_l_{ display: inline-block; margin-right: 10px; font-size: 14px; } .fenyecon .icon-prev_r_{ display: inline-block; margin-left: 10px; font-size: 14px; } .fenyecon .flye{ font-size: 14px; } .fenyecon .flye:hover{ color: #3d7160; } .fenyecon .frye{ font-size: 14px; } .fenyecon .flye button, .fenyecon .frye button{ color: #9a9a9a; } .fenyecon .flye .iconfont, .fenyecon .frye .iconfont{ color: #717171; } .fenyecon .flye:hover button, .fenyecon .flye:hover .icon-prev_l_{ color: #3d7160; } .fenyecon .frye:hover button, .fenyecon .frye:hover .icon-prev_r_{ color: #3d7160; } .fen_list{ position: absolute; top: 50%; left: 50%; font-size: 16px; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .fen_list .iconfont{ margin-right: 15px; font-size: 28px; } .fen_list a{ color:#666666; } .fen_list span{ line-height: 28px; } .fen_list:hover a{ color: #3d7160; } .re_title{ padding: 40px 0; text-align: center; } .re_title h1{ font-size: 34px; color: #333333; } .re_pro .pro_nei .pro_box { margin-top: 0px; } .re_pro .pro_nei .pro_box .pro_txt { padding-bottom: 55px; } .prop_top .prop_fr p{ margin-top: 40px; padding-top: 40px; border-top: 1px solid #e8e8e8; font-size: 16px; color: #666666; line-height: 2; font-family: 'Conv_UKIJQOLYAZMAREGULAR','Arial','微软雅黑'; } .down_box:nth-child(odd){ background-color: #ffffff; } .down_box:nth-child(even){ background-color: #f3f3f3; } .down_nei{ position: relative; padding: 25px 0 0; } .down_nei h1{ padding: 15px 0; font-size: 18px; color: #333333; line-height: 1.5; font-weight: bold; letter-spacing: 1px; } .down_nei p{ font-size: 14px; color: #666666; line-height: 1.5; letter-spacing: 1px; font-family: 'Verdana','微软雅黑'; } .down_nei span{ display:inline-block; margin: 30px 0; font-size: 16px; color: #4a7d6c; font-family: 'Conv_Helvetica Neue CE 35 Thin','Arial','微软雅黑'; letter-spacing: 2px; } .down_nei .down_icon{ position: absolute; top: 50%; right: 0px; width: 45px; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .down_nei .down_icon img{ width: 100%; } .down_nei:hover h1{ color: #4a7d6c; } .down_nei .down_txt{ width: calc(100% - 50px); } .ser_nei{ position: relative; padding: 50px 0; } .ser_nei .ser_img{ width: 290px; overflow: hidden; } .ser_nei .ser_img img{ width: 100%; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .ser_nei .ser_img:hover img{ transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .ser_nei .ser_txt{ width: calc(100% - 290px); padding: 0 125px 0 40px; } .ser_nei .ser_txt h1{ padding-top: 10px; font-size: 18px; color: #333333; font-weight: bold; line-height: 1.5; letter-spacing: 1px; font-family: 'Verdana','微软雅黑'; } .ser_nei .ser_txt p{ padding: 15px 0 50px; font-size: 14px; color: #666666; line-height: 2; letter-spacing: 1px; font-family: 'Verdana','微软雅黑'; } .ser_nei .ser_txt span{ font-size: 16px; color: #4a7d6c; font-family: 'Conv_Helvetica Neue CE 35 Thin','Arial','微软雅黑'; letter-spacing: 2px; } .ser_nei .ser_arr{ position: absolute; top: 50%; right: 0px; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .ser_nei:hover .ser_arr{ transform: translateX(10px) translateY(-50%); -o-transform: translateX(10px) translateY(-50%); -ms-transform: translateX(10px) translateY(-50%); -moz-transform: translateX(10px) translateY(-50%); -webkit-transform: translateX(10px) translateY(-50%); } .ser_nei .ser_arr .iconfont{ font-size: 30px; color: #4a7d6c; } .ser_box:nth-child(odd){ background-color: #ffffff; } .ser_box:nth-child(even){ background-color: #f3f3f3; } .ser_all .ser_txt{ width: 100%; padding-left: 0px; } .ser_nei:hover .ser_txt h1{ color: #4a7d6c; } .sep_title{ margin-top: 92px; padding: 35px 0; background-color: #4a7d6c; } .sep_title .sept_top{ position: relative; margin-bottom: 15px; } .sep_title h1{ font-size: 30px; color: #ffffff; line-height: 1.5; font-family: 'Verdana','微软雅黑'; text-transform: uppercase; } .sep_title p{ font-size: 14px; color: #ffffff; font-family: 'Verdana','微软雅黑'; } .sep_title .sept_top h2{ position: absolute; right: 0px; bottom: 0px; font-size: 18px; color: #ffffff; line-height: 1.5; font-family: 'Conv_UKIJQOLYAZMAREGULAR','Arial','微软雅黑'; letter-spacing: 1px; } .sep_nei{ position: relative; padding: 15px 150px 20px 0; } .sep_nei p{ padding: 5px 0; font-size: 16px; color: #444444; line-height: 2; letter-spacing: 1px; font-family: 'Verdana','微软雅黑'; } .sep_nei .sep_share{ position: absolute; right: 0px; top: 45px; padding: 20px 25px; background-color: #f2f2f2; } .sep_nei .bdshare-button-style0-16 a, .sep_nei .bdshare-button-style0-16 .bds_more { float: none; display: block; width: 30px; height: 30px; margin: 30px 0; background-position: 0 0px; background-size: 100% 100%; } .bdshare-button-style0-16 .bds_tsina { background:url(../images/weibo.png) no-repeat; } .bdshare-button-style0-16 .bds_tsina:hover{ background:url(../images/weibog.png) no-repeat; } .bdshare-button-style0-16 .bds_weixin { background:url(../images/weixin.png) no-repeat; } .bdshare-button-style0-16 .bds_weixin:hover{ background:url(../images/weixing.png) no-repeat; } .bdshare-button-style0-16 .bds_qzone { background:url(../images/qzone.png) no-repeat; } .bdshare-button-style0-16 .bds_qzone:hover{ background:url(../images/qzoneg.png) no-repeat; } .bdshare-button-style0-16 .bds_more { background-image:url(../images/share.png) !important; } .bdshare-button-style0-16 .bds_more:hover{ background-image:url(../images/shareg.png) !important; } .sepn_img{ width: 50%; overflow: hidden; } .sepn_img img{ width: 100%; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .sepn_img:hover img{ transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .sepn_txt{ width: 50%; padding-left: 45px; } .sepn_txt h1{ padding: 15px 0 0; font-size: 30px; color: #333333; line-height: 1.5; } .sepn_txt p{ margin: 10px 0; font-size: 16px; color: #444444; line-height: 2; } .sepn_bottom{ padding: 30px 150px 50px 0; } .page_nei{ margin: 0 -20px; } .page_con{ width: 50%; padding: 0 20px; } .page_con .page_txt{ width: 100%; padding: 35px 75px 45px; text-align: center; background-color: #f3f3f3; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .page_con .page_txt h6{ padding: 10px 0; font-size: 14px; color: #666666; line-height: 1.5; } .page_con .page_txt h1{ height: 45px; padding: 10px 0; font-size: 24px; color: #333333; line-height: 1.5; overflow: hidden; } .page_con .page_txt p{ padding: 30px 0; font-size: 14px; color: #666666; line-height: 2; font-family: 'Verdana','微软雅黑'; } .page_con .page_txt .iconfont{ color: #232323; } .real_page{ padding-bottom: 65px; } .page_con .page_txt:hover{ background-color: #4a7d6c; } .page_con .page_txt:hover h6{ color: #ffffff; } .page_con .page_txt:hover h1{ color: #ffffff; } .page_con .page_txt:hover p{ color: #ffffff; } .page_con .page_txt:hover .iconfont{ color: #ffffff; } .agent_title{ padding: 40px 0; } .agent_title h1{ font-size: 30px; color: #333333; line-height: 1.5; } .agent_title .search{ position: relative; width: 400px; height: 50px; } .agent_title .search input{ width: 100%; height: 100%; padding-left: 35px; background-color: #f3f3f3; color: #aaaaaa; } .agent_title .search input::-moz-placeholder { color: #aaaaaa;opacity: 1; } .agent_title .search input::-webkit-input-placeholder { color:#aaaaaa;opacity: 1; } .agent_title .search input:-ms-input-placeholder { color:#aaaaaa;opacity: 1; } .agent_title .search .fangda{ position: absolute; top: 50%; right: 25px; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); cursor: pointer; } .agent_title .search .fangda .iconfont{ color: #4a7d6c; font-size: 18px; } .agent_box{ width: 20%; height: 143px; text-align: center; } .agent_box .agent_img{ width: 100%; height: 75px; text-align: center; overflow: hidden; line-height: 75px; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .agent_box .agent_img img{ max-width: 80%; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .agent_box:hover .agent_img .img_s{ display: none; } .agent_box:hover .agent_img .img_d{ display: inline-block; } .agent_box .agent_p{ padding: 10px 0; } .agent_box .agent_p p{ font-size: 16px; color: #4a7d6c; line-height: 1.5; opacity: 0; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; font-family: 'Verdana'; letter-spacing: -1px; } .agent_box:hover .agent_p p{ opacity: 1; } .agent_nei{ margin: 0 -70px; } .about_con{ padding-top: 60px; } .about_con .about_txt{ width: 50%; } .about_con .about_txt h1{ font-size: 34px; color: #333333; line-height: 1.5; } .about_con .about_txt h2{ position: relative; margin-bottom: 15px; padding: 0 0 20px; font-size: 18px; color: #888888; font-family: 'Verdana','微软雅黑'; } .about_con .about_txt h2:after{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 60px; height: 2px; background-color: #4a7d6c; } .about_con .about_txt p{ margin: 5px 0; font-size: 16px; color: #333333; line-height: 1.5; letter-spacing: 1px; font-family: 'Verdana','微软雅黑'; } .about_con .about_txt li{ font-size: 16px; color: #333333; line-height: 1.8; letter-spacing: 1px; } .about_con .about_img{ width: 50%; padding-left: 70px; } .about_con .about_img .about_ov{ overflow: hidden; } .about_con .about_img img{ width: 100%; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .about_con .about_img:hover img{ transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .about_bottom{ margin: 0 -12px; padding: 55px 0 60px; } .about_bottom .about_box{ width: 20%; padding: 0 12px; overflow: hidden; } .about_bottom .about_box .about_po{ position: relative; } .about_bottom .about_box .about_bg{ padding: 50px 0 20px; background-color: #f0f0f0; text-align: center; } .about_bottom .about_box .about_bg .about_icon{ height:55px; } .about_bottom .about_box .about_bg p{ padding: 35px 0; font-size: 18px; color: #333333; } .about_green{ position: absolute; top: -100%; left: 0px; width: 100%; height: 100%; padding: 30px 30px 0; background-color: #4a7d6c; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; overflow: hidden; } .about_green h1{ position: relative; padding-bottom: 15px; font-size: 18px; color: #ffffff; } .about_green h1:after{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 34px; height: 1px; margin-bottom: 5px; background-color: #749b8e; } .about_green p{ font-size: 14px; color: #ffffff; line-height: 2; } .about_bottom .about_box:hover .about_green{ top: 0px; } .join_top{ padding-top: 50px; text-align: center; } .join_top h1{ font-size: 34px; color: #333333; line-height: 1.5; } .join_top p{ padding-top: 20px; font-size: 16px; color: #666666; line-height: 1.5; } .join_top .join_icon{ padding: 55px 0; } .join_top .join_icon .jotop_box{ display: inline-block; margin: 0 80px; } .join_top .join_icon .jotop_box .jotop_img{ height: 60px; } .join_top .join_icon .jotop_box p{ font-size: 16px; color: #4a7d6c; line-height: 1.5; } .join_nei{ margin: 0 0 20px; } .join_title{ position: relative; width: 100%; padding: 20px 60px; background-color: #f3f3f3; cursor: pointer; } .join_title h1{ width: 25%; font-size: 16px; color: #333333; line-height: 1.5; } .join_title p{ width: 25%; font-size: 14px; color: #555555; line-height: 1.5; } .join_title .join_txt{ width: calc(100% - 20px); } .join_title .join_num{ position: absolute; top: 50%; right: 55px; width: 20px; height: 20px; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .join_title.act h1{ color: #4a7d6c; } .join_title.act p{ color: #4a7d6c; } .join_title:hover h1{ color: #4a7d6c; } .join_title:hover p{ color: #4a7d6c; } .join_title.act .join_num .img_s{ display: none; } .join_title.act .join_num .img_d{ display: inline-block; } /* .join_bottom{ padding: 0 60px; } */ .join_box{ display: none; padding: 25px 60px 20px; } .join_fl{ width: 50%; padding-right: 75px; } .join_fl h1{ padding: 10px 0; font-size: 16px; color: #333333; line-height: 1.5; } .join_fl li{ padding: 5px 0; font-size: 14px; color: #555555; line-height: 1.5; } .join_fl li p{ font-size: 14px; color: #555555; line-height: 1.5; } .join_btn{ margin-top: 30px; } .join_btn button{ padding: 13px 30px; background-color: #4a7d6c; font-size: 14px; color: #ffffff; border:1px solid #4a7d6c; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .join_btn button:hover{ background-color: transparent; color: #4a7d6c; } .news_box{ position: relative; margin-top: 45px; box-shadow: 1px 4px 5px #ededed; } .news_box .news_img{ width: 290px; overflow: hidden; } .news_box .news_img img{ width: 100%; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .news_box .news_img:hover img{ transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .news_box .news_txt{ width: calc(100% - 290px); padding: 0 140px 0 50px; } .news_box .news_txt h1{ padding: 5px 0 15px; font-size: 16px; color: #333333; line-height: 1.5; font-family: 'Verdana','微软雅黑'; letter-spacing: 1px; } .news_box .news_txt p{ padding-bottom: 40px; font-size: 14px; color: #666666; line-height: 2; font-family: 'Verdana','微软雅黑'; } .news_box .news_txt span{ font-size: 14px; color: #4a7d6c; font-family: 'Conv_Helvetica Neue CE 35 Thin','Arial','微软雅黑'; letter-spacing: 1px; } .news_box .news_arr{ position: absolute; top: 50%; right: -5px; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .news_box:hover .news_arr{ transform: translateX(10px) translateY(-50%); -o-transform: translateX(10px) translateY(-50%); -ms-transform: translateX(10px) translateY(-50%); -moz-transform: translateX(10px) translateY(-50%); -webkit-transform: translateX(10px) translateY(-50%); } .news_box .news_arr .iconfont{ font-size: 30px; color: #4a7d6c; } .news_box:hover .news_txt h1{ color: #4a7d6c; } .page_con .page_txt.page_new h1{ font-size: 20px; font-family: 'Verdana','微软雅黑'; } .sep_nei img{ max-width: 100%; } .contact_con{ padding-top: 45px; } .con_title{ text-align: center; } .con_title h1{ position: relative; padding-bottom: 10px; font-size: 34px; color: #333333; line-height: 1.5; } .con_title h1:after{ content: ''; position: absolute; left: 50%; bottom: 0px; width: 55px; height: 2px; background-color: #4a7d6c; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .con_title p{ padding-top: 15px; line-height: 1.5; font-size: 16px; color: #666666; letter-spacing: 1px; font-family: 'Conv_HELVETICANEUELTPRO-LTEX','微软雅黑'; } .con_form{ width: 700px; max-width: 100%; margin: 0 auto; } .con_form .con_box{ position: relative; width: 100%; height: 52px; margin: 20px 0; padding-left: 27px; border-left: 1px solid #4a7d6c; background-color: #f3f3f3; } .con_form .con_box span{ font-size: 16px; color: #666666; line-height: 52px; } .con_form .con_box span .con_red{ color: #ea3535; } .con_form .con_box input{ width: calc(100% - 145px); height: 100%; } .con_form .con_box img{ position: absolute; top: 50%; right: 35px; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .con_form textarea{ width: 100%; height: 130px; padding: 15px 27px; border-left: 1px solid #4a7d6c; font-size: 16px; color: #666666; background-color: #f3f3f3; } .con_form textarea::-moz-placeholder { color: #666666;opacity: 1; } .con_form textarea::-webkit-input-placeholder { color:#666666;opacity: 1; } .con_form textarea:-ms-input-placeholder { color:#666666;opacity: 1; } .con_form .con_box.code img{ right: 0px; } .con_btn{ margin: 0 -15px; padding: 15px 0 50px; } .con_btn .con_tj{ width: 50%; padding: 0 15px; } .con_btn .con_tj button{ width: 100%; height: 52px; font-size: 18px; background-color: #b9b9b9; color: #ffffff; border: 1px solid #b9b9b9; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .con_btn .con_tj:nth-child(1) button{ background-color: #4a7d6c; color: #ffffff; border: 1px solid #4a7d6c; } .con_btn .con_tj button:hover{ border: 1px solid #4a7d6c; background-color: transparent; color: #4a7d6c; } .con_map{ padding: 0 0 55px 90px; } .map{ position: relative; width: 537px; } .map .map_bg{ width: 100%; } .map .map_bg img{ width: 100%; } .vin_con{ position: absolute; cursor: pointer; } .vin_con p{ font-size: 12px; color: #7a807e; line-height: 1.5; } .vin_con .dot{ width: 6px; height: 6px; margin: 0px auto; border-radius: 50%; background-color: #7aa798; } .vin_con.act p{ font-size: 14px; color: #7aa798; } .vin_con.act .dot{ position: relative; width: 7px; height: 7px; background-color: #4a7d6c; } .vin_con.act .dot:after{ content: ''; position: absolute; top: -200%; left:-200%; width: 35px; height: 35px; border-radius: 50%; border:2px solid #4a7d65; animation:scale 4.5s ease-out 1.8s infinite; -webkit-animation:scale 4.5s ease-out 1.8s infinite; opacity: 0; } .vin_con.act .dot:before{ content: ''; position: absolute; top: -200%; left:-200%; width: 35px; height: 35px; border-radius: 50%; border:2px solid #4a7d65; animation:scale 4.5s ease-out 1.8s infinite; -webkit-animation:scale 4.5s ease-out 1.8s infinite; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); animation-delay: 1s; opacity: 0; } @keyframes scale { 0% { opacity:0; -webkit-transform:scale(.1); transform:scale(.1) } 5% { opacity:1 } to { opacity:0; -webkit-transform:scale(1); transform:scale(1) } } @-webkit-keyframes scale { 0% { opacity:0; -webkit-transform:scale(.1) } 5% { opacity:1 } to { opacity:0; -webkit-transform:scale(1) } } .beijing{ top: 142px; left: 281px; } .xian{ top: 228px; left: 263px; } .wuhu{ top:250px; left: 324px; } .hefei{ top: 245px; left: 300px; } .shanghai{ top: 242px; left: 375px; } .hefei .dot, .hefei p, .wuhu .dot, .wuhu p, .hefei .dot, .hefei p, .taibei .dot, .taibei p, .malaixiya .dot, .malaixiya p, .xinjiapo .dot, .xinjiapo p{ display: inline-block; } .chengdu{ top: 282px; left: 247px; } .nanchang{ top: 286px; left: 328px; } .xiamen{ top: 306px; left: 351px; } .shenzhen{ top: 339px; left: 334px; } .taibei{ top: 295px; left: 384px; } .xinzhu{ top: 316px; left: 385px; } .xinzhu .dot{ display: inline-block; } .xinzhu p{ display: inline-block; } .gaoxiong{ top: 329px; left: 388px; } .gaoxiong .dot{ display: inline-block; } .gaoxiong p{ display: inline-block; } .taiguo{ top: 394px; left: 238px; } .feilvbin{ top: 400px; left: 400px; } .xinjiapo{ top: 525px; left: 260px; } .malaixiya{ top: 511px; left: 340px; } .map_txt{ width: calc(100% - 537px); padding: 120px 0 0 105px; } .map_txt h1{ padding: 10px 0; font-size: 20px; font-weight: bold; color: #333333; line-height: 1.5; } .map_txt li{ position: relative; padding: 10px 0 10px 45px; font-size: 16px; color: #555555; line-height: 1.5; letter-spacing: 1px; font-family: 'Verdana','微软雅黑'; } .map_txt li img{ position: absolute; top: 0px; left: 0px; } .map_ph{ display: none; width: 50%; } .map_ph img{ width: 100%; } .cul_mar{ margin: 0 -12px; padding-top: 15px; } .cul_mar .cul_box{ width: 33.33%; margin-top: 35px; padding: 0 12px; } .cul_mar .cul_box .cul_img{ width: 100%; overflow: hidden; } .cul_mar .cul_box .cul_img img{ width: 100%; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .cul_mar .cul_box .cul_img:hover img{ transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .cul_mar .cul_box .cul_txt{ width: 100%; padding: 0 28px 28px; background-color: #f3f3f3; } .cul_mar .cul_box .cul_txt h1{ padding: 25px 0 20px; font-size: 18px; color: #333333; line-height: 1.5; } .cul_mar .cul_box .cul_txt p{ font-size: 14px; color: #7e7e7e; } .cul_mar .cul_box .cul_txt p i{ display: inline-block; margin-right: 13px; } .cul_mar .cul_box .cul_txt:hover h1{ color: #6a9183; } .culp_title{ padding-top: 45px; text-align: center; } .culp_title h1{ font-size: 26px; color: #333333; line-height: 1.5; } .culp_title p{ padding: 15px 0 30px; font-size: 14px; color: #7e7e7e; line-height: 1.5; letter-spacing: 1px; } .culp_title p i{ display: inline-block; margin-right: 10px; } .atva{ position: relative; z-index: 1; transform: scale(0.9) translateX(700px); } .atvb{ position: relative; z-index: 1; transform: scale(0.9) translateX(-700px); } .atvc{ transform: scale(0.8) translateX(1580px); } .atvd{ transform: scale(0.8) translateX(-1580px); } .cul_slide{ transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .slick-current.cul_slide{ position: relative; z-index: 2; } .culp_txt{ padding: 40px 0; text-align: center; } .culp_txt p{ margin-bottom: 20px; font-size: 16px; color: #555555; line-height: 2; letter-spacing: 1px; } .culp_ph{ display: none; padding: 0 200px; } .culp_ph .culp_slide{ width: 100%; } .culp_ph .culp_slide img{ width: 100%; } .culp_ph .slick-dots { left: 0px; } .sj_nyban{ display: none; } .nei_video { width: 300px; max-width: 100%; } .video0-dimensions { width: 100% !important; height: auto !important; } .video-js .vjs-tech { position: relative; } .video-js { width: 100%; height: auto; } .video-js .vjs-big-play-button { top: 50%; left: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .vjs-remaining-time-display{ display: inline-block; }