html {
-webkit-font-smoothing: antialiased;
}
blockquote {
margin: 0px; padding: 0px;
}
body {
margin: 0px; padding: 0px;
}
code {
margin: 0px; padding: 0px;
}
dd {
margin: 0px; padding: 0px;
}
div {
margin: 0px; padding: 0px;
}
dl {
margin: 0px; padding: 0px;
}
dt {
margin: 0px; padding: 0px;
}
fieldset {
margin: 0px; padding: 0px;
}
form {
margin: 0px; padding: 0px;
}
h1 {
margin: 0px; padding: 0px;
}
h2 {
margin: 0px; padding: 0px;
}
h3 {
margin: 0px; padding: 0px;
}
h4 {
margin: 0px; padding: 0px;
}
h5 {
margin: 0px; padding: 0px;
}
h6 {
margin: 0px; padding: 0px;
}
input {
margin: 0px; padding: 0px;
}
legend {
margin: 0px; padding: 0px;
}
li {
margin: 0px; padding: 0px;
}
ol {
margin: 0px; padding: 0px;
}
p {
margin: 0px; padding: 0px;
}
pre {
margin: 0px; padding: 0px;
}
td {
margin: 0px; padding: 0px;
}
textarea {
margin: 0px; padding: 0px;
}
th {
margin: 0px; padding: 0px;
}
ul {
margin: 0px; padding: 0px;
}
header {
margin: 0px; padding: 0px; display: block;
}
hgroup {
margin: 0px; padding: 0px; display: block;
}
nav {
margin: 0px; padding: 0px; display: block;
}
menu {
margin: 0px; padding: 0px; display: block;
}
main {
margin: 0px; padding: 0px; display: block;
}
section {
margin: 0px; padding: 0px; display: block;
}
article {
margin: 0px; padding: 0px; display: block;
}
summary {
margin: 0px; padding: 0px; display: block;
}
details {
margin: 0px; padding: 0px; display: block;
}
aside {
margin: 0px; padding: 0px; display: block;
}
figure {
margin: 0px; padding: 0px; display: block;
}
figcaption {
margin: 0px; padding: 0px; display: block;
}
footer {
margin: 0px; padding: 0px; display: block;
}
table {
border-collapse: collapse; border-spacing: 0;
}
fieldset {
border: 0px currentColor; border-image: none;
}
img {
border: 0px currentColor; border-image: none;
}
address {
font-style: normal; font-weight: normal;
}
b {
font-style: normal; font-weight: normal;
}
caption {
font-style: normal; font-weight: normal;
}
cite {
font-style: normal; font-weight: normal;
}
code {
font-style: normal; font-weight: normal;
}
dfn {
font-style: normal; font-weight: normal;
}
em {
font-style: normal; font-weight: normal;
}
i {
font-style: normal; font-weight: normal;
}
strong {
font-style: normal; font-weight: normal;
}
th {
font-style: normal; font-weight: normal;
}
var {
font-style: normal; font-weight: normal;
}
dl {
list-style-type: none;
}
ol {
list-style-type: none;
}
ul {
list-style-type: none;
}
li {
list-style-type: none;
}
h1 {
font-size: 100%; font-weight: normal;
}
h2 {
font-size: 100%; font-weight: normal;
}
h3 {
font-size: 100%; font-weight: normal;
}
h4 {
font-size: 100%; font-weight: normal;
}
h5 {
font-size: 100%; font-weight: normal;
}
h6 {
font-size: 100%; font-weight: normal;
}
a {
transition:0.6s; text-decoration: none; cursor: pointer; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease;
}
a:hover {
text-decoration: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
textarea {
border: 0px currentColor; border-image: none; resize: none;
}
img {
vertical-align: middle; max-width: 100%;
}
button {
outline: 0px; border-radius: 0px; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
input[type=submit] {
outline: 0px; border-radius: 0px; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
input[type=text] {
outline: 0px; border-radius: 0px; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
input[type=button] {
outline: 0px; border-radius: 0px; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
select {
outline: 0px; border-radius: 0px; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
input {
font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
button {
font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
textarea {
font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
select {
font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
optgroup {
font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
option {
font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
input {
border: 0px currentColor; border-image: none; overflow: visible; vertical-align: middle;
}
button {
border: 0px currentColor; border-image: none; overflow: visible; vertical-align: middle;
}
body {
background: rgb(255, 255, 255); color: rgb(0, 0, 0); line-height: 1.3; font-family: "Microsoft YaHei";
}
hr {
outline: 0px; border: 0px currentColor; border-image: none;
}
.fl {
float: left;
}
.fr {
float: right;
}
.fix::after {
height: 0px; line-height: 0; clear: both; font-size: 0px; display: block; visibility: hidden; content: ".";
}
.fix {
}
.layout {
margin: 0px auto; clear: both; max-width: 1600px;
}
.layout1 {
margin: 0px auto; clear: both; max-width: 1200px;
}
#web-ietip {
background: url("../css/ietip/browser.png") no-repeat center; margin: 200px auto 0px; padding: 83px 0px 0px 84px; width: 526px; height: 90px; overflow: hidden;
}
#web-ietip a {
width: 65px; height: 80px; float: left; display: block;
}
.img {
overflow: hidden;
}
.img img {
transition:0.5s; width: 100%; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;
}
.img img:hover {
transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);
}
.txtdot {
overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-white-space: nowrap; -moz-white-space: nowrap; -ms-white-space: nowrap; -o-white-space: nowrap;
}
.slick-slider {
display: block; position: relative; box-sizing: border-box; -ms-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; -moz-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
}
.slick-slider:focus {
cursor: pointer;
}
.slick-slider:active {
cursor: pointer;
}
.slick-list {
margin: 0px; padding: 0px; overflow: hidden; display: block; position: relative;
}
.slick-list:focus {
cursor: pointer;
}
.slick-list.dragging {
cursor: pointer;
}
.slick-slider .slick-track {
transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.slick-slider .slick-list {
transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.slick-track {
left: 0px; top: 0px; display: block; position: relative;
}
.slick-track::before {
display: table; content: "";
}
.slick-track::after {
display: table; content: "";
}
.slick-track::after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left; display: none; min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide:focus {
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
border: 1px solid transparent; border-image: none; height: auto; display: block;
}
.slick-arrow.slick-hidden {
display: none;
}
.animated {
opacity: 1; animation-duration: 2s; animation-fill-mode: both; -webkit-animation-duration: 2s; -webkit-animation-fill-mode: both;
}
.fadeInLeft {
animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft;
}
.fadeInRight {
animation-name: fadeInRight; -webkit-animation-name: fadeInRight;
}
.swing {
transform-origin: center top; animation-name: swing;
}
.header {
background: rgb(255, 255, 255); transition:0.5s; left: 0px; top: 0px; width: 100%; height: 110px; position: fixed; z-index: 101; box-sizing: border-box; box-shadow: 0px 2px 3px rgba(0,0,0,0.3); -webkit-transition: all .5s ease; -o-transition: all .5s ease; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
}
.logo {
line-height: 110px;
}
.nav {
width: auto; margin-top: 38px;
}
.nav ul {
width: auto;
}
.nav li {
float: left; position: relative;
}
.nav li > a {
padding: 0px 20px; border-radius: 34px; color: rgb(14, 14, 14); line-height: 34px; overflow: hidden; font-size: 16px; display: block; position: relative; z-index: 1;
}
.nav li.on > a {
background: rgb(121, 188, 20); color: rgb(255, 255, 255);
}
.nav li > a:hover {
background: rgb(121, 188, 20); color: rgb(255, 255, 255);
}
.nav li.lan > a {
border-radius: 0px; color: rgb(247, 199, 10);
}
.nav li.lan > a::after {
color: rgb(14, 14, 14); font-family: iconfont; font-size: 16px; margin-left: 5px; content: "\e654";
}
.nav li.lan.on > a {
background: 0px 0px; color: rgb(14, 14, 14);
}
.nav li.lan > a:hover {
background: 0px 0px; color: rgb(14, 14, 14);
}
.nav li .n_nav {
background: rgb(255, 255, 255); padding: 10px; display: none; position: absolute; min-width: 100%;
}
.nav li .n_nav dl {
}
.nav li .n_nav dl a {
color: rgb(68, 68, 68); line-height: 46px; font-size: 16px; vertical-align: middle; display: block;
}
.nav li .n_nav dl a::before {
transition:0.5s; color: rgb(51, 139, 89); line-height: 16px; font-family: iconfont; font-size: 16px; margin-right: 8px; vertical-align: middle; content: "\e6a7"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.nav li .n_nav dl a.on {
color: rgb(51, 139, 89);
}
.nav li .n_nav dl a:hover {
color: rgb(51, 139, 89);
}
.nav li .n_nav dl a.on::before {
background: rgb(51, 139, 89); color: rgb(255, 255, 255);
}
.nav li .n_nav dl a:hover::before {
background: rgb(51, 139, 89); color: rgb(255, 255, 255);
}
.banners {
margin-top: 110px;
}
.rt {
background: rgb(255, 255, 255); border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.rt p a {
color: rgb(62, 62, 62); line-height: 65px; font-size: 16px; vertical-align: top; display: inline-block;
}
.rt p em {
color: rgb(62, 62, 62); line-height: 65px; font-size: 16px; vertical-align: top; display: inline-block;
}
.rt p span {
color: rgb(62, 62, 62); line-height: 65px; font-size: 16px; vertical-align: top; display: inline-block;
}
.rt p span {
color: rgb(121, 188, 20);
}
.rt p a.home {
padding-left: 32px; position: relative;
}
.rt p a.home::before {
transition:0.6s; left: 0px; top: auto; color: rgb(102, 102, 102); font-family: iconfont; font-size: 16px; position: absolute; content: "\e617"; -webkit-transition: all .6s ease; -o-transition: all .6s ease;
}
.rt p a.home:hover::before {
color: rgb(121, 188, 20);
}
.rt p a:hover {
color: rgb(121, 188, 20);
}
.rt.long .r_nav {
overflow: hidden;
}
.r_nav li {
float: left;
}
.r_nav li a {
padding: 0px 5px; color: rgb(26, 26, 26); line-height: 65px; overflow: hidden; font-size: 20px; margin-right: 50px; display: block; position: relative; z-index: 2;
}
.r_nav li:last-child a {
margin-right: 0px;
}
.r_nav li a::before {
background: rgb(121, 188, 20); transition:0.5s; left: 50%; width: 0px; height: 2px; bottom: -1px; position: absolute; z-index: -1; content: ""; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.r_nav li a::after {
border-width: 3px; border-style: solid; border-color: transparent transparent rgb(121, 188, 20); transition:0.5s; border-image: none; left: 50%; bottom: -5px; margin-left: -6px; position: absolute; content: ""; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.r_nav li.on a {
color: rgb(121, 188, 20);
}
.r_nav li a:hover {
color: rgb(121, 188, 20);
}
.r_nav li.on a::before {
left: 0px; width: 100%;
}
.r_nav li a:hover::before {
left: 0px; width: 100%;
}
.r_nav li.on a::after {
bottom: 1px;
}
.r_nav li a:hover::after {
bottom: 1px;
}
.footer {
background: rgb(81, 81, 81); padding: 50px 0px 34px;
}
.f_c {
width: 79.5%;
}
.f_c dl {
width: auto; margin-right: 7%;
}
.f_c dl:last-child {
margin-right: 0px;
}
.f_c dl dt {
color: rgb(255, 255, 255); line-height: 26px; font-size: 16px; margin-bottom: 11px;
}
.f_c dl dd a {
color: rgb(230, 230, 230); line-height: 34px; font-size: 16px; display: block;
}
.f_c dl dd a em {
margin: 0px 2px; vertical-align: middle;
}
.f_c dl dd a:hover {
color: rgb(121, 188, 20);
}
.fewm {
width: auto; float: left; position: relative;
}
.fewm p {
padding: 10px 0px; text-align: center; color: rgb(230, 230, 230); line-height: 22px; font-size: 14px;
}
.ewmimg {
margin-right: 6px; float: left;
}
div:last-child.ewmimg {
margin: 0px !important;
}
.copy {
background: rgb(95, 95, 95); padding: 14px 0px;
}
.copy p {
color: rgb(179, 179, 179); line-height: 36px; font-size: 16px;
}
.copy .f_link {
color: rgb(179, 179, 179); line-height: 36px; font-size: 16px;
}
.copy .f_link a {
padding: 0px 12px; color: rgb(179, 179, 179); line-height: 36px; font-size: 16px; vertical-align: top; display: inline-block; position: relative;
}
.copy .f_link a:hover {
color: rgb(51, 139, 89);
}
.rnavs {
transition:0.6s; width: 74px; right: 0px; bottom: 20%; display: none; position: fixed; z-index: 99; -webkit-transition: all .6s ease; -o-transition: all .6s ease;
}
.rnavs li a {
background: rgb(102, 102, 102); padding: 9px; width: 74px; height: 74px; text-align: center; border-bottom-color: rgb(133, 133, 133); border-bottom-width: 1px; border-bottom-style: solid; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.rnavs li i {
margin: 0px auto; width: 30px; height: 32px; color: rgb(255, 255, 255); font-size: 30px; display: block;
}
.rnavs li i img {
vertical-align: top;
}
.rnavs li p {
text-align: center; color: rgb(255, 255, 255); line-height: 22px; font-size: 12px; margin-top: 5px;
}
.rnavs li a:hover {
background: rgb(121, 188, 20); border-bottom-color: rgb(121, 188, 20);
}
.rnavs li.on a {
background: rgb(121, 188, 20); border-bottom-color: rgb(121, 188, 20);
}
.r_toggle {
background: rgba(0, 0, 0, 0.5); transition:0.5s; top: 30%; width: 50px; height: 50px; text-align: center; right: -60px; color: rgb(255, 255, 255); line-height: 50px; font-size: 25px; display: block; position: fixed; z-index: 99; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.sb_ns {
background: rgb(121, 188, 20); padding: 15px 20px; transition:0.8s; left: -200px; top: 0px; width: 200px; height: 74px; text-align: center; color: rgb(255, 255, 255); line-height: 44px; font-size: 20px; visibility: hidden; position: absolute; z-index: -1; box-sizing: border-box; opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.rnavs a:hover .sb_ns {
visibility: visible; z-index: 99; opacity: 1;
}
.page {
text-align: center;
}
.page a {
margin: 0px 3px; border: 1px solid rgb(202, 202, 202); border-image: none; width: 35px; height: 35px; text-align: center; color: rgb(85, 85, 85); line-height: 33px; font-size: 14px; vertical-align: top; display: inline-block; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.page a.prev {
margin-right: 25px;
}
.page a.next {
margin-left: 25px;
}
.page a.on {
background: rgb(121, 188, 20); border-color: rgb(121, 188, 20); color: rgb(255, 255, 255);
}
.page a:hover {
background: rgb(121, 188, 20); border-color: rgb(121, 188, 20); color: rgb(255, 255, 255);
}
.main {
background: rgb(255, 255, 255);
}
.link {
padding: 36px 0px 139px;
}
.link_con li {
padding: 2.5% 5%; width: 21%; margin-bottom: 35px; margin-left: 3.5%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.link_con li:nth-child(4n+1) {
margin-left: 0px;
}
.link_con li .pic {
overflow: hidden;
}
.link_con li .pic img {
margin: 0px auto; transition:0.5s; width: 100%; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.link_con li .word p {
transition:0.5s; text-align: center; color: rgb(85, 85, 85); line-height: 30px; font-size: 20px; margin-top: 15px; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.link_con li:hover .pic img {
transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);
}
.link_con li:hover .word p {
color: rgb(121, 188, 20); font-size: 24px;
}
.pro1 {
padding: 10px 0px 118px;
}
.pro1_con h3 {
padding: 27px 0px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.pro1_con ul {
padding-top: 30px;
}
.pro1_con li {
width: 32.4%; margin-bottom: 18px; margin-left: 1.4%; float: left;
}
.pro1_con li:nth-child(3n+1) {
margin-left: 0px;
}
.pro1_con li a {
padding: 7.7% 12.85%; width: 100%; height: 100%; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.pro1_con li a.bg1 {
background: rgb(255, 232, 215);
}
.pro1_con li a.bg2 {
background: rgb(246, 246, 246);
}
.pro1_con li a.bg3 {
background: rgb(232, 245, 251);
}
.pro1_con li .pic {
overflow: hidden;
}
.pro1_con li .pic img {
margin: 0px auto; transition:0.5s; width: 100%; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.pro1_con li .word p {
text-align: center; color: rgb(85, 85, 85); line-height: 30px; font-size: 20px; margin-top: 25px;
}
.pro1_con li:hover .pic img {
transform: scale(0.9); -webkit-transform: scale(.9); -o-transform: scale(.9);
}
.pro2 {
padding: 50px 0px 100px;
}
.pro2t {
margin-bottom: 30px;
}
.pro2t li {
margin: 0px 10px; float: left;
}
.pro2t li a {
border-radius: 36px; border: 1px solid rgb(219, 219, 218); border-image: none; width: 108px; height: 36px; text-align: center; color: rgb(88, 88, 88); line-height: 36px; font-size: 18px; display: block;
}
.pro2t li a:hover {
background: rgb(148, 201, 67); border-color: rgb(148, 201, 67); color: rgb(255, 255, 255);
}
.pro2t li.on a {
background: rgb(148, 201, 67); border-color: rgb(148, 201, 67); color: rgb(255, 255, 255);
}
.pro2t .p_search {
padding: 0px 20px; border-radius: 36px; border: 1px solid rgb(219, 219, 218); border-image: none; width: 238px; height: 36px;
}
.pro2t .p_search input[type=search] {
background: url("../images/search.png") no-repeat left rgb(255, 255, 255); width: 100%; height: 36px; text-indent: 35px; font-size: 16px; vertical-align: top;
}
.pro2_con li .pic img {
margin: 0px auto; transition:0.5s; width: 100%; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.pro2_con li .word p {
text-align: center; color: rgb(85, 85, 85); line-height: 30px; font-size: 20px; margin-top: 25px;
}
.pro2_con li:hover .pic img {
transform: scale(0.9); -webkit-transform: scale(.9); -o-transform: scale(.9);
}
.pro2_con ul li {
width: 32.4%; margin-bottom: 18px; margin-left: 1.4%; float: left;
}
.pro2_con ul li:nth-child(3n+1) {
margin-left: 0px;
}
.pro2_con li a {
padding: 7.7% 12.85%; width: 100%; height: 268px; display: block; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.pro2_con li a .p_c {
left: 50%; top: 50%; width: 80%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.pro2_con li.big a .p_c {
width: 60%;
}
.pro2_con li.big a {
padding: 7.7% 17%; height: 554px;
}
.pro2_con a.bg1 {
background: rgb(255, 232, 215);
}
.pro2_con a.bg2 {
background: rgb(255, 232, 215);
}
.pro2_con a.bg3 {
background: rgb(255, 232, 215);
}
.pro2_con a.bg4 {
background: rgb(255, 232, 215);
}
.pro2_con a.bg5 {
background: rgb(255, 232, 215);
}
.pro2 .page {
padding-top: 90px;
}
.ab1 {
padding-top: 49px;
}
.ab1_t {
text-align: center;
}
.ab1_t h3 {
color: rgb(0, 0, 0); line-height: 48px; font-size: 30px;
}
.ab1_t p {
color: rgb(141, 141, 141); line-height: 34px; font-size: 16px;
}
.ab1_c {
margin-top: 10px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.ab1_c p {
color: rgb(115, 115, 115); line-height: 40px; font-size: 20px;
}
.ab1_c .ad_img img {
width: 49%; display: block;
}
.ab1_b {
padding: 25px 0px 45px;
}
.ab1_b .ad1_bl {
width: auto;
}
.ab1_b .ad1_bl a {
color: rgb(26, 26, 26); line-height: 50px; font-size: 20px; display: block;
}
.ab1_b .ad1_bl a:hover {
color: rgb(121, 188, 20);
}
.ab1_b .ad1_br a {
background: rgb(121, 188, 20); width: 122px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 20px; margin-top: 25px; display: block;
}
.ab1_b .ad1_br a:hover {
opacity: 0.8;
}
.lx {
padding: 40px 0px 80px;
}
.lx_t h3 {
padding: 10px 0px; color: rgb(0, 0, 0); line-height: 44px; font-size: 24px; margin-bottom: 20px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.lx_t p {
margin-bottom: 26px;
}
.lx_t p span {
width: 32%; color: rgb(141, 141, 141); line-height: 28px; padding-left: 30px; font-size: 18px; margin-left: 2%; float: left; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.lx_t p span:first-child {
margin-left: 0px;
}
.lx_t p span.i1 {
background: url("../images/lx1.png") no-repeat left; width: 28%;
}
.lx_t p span.i2 {
background: url("../images/lx2.png") no-repeat left;
}
.lx_t p span.i3 {
background: url("../images/lx3.png") no-repeat left; width: 28%;
}
.lx_t p span.i4 {
background: url("../images/lx4.png") no-repeat left;
}
.lx_t p span.i5 {
background: url("../images/lx5.png") no-repeat left; width: 36%;
}
.map {
margin-top: 50px;
}
.sj1 {
background: rgb(245, 245, 245); padding: 30px 0px 90px;
}
.sj1_con {
background: rgb(255, 255, 255); padding: 50px 80px 40px;
}
.sj1_tshow {
overflow: hidden; margin-bottom: 38px;
}
.sj1_tshow button {
padding: 0px;
}
.sj1_tshow .slick-slide {
text-align: center;
}
.sj1_tshow .slick-arrow {
background: rgba(0, 0, 0, 0.5); top: 50%; width: 62px; height: 108px; font-size: 0px; margin-top: -54px; position: absolute; z-index: 99; cursor: pointer;
}
.sj1_tshow .slick-prev {
left: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;
}
.sj1_tshow .slick-prev::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 46px; content: "\e628"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.sj1_tshow .slick-next {
left: auto; right: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
.sj1_tshow .slick-next::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 46px; content: "\e642"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.sj1_tshow .slick-next:hover::before {
color: rgb(121, 188, 20);
}
.sj1_tshow .slick-prev:hover::before {
color: rgb(121, 188, 20);
}
.sj1_cont h4 {
color: rgb(0, 0, 0); line-height: 46px; font-size: 26px; margin-bottom: 10px;
}
.sj1_cont p {
color: rgb(0, 0, 0); line-height: 40px; font-size: 20px;
}
.sj1_conb {
margin-top: 47px;
}
.sj1_conb h4 {
color: rgb(0, 0, 0); line-height: 44px; font-size: 26px; border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; border-bottom-style: solid;
}
.sj1_v {
margin: 0px 5px;
}
.sj1_v .pic {
overflow: hidden; position: relative;
}
.sj1_v .pic .cover {
background: url("../images/video.png") no-repeat center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2;
}
.sj1_v .pic img {
margin: 0px auto; width: 100%; display: block;
}
.sj1_v .word p {
text-align: center; color: rgb(0, 0, 0); line-height: 40px; font-size: 20px;
}
.sj1_bshow {
overflow: hidden; margin-top: 20px;
}
.sj1_bshow button {
padding: 0px;
}
.sj1_bshow .slick-slide {
text-align: center;
}
.sj1_bshow .slick-arrow {
background: rgba(0, 0, 0, 0.5); top: 50%; width: 24px; height: 58px; font-size: 0px; margin-top: -29px; position: absolute; z-index: 99; cursor: pointer;
}
.sj1_bshow .slick-prev {
left: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;
}
.sj1_bshow .slick-prev::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 20px; content: "\e628"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.sj1_bshow .slick-next {
left: auto; right: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
.sj1_bshow .slick-next::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 20px; content: "\e642"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.sj1_bshow .slick-next:hover::before {
color: rgb(121, 188, 20);
}
.sj1_bshow .slick-prev:hover::before {
color: rgb(121, 188, 20);
}
.sj2_1con {
background: url("../images/sj2_bg1.jpg") no-repeat center / cover; width: 100%; height: 634px; padding-top: 150px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.sj2_1con .sj2_1desc {
width: auto; float: right;
}
.sj2_1con .sj2_1dl {
width: 550px;
}
.sj2_1con .sj2_1dl .pp {
height: 370px;
}
.sj2_1con .sj2_1dl .pp .mCSB_scrollTools .mCSB_draggerContainer {
margin-left: 12px;
}
.sj2_1con .sj2_1dl p {
text-align: justify; color: rgb(21, 25, 35); line-height: 30px; font-size: 18px;
}
.sj2_1con .sj2_1dr {
width: 386px; margin-left: 40px;
}
.sj2_1con .sj2_1dr h3 {
color: rgb(121, 188, 20); line-height: 56px; font-size: 36px; font-weight: 700; margin-bottom: 10px;
}
.sj2_1con .sj2_1dr h4 {
color: rgb(90, 90, 90); line-height: 34px; font-size: 20px; font-weight: 700; margin-bottom: 20px;
}
.sj2_2con {
background: url("../images/sj2_bg2.jpg") no-repeat center / cover; width: 100%; height: 670px; padding-top: 70px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.sj2_2desc {
width: 550px;
}
.sj2_2desc h3 {
color: rgb(121, 188, 20); line-height: 56px; font-size: 36px; font-weight: 700; margin-bottom: 10px;
}
.sj2_2desc h4 {
color: rgb(90, 90, 90); line-height: 34px; font-size: 20px; font-weight: 700;
}
.sj2_2desc_show {
overflow: hidden; padding-bottom: 44px; margin-top: 40px;
}
.sj2_2desc_show img {
width: 100%; display: block;
}
.sj2_2desc_show button {
padding: 0px;
}
.sj2_2desc_show .slick-slide {
margin: 0px 10px; text-align: center;
}
.sj2_2desc_show .slick-arrow {
background: rgb(187, 191, 195); border-radius: 50%; width: 24px; height: 24px; bottom: 0px; font-size: 0px; position: absolute; z-index: 99; cursor: pointer;
}
.sj2_2desc_show .slick-prev {
left: 43%;
}
.sj2_2desc_show .slick-prev::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 12px; content: "\e628"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.sj2_2desc_show .slick-next {
left: auto; right: 43%;
}
.sj2_2desc_show .slick-next::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 12px; content: "\e642"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.sj2_2desc_show .slick-next:hover {
background: rgb(121, 188, 20);
}
.sj2_2desc_show .slick-prev:hover {
background: rgb(121, 188, 20);
}
.sj2_2desc_show .pic {
position: relative;
}
.sj2_2desc_show .pic .cover {
background: url("../images/video.png") no-repeat center rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2;
}
.sj2_2desc_show .word p {
text-align: center; color: rgb(0, 0, 0); line-height: 40px; font-size: 20px;
}
.new {
padding: 65px 0px 108px;
}
.new_con li {
width: 31.6%; margin-bottom: 30px; margin-left: 2.59%; float: left;
}
.new_con li:nth-child(3n+1) {
margin-left: 0px;
}
.new_con li .pic {
overflow: hidden;
}
.new_con li .pic img {
margin: 0px auto; transition:0.5s; width: 100%; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.new_con li .word {
background: rgb(249, 249, 249); padding: 20px 25px; transition:0.5s; width: 100%; box-sizing: border-box; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.new_con li .word h4 {
color: rgb(0, 0, 0); line-height: 34px; font-size: 20px;
}
.new_con li .word h5 {
color: rgb(179, 179, 179); line-height: 28px; font-size: 14px; margin-bottom: 14px;
}
.new_con li .word p {
height: 56px; color: rgb(137, 137, 137); line-height: 28px; overflow: hidden; font-size: 18px;
}
.new_con li:hover .pic img {
transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);
}
.new_con li:hover .word {
background: rgb(121, 188, 20);
}
.new_con li:hover .word h4 {
color: rgb(255, 255, 255);
}
.new_con li:hover .word h5 {
color: rgb(255, 255, 255);
}
.new_con li:hover .word p {
color: rgb(255, 255, 255);
}
.new_con .page {
padding-top: 60px;
}
.xt {
background: rgb(245, 245, 245); padding: 40px 0px 60px;
}
.xt_con {
background: rgb(255, 255, 255); margin: 0px auto; max-width: 813px;
}
.xt_con h3 {
background: rgb(142, 200, 60); padding: 0px 10px; text-align: center; line-height: 60px;
}
.xt_con h3 span {
color: rgb(255, 255, 255); line-height: 60px; font-size: 30px; position: relative;
}
.xt_con h3 span::after {
background: url("../images/dots.png") no-repeat center; top: 50%; width: 101px; height: 6px; margin-top: -3px; position: absolute; content: "";
}
.xt_con h3 span::before {
background: url("../images/dots.png") no-repeat center; top: 50%; width: 101px; height: 6px; margin-top: -3px; position: absolute; content: "";
}
.xt_con h3 span::before {
left: -111px;
}
.xt_con h3 span::after {
right: -111px;
}
.xt_desc {
padding: 15px 55px 60px;
}
.xt_desc h4 {
color: rgb(141, 141, 141); line-height: 56px; font-size: 16px;
}
.xt_desc li {
padding: 10px 0px; border-bottom-color: rgb(230, 229, 230); border-bottom-width: 1px; border-bottom-style: dashed;
}
.xt_desc li a {
background: url("../images/dot1.png") no-repeat left; color: rgb(54, 54, 54); line-height: 32px; padding-left: 18px; font-size: 18px; display: block;
}
.xt_desc li:hover a {
color: rgb(142, 200, 60);
}
.zp {
padding: 0px;
}
.zp_con1 {
padding: 60px 0px 75px; position: relative;
}
.zp_con1_l {
background: url("../images/zp1.jpg") no-repeat center / cover; width: 65%; height: 360px;
}
.zp_con1_r {
background: url("../images/zp1_bg1.png") no-repeat center / cover rgb(121, 188, 20); padding: 20px 35px; width: 35%; height: 360px; box-sizing: border-box; border-bottom-right-radius: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.zp_con1_r h4 {
padding: 10px 0px; color: rgb(255, 255, 255); line-height: 44px; font-size: 24px; margin-bottom: 20px; border-bottom-color: rgb(161, 208, 91); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.zp_con1_r p {
color: rgb(255, 255, 255); line-height: 48px; font-size: 18px;
}
.zp_con1 .zp_img {
background: url("../images/zp_bg1.png") no-repeat 60%; width: 100%; height: 261px; margin-top: -65px; position: relative; z-index: 2;
}
.zp_con2 {
background: url("../images/zp_bg2.jpg") no-repeat center / cover; padding: 10px 0px 80px; height: 704px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.zp_con2 h3 {
text-align: center; color: rgb(0, 0, 0); line-height: 68px; font-size: 28px;
}
.q_show {
background: 0px 0px; width: 100%; cursor: pointer;
}
.q_show span {
background: rgb(255, 255, 255); padding: 0px 10px; width: 20%; text-align: center; color: rgb(88, 88, 88); line-height: 50px; overflow: hidden; font-size: 18px; vertical-align: top; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; float: left; display: block; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis; box-sizing: border-box; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-white-space: nowrap; -moz-white-space: nowrap; -ms-white-space: nowrap; -o-white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;
}
.zp_con2 li:first-child span {
background: rgb(121, 188, 20); color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.q_show.title {
background: rgb(168, 168, 168);
}
.q_show.title span {
color: rgb(255, 255, 255);
}
.q_show.on {
background: rgb(239, 239, 239);
}
.q_show:hover {
background: rgb(239, 239, 239);
}
.q_show.on span.time::after {
color: rgb(28, 134, 90); transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);
}
.q_show.title.on {
background: rgb(168, 168, 168);
}
.q_show.title:hover {
background: rgb(168, 168, 168);
}
.zp_con2 .page {
padding: 50px 0px 0px;
}
.tab_y {
background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; bottom: 0px; display: none; position: fixed; z-index: 101;
}
.tab_con {
margin: 0px auto; left: 50%; top: 50%; width: 100%; height: 624px; position: absolute; max-width: 1000px; transform: translate(-50%, -50%);
}
.tab_t h3 {
background: rgb(121, 188, 20); padding: 0px 46px; color: rgb(255, 255, 255); line-height: 70px; font-size: 24px; box-sizing: border-box; border-top-left-radius: 20px; border-top-right-radius: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.tab_b {
background: rgb(255, 255, 255); padding: 15px 50px 40px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;
}
.tab_b ul {
height: 400px;
}
.tab_b li {
margin-bottom: 5px;
}
.tab_b h4 {
color: rgb(0, 0, 0); line-height: 40px; font-size: 20px;
}
.tab_b p {
color: rgb(108, 108, 108); line-height: 38px; font-size: 18px;
}
.tab_b p span {
margin-left: 120px;
}
.tab_b p span:first-child {
margin-left: 0px;
}
.tab_b a.more {
background: rgb(121, 188, 20); width: 195px; height: 45px; text-align: center; color: rgb(255, 255, 255); line-height: 45px; font-size: 18px; margin-top: 20px; display: block;
}
.tab_b a.more:hover {
opacity: 0.8;
}
.tab_con .clo {
border-radius: 50%; border: 2px solid rgb(255, 255, 255); border-image: none; top: 18px; width: 28px; height: 28px; text-align: center; right: 30px; color: rgb(255, 255, 255); line-height: 28px; font-size: 14px; font-weight: 700; position: absolute; cursor: pointer;
}
.tab_b ul .mCSB_scrollTools .mCSB_dragger {
margin-left: 8px;
}
.zct {
text-align: center;
}
.zct h4 {
color: rgb(141, 141, 141); text-transform: uppercase; line-height: 46px; font-size: 34px;
}
.zct p span {
color: rgb(121, 188, 20); line-height: 40px; font-size: 24px; font-weight: 700; position: relative;
}
.zct p span::after {
background: rgb(204, 204, 204); top: 50%; width: 32px; height: 1px; margin-top: -0.5px; position: absolute; content: "";
}
.zct p span::before {
background: rgb(204, 204, 204); top: 50%; width: 32px; height: 1px; margin-top: -0.5px; position: absolute; content: "";
}
.zct p span::before {
left: -52px;
}
.zct p span::after {
right: -52px;
}
.zc1 {
padding: 48px 0px 56px;
}
.zc1b {
margin-top: 30px;
}
.zc1b li {
width: 31.6%; margin-left: 2.59%; float: left;
}
.zc1b li:first-child {
margin-left: 0px;
}
.zc1b li .pic {
overflow: hidden; position: relative;
}
.zc1b li .pic img {
transition:0.5s; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.zc1b li .word {
left: 35px; top: 30px; padding-left: 60px; position: absolute;
}
.zc1b li .word.i1 {
background: url("../images/zc1_i1.png") no-repeat left;
}
.zc1b li .word.i2 {
background: url("../images/zc1_i2.png") no-repeat left;
}
.zc1b li .word.i3 {
background: url("../images/zc1_i3.png") no-repeat left;
}
.zc1b li .word h4 {
color: rgb(255, 255, 255); line-height: 32px; font-size: 24px;
}
.zc1b li .word p {
color: rgb(143, 143, 145); text-transform: uppercase; line-height: 22px; font-size: 14px;
}
.zc1b li:hover .pic img {
transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);
}
.zc1b li:hover .word h4 {
color: rgb(121, 188, 20);
}
.zc1b li:hover .word p {
color: rgb(121, 188, 20);
}
.zc2 {
background: rgb(249, 249, 249); padding: 50px 0px 120px;
}
.zc2 li .pic {
background: no-repeat center / cover; width: 54%; height: 330px;
}
.zc2 li .word {
background: rgb(255, 255, 255); padding: 4%; width: 46%; height: 330px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.zc2 li .word h4 {
color: rgb(121, 188, 20); line-height: 46px; padding-left: 66px; font-size: 30px; margin-bottom: 22px; position: relative;
}
.zc2 li .word h4::before {
background: url("../images/zc2_i1.png") no-repeat left; left: 0px; top: 50%; width: 53px; height: 46px; color: rgb(255, 255, 255); line-height: 46px; text-indent: 10px; font-size: 26px; margin-top: -23px; position: absolute; content: attr(data-num);
}
.zc2 li .word p {
height: 114px; color: rgb(88, 88, 88); line-height: 38px; overflow: hidden; font-size: 20px;
}
.zc2b {
margin-top: 20px;
}
.banner {
width: 100%; overflow: hidden; margin-top: 100px; position: relative; z-index: 1;
}
.banner .swiper-slide a {
background: no-repeat center / cover; width: 100%; height: 100%; display: block;
}
.banner .swiper-pagination {
left: 0px; width: 100%; height: 12px; bottom: 22px; line-height: 12px; z-index: 10;
}
.banner .swiper-pagination-bullet {
background: rgb(255, 255, 255); margin: 0px 8px; border-radius: 50%; width: 12px; height: 12px; position: relative; opacity: 1;
}
.banner .swiper-pagination-bullet-active {
background: rgb(121, 188, 20);
}
.it {
text-align: center;
}
.it h5 {
color: rgb(94, 94, 94); text-transform: uppercase; line-height: 26px; letter-spacing: 3px; font-family: Arial; font-size: 16px; font-weight: 700; position: relative;
}
.it h4 span {
color: rgb(51, 51, 51); line-height: 34px; font-size: 24px; font-weight: 700; position: relative;
}
.it h4 span::after {
background: rgb(168, 167, 165); top: 0px; width: 80px; height: 1px; margin-top: 5px; position: absolute; content: "";
}
.it h4 span::before {
background: rgb(168, 167, 165); top: 0px; width: 80px; height: 1px; margin-top: 5px; position: absolute; content: "";
}
.it h4 span::before {
left: -100px;
}
.it h4 span::after {
right: -100px;
}
.index1 {
padding: 45px 0px 50px;
}
.i1b {
margin-top: 30px;
}
.i1b_t {
}
.i1b_t ul {
text-align: center; vertical-align: top; display: block;
}
.i1b_t li {
margin: 0px 10px; vertical-align: top; display: inline-block;
}
.i1b_t li a {
border-radius: 43px; border: 1px solid rgb(185, 185, 183); border-image: none; width: 132px; height: 43px; text-align: center; color: rgb(88, 88, 88); line-height: 43px; font-size: 18px; display: block;
}
.i1b_t li.on a {
background: rgb(148, 201, 67); border-color: rgb(148, 201, 67); color: rgb(255, 255, 255);
}
.i1b_t li a:hover {
background: rgb(148, 201, 67); border-color: rgb(148, 201, 67); color: rgb(255, 255, 255);
}
.i1b_b {
margin-top: 42px;
}
.i1b_b > ul {
display: none;
}
.i1b_b li {
width: 32.4%; margin-bottom: 18px; margin-left: 1.4%; float: left;
}
.i1b_b li:nth-child(3n+1) {
margin-left: 0px;
}
.i1b_b li .pic img {
margin: 0px auto; transition:0.5s; width: 100%; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.i1b_b li .word p {
text-align: center; color: #ffffff; line-height: 30px; font-size: 20px; margin-top: 25px;
}
.i1b_b li:hover .pic img {
transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);
}
.i1b_b li a {
padding: 7.7% 12.85%; width: 100%; height: 443px; display: block; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.i1b_b li a .p_c {
left: 50%; top: 50%;width: 91%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.i1b_b li.big a .p_c {
width: 60%;
}
.i1b_b li.big a {
padding: 7.7% 17%; height: 554px;
}
.i1b_b a.bg1 {
background: rgb(255, 232, 215);
}
.i1b_b a.bg2 {
background: rgb(255, 232, 215);
}
.i1b_b a.bg3 {
background: rgb(255, 232, 215);
}
.i1b_b a.bg4 {
background: rgb(4, 98, 46);
}
.i1b_b a.bg5 {
background: rgb(255, 232, 215);
}
.index2 {
background: no-repeat center / cover; padding: 60px 0px 75px; height: 692px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.i2t h4 span {
color: rgb(255, 255, 255);
}
.i2t h5 {
color: rgb(255, 255, 255);
}
.i2t h4 span::after {
background: rgb(255, 255, 255);
}
.i2t h4 span::before {
background: rgb(255, 255, 255);
}
.i2b {
margin-top: 52px;
}
.i2bl {
background: no-repeat center / cover; width: 22.84%; height: 440px;
}
.i2bl .i2bl_con {
padding: 28px 20px; text-align: center;
}
.i2bl .i2bl_con h4 {
color: rgb(255, 255, 255); line-height: 41px; font-size: 26px;
}
.i2bl .i2bl_con p {
color: rgb(255, 255, 255); line-height: 31px; font-size: 16px;
}
.i2br {
width: 77.16%;
}
.i2br .i2br_con {
width: 50%; height: 440px; float: left;
}
.i2br .i2br_con .pic {
background: no-repeat center / cover; width: 100%; height: 220px;
}
.i2br .i2br_con .word {
background: no-repeat center / cover; padding: 8%; width: 100%; height: 220px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.i2br .i2br_con .word h4 {
color: rgb(255, 255, 255); line-height: 36px; font-size: 26px; margin-bottom: 10px;
}
.i2br .i2br_con .word p {
height: 60px; color: rgb(255, 255, 255); line-height: 30px; overflow: hidden; font-size: 16px;
}
.i2br .i2br_con .word a {
color: rgb(255, 255, 255); font-size: 14px; margin-top: 30px; vertical-align: top; display: inline-block;
}
.i2br .i2br_con .word a em {
background: url("../images/i1.png") no-repeat center; transition:0.5s; width: 14px; height: 14px; vertical-align: middle; display: inline-block; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.i2br .i2br_con .word a:hover em {
margin-left: 5px;
}
.index3 {
padding: 70px 0px 60px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.i3b {
margin-top: 30px;
}
.slick-track {
left: 0px !important;
}
.i3bl {
width: 51.25%; height: auto;
}
.i3bl h4 {
color: rgb(55, 55, 55); line-height: 64px; font-size: 24px; font-weight: 700; margin-bottom: 22px; position: relative;
}
.i3bl h4::before {
background: rgb(121, 188, 20); left: 0px; width: 32px; height: 2px; bottom: 0px; position: absolute; content: "";
}
.i3bl p {
color: rgb(112, 112, 112); line-height: 30px; font-size: 18px;
}
.i3bl a.more {
border-radius: 40px; border: 1px solid rgb(212, 212, 212); border-image: none; width: 134px; height: 40px; text-align: center; color: rgb(55, 55, 55); line-height: 40px; font-size: 14px; margin-top: 30px; display: block;
}
.i3bl a.more em {
background: url("../images/i2.png") no-repeat center; transition:0.5s; width: 14px; height: 14px; margin-left: 3px; vertical-align: middle; display: inline-block; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.i3bl a.more:hover em {
margin-left: 8px;
}
.i3bl_show {
overflow: hidden; margin-top: 48px;
}
.i3bl_show .i3ls_con {
margin: 0px 10px; transition:0.5s; text-align: center; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.i3bl_show .i3ls_con a {
background: rgb(121, 188, 20); padding: 13px 0px; outline: 0px; border-radius: 10px; width: 100%; display: block;
}
.i3bl_show .i3ls_con i {
margin: 0px auto; width: 32px; height: 39px; display: block;
}
.i3bl_show .i3ls_con p {
text-align: center; color: rgb(255, 255, 255); line-height: 28px; font-size: 18px; margin-top: 8px;
}
.i3bl_show .i3ls_con a:hover {
background: rgb(242, 177, 0);
}
.i3bl_show .slick-current .i3ls_con a {
background: rgb(242, 177, 0);
}
.i3bl_show .slick-slide {
text-align: center;
}
.i3bl_show .slick-arrow {
background: rgba(0, 0, 0, 0.5); top: 50%; width: 30px; height: 30px; font-size: 0px; margin-top: -15px; position: absolute; z-index: 99; cursor: pointer;
}
.i3bl_show .slick-prev {
left: 10px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;
}
.i3bl_show .slick-prev::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 14px; content: "\e628"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.i3bl_show .slick-next {
left: auto; right: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
.i3bl_show .slick-next::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 14px; content: "\e642"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.i3bl_show .slick-next:hover::before {
color: rgb(121, 188, 20);
}
.i3bl_show .slick-prev:hover::before {
color: rgb(121, 188, 20);
}
.i3br {
background: no-repeat center / cover; width: 45.3%; height: 396px;
}
.index4 {
padding: 60px 0px;
}
.i4b {
margin-top: 45px;
}
.i4_show {
}
.i4_show a {
padding: 15px; border: 2px solid transparent; border-image: none; width: 100%; text-align: center; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.i4_show a img {
margin: 0px auto; transition:0.5s; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.i4_show a p {
text-align: center; color: rgb(85, 85, 85); line-height: 28px; font-size: 18px;
}
.i4_show .slick-current a {
border-color: rgb(121, 188, 20);
}
.i4_show a:hover {
border-color: rgb(121, 188, 20);
}
.i4_show .slick-current a img {
transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);
}
.i4_show a:hover img {
transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);
}
.i4_show .slick-current a p {
color: rgb(121, 188, 20);
}
.i4_show a:hover p {
color: rgb(121, 188, 20);
}
.i4_show .slick-slide {
text-align: center;
}
.i4_show .slick-arrow {
background: rgb(211, 211, 211); top: 50%; width: 25px; height: 50px; font-size: 0px; margin-top: -25px; position: absolute; z-index: 99; cursor: pointer;
}
.i4_show .slick-prev {
left: -25px; border-top-left-radius: 50px; border-bottom-left-radius: 50px;
}
.i4_show .slick-prev::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 16px; content: "\e628"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.i4_show .slick-next {
left: auto; right: -25px; border-top-right-radius: 50px; border-bottom-right-radius: 50px;
}
.i4_show .slick-next::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 16px; content: "\e642"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.i4_show .slick-next:hover::before {
color: rgb(121, 188, 20);
}
.i4_show .slick-prev:hover::before {
color: rgb(121, 188, 20);
}
.about_t {
text-align: center;
}
.about_t h4 {
color: rgb(0, 0, 0); text-transform: uppercase; line-height: 46px; font-size: 34px;
}
.about_t h5 span {
color: rgb(121, 188, 20); line-height: 36px; font-size: 24px; font-weight: 700; position: relative;
}
.about_t h5 span::after {
background: rgb(204, 204, 204); top: 50%; width: 32px; height: 1px; margin-top: -0.5px; position: absolute; content: "";
}
.about_t h5 span::before {
background: rgb(204, 204, 204); top: 50%; width: 32px; height: 1px; margin-top: -0.5px; position: absolute; content: "";
}
.about_t h5 span::before {
left: -52px;
}
.about_t h5 span::after {
right: -52px;
}
.about1 {
padding: 40px 0px;
}
.about1_b {
margin-top: 15px;
}
.about1_b p {
color: rgb(62, 62, 62); line-height: 34px; font-size: 20px;
}
.about1_img {
margin-top: 30px;
}
.about1_img img {
width: 48%; display: block;
}
.about2 {
background: no-repeat center / cover; padding: 40px 0px 65px; height: 600px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.about2_t h4 {
color: rgb(255, 255, 255);
}
.about2_t h5 span {
color: rgb(255, 255, 255);
}
.about2_t h5 span::after {
background: rgb(255, 255, 255);
}
.about2_t h5 span::before {
background: rgb(255, 255, 255);
}
.about2_b {
margin-top: 60px;
}
.ab2_show {
background: url("../images/about2_line.png") no-repeat center;
}
.ad2_con {
width: 100%; height: 320px; position: relative;
}
.ad2_con .a_t {
transition:0.5s; top: 0px; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.ad2_con .a_b {
transition:0.5s; bottom: 0px; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.ab2_show .slick-current .ad2_con .time {
background: rgb(121, 188, 20);
}
.ab2_show .slick-current .ad2_con .a_t {
animation:ts 1s; -webkit-animation: ts 1s 1;
}
.ab2_show .slick-current .ad2_con .a_b {
animation:bs 1s; -webkit-animation: bs 1s 1;
}
.ts {
animation-name: ts; -webkit-animation-name: ts;
}
.bs {
animation-name: ls; -webkit-animation-name: ls;
}
.ad2_con .wordt {
left: 0px; position: absolute;
}
.ad2_con .wordt p {
height: 90px; color: rgb(255, 255, 255); line-height: 30px; overflow: hidden; font-size: 20px;
}
.ad2_con .time {
background: rgb(166, 166, 166); border-radius: 50%; left: 50%; width: 84px; height: 84px; text-align: center; color: rgb(255, 255, 255); line-height: 84px; font-size: 26px; margin-left: -42px; display: block; position: absolute;
}
.about2_b .slick-arrow {
background: none; border-radius: 50%; border: 1px solid rgb(255, 255, 255); transition:0.5s; border-image: none; top: 50%; width: 38px; height: 38px; font-size: 0px; margin-top: -19px; position: absolute; z-index: 99; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.about2_b .slick-prev {
left: -38px;
}
.about2_b .slick-prev::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 24px; content: "\e628"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.about2_b .slick-next {
right: -38px;
}
.about2_b .slick-next::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 24px; content: "\e642"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.about2_b .slick-arrow:hover {
background: rgb(121, 188, 20); border-color: rgb(121, 188, 20);
}
.about3 {
background: no-repeat center / cover; padding: 60px 0px 80px; height: 600px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.about3_b {
margin-top: 50px;
}
.about3_b_pic {
background: no-repeat center / cover; width: 384px; height: 324px;
}
.about3_b_word {
width: 55.33%; margin-top: 60px;
}
.about3_b_word h4 {
padding: 10px 0px; color: rgb(0, 0, 0); line-height: 50px; font-size: 30px; margin-bottom: 20px; border-bottom-color: rgb(226, 226, 227); border-bottom-width: 1px; border-bottom-style: solid;
}
.about3_b_word p {
color: rgb(51, 52, 52); line-height: 34px; font-size: 20px;
}
.about4 {
background: no-repeat center / cover; padding: 55px 0px 120px; height: 605px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.about4_t h4 {
color: rgb(255, 255, 255);
}
.about4_t h5 span {
color: rgb(255, 255, 255);
}
.about4_t h5 span::after {
background: rgb(255, 255, 255);
}
.about4_t h5 span::before {
background: rgb(255, 255, 255);
}
.about4_b {
margin-top: 30px;
}
.about4_b .ab4_con {
background: rgb(255, 255, 255); margin: 0px 20px; padding: 10px;
}
.about4_b .ab4_con a {
outline: 0px;
}
.about4_b .pic img {
width: 100%;
}
.about4_b .word {
padding: 10px; transition:0.5s; box-sizing: border-box; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.about4_b .word p {
text-align: center; color: rgb(0, 0, 0); line-height: 40px; font-size: 20px;
}
.about4_b .slick-arrow {
background: none; border-radius: 50%; border: 1px solid rgb(255, 255, 255); transition:0.5s; border-image: none; top: 50%; width: 38px; height: 38px; font-size: 0px; margin-top: -19px; position: absolute; z-index: 99; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.about4_b .slick-prev {
left: -45px;
}
.about4_b .slick-prev::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 24px; content: "\e628"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.about4_b .slick-next {
right: -45px;
}
.about4_b .slick-next::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 24px; content: "\e642"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.about4_b .slick-arrow:hover {
background: rgb(121, 188, 20); border-color: rgb(121, 188, 20);
}
.abt1 {
background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 101;
}
.abt1_con {
background: rgb(255, 255, 255); padding: 30px; border-radius: 10px; border: 7px solid rgb(121, 188, 20); border-image: none; left: 50%; top: 50%; width: 100%; overflow: hidden; position: absolute; max-height: 640px; max-width: 940px; box-sizing: border-box; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.abt1_cont h4 {
text-align: center; color: rgb(21, 25, 35); line-height: 44px; font-size: 24px;
}
.abt1_conb {
margin-top: 25px;
}
.abt1_conbl {
width: 100%;
}
.abt1_conbl img {
margin: 0px auto; width: 100%; display: block;
}
.abt1_conbl .word {
padding: 0px 10px;
}
.abt1_conbl .word p {
text-align: center; color: rgb(0, 0, 0); line-height: 40px; font-size: 20px;
}
.abt1_conbl .slick-arrow {
background: rgba(0, 0, 0, 0.5); transition:0.5s; top: 50%; width: 34px; height: 64px; font-size: 0px; margin-top: -32px; position: absolute; z-index: 99; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.abt1_conbl .slick-prev {
left: 0px;
}
.abt1_conbl .slick-prev::before {
transition:0.5s; color: rgb(152, 155, 155); font-family: iconfont; font-size: 28px; content: "\e628"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.abt1_conbl .slick-next {
right: 0px;
}
.abt1_conbl .slick-next::before {
transition:0.5s; color: rgb(152, 155, 155); font-family: iconfont; font-size: 28px; content: "\e642"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.abt1_conbl .slick-next:hover::before {
color: rgb(255, 255, 255);
}
.abt1_conbl .slick-prev:hover::before {
color: rgb(255, 255, 255);
}
.abt1_conbr {
padding: 44px 0px; width: 15.7%;
}
.abt1br_con {
margin: 5px 0px;
}
.abt1_conbr img {
margin: 0px auto; width: 100%; display: block;
}
.abt1_conbr .slick-arrow {
background: rgb(242, 242, 242); border: 1px solid rgb(229, 229, 229); transition:0.5s; border-image: none; left: auto; top: 0px; width: 100%; height: 34px; font-size: 0px; position: absolute; z-index: 99; cursor: pointer; box-sizing: border-box; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.abt1_conbr .slick-prev {
top: 0px;
}
.abt1_conbr .slick-prev::before {
transition:0.5s; color: rgb(152, 155, 155); font-family: iconfont; font-size: 28px; content: "\e61d"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.abt1_conbr .slick-next {
top: auto; bottom: 0px;
}
.abt1_conbr .slick-next::before {
transition:0.5s; color: rgb(152, 155, 155); font-family: iconfont; font-size: 28px; content: "\e654"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.abt1_conbr .slick-next:hover::before {
color: rgb(121, 188, 20);
}
.abt1_conbr .slick-prev:hover::before {
color: rgb(121, 188, 20);
}
.abt_clo {
top: 40px; right: 48px; color: rgb(204, 204, 204); font-size: 30px; font-weight: bold; position: absolute; cursor: pointer;
}
.about5 {
background: no-repeat center / cover; padding: 45px 0px 40px; height: 590px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.about5_t h4 {
color: rgb(255, 255, 255);
}
.about5_t h5 span {
color: rgb(255, 255, 255);
}
.about5_t h5 span::after {
background: rgb(255, 255, 255);
}
.about5_t h5 span::before {
background: rgb(255, 255, 255);
}
.about5_t ul {
margin-top: 30px;
}
.about5_t ul li {
margin: 0px 10px; vertical-align: top; display: inline-block;
}
.about5_t ul li a {
width: 120px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 18px; display: block; position: relative;
}
.about5_t ul li a:hover::after {
border-width: 6px; border-style: solid; border-color: rgb(121, 188, 20) transparent transparent; transition:0.6s; border-image: none; left: 50%; bottom: -12px; margin-left: -12px; position: absolute; content: ""; -webkit-transition: all .6s ease; -o-transition: all .6s ease;
}
.about5_t ul li.on a::after {
border-width: 6px; border-style: solid; border-color: rgb(121, 188, 20) transparent transparent; transition:0.6s; border-image: none; left: 50%; bottom: -12px; margin-left: -12px; position: absolute; content: ""; -webkit-transition: all .6s ease; -o-transition: all .6s ease;
}
.about5_t ul li.on a {
background: rgb(121, 188, 20);
}
.about5_t ul li a:hover {
background: rgb(121, 188, 20);
}
.about5_b > div {
display: none;
}
.about5_b_pic {
background: no-repeat center / cover; width: 388px; height: 388px; margin-top: -40px;
}
.about5_b_word {
width: 55.33%; margin-top: 80px;
}
.about5_b_word h4 {
padding: 8px 0px; color: rgb(245, 247, 249); line-height: 46px; font-size: 26px; margin-bottom: 12px; border-bottom-color: rgba(255, 255, 255, 0.3); border-bottom-width: 1px; border-bottom-style: solid;
}
.about5_b_word p {
height: 120px; color: rgb(255, 255, 255); line-height: 30px; overflow: hidden; font-size: 20px;
}
.ab5_con {
margin: 0px 12px;
}
.ab5_con .pic {
overflow: hidden; position: relative;
}
.ab5_con .pic img {
margin: 0px auto; transition:0.5s; width: 100%; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.ab5_con .word {
background: rgb(211, 246, 222); padding: 10px 15px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.ab5_con .word h4 {
color: rgb(0, 0, 0); line-height: 28px; font-size: 18px;
}
.ab5_con .word p {
color: rgb(71, 84, 75); line-height: 24px; font-size: 14px;
}
.ab5_con:hover .pic img {
transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);
}
.ab5_show {
margin-top: 50px;
}
.ab5_show .slick-arrow {
background: rgb(197, 197, 197); border-radius: 50%; transition:0.5s; top: 50%; width: 40px; height: 40px; font-size: 0px; margin-top: -20px; position: absolute; z-index: 99; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.ab5_show .slick-prev {
left: -45px;
}
.ab5_show .slick-prev::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 24px; content: "\e628"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.ab5_show .slick-next {
right: -45px;
}
.ab5_show .slick-next::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 24px; content: "\e642"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.ab5_show .slick-arrow:hover {
background: rgb(121, 188, 20);
}
.about6 {
padding: 40px 0px 62px;
}
.about6_b {
margin-top: 25px;
}
.ab6_show {
position: relative;
}
.ab6_con {
margin: 0px 15px;
}
.ab6_con a {
outline: 0px;
}
.ab6_con .pic img {
width: 100%;
}
.ab6_con .word {
background: rgb(249, 249, 249); padding: 15px 25px; transition:0.5s; box-sizing: border-box; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.ab6_con .word h4 {
color: rgb(22, 19, 19); line-height: 36px; font-size: 20px;
}
.ab6_con .word h5 {
color: rgb(194, 225, 204); line-height: 30px; font-size: 14px;
}
.ab6_con .word p {
height: 72px; color: rgb(43, 43, 43); line-height: 36px; overflow: hidden; font-size: 18px;
}
.ab6_con:hover .word {
background: rgb(211, 246, 222);
}
.ab6_show .slick-slide {
}
.ab6_show .slick-arrow {
background: rgb(197, 197, 197); border-radius: 50%; transition:0.5s; top: 50%; width: 40px; height: 40px; font-size: 0px; margin-top: -20px; position: absolute; z-index: 99; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.ab6_show .slick-prev {
left: -45px;
}
.ab6_show .slick-prev::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 24px; content: "\e628"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.ab6_show .slick-next {
right: -45px;
}
.ab6_show .slick-next::before {
transition:0.5s; color: rgb(255, 255, 255); font-family: iconfont; font-size: 24px; content: "\e642"; -webkit-transition: all .5s ease; -o-transition: all .5s ease;
}
.ab6_show .slick-arrow:hover {
background: rgb(121, 188, 20);
}
.mCSB_inside > .mCSB_container {
margin: 0px;
}
.mCSB_scrollTools .mCSB_draggerRail {
background: rgb(255, 255, 255); border-radius: 0px; width: 3px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: rgb(51, 139, 89); border-radius: 0px; width: 3px;
}
@media all and (max-width:1600px)
{
.layout {
padding: 0px 20px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;
}
}
@media all and (max-width:1460px)
{
.i4_show .slick-prev {
left: 0px;
}
.i4_show .slick-next {
right: 0px;
}
}
@media all and (max-width:1420px)
{
.nav li > a {
padding: 0px 10px; font-size: 15px;
}
}
@media all and (max-width:1300px)
{
.ab2_show .slick-arrow {
background: rgb(197, 197, 197); border-color: rgb(197, 197, 197);
}
.ab2_show .slick-prev {
left: 0px;
}
.ab2_show .slick-next {
right: 0px;
}
.about4_b .ab4_con {
margin: 0px 10px;
}
.about4_b .slick-arrow {
background: rgb(197, 197, 197); border-color: rgb(197, 197, 197);
}
.ab4_show .slick-prev {
left: 0px;
}
.ab4_show .slick-next {
right: 0px;
}
.ab5_show .slick-prev {
left: 0px;
}
.ab5_show .slick-next {
right: 0px;
}
.ab6_show .slick-prev {
left: 0px;
}
.ab6_show .slick-next {
right: 0px;
}
}
@media all and (max-width:1200px)
{
.layout1 {
padding: 0px 20px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;
}
.header {
height: 80px;
}
.logo {
line-height: 80px;
}
.logo img {
max-width: 60%;
}
.banners {
margin-top: 80px;
}
.banner {
margin-top: 80px;
}
.footer {
padding: 30px 0px 0px;
}
.f_c {
margin: 10px 0px; width: 100%; text-align: center; display: block;
}
.fewm {
margin: 10px 0px; width: 100%; text-align: center; display: block;
}
.flogo img {
max-width: 80%;
}
.f_c dl {
width: 100%; text-align: left; float: none;
}
.f_c dl dt {
padding: 15px 0px; line-height: 26px; font-size: 16px; margin-bottom: 0px; border-bottom-color: rgb(183, 183, 183); border-bottom-width: 1px; border-bottom-style: solid; position: relative; cursor: pointer;
}
.f_c dl dt::before {
transition:0.3s; right: 10px; font-family: "iconfont"; font-size: 14px; position: absolute; content: "\e654"; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;
}
.f_c dl.active dt::before {
transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);
}
.f_c dl dd {
display: none;
}
.copy p {
width: 100%; text-align: center; float: none;
}
.copy .f_link {
width: 100%; text-align: center; float: none;
}
.nav-skip {
padding: 0.5em 0px 0.4em; top: 50%; width: 2.4rem; height: 2.4rem; text-align: center; right: 20px; line-height: 1.9em; text-indent: 2.18em; font-size: 1.3rem; margin-top: -1.2rem; display: none; position: absolute; cursor: pointer; box-sizing: border-box;
}
.nav-skip span {
margin: 0px auto; top: 0.4em; position: relative; transition-duration: 0s; transition-delay: 0.2s; -webkit-transition-duration: 0s; -webkit-transition-delay: 0.2s;
}
.nav-skip span::before {
position: absolute; content: "";
}
.nav-skip span::after {
position: absolute; content: "";
}
.nav-skip span {
width: 1.3em; height: 2px; display: block; transition-duration: 0.2s; transition-delay: 0.2s, 0s; background-color: rgb(0, 0, 0); -webkit-transition-duration: 0.2s; -webkit-transition-delay: 0.2s, 0;
}
.nav-skip span::before {
width: 1.3em; height: 2px; display: block; transition-duration: 0.2s; transition-delay: 0.2s, 0s; background-color: rgb(0, 0, 0); -webkit-transition-duration: 0.2s; -webkit-transition-delay: 0.2s, 0;
}
.nav-skip span::after {
width: 1.3em; height: 2px; display: block; transition-duration: 0.2s; transition-delay: 0.2s, 0s; background-color: rgb(0, 0, 0); -webkit-transition-duration: 0.2s; -webkit-transition-delay: 0.2s, 0;
}
.nav-skip span::before {
top: -0.4em;
}
.nav-skip span::after {
top: 0.4em;
}
.nav-skip.toggled span {
transition-delay: 0s; background-color: rgba(0, 0, 0, 0) !important; -webkit-transition-delay: 0s;
}
.nav-skip.toggled span::before {
top: 0px; transition-delay: 0s, 0.2s; -webkit-transition-delay: 0, 0.2s;
}
.nav-skip.toggled span::after {
top: 0px; transition-delay: 0s, 0.2s; -webkit-transition-delay: 0, 0.2s;
}
.nav-skip.toggled span::before {
transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.nav-skip.toggled span::after {
transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.nav {
background: rgb(255, 255, 255); padding: 60px 3%; top: 0px; width: 270px; height: 100%; right: 0px; overflow: scroll; margin-top: 0px; float: none; position: fixed; z-index: 102; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.nav > ul {
float: none; display: block; -ms-overflow-x: hidden; min-height: 100%;
}
.nav li {
padding: 5px 0px; margin-left: 0px; float: none; position: relative;
}
.nav li a {
border-radius: 0px; text-align: left; line-height: 40px;
}
.nav-skip {
display: block;
}
.nav-bg {
background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 101;
}
.nav.close-nav {
transition:transform 430ms cubic-bezier(0.3, 0, 0, 1); transform: translate(600px, 0px); -webkit-transition: -webkit-transform 430ms cubic-bezier(.3, 0, 0, 1); -webkit-transform: translate(600px, 0);
}
.nav.open-nav {
transition:transform 430ms cubic-bezier(0.3, 0, 0, 1); transform: translate(0px, 0px) !important; -webkit-transition: -webkit-transform 430ms cubic-bezier(.3, 0, 0, 1); -webkit-transform: translate(0, 0);
}
.nav-skip.toggled {
top: 40px; right: 20px; position: fixed; z-index: 102;
}
.nav li .n_nav {
background: rgb(255, 255, 255); padding: 10px; margin-left: 0px; position: relative;
}
.r_nav li a {
margin-right: 20px;
}
.lx_t p span {
width: 32%; color: rgb(141, 141, 141); line-height: 26px; font-size: 14px; float: left;
}
.sj2_1con {
padding: 40px 0px; height: auto;
}
.sj2_1con .sj2_1dl {
margin: 10px 0px; width: 100%; float: none;
}
.sj2_1con .sj2_1dr {
margin: 10px 0px; width: 100%; float: none;
}
.sj2_1con .sj2_1dl .pp {
height: auto;
}
.sj2_1con .sj2_1dl p {
line-height: 28px; font-size: 15px;
}
.about4 {
height: auto;
}
}
@media all and (max-width:1000px)
{
.tab_con {
width: 95%;
}
.tab_b {
padding: 20px;
}
.tab_b h4 {
line-height: 32px; font-size: 16px;
}
.tab_b p {
line-height: 30px; font-size: 15px;
}
}
@media all and (max-width:992px)
{
.main {
padding: 30px 0px;
}
.rt.long {
text-align: center;
}
.rt.long p {
width: 100%; text-align: left; float: none;
}
.rt.long .r_nav {
width: 100%; text-align: left; float: none;
}
.rt.long .r_nav {
width: auto; vertical-align: top; display: inline-block;
}
.rt.long .r_nav li a {
padding: 0px 10px; width: auto; line-height: 40px; font-size: 14px; margin-right: 0px;
}
.lx_t p {
margin-bottom: 0px;
}
.lx_t p span {
width: 48%; font-size: 14px; margin-bottom: 20px; margin-left: 0px; float: left;
}
.lx_t p span:nth-child(2n) {
float: right;
}
.lx_t p span.i1 {
width: 48%;
}
.lx_t p span.i3 {
width: 48%;
}
.lx_t p span.i5 {
width: 48%;
}
.sj2 {
padding: 0px;
}
.sj1_con {
padding: 20px 0px;
}
.sj2_2con {
padding: 20px 0px;
}
.sj2_2con {
height: auto;
}
.new_con li .word {
padding: 15px;
}
.zp {
padding: 0px;
}
.zp_con1 {
padding: 0px;
}
.zp_con > .layout1 {
padding: 0px;
}
.zp_con1_l {
width: 100%; float: none;
}
.zp_con1_r {
width: 100%; float: none;
}
.zp_con1_r {
border-radius: 0px;
}
.zp_con1_r h4 {
font-size: 22px; margin-bottom: 10px;
}
.zp_con1_r {
height: auto;
}
.zp_con1 .zp_img {
display: none;
}
.zp_con2 h3 {
font-size: 22px;
}
.zp_con2 {
padding: 20px 0px 0px; height: auto;
}
.zp_con2 li:first-child span {
font-size: 15px;
}
.q_show span {
font-size: 15px;
}
.zc {
padding: 0px;
}
.zc1 {
padding: 40px 0px;
}
.pro2_con ul li {
width: 48%; margin-left: 0%;
}
.pro2_con ul li:nth-child(3n+1) {
margin-left: 0px;
}
.pro2_con ul li:nth-child(2n) {
float: right;
}
.pro2 .page {
padding-top: 20px;
}
.index1 {
padding: 40px 0px;
}
.i1b_b li {
width: 48%; margin-left: 0%; float: left;
}
.i1b_b li:nth-child(2n) {
float: right;
}
.index3 {
padding: 40px 0px;
}
.i3bl {
width: 100%; height: auto; float: none;
}
.i3br {
width: 100%; height: auto; float: none;
}
.i3bl h4 {
text-align: center; line-height: 44px; font-size: 20px;
}
.i3bl h4::before {
left: 50%; margin-left: -16px;
}
.i3bl p {
height: auto; line-height: 28px; font-size: 15px;
}
.i3bl a.more {
margin: 20px auto 0px;
}
.i3br {
height: 296px; margin-top: 30px;
}
.index4 {
padding: 40px 0px;
}
.i4b {
margin-top: 35px;
}
.about2 {
padding: 40px 0px; height: auto;
}
.about3 {
padding: 40px 0px; height: auto;
}
.about3_b {
margin-top: 20px;
}
.about3_b_pic {
display: none;
}
.about3_b_word {
width: 100%; margin-top: 0px;
}
.abt1_con {
padding: 20px; width: 95%; height: auto; max-height: none; max-width: 100%;
}
.abt1_conbl {
padding: 0px; width: 100%; float: none;
}
.abt1_conbr {
padding: 0px; width: 100%; float: none;
}
.abt1_conbr {
padding: 0px; margin-bottom: 20px;
}
.abt1br_con {
margin: 0px 10px;
}
.abt1_conbr .slick-arrow {
left: 0px; top: 50%; width: 30px; height: 30px; margin-top: -15px; position: absolute;
}
.abt1_conbr .slick-prev {
left: 10px; top: 50%;
}
.abt1_conbr .slick-prev::before {
font-size: 15px; content: "\e628";
}
.abt1_conbr .slick-next {
left: auto; top: 50%; right: 10px; bottom: auto;
}
.abt1_conbr .slick-next::before {
font-size: 15px; content: "\e642";
}
.about5 {
padding: 40px 0px; height: auto;
}
.ab5_con {
margin: 0px 5px;
}
.about5_b_pic {
margin: 20px auto 0px; float: none; display: block;
}
.about5_b_word {
width: 100%; margin-top: 40px; float: none;
}
}
@media all and (max-width:860px)
{
.zc1b li {
width: 48%; text-align: center; margin-bottom: 20px; margin-left: 0px; float: left;
}
.zc1b li:nth-child(2n) {
float: right;
}
.zc1b li a {
vertical-align: top; display: inline-block;
}
.zc1b li:first-child {
width: 100%;
}
.zc2 {
padding: 40px 0px;
}
.zc2 li .pic {
width: 100%; float: none;
}
.zc2 li .word {
width: 100%; float: none;
}
.zc2 li .word {
height: auto;
}
.about6 {
padding: 40px 0px;
}
.ab6_con .word {
padding: 10px 20px;
}
.ab6_con .word h4 {
line-height: 38px; font-size: 18px;
}
.ab6_con .word p {
height: 60px; line-height: 30px; overflow: hidden; font-size: 15px;
}
.ab6_show .slick-prev {
left: 0px;
}
.ab6_show .slick-next {
right: 0px;
}
}
@media all and (min-width:768px)
{
.rt.long .slick-track {
width: auto;
}
.rt.long li {
width: auto;
}
}
@media all and (max-width:768px)
{
.ewmimg {
margin: 0px; width: calc(50%);
}
.f_c dl dt {
padding: 10px 0px;
}
.copy p {
width: 100%; text-align: center; float: none;
}
.copy .f_link {
width: 100%; text-align: center; float: none;
}
.rt {
text-align: center;
}
.rt p {
width: 100%; text-align: left; float: none;
}
.rt .r_nav {
width: 100%; text-align: left; float: none;
}
.rt .r_nav {
width: auto; vertical-align: top; display: inline-block;
}
.rt .r_nav li a {
padding: 0px 10px; width: auto; text-align: center; line-height: 40px; font-size: 14px; margin-right: 0px;
}
.rt p a {
line-height: 50px; font-size: 15px;
}
.rt p em {
line-height: 50px; font-size: 15px;
}
.rt p span {
line-height: 50px; font-size: 15px;
}
.rt.long {
width: 100%;
}
.rt.long .r_nav {
width: 100%;
}
.link_con li {
padding: 3%; width: 48%; margin-bottom: 20px; margin-left: 0px;
}
.link_con li:nth-child(2n) {
float: right;
}
.link_con li .word p {
line-height: 25px; font-size: 15px;
}
.pro1_con h3 {
padding: 15px 0px;
}
.pro1_con li {
width: 48%; margin-left: 0px; float: left;
}
.pro1_con li:nth-child(2n) {
float: right;
}
.pro1_con li a {
padding: 3%;
}
.pro1_con li .word p {
line-height: 25px; font-size: 15px; margin-top: 15px;
}
.ab1_t h3 {
line-height: 40px; font-size: 20px;
}
.ab1_t p {
line-height: 34px; font-size: 14px;
}
.ab1_c p {
line-height: 30px; font-size: 15px;
}
.ab1_b {
padding: 20px 0px;
}
.ab1_b .ad1_bl {
width: 100%; float: none;
}
.ab1_b .ad1_br {
width: 100%; float: none;
}
.ab1_b .ad1_bl a {
line-height: 34px; font-size: 14px;
}
.ab1_b .ad1_br a {
margin-top: 10px;
}
.lx_t h3 {
padding: 5px 0px; line-height: 30px; font-size: 20px;
}
.lx_t p span {
width: 100%; margin-bottom: 20px; float: none;
}
.lx_t p span:nth-child(2n) {
float: none;
}
.lx_t p span.i1 {
width: 100%;
}
.lx_t p span.i3 {
width: 100%;
}
.lx_t p span.i5 {
width: 100%;
}
.map {
margin-top: 10px;
}
.sj1_cont h4 {
line-height: 40px; font-size: 20px;
}
.sj1_cont p {
line-height: 36px; font-size: 16px;
}
.sj1_tshow {
margin-bottom: 25px;
}
.sj1_tshow .slick-arrow {
width: 26px; height: 58px; margin-top: -29px; z-index: 99;
}
.sj1_tshow .slick-prev::before {
font-size: 16px;
}
.sj1_tshow .slick-next::before {
font-size: 16px;
}
.sj1_conb {
margin-top: 20px;
}
.sj1_conb h4 {
line-height: 40px; font-size: 20px;
}
.sj1_v .word p {
line-height: 36px; font-size: 16px;
}
.sj2_1con .sj2_1dr h3 {
line-height: 40px; font-size: 20px; margin-bottom: 0px;
}
.sj2_1con .sj2_1dr h4 {
line-height: 26px; font-size: 16px;
}
.sj2_2desc h3 {
line-height: 40px; font-size: 20px; margin-bottom: 0px;
}
.sj2_2desc h4 {
line-height: 26px; font-size: 16px;
}
.sj2_2desc {
margin: 0px auto; width: 100%;
}
.sj2_2desc_show {
margin-top: 20px;
}
.new_con li {
width: 48%; margin-left: 0px; float: left;
}
.new_con li:nth-child(2n+1) {
float: right;
}
.new_con li .word h4 {
line-height: 36px; font-size: 16px;
}
.new_con li .word h5 {
margin-bottom: 0px;
}
.new_con li .word p {
height: 48px; line-height: 24px; font-size: 14px;
}
.new_con .page {
padding-top: 10px;
}
.xt_con {
line-height: 50px;
}
.xt_con h3 span {
line-height: 50px; font-size: 24px;
}
.xt_con h3 span::before {
display: none;
}
.xt_con h3 span::after {
display: none;
}
.xt_desc {
padding: 15px;
}
.xt_desc h4 {
line-height: 36px;
}
.xt_desc li a {
line-height: 28px; font-size: 14px;
}
.q_show span {
width: 33.33%; line-height: 50px;
}
.q_show span:nth-child(3) {
display: none;
}
.q_show span:nth-child(5) {
display: none;
}
.zp_con1_l {
height: 260px;
}
.zp_con1_r {
padding: 30px; height: auto;
}
.zp_con1_r h4 {
margin-bottom: 0px;
}
.zp_con1_r p {
line-height: 28px; font-size: 14px;
}
.zp_con2 .page {
padding: 20px 0px;
}
.tab_t h3 {
padding: 0px 30px; font-size: 22px;
}
.tab_b p span {
width: 50%; padding-right: 2%; margin-left: 0px; float: left; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.zct h4 {
line-height: 40px; font-size: 24px;
}
.zct p span {
line-height: 30px; font-size: 16px;
}
.zc1b li {
width: 100%; margin-bottom: 20px; float: none;
}
.zc1b li:nth-child(2n) {
float: none;
}
.zc1b li a {
width: 100%; display: block;
}
.zc1b li .pic img {
width: 100%;
}
.zc1b li .word h4 {
text-align: left; font-size: 18px;
}
.zc2 li .word h4 {
font-size: 24px;
}
.zc2 li .word p {
height: 108px; line-height: 36px; font-size: 16px;
}
.pro2t {
margin-bottom: 30px;
}
.pro2t ul {
vertical-align: top; float: none; display: block;
}
.pro2t .p_search {
vertical-align: top; float: none; display: block;
}
.pro2t ul {
text-align: center;
}
.pro2t li {
float: none; display: inline-block;
}
.pro2t .p_search {
margin: 20px auto 0px;
}
.r_toggle {
right: 0px;
}
.rnavs {
right: 0px;
}
.rnavs.on {
right: 0px;
}
.it h5 {
font-size: 15px;
}
.it h4 span {
font-size: 20px;
}
.i1b_t li {
margin: 0px;
}
.i1b_t li a {
padding: 0px 20px; width: auto; font-size: 16px;
}
.i1b_b {
margin-top: 20px;
}
.i1b_b li {
width: 100%; height: auto; float: none;
}
.i1b_b li:nth-child(2) {
float: left;
}
.i1b_b li:nth-child(3) {
float: left;
}
.i1b_b li:nth-child(5) {
float: left;
}
.i1b_b li a {
padding: 5%; height: auto;
}
.i1b_b li.big a {
padding: 5%; height: auto;
}
.i1b_b li a .p_c {
margin: 0px auto; left: 0px; top: 0px; position: relative; transform: translate(0px, 0px); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.i1b_b li .word p {
font-size: 15px; margin-top: 5px;
}
.index2 {
padding: 40px 0px; height: auto;
}
.i2bl {
display: none;
}
.i2br {
width: 100%;
}
.i2br .i2br_con .word h4 {
font-size: 18px; margin-bottom: 0px;
}
.i2br .i2br_con .word p {
height: 48px; line-height: 24px; font-size: 14px;
}
.i3bl_show {
margin-top: 25px;
}
.i3bl_show .i3ls_con a {
padding: 25px 0px;
}
.about_t h4 {
line-height: 32px; font-size: 22px;
}
.about_t h5 span {
line-height: 28px; font-size: 18px;
}
.about1_b p {
line-height: 28px; font-size: 15px;
}
.ad2_con {
height: 280px;
}
.ad2_con .time {
width: 64px; height: 64px; line-height: 64px; font-size: 17px; margin-left: -32px;
}
.ad2_con .wordt p {
height: 90px; line-height: 30px; font-size: 16px;
}
.about3_b_word h4 {
line-height: 42px; font-size: 22px;
}
.about3_b_word p {
line-height: 30px; font-size: 15px;
}
.about4 {
padding: 40px 0px;
}
.about5_t ul li a {
width: 100px; font-size: 15px;
}
.about5_b_word h4 {
line-height: 40px; font-size: 20px; margin-bottom: 5px;
}
.about5_b_word p {
line-height: 28px; font-size: 15px;
}
}
@media all and (max-width:640px)
{
.page a {
margin: 0px 0px 8px;
}
.page a.prev {
margin-right: 0px;
}
.page a.next {
margin-left: 0px;
}
.q_show span {
font-size: 14px;
}
.zp_con1_r {
padding: 20px;
}
.zp_con1_r h4 {
font-size: 20px;
}
.tab_b p span {
padding: 0px; width: 100%; float: none;
}
.ab1_c .ad_img img {
margin: 10px 0px; width: 100%; float: none;
}
.pro2_con ul li {
width: 100%; float: none;
}
.pro2_con ul li:nth-child(2n) {
float: none;
}
.pro2_con li a {
padding: 5%; height: auto;
}
.pro2_con li.big a {
padding: 5%; height: auto;
}
.pro2_con li a .p_c {
margin: 0px auto; left: 0px; top: 0px; position: relative; transform: translate(0px, 0px); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.pro2_con li .word p {
font-size: 18px; margin-top: 0px;
}
.i2br .i2br_con {
width: 100%; height: auto; float: none;
}
.i2br .i2br_con .word {
padding: 4%; height: auto;
}
.about1 {
padding: 40px 0px 30px;
}
.about1_img {
margin-top: 0px;
}
.about1_img img {
margin: 10px 0px; width: 100%; float: none;
}
.ab5_con {
margin: 0px;
}
.ab6_con {
margin: 0px;
}
}
@media all and (max-width:480px)
{
.link_con li {
width: 100%; float: none;
}
.link_con li:nth-child(2n) {
float: none;
}
.pro1_con li {
width: 100%; float: none;
}
.pro1_con li:nth-child(2n) {
float: none;
}
.new_con li {
width: 100%; float: none;
}
.new_con li:nth-child(2n+1) {
float: none;
}
.pro2t li {
margin: 0px auto 10px;
}
.pro2t li a {
padding: 0px 14px; width: auto; font-size: 14px;
}
.pro2t .p_search {
margin-top: 10px;
}
.i1b_t li a {
padding: 0px 15px; border-radius: 35px; height: 35px; line-height: 35px; font-size: 14px;
}
}
@media all and (max-width:420px)
{
.rt .r_nav_ls {
width: 100%; overflow: hidden;
}
.rt .r_nav_ls .slick-track {
width: auto;
}
.rt .r_nav_ls li {
width: auto;
}
.rt .r_nav_ls li a {
width: 100%; text-align: center; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.i1b_t li a {
padding: 0px 10px; font-size: 12px;
}
.sj2_2desc_show .slick-prev {
left: 36%;
}
.sj2_2desc_show .slick-next {
right: 36%;
}
.about5_b_pic {
width: 308px; height: 308px;
}
}
@media all and (max-width:350px)
{
.about5_b_word h4 {
font-size: 16px;
}
}
@media all and (max-width:768px)
{
.tab_con {
height: 300px;
}
.tab_b ul {
height: 200px;
}
}
.cover {
background: url("images/video.png") no-repeat center rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2;
}
.aB a {
color: rgb(204, 204, 204);
}