@charset "utf-8"; /* CSS Document */ body{ margin:0px; padding:0px; border:0px; font-family:Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; color:#555555; font-size:14px; width:100%; background:#ffffff; } body.on{ overflow: hidden;} input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; -webkit-tap-highlight-color: transparent; outline: none;} a:hover{ text-decoration:none; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} *{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/ li{ list-style:none;} .clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;} .clear{zoom: 1;}/* 触发 hasLayout */ img{ vertical-align: middle;} input:focus{ outline: none;}/*去除按钮选中的高亮标签*/ textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/ button:focus{ outline: none;}/*去除按钮选中的高亮标签*/ select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/ img{vertical-align: middle;} div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;} input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px;} input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;} textarea::-webkit-input-placeholder{color:#999999; font-size:15px; font-family:Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;} .search input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#89a4d5; font-size:13px;} .search input::-webkit-input-placeholder{ /* WebKit browsers */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;} video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } .mo_down{ height:0px; overflow:hidden} .mo_down.on{ height:auto;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } .fl{ float:left;} .fr{ float:right;} /*渐变从左向右*/ .jianbian2{ height: 200px; background: -webkit-linear-gradient(to right,blue, yellow); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to right,blue, yellow); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(to right,blue, yellow); /* Firefox 3.6 - 15 */ background: linear-gradient(to right,white, yellow); /* 标准的语法(必须放在最后) */ } /*黑白照片*/ .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .gray:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; } /*圆角5px*/ .radius5{ -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } /*圆角10px*/ .radius10{ -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } /*图片变大*/ .tra{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } .tra:hover{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } /*透明度50%*/ .opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;} .shadow1{ -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; } .shadow2{transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow2:hover{ -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } /*投影*/ .shadow5{ transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow7{ transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow7:hover{ -webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow1_1{ -webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow5:hover{ -webkit-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -moz-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -ms-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -o-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow8{ -webkit-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -moz-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -ms-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -o-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .shadow6{ -webkit-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -moz-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -ms-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -o-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } /*投影*/ .shadow10{ -webkit-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -moz-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -ms-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -o-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; } /*图片居中*/ .center{ -webkit-align-items: center; display: -webkit-flex; -webkit-justify-content: star; } /*图片居中2*/ .vertical{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-moz-flex; display:-ms-flexbox; display:flex; /* 水平居中*/ -webkit-box-align:center; -moz-box-align:center; -ms-flex-pack:center; /* IE 10 */ -webkit-justify-content:center; -moz-justify-content:center; justify-content:center; /* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/ /* 垂直居中 */ -webkit-box-pack:center; -ms-flex-align:center; -moz-box-pack:center; /* IE 10 */ -webkit-align-items:center; -moz-align-items:center; align-items:center; } /*图片翻转*/ .flip{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .flip:hover{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; cursor:pointer; } .noscroll{ overflow: hidden; } .bd_weixin_popup{ width:280px !important; height:345px !important; position:fixed !important; top:30% !important; left:0% !important; right:0% !important; margin:0 auto} .quan{ width: 100%;} .mo_top{ width:100%; display:none; position:fixed; top: 0; z-index: 100;} .mo_top .mot{ width:100%; padding:0 2%; height:50px; background:#fff;box-shadow: 0px 0px 16px rgba(0,0,0,.2);} .mo_top .mot .molo{ float:left; display:inline-block; height:30px; margin:10px 0;} .mo_top .mot .molo img{ height:30px;} .mo_top .mot .momenuicon{ float:right; height:16px; margin:17px 0;} .mo_top .mot .cloesicon{ display:none;} .mo_top .moxl{ left:-100%; top:50px; background:rgba(50,123,246,0.5); position:absolute; z-index:99; width:100%; transition:all ease 0.3s;} .mo_top .moxl_box{ width:60%; background:#327bf6; height:100%; padding-bottom: 50px;} .mo_top .moxl .moxl_xun{ width:100%; float:left; position:relative;} .mo_top .moxl .moxl_xun .moxl_xun_icon{ width:100%; height:0px; position:absolute; padding-right:10px;} .mo_top .moxl .moxl_xun .moxl_xun_icon img{ float:right; height:10px; margin:20px 0;} .mo_top .moxl .moxl_xun .moxl_xun_icon img.moxl_xun_img2{ display:none; width:10px; height:7px} .mo_top .moxl .moxl_xun .moxl_xun_title{ width:100%; padding-left:10px; display:inline-block; line-height:35px; font-size:14px; color:#fff;} .mo_top .moxl .moxl_xun .moxl_erji{ width:100%; overflow:hidden; display:none} .mo_top .moxl .moxl_xun .moxl_erji a{ width:100%; padding-left:20px; height:30px; line-height:30px; font-size:12px; color:#fff; display:inline-block; float:left;} .mo_bottom{ width:100%; background:#da251c; display:none; margin-top:20px; position:fixed; bottom:0; z-index:20;} .mo_bottom .mo_bottom_nei{ width:96%; margin:0 auto; height:50px;} .mo_bottom .mo_bottom_nei .mo_lj_font{ padding-top:5px;} .mo_lj{ color:#fff; padding:10px 0; text-align:center; font-size:13px; width:25%;} .mo_yc{ width:100%; height:80px; display:none;} .mo_lj div i{ font-size: 20px;} .banner{ height: 750px;} .banner .slider .item{ display:inline-block; position: relative;} .banner .slick-dots li button:before{ display:none;} .banner .slick-dots li.slick-active button{ background:#fff;} .banner .slick-dots li{ width:53px; height:3px; } .banner .slick-dots li button{ width:100%; background:rgba(255,255,255,.4); padding:0px; height:100%;} .banner .slick-dots{ bottom:4%;} .banner .banner_content .banner_content_list{ outline: none;} .banner .banner_content .banner_content_list .content_list_img{ display: block;} .pc_all .pc_all_contnet{ max-width: 1460px; margin: 0 auto;} .pc_top{ width: 100%; position: fixed; top: 0; left: 0; z-index: 180; border-bottom: 1px solid rgba(255,255,255,.14); transition: all 0.5s ease;} .pc_top.stick{ background: #fff; transition: all 0.5s ease; border-bottom: 1px solid #eeeeee; box-shadow:0px 0px 20px rgba(0,0,0,.35);} .pc_top.stick .pc_top_right .top_right_nav .right_nav_list .nav_list_title{ color:#333;} .pc_top.stick .pc_top_right .top_right_mum a{ color:#333;} .pc_top.stick .pc_top_right .top_right_mum span{ color: rgba(0,0,0,.4);} .pc_top .pc_all_contnet{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 93px;} .pc_top .pc_top_right{ display: flex; align-items: center;} .pc_top .pc_top_right .top_right_nav{ display: flex; align-items: center;} .pc_top .pc_top_right .top_right_nav .right_nav_list{ position: relative; width: 82px;margin-right: 50px;} .pc_top .pc_top_right .top_right_nav .right_nav_list .nav_list_title{ font-size: 16px; color: #fff; width:100%; text-align: center; height: 93px; display: flex; align-items: center; justify-content: center;} .pc_top .pc_top_right .top_right_nav .right_nav_list::before{ content: ""; position: absolute; display: inline-block; bottom: -1px; height: 2px; width: 0%; background: #fff; left: 0; right: 0; margin: 0 auto; transition: all 0.5s ease; opacity: 0;} .pc_top .pc_top_right .top_right_nav .right_nav_list:hover::before{ width: 100%; transition: all 0.5s ease; opacity: 1;} .pc_top .pc_top_right .top_right_nav .right_nav_list:last-child{ margin-right: 0px;} .pc_top .pc_top_right .top_right_nav .right_nav_list .nav_list_down{ display:none; position:absolute; left:-56px; top:100%; background:rgba(0,0,0,.3); width:200px;} .pc_top .pc_top_right .top_right_nav .right_nav_list:nth-child(3) .nav_list_down{ width:280px; left:-90px;} .pc_top .pc_top_right .top_right_nav .right_nav_list:hover .nav_list_down{ display:block;} .pc_top .pc_top_right .top_right_nav .right_nav_list .nav_list_down a{ font-size:14px; height:38px; color:#fff; width:100%; display:flex; align-items:center; justify-content:center;} .pc_top .pc_top_right .top_right_nav .right_nav_list .nav_list_down a:hover{ background:#008744;} .pc_top .pc_top_right .top_right_mum{ display: flex; align-items: center; margin-left: 56px;} .pc_top .pc_top_right .top_right_mum img{ margin-right: 13px;} .pc_top .pc_top_right .top_right_mum a{ font-size: 16px; color: #fff;} .pc_top .pc_top_right .top_right_mum span{ color: rgba(255,255,255,.4); font-size: 18px; display: flex; margin: 0px 5px;} .pc_top_company{ position: absolute; top: 96px; left: 0; z-index: 5; background: rgba(18,104,182,.6); width: 100%; padding-left: 32px; height: 34px; color: #fff; font-size: 15px; display: flex; align-items: center;} .IndexDistribution{ background: url(../images/bg1.jpg) no-repeat 50% 0%; padding: 73px 0px;} .IndexDistribution .pc_all_contnet{ overflow:hidden;} .IndexDistribution .IndexDistribution_title{ text-align: center; margin-bottom: 55px;} .IndexDistribution .IndexDistribution_title dd{ font-size: 32px; color: #fff; font-weight: bolder;} .IndexDistribution .IndexDistribution_title dd span{ font-size: 32px; margin: 0px 12px; position: relative;} .IndexDistribution .IndexDistribution_title dt{ font-size: 14px; color: #fff; text-transform: uppercase; margin-top: 15px; line-height:26px;} .IndexDistribution .IndexDistribution_txt{ display: flex; box-shadow: 0px 0px 27px rgba(0,0,0,.15);} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list{ width: 33.33%; height: 310px; display: flex; flex-direction: column; justify-content: center; padding-left: 60px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list.on{ width: 57%;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list:nth-child(1){ background: url(../images/bg2.jpg) no-repeat 0% 50%;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list:nth-child(2){ background: url(../images/bg3.jpg) no-repeat 0% 50%;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list:nth-child(3){ background: url(../images/bg4.jpg) no-repeat 0% 50%;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list:hover{ transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list .txt_list_title{ font-size: 24px; color: #333333; padding-bottom: 25px; margin-bottom: 35px; position: relative;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list .txt_list_title::before{ content: ""; position: absolute; display: inline-block; width: 148px; height: 1px; background: #d3d3d3; bottom: 0; left: 0;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list .txt_list_title::after{ content: ""; position: absolute; display: inline-block; width: 48px; height: 1px; background: #777777; bottom: 0; left: 0;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list .txt_list_txt{ line-height: 26px; color: #444444; font-size: 14px; width: 258px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list .txt_list_more{ margin-top: 15px;} .IAdvantage{ background: #fff; padding-top: 0px;} .IAdvantage .IndexDistribution_title dd{ color: #444444;} .IAdvantage .IndexDistribution_title dt{ color: #555555;} .IAdvantage .IAdvantage_content{ display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .IAdvantage .IAdvantage_content .IAdvantage_content_list{ position: relative; cursor: pointer; width: 32%; box-shadow:0px 0px 16px rgba(0,106,53,.2); border-radius:10px; overflow:hidden; display: inline-block;} .IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_img img{ width: 100%; opacity:0; transition: all 0.5s ease;} .IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #ffffff; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; transition: all 0.5s ease; right:0; margin:0 auto; padding:0px 8%; padding-top:6%;} .IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt dd i{ font-size: 60px; color: #008744; position: relative; transition: all 0.5s ease;} .IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt dd i::before{ content: ""; position: absolute; display: inline-block; width: 40px; height: 1px; background: #c8c8c8; right: -70px; bottom: 20px;} .IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt dd i::after{ content: ""; position: absolute; display: inline-block; width: 40px; height: 1px; background: #c8c8c8; left: -70px; bottom: 20px;} .IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt dt{ font-size: 20px; color: #008744; font-weight: bolder; margin: 20px 0px; margin-top: 15px; transition: all 0.5s ease;} .IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt .list_txt_p{ font-size: 14px; color: #666666; line-height: 28px; transition: all 0.5s ease;text-align: left;} .IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt .list_txt_icon{ margin-top:34px; opacity:1; transition: all 0.5s ease;} .IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt .list_txt_icon{ opacity:0; transition: all 0.5s ease;} .IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_img img{ opacity:1; transition: all 0.5s ease;} .IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt .list_txt_p b{ color: #008744; transition: all 0.5s ease;} .IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt{ background: rgba(0,39,20,.56); transition: all 0.5s ease;} .IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt dd i{ color: #fff; transition: all 0.5s ease;} .IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt dt{ color: #fff; transition: all 0.5s ease;} .IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt .list_txt_p{ color: #fff; transition: all 0.5s ease;} .IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt .list_txt_p b{ color: #fff; transition: all 0.5s ease;} .IAbout{ background: url(../images/bg8.jpg) no-repeat 50%/cover; padding: 80px 0px;} .IAbout .pc_all_contnet{ height:517px;} .IAbout .IAbout_title dd{ font-size: 31px; color: #333333;} .IAbout .IAbout_title dt{ display: flex; align-items: center; margin: 30px 0px;} .IAbout .IAbout_title dt a{ font-size: 16px; color: #444444; display: flex; height: 36px; align-items: center; padding: 0px 20px;} .IAbout .IAbout_title dt a:hover{ color: #fff; background: #008744;} .IAbout .IAbout_title dt a.on{ color: #fff; background: #008744;} .IAbout .IAbout_txt{ width: 50%; margin-bottom: 40px;} .IAbout .IAbout_txt .IAbout_txt_list dd{ line-height: 26px; color: #444444; font-size: 14px; /**/ text-align: justify;} .IAbout .IAbout_txt .IAbout_txt_list a{ font-size: 16px; color: #008744; display: flex; align-items: center; margin-top: 20px;} .IAbout .IAbout_txt .IAbout_txt_list a i{ margin-left: 8px; font-size: 20px;} .IAbout .IAbout_bottom{ display: flex; align-items: center; width: 50%;} .IAbout .IAbout_bottom .IAbout_bottom_list{ display: flex; align-items: center; background: #fff; width: 33.33%; margin-right: 20px; flex-direction: row; justify-content: space-between; padding: 0px 20px; height: 117px;} .IAbout .IAbout_bottom .IAbout_bottom_list:last-child{ margin-right: 0px;} .IAbout .IAbout_bottom .IAbout_bottom_list .bottom_list_left dd{ font-size: 20px; color: #008744; position: relative; padding-bottom: 15px; margin-bottom: 15px; transition: all 0.5s ease;} .IAbout .IAbout_bottom .IAbout_bottom_list .bottom_list_left dd::before{ content: ""; position: absolute; bottom: 0px; left: 0; display: inline-block; width: 43px; height: 1px; background: #c3c3c3; transition: all 0.5s ease;} .IAbout .IAbout_bottom .IAbout_bottom_list .bottom_list_left dt{ font-size: 16px; color: #666666; transition: all 0.5s ease;} .IAbout .IAbout_bottom .IAbout_bottom_list .bottom_list_icon{ font-size: 60px; color: #008744; transition: all 0.5s ease;} .IAbout .IAbout_bottom .IAbout_bottom_list:nth-child(2) .bottom_list_icon span{ display: flex; -webkit-transform: rotate(-44deg); -moz-transform: rotate(-44deg); -ms-transform: rotate(-44deg); -o-transform: rotate(-44deg); transform: rotate(-44deg); } .IAbout .IAbout_bottom .IAbout_bottom_list:hover{ background: #008744;} .IAbout .IAbout_bottom .IAbout_bottom_list:hover .bottom_list_left dd{ color: #fff; transition: all 0.5s ease;} .IAbout .IAbout_bottom .IAbout_bottom_list:hover .bottom_list_left dd::before{ background: #fff; transition: all 0.5s ease;} .IAbout .IAbout_bottom .IAbout_bottom_list:hover .bottom_list_left dt{ color: #fff; transition: all 0.5s ease;} .IAbout .IAbout_bottom .IAbout_bottom_list:hover .bottom_list_icon{ color: #fff; transition: all 0.5s ease;} .rows{display:none} .INews{ background: #fff; padding: 75px 0px; position: relative;} .INews::before{ content: ""; display: inline-block; background: #f7f7f7; height: 596px; background: #f7f7f7; width: 50%; right: 0; top: 172px; position: absolute;} .INews .INews_content{ position: relative; z-index: 5;} .INews .INews_content .INews_left{ width: 37%;} .INews .INews_content .INews_left .INews_left_list{ display: flex; align-items: center; background: #f7f7f7; border: 1px solid #e6e6e6; padding: 35px 0px; margin-bottom: 16px;} .INews .INews_content .INews_left .INews_left_list:hover{ box-shadow: 0px 0px 27px rgba(0,0,0,.16); background: #fff;} .INews .INews_content .INews_left .INews_left_list:hover .left_list_right dd{ color: #008744;} .INews .INews_content .INews_left .INews_left_list:hover .left_list_right dt{ color: #008744;} .INews .INews_content .INews_left .INews_left_list:last-child{ margin-bottom: 0px;} .INews .INews_content .INews_left .INews_left_list .left_list_time{ width: 25%; text-align: center;} .INews .INews_content .INews_left .INews_left_list .left_list_time dd{ font-size: 40px; color: #008744; font-weight: bolder;} .INews .INews_content .INews_left .INews_left_list .left_list_time dt{ font-weight: bolder; color: #444444; font-size: 16px;} .INews .INews_content .INews_left .INews_left_list .left_list_right{ width: 75%; position: relative; padding: 0px 35px;} .INews .INews_content .INews_left .INews_left_list .left_list_right::before{ content: ""; position: absolute; left: 0; height: 100%; width: 1px; background: #d6d6d6; top: 0;} .INews .INews_content .INews_left .INews_left_list .left_list_right dd{ font-size: 18px; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .INews .INews_content .INews_left .INews_left_list .left_list_right p{ color: #666666; line-height: 26px; text-align: justify; margin: 10px 0px; display: -webkit-box; height:52px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .INews .INews_content .INews_left .INews_left_list .left_list_right dt{ font-size: 14px; color: #888888; display: flex; align-items: center;} .INews .INews_content .INews_left .INews_left_list .left_list_right dt i{ font-size: 20px; margin-right: 10px;} .INews .INews_content .INews_right{ width: 60%; background: #f7f7f7; padding: 60px 70px; padding-right: 114px; padding-bottom: 42px;} .INews .INews_content .INews_right a{ display: inline-block; width: 100%;} .INews .INews_content .INews_right a:hover .INews_right_txt dd{ color: #008744; transition: all 0.5s ease;} .INews .INews_content .INews_right a:hover .INews_right_txt dt{ color: #008744; transition: all 0.5s ease;} .INews .INews_content .INews_right a .INews_right_img img{ width: 100%; height: 347px; object-fit: cover;} .INews .INews_content .INews_right a .INews_right_txt{ padding-top: 30px;} .INews .INews_content .INews_right a .INews_right_txt dd{ font-size: 18px; color: #333333; transition: all 0.5s ease; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .INews .INews_content .INews_right a .INews_right_txt p{ color: #666666; line-height: 26px; text-align: justify; margin: 10px 0px; display: -webkit-box; height:52px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .INews .INews_content .INews_right a .INews_right_txt dt{ font-size: 14px; color: #888888; display: flex; align-items: center; transition: all 0.5s ease;} .INews .INews_content .INews_right a .INews_right_txt dt i{ font-size: 20px; margin-right: 10px;} .Partner{ background: #f8f8f8; padding-top: 70px;} .Partner .Partner_content{ display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .Partner .Partner_content .Partner_content_list{ width: 15.66%; margin-right: 1%; height: 80px; display: flex; align-items: center;justify-content: center; border: 1px solid #eeeeee; background: #fff; margin-bottom: 1%;} .Partner .Partner_content .Partner_content_list:nth-child(6n){ margin-right: 0px;} .Partner .Partner_content .Partner_content_list img{ max-width: 100%;} .footer{ background: url(../images/bg11.jpg) no-repeat 50%/cover; padding: 55px 0px;} .footer .pc_all_contnet{ display: flex; align-items: center; flex-direction: row; justify-content: space-between;} .footer .footer_left{ width:43%;} .footer .footer_left .footer_left_top{ background: url(../images/bn15.png) no-repeat 0% 50%; padding-left: 73px; margin-bottom: 30px;} .footer .footer_left .footer_left_top dd{ font-size: 22px; color: #fff; margin-bottom: 10px;} .footer .footer_left .footer_left_top dt{ font-size: 16px; color: #fff; font-family: "BEBAS";} .footer .footer_left .footer_left_bottom p{ font-size: 14px; color: #bad9c2; margin-bottom: 12px;} .footer .footer_left .footer_left_bottom p:last-child{ margin-bottom: 0px;} .footer .footer_left .footer_left_bottom p img{ margin-right: 15px;} .footer .footer_center{ display: flex; align-items: center; justify-content: space-between;} .footer .footer_center .footer_center_top{ display: flex; align-items: center;} .footer .footer_center .footer_center_top .center_top_li{ font-size: 14px; color: #fff; display: flex; align-items: center;} .footer .footer_center .footer_center_top .center_top_li dt{ width: 14px; margin-left: 10px;} .footer .footer_center .footer_center_top .center_top_li:last-child{ margin-left: 50px;} .footer .footer_center .footer_center_bottom{ margin-top: 13px; line-height: 23px;} .footer .footer_center .footer_center_bottom p{ font-size: 14px; color: #fff;} .footer .footer_cright .footer_cright_top a{ margin-right: 13px;} .footer .footer_cright .footer_cright_bottom{ line-height: 26px; margin-top: 10px;} .footer .footer_cright .footer_cright_bottom a{ font-size: 14px; color: #bad9c2; margin-right: 10px;} .footer .footer_cright .footer_cright_bottom p{ font-size: 14px; color: #bad9c2;} .DetailsBanner{ position: relative;} .DetailsBanner .DetailsBanner_img img{ width: 100%; height: 600px; object-fit: cover;} .DetailsBanner .DetailsBanner_txt{ width: 1460px; position: absolute; top: 7%; left: 0; right: 0; margin: 0 auto; height: 100%; flex-direction: column; justify-content: center; display: flex;} .DetailsBanner .DetailsBanner_txt dd{ font-size: 38px; color: #fff; font-weight: bolder; margin-bottom: 15px;} .DetailsBanner .DetailsBanner_txt dt{ font-size: 28px; color: rgba(255,255,255,.7); font-weight: bolder; text-transform: uppercase; padding-bottom: 40px; margin-bottom: 20px; position: relative;} .DetailsBanner .DetailsBanner_txt dt::before{ content: ""; position: absolute; display: inline-block; width: 56px; height: 2px; background: #fff; left: 0; bottom: 0; background: #fff;} .DetailsBanner .DetailsBanner_txt p{ line-height: 30px; color: #fff; font-size: 14px; width: 477px;} .about{ padding-top: 84px;} .about .about_title{ text-align: center; margin-bottom: 60px;} .about .about_title dd{ font-size: 32px; color: #444444; font-weight: bolder; margin-bottom: 15px;} .about .about_title dt{ font-size: 16px; color: #555555; text-transform: uppercase;} .about .about_content{ display: flex; align-items: flex-start; flex-direction: row; justify-content: space-between; padding-bottom: 115px; background: url(../images/bn22.png) no-repeat 0% 94%;} .about .about_content .about_content_left{ display: flex; flex-direction: column; height: 400px; background: url(../images/bg14.jpg) no-repeat 50%/cover; justify-content: center; text-align: left; padding: 0px 65px; width: 61%; position: relative;} .about .about_content .about_content_left::before{ content: ""; position: absolute; display: inline-block; width: 61px; height: 48px; background: url(../images/bn21.png) no-repeat 50% 50%; right: 34px; top: 44px;} .about .about_content .about_content_left dd{ font-size: 24px; color: #008744; position: relative; padding-bottom: 40px; margin-bottom: 20px;} .about .about_content .about_content_left dd::before{ content: ""; display: inline-block; width: 56px; height: 2px; background: #999999; position: absolute;; bottom: 0; left: 0;} .about .about_content .about_content_left dt{ font-size: 14px; color: #555555; line-height: 30px;} .about .about_content .about_content_right{ width: 37%; position: relative;} .about .about_content .about_content_right .content_right_img img{ width: 100%; height:464px; object-fit:cover;} .about .about_content .about_content_right .content_right_bottom{ display: flex; align-items: center; height: 196px; align-items: center; box-shadow: 0px 0px 21px rgba(0,0,0,.17); width: 925px; position: absolute; right: 0; bottom: -107px; background: #fff;} .about .about_content .about_content_right .content_right_bottom .right_bottom_list{ width: 25%; text-align: center; position: relative;} .about .about_content .about_content_right .content_right_bottom .right_bottom_list::before{ content: ""; display: inline-block; height: 100px; width: 1px; background: #dbdbdb; position: absolute; right: 0;} .about .about_content .about_content_right .content_right_bottom .right_bottom_list:last-child::before{ display: none;} .about .about_content .about_content_right .content_right_bottom .right_bottom_list dd{ font-size: 18px; color: #008744;} .about .about_content .about_content_right .content_right_bottom .right_bottom_list dd b{ font-size: 48px; font-family: "Bebas"; margin-right:8px; font-weight: normal;} .about .about_content .about_content_right .content_right_bottom .right_bottom_list dt{ font-size: 14px; color: #888888; margin-top: 15px;} .History{ position: relative; margin-bottom: 85px;} .History::before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: #d4d4d4; position: absolute; top: 57%; transform: translateY(-50%);} .History .History_content .History_content_list{ outline: none; position:relative;} .History .History_content .History_content_list .content_list_title{ height:557px; margin-bottom:0px; display:flex; align-items:flex-end; position:relative;} .History .History_content .History_content_list .content_list_title .list_title_c{ background: #f6f6f6; padding: 22px 40px; position: relative;} .History .History_content .History_content_list .content_list_title::before{ content: ""; display: inline-block; width: 19px; height: 76px; background: url(../images/bn26.png) no-repeat 50% 50%; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -53px;} .History .History_content .History_content_list:nth-child(2n) .content_list_title::before{ bottom: inherit; top: -50px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .History .History_content .History_content_list .content_list_title dd{ font-size: 18px; color: #008744; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dcdcdc; position: relative; padding-left: 24px; display:flex; align-items:center;} .History .History_content .History_content_list .content_list_title dd::before{ content: ""; position: absolute; display: inline-block; width: 5px; height: 22px; background: #008744;left: 0; top: calc(50% - 6px); transform: translateY(-50%); } .History .History_content .History_content_list .content_list_title dt{ font-size: 14px; color: #777777; line-height: 26px; height:auto;} .History .History_content .History_content_list .content_list_icon{ font-size: 18px; color: #555555; text-align: center; height:557px; margin-top:61px;} .History .History_content .History_content_list .content_list_icon dd { height:93px; display:flex; align-items:center; justify-content:center;} .History .History_content .History_content_list .content_list_icon dd img{ max-height:93px;} .History .History_content .History_content_list .content_list_icon dt{ margin-top: 12px;} .History .History_content .History_content_list:nth-child(2n) .content_list_title{ margin-bottom: 0px; margin-top:0px;} .History .History_content .History_content_list:nth-child(2n) .content_list_icon{ display:flex; align-items:center; flex-direction:column; justify-content:flex-end; margin-top:0px; margin-bottom:81px;} .History .History_content .History_content_list:nth-child(2n) .content_list_title{ align-items: flex-start;} .History .History_content .History_content_list:nth-child(2n){;} .History .slick-prev::before,.History .slick-next::before{ display: none;} .History .slick-prev,.History .slick-next{ width: 45px; height: 45px; top:47%; border-radius:100%; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .History .slick-prev{ background: #008744 url(../images/bn27.png) no-repeat 50% 50%;} .History .slick-next{ background: #008744 url(../images/bn28.png) no-repeat 50% 50%;} .slick-prev.slick-disabled, .slick-next.slick-disabled{ opacity:.5; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .AMessage{ display: flex; background: #f6f6f6;} .AMessage .AMessage_left{ width:50%;} .AMessage .AMessage_left img{ width:100%; height:616px; object-fit:cover;} .AMessage .AMessage_right{ padding-bottom: 0px; width:50%; display:flex; justify-content:center; flex-direction:column; padding: 0px 55px;} .AMessage .AMessage_right .AMessage_right_title dd{ font-size: 32px; color: #444444; font-weight: bolder;} .AMessage .AMessage_right .AMessage_right_title dt{ color: #555555; font-size: 16px; text-transform: uppercase; margin-top: 18px;} .AMessage .AMessage_right .AMessage_right_txt{ margin-top: 30px;} .AMessage .AMessage_right .AMessage_right_txt dd p{ line-height: 24px; color: #666666; font-size: 14px; text-align: justify; margin-bottom:10px; } .AMessage .AMessage_right .AMessage_right_txt dt{ font-size: 16px; color: #333333; display: flex; align-items: center; justify-content: flex-end; margin-top: 40px;} .AMessage .AMessage_right .AMessage_right_txt dt img{ margin-left: 10px;} .Culture{ background: url(../images/bn33.png) no-repeat 80% 50%; padding-bottom: 100px;} .Culture .Culture_content{ display: flex; align-items: flex-start; flex-direction:row; justify-content:space-between;} .Culture .Culture_content .Culture_content_list{ text-align: left; padding: 107px 33px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; width:28%;} .Culture .Culture_content .Culture_content_list:last-child{ margin-right: 0px;} .Culture .Culture_content .Culture_content_list:hover{ box-shadow: 0px 0px 84px rgba(46,85,32,.16); background: #fff;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; cursor: pointer;} .Culture .Culture_content .Culture_content_list dd{ text-align:center; line-height:93px;} .Culture .Culture_content .Culture_content_list dd img{ max-height:93px;} .Culture .Culture_content .Culture_content_list dt{ font-size: 22px; color: #171717; margin-top: 54px; margin-bottom: 30px;} .Culture .Culture_content .Culture_content_list p{ font-size: 14px; color: #555555; line-height: 30px; text-align: left;} .member{ padding-bottom: 100px;} .member .member_top{ text-align: center; margin-bottom: 95px;} .member .member_top img{ max-width:100%;} .member .member_bottom .member_bottom_list{ display: flex; align-items: flex-start; background: #f6f6f6; margin-bottom: 40px; padding:40px;} .member .member_bottom .member_bottom_list:last-child{ margin-bottom: 0px;} .member .member_bottom .member_bottom_list .bottom_list_img{ width:42%;} .member .member_bottom .member_bottom_list .bottom_list_img img{ width:100%; height:324px; object-fit:cover;} .member .member_bottom .member_bottom_list .bottom_list_txt{ padding: 0px 55px; width:58%; padding-right:0px;} .member .member_bottom .member_bottom_list .bottom_list_txt dd{ font-size: 18px; color: #1d1d1d; margin-bottom: 30px; position: relative; display: flex; align-items: center;} .member .member_bottom .member_bottom_list .bottom_list_txt dd::before{ content: ""; display: inline-block; width: 4px; height: 24px; background: #008744; margin-right: 20px;} .member .member_bottom .member_bottom_list .bottom_list_txt dt{ font-size: 14px; color: #555555; line-height: 26px;} .member .member_bottom .member_bottom_list .bottom_list_txt dt p{ text-align: justify; } .system{ padding: 75px 0px;} .system .pc_all_contnet{ display: flex; align-items: center; flex-direction: row; justify-content: space-between; padding-right: 70px;} .system .pc_all_contnet .system_left{ width:48%;} .system .pc_all_contnet .system_left img{ max-width:100%;} .system .pc_all_contnet .system_right{ position: relative; padding-top: 55px; width: 52%;} .system .pc_all_contnet .system_right::before{ content: ""; position: absolute; display: inline-block; width: 38px; height: 3px; background: #008744; top: 0;} .system .pc_all_contnet .system_right .system_right_title dd{ font-size: 32px; color: #444444; font-weight: bolder;} .system .pc_all_contnet .system_right .system_right_title dt{ font-size: 16px; color: #555555; text-transform: uppercase; margin-top: 20px;} .system .pc_all_contnet .system_right .system_right_txt{ margin-top: 60px;} .system .pc_all_contnet .system_right .system_right_txt p{ line-height: 30px; color: #555555; font-size: 14px; text-align: justify;} .system2{ padding: 80px 0px; background: #f5f5f5;} .system2 .pc_all_contnet{ display: flex; align-items: flex-start; flex-direction: row; justify-content: space-between; padding-right: 70px;} .system2 .system2_right{ margin-left: 65px;} .system2 .system2_right dd{ color: #444444; font-size: 32px; position: relative; padding-bottom: 25px; margin-bottom: 50px;} .system2 .system2_right dd::before{ content: ""; position: absolute; display: inline-block; width: 238px; height: 2px; background: url(../images/bn36.png) no-repeat 50% 50%; bottom: 0;} .system2 .system2_right dd span{ font-size: 16px; text-transform: uppercase; margin-left: 25px;} .system2 .system2_right dt{ line-height: 30px; color: #666666; font-size: 14px; text-align: justify;} .system3{ background: #fff;} .system3 .system2_right{ margin-right: 65px; margin-left: 0px;} .honor{ background: url(../images/bg23.jpg) no-repeat 50%/cover; padding-bottom: 130px;} .honor .honor_content{ position: relative; padding-bottom: 60px;} .honor .honor_content::before{ content: ""; position: absolute; left: 34.3%; height: 100%; background: #cbcbcb; width: 1px;} .honor .honor_content .honor_content_list{ display: flex; justify-content: center; align-items: center; padding: 6px 0px; padding-left: 183px;} .honor .honor_content .honor_content_list.on .content_list_time{ opacity: 0;} .honor .honor_content .honor_content_list .content_list_time{ font-size: 14px; color: #555555; margin-right: 110px;} .honor .honor_content .honor_content_list .content_list_time span{ font-size: 38px; color: #008744; margin-right: 10px;} .honor .honor_content .honor_content_list .content_list_right{ width: 70%; } .honor .honor_content .honor_content_list .content_list_right p{ font-size: 16px; color: #555555; line-height: 30px; position:relative; padding-left:60px;} .honor .honor_content .honor_content_list .content_list_right p::before{ content: ""; display: flex; width: 38px; height: 17px; background: url(../images/bn37.png) no-repeat 50%; margin-right: 20px; position: relative; z-index: 5; position:absolute; left:0; top:8px;} .Business{ padding: 72px 0px;} .Business .about_title{ margin-bottom: 45px;} .Business .Business_content{ padding: 0px 50px;} .Business .Business_content .Business_content_list{ outline: none; display: flex; align-items: center; height: 375px; margin: 0px 8px; justify-content: center;} .Business .Business_content .Business_content_list img{ box-shadow: 0px 0px 15px rgba(0,0,0,.20); max-width: 100%;} .Business .slick-prev:before,.Business .slick-next:before{ display: none;} .Business .slick-prev,.Business .slick-next{ width: 22px; height: 39px;} .Business .slick-prev{ background: url(../images/bn39.png) no-repeat 50% 50%; left: 0px;} .Business .slick-next{ background: url(../images/bn40.png) no-repeat 50% 50%; right: 0px;} .news{ padding: 90px 0px;} .news .pc_all_contnet{ display: flex; justify-content: space-between; flex-direction: row;} .news .news_left{ width: 18%;} .news .news_left a{ display: flex; width: 100%; height: 36px; font-size: 14px; color: #4e4e4e; border-top: 2px solid #e4e4e4; align-items: center;} .news .news_left a.on{ background: #008744; color: #fff; border-top: 2px solid #008744; padding-left: 20px;} .news .news_left a:hover{ background: #008744; color: #fff; border-top: 2px solid #008744; padding-left: 20px;} .news .news_left a:last-child{ border-bottom: 2px solid #e4e4e4;} .news .news_right{ width: 70%;} .news .news_right .news_right_title{ font-size: 28px; color: #444444; margin-bottom: 30px;} .news .news_right .news_right_content{ margin-bottom: 57px;} .news .news_right .news_right_content .right_content_list{ display: inline-block; width: 100%; padding: 40px 50px; background: #f5f5f5; margin-bottom: 10px;} .news .news_right .news_right_content .right_content_list dd{ font-size: 14px; color: #008744; font-weight: bolder; margin-bottom: 13px;} .news .news_right .news_right_content .right_content_list dt{ font-size: 16px; color: #444444; font-weight: bolder; margin-bottom: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news .news_right .news_right_content .right_content_list p{ font-size: 14px; color: #777777; line-height: 26px; margin-bottom: 20px; display: -webkit-box; text-align: justify; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news .news_right .news_right_content .right_content_list .content_list_more{ font-size: 14px; color: #008744;} .news .news_right .news_right_content .right_content_list:hover{ background: #008744;} .news .news_right .news_right_content .right_content_list:hover dd{ color: #fff;} .news .news_right .news_right_content .right_content_list:hover dt{ color: #fff;} .news .news_right .news_right_content .right_content_list:hover p{ color: #fff;} .news .news_right .news_right_content .right_content_list:hover .content_list_more{ color: #fff;} .page{ display: flex; align-items: center; justify-content: center;} .page li a{ height: 42px; display: flex; align-items: center; justify-content: center; background: #f2f2f2; color: #666666; margin-right: 15px; border: 1px solid #e5e5e5; font-size: 13px; color: #333333; border: 1px solid #cfcfcf; padding: 0px 16px;} .page li:last-child a{ margin-right: 0px;} .page li.active a{ background: #008744; color: #fff; border: 1px solid #008744;} .page li:hover a{ background: #008744; color: #fff; border: 1px solid #008744;} .page li a i{ font-size: 18px;} .news_details .news_details_title{ margin-bottom: 35px;} .news_details .news_details_title dd{ font-size: 28px; color: #444444; font-weight: bolder;} .news_details .news_details_title dt{ font-size: 16px; color: #555555; margin-top: 15px;} .news_details .news_details_txt p{ line-height: 1.5; color: #777777; font-size: 14px; margin-bottom: 15px; } .news_details .news_details_bottom a{ font-size: 16px; color: #008744; border-bottom: 2px solid #008744; padding-bottom: 5px;} .Investor .news_right .news_right_content .right_content_list{ background: none; border: 2px solid #f1f1f1; margin-bottom: -2px; padding: 25px 40px;} .contact{ background: #fff; position:relative;} .contact:before{ content:""; position:absolute; display:inline-block; width:44%; background:#ebeff0; top:0; left:0; height:100%;} .contact .pc_all_contnet{ position:relative; z-index:50;} .contact .contact_left{ padding: 100px 0px; width: 50%;} .contact .contact_left .contact_left_list{ margin-bottom: 50px; width: 70%;} .contact .contact_left .contact_left_list:last-child{ margin-bottom: 0px;} .contact .contact_left .contact_left_list .left_list_title{ font-size: 28px; color: #008744; font-weight: bolder; padding-bottom: 30px; border-bottom: 2px solid #cbcccd; margin-bottom: 27px;} .contact .contact_left .contact_left_list .left_list_content .list_content_li{ margin-bottom: 23px;} .contact .contact_left .contact_left_list .left_list_content .list_content_li:last-child{ margin-bottom: 0px;} .contact .contact_left .contact_left_list .left_list_content .list_content_li dd{ font-weight: bolder; color: #555555; font-size: 16px; margin-bottom: 5px;} .contact .contact_left .contact_left_list .left_list_content .list_content_li dt{ line-height: 22px; color: #555555; font-size: 14px;} .contact .contact_right{ width: 50%; padding-top: 100px;} .contact .contact_right .contact_right_list{ margin-bottom: 35px;} .contact .contact_right .contact_right_list dd{ font-size: 16px; color: #555555; font-weight: bolder; margin-bottom: 15px;} .contact .contact_right .contact_right_list dd span{ margin-left: 5px; font-size: 16px; color: #c60000;} .contact .contact_right .contact_right_list dt input{ width: 100%; height: 43px; border: 2px solid #cbcccd; padding: 0px 18px;} .contact .contact_right .contact_right_list dt select{ height: 47px; background: #ebefef; width: 100%; padding: 0px 15px; font-size: 16px; color: #555555;} .contact .contact_right .contact_right_list dt textarea{ height: 222px; border: 2px solid #cbcccd; width: 100%; resize: none; padding: 15px; line-height: 26px; font-family: "微软雅黑";} .contact .contact_right .contact_right_submit{ display: flex; align-items: center; justify-content: space-between; flex-direction: row;} .contact .contact_right .contact_right_submit div{ display:flex; align-items:center;} .contact .contact_right .contact_right_submit div input{ border:1px solid #dcdcdc; width:150px; height:44px; display:flex; align-items:center; justify-content:center; font-size:16px; color:#333; padding:0px 30px; margin-right:20px;} .contact .contact_right .contact_right_submit div img{ max-width:170px; cursor:pointer; border:1px solid #dcdcdc;} .contact .contact_right .contact_right_submit dd input{ width: 110px; height: 38px; display: flex; align-items: center; background: #008744; color: #fff; font-weight: bolder; font-size: 16px; justify-content: center; cursor: pointer;} .contact .contact_right .contact_right_submit dt{ font-size: 14px; color: #888888;} .contact .contact_right .contact_right_submit dt span{ font-size: 16px; color: #c60000; font-weight: bolder;} .join{ padding: 45px 0px;} .join .pc_all_contnet{ background: #f6f6f6; padding: 36px 80px;} .join .about_title dt{ text-transform: none;} .join .join_content .join_content_list{ display: flex; align-items: center; background: #fff; padding: 55px 0px; flex-direction: row; justify-content: space-between; margin-bottom: 10px;} .join .join_content .join_content_list .content_list_left{ position: relative; display: flex; width:80%;} .join .join_content .join_content_list .content_list_left .list_left_dd{ position: relative; width:20%; text-align:center; margin-right: 8%;} .join .join_content .join_content_list .content_list_left .list_left_dd dd{ font-size: 24px; color: #444444;} .join .join_content .join_content_list .content_list_left .list_left_dd dt{ font-size: 14px; color: #999999; font-weight: bolder; margin-top: 10px; margin-bottom: 15px;} .join .join_content .join_content_list .content_list_left .list_left_dd p{ font-size: 14px; color: #999999; line-height: 25px;} .join .join_content .join_content_list .content_list_left .list_left_dd::before{ content: ""; position: absolute; display: inline-block; width: 1px; height: 100%; background: #d8d8d8; right: 0;} .join .join_content .join_content_list .content_list_left .list_left_dt{ width:72%;} .join .join_content .join_content_list .content_list_left .list_left_dt dd{ font-size: 16px; color: #777777; margin-bottom: 15px;} .join .join_content .join_content_list .content_list_left .list_left_dt dt{ line-height: 26px; color: #777777; font-size: 14px;} .join .join_content .join_content_list .content_list_left .list_left_dt div{ margin-bottom: 20px;} .join .join_content .join_content_list .content_list_left .list_left_dt div:last-child{ margin-bottom: 0px;} .join .join_content .join_content_list .content_list_right{ display: flex; align-items:center;} .join .join_content .join_content_list .content_list_right dd{ margin-right: 60px;} .join .join_content .join_content_list .content_list_right a{ margin-right: -20px; display: flex;} .Battery{ padding: 80px 0px; overflow:hidden; position:relative;} .Battery:before{ content:""; position:absolute; display:inline-block; width:11%; background:rgba(255,255,255,.5); position:absolute; height:100%; right:0; top:0; z-index:19; background: linear-gradient(to left,rgba(255,255,255,1), rgba(255,255,255,.1));} .Battery:after{ content:""; position:absolute; display:inline-block; width:11%; background:rgba(255,255,255,.5); position:absolute; height:100%; left:0; top:0; z-index:19; background: linear-gradient(to right,rgba(255,255,255,1), rgba(255,255,255,.1));} .Battery .Battery_content .slick-list{ overflow:inherit;} .Battery .Battery_content .Battery_content_list{ position: relative; width: 32%; outline: none; margin: 0px 12px; cursor: pointer;} .Battery .Battery_content .Battery_content_list .content_list_img img{ width: 100%;} .Battery .Battery_content .Battery_content_list .content_list_hover{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0px 28px; opacity: 1; transition: all 0.5s ease 0s;} .Battery .Battery_content .Battery_content_list .content_list_hover .content_list_title{ text-align: center;} .Battery .Battery_content .Battery_content_list .content_list_hover .content_list_title dd{ font-size: 28px; color: #fff; font-weight: bolder;} .Battery .Battery_content .Battery_content_list .content_list_hover .content_list_title dt{ font-size: 18px; color: #fff; margin-top: 12px; text-transform: uppercase;} .Battery .Battery_content .Battery_content_list .content_list_hover .content_list_txt{ background: rgba(255,255,255,.45); line-height: 26px; color: #222222; font-size: 14px; padding: 44px 40px; margin-top: 30px;} .Battery .Battery_content .Battery_content_list .content_list_hover .content_list_button{ margin-top: 28px;} .Battery .Battery_content .Battery_content_list .content_list_hover .content_list_button a{ display: flex; min-width: 103px; height: 31px; align-items: center;; justify-content: center; border: 2px solid #fff; border-radius: 100px; font-size: 14px; color: #fff; padding:0px 20px;} .Battery .Battery_content .Battery_content_list .content_list_tab{ position: absolute; top: 0; left: 0; background: rgba(0,135,68,.56); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; opacity: 0;transition: all 0.5s ease 0s;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_title{ text-align: center;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_title dd{ font-size: 28px; color: #fff; font-weight: bolder;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_title dt{ font-size: 20px; color: #fff; font-weight: bolder; text-transform: uppercase;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_txt{border-top: 2px solid #fff; margin-top: 22px; width:80%;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_txt table{ width:100%;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_txt table tr td{ padding:5px 0px; font-size:14px; color:#fff; border:1px solid #fff; text-align:center;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_txt .tab_txt_list{ display: flex; align-items: center; justify-content: space-between; flex-direction: row; height: 30px; border-bottom: 1px solid #fff; padding: 0px 20px;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_txt .tab_txt_list:last-child{ border-bottom: 2px solid #fff;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_txt .tab_txt_list dd{ color: #fff; font-size: 14px; margin-right: 44px;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_txt .tab_txt_list dd:last-child{ margin-right: 0px;} .Battery .Battery_content .Battery_content_list:hover .content_list_tab{ transition: all 0.5s ease 0s; opacity: 1;} .Battery .Battery_content .Battery_content_list:hover .content_list_hover{ transition: all 0.5s ease 0s; opacity: 0;} .Battery .slick-prev::before,.Battery .slick-next::before{ color: #fff; font-size: 28px;} .Battery .slick-prev,.Battery .slick-next{ width: 66px; height: 66px; background: #adadad; border-radius: 100%; transition: all 0.5s ease 0s; z-index:80;} .Battery .slick-prev{ left: 0px;} .Battery .slick-next{ right: 0px;} .Battery .slick-prev:hover,.Battery .slick-next:hover{ background: #448f6a; transition: all 0.5s ease 0s;} .Industrial{ background: #f5f5f5; padding: 80px 0px;} .Industrial .Industrial_content{ display: flex; align-items: center; flex-direction: row; justify-content: space-between;} .Industrial .Industrial_content .Industrial_content_list{ display: inline-block; width: 100%; margin:0px 15px;} .Industrial .Industrial_content .Industrial_content_list:hover dd img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); filter: scale(1.1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } .Industrial .Industrial_content .Industrial_content_list dd{ overflow:hidden;} .Industrial .Industrial_content .Industrial_content_list dd img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } .Industrial .Industrial_content .Industrial_content_list dt{ font-size: 22px; color: #444444; text-align: center; margin-top: 30px;} .Build .Build_content img{ max-width:100%;} .zhlycp .slick-dots li button:before{ font-size:33px; color:#009944;} .Project{ padding: 80px 0px;} .Project .Project_content{ display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .Project .Project_content .Project_content_list{ width: 32%; background: #fff; box-shadow: 0px 0px 84px rgba(46,85,32,.16); text-align: center; padding: 50px; margin-bottom: 32px; transition: all 0.5s ease 0s; cursor:pointer; position:relative;} .Project .Project_content .Project_content_list:before{ content:""; display:inline-block; position:absolute; right:0; top:0; width:2px; height:0%; background:#008744;transition: all 0.5s ease 0s;} .Project .Project_content .Project_content_list:after{ content:""; display:inline-block; position:absolute; right:0; top:0; width:0px; height:2px; background:#008744;transition: all 0.5s ease 0s;} .Project .Project_content .Project_content_list dt:before{ content:""; display:inline-block; position:absolute; left:0; bottom:0; width:2px; height:0%; background:#008744;transition: all 0.5s ease 0s;} .Project .Project_content .Project_content_list dt:after{ content:""; display:inline-block; position:absolute; left:0; bottom:0; width:0px; height:2px; background:#008744;transition: all 0.5s ease 0s;} .Project .Project_content .Project_content_list:hover:before{ height:100%;transition: all 0.5s ease 0s;} .Project .Project_content .Project_content_list:hover:after{ width:100%;transition: all 0.5s ease 0s;} .Project .Project_content .Project_content_list:hover dt:before{ height:100%;transition: all 0.5s ease 0s;} .Project .Project_content .Project_content_list:hover dt:after{ width:100%;transition: all 0.5s ease 0s;} .Project .Project_content .Project_content_list dd{ display: flex; align-items: center; justify-content: center;} .Project .Project_content .Project_content_list dd img{ margin: 0px 33px;} .Project .Project_content .Project_content_list dd::before{ content: ""; display: flex; width: 40px; height: 1px; background: #c8c8c8;} .Project .Project_content .Project_content_list dd::after{ content: ""; display: flex; width: 40px; height: 1px; background: #c8c8c8;} .Project .Project_content .Project_content_list dt{ font-size: 20px; color: #008744; font-weight: bolder; margin-top: 8px; margin-bottom: 15px;} .Project .Project_content .Project_content_list p{ font-size: 14px; color: #555555; line-height: 30px; text-align:left;} .zhlycp{ background: #fff;} .zhlycp .zhlycp_top{ font-size: 14px; color: #666666; line-height: 26px; text-align: left; padding: 0px 143px; margin-bottom: 50px;} .Industrial .Industrial_content .Industrial_content_list dt{ text-align: left; white-space: 801z60; border-bottom: 1px solid #008744; height: 67px; display: flex;align-items: center; margin-top: 0px; font-size: 18px;} ..Industrial .Industrial_content .Industrial_content_list dt .Industrial_content .Industrial_content_list dt{ text-align: left;} .Process .Process_content{ display: flex; align-items: center; flex-direction: row; justify-content: space-between;} .Process .Process_content .Process_content_list{ width: 18.5%; background: #fff; display: flex; height: 280px; flex-direction: column; justify-content: center; align-items: center; transition: all 0.5s ease; cursor:pointer;} .Process .Process_content .Process_content_list:hover{ box-shadow:0px 0px 15px rgba(0,0,0,.1); transition: all 0.5s ease;} .Process .Process_content .Process_content_list dt{ line-height: 25px; color: #666666; font-size: 16px; padding: 0px 37px; text-align: left; margin-top: 20px; margin-bottom: 13px;} .Process .Process_content .Process_content_list p span{ display: flex; width: 28px; height: 28px; border-radius: 100%; align-items: center; justify-content: center; background: #008744; color: #fff;} .Treatment{ background: #fff; padding: 85px 0px;} .Treatment .Treatment_content{ display: flex; align-items: center; justify-content: space-between; padding-left: 100px;} .Treatment .Treatment_content .Treatment_content_left{ margin-right: 80px;} .Treatment .Treatment_content .Treatment_content_left .content_left_li{ text-align: center; margin-bottom: 70px;} .Treatment .Treatment_content .Treatment_content_left .content_left_li:last-child{ margin-bottom: 0px;} .Treatment .Treatment_content .Treatment_content_left .content_left_li dd{ font-size: 80px; color: #008744; position: relative;} .Treatment .Treatment_content .Treatment_content_left .content_left_li dd span{ font-size: 12px;} .Treatment .Treatment_content .Treatment_content_left .content_left_li dd i{ font-style: normal; font-size: 44px; position: absolute;} .Treatment .Treatment_content .Treatment_content_left .content_left_li dt{ font-size: 18px; color: #666666;} .Treatment .Treatment_content .Treatment_content_left .content_left_li dt span{ color: #008744;} .Treatment .Treatment_content .Treatment_content_center{ width: 589px; height: 598px; border: 2px solid #457d55; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: relative;} .Treatment .Treatment_content .Treatment_content_center .content_center_img{ width: 493px; height: 493px !important; border-radius: 100%; overflow: hidden; border: 2px solid #e0e0e0;} .Treatment .Treatment_content .Treatment_content_center .content_center_icon{ position: absolute; width: 100%; height: 100%; text-align: center; top: -10px; left: -10px;} .Treatment .Treatment_content .Treatment_content_center .content_center_icon img{ -webkit-animation: inlinerbg 1.2s infinite linear; animation: inlinerbg 1.2s infinite linear; } .Treatment .Treatment_bottom{ font-size:16px; text-align:center; margin-top:45px; color:#333;} @keyframes inlinerbg { 0% { -webkit-transform:translate(5px,-9px); transform: translate(5px,-9px); } 50% { -webkit-transform: translate(0,0); transform: translate(0,0); } 100%{ -webkit-transform:translate(5px,-9px); transform: translate(5px,-9px); } } .Treatment .Treatment_content .Treatment_content_right{ width: 342px; height:593px;} .Treatment .Treatment_content .Treatment_content_right a{ background: #f5f5f5; margin-bottom: 2px; font-size: 14px; color: #444444; padding-left: 26px; display:inline-block; width:100%; position:relative;} .Treatment .Treatment_content .Treatment_content_right a dd{ height: 49px; padding-top:10px; font-weight:bolder;} .Treatment .Treatment_content .Treatment_content_right a.on{ color: #fff; background: linear-gradient(to right, #73c08b 25%,#3a7e55 100%); position: relative; z-index: 5; box-shadow: 0px 10px 38px rgba(74,82,77,.5); } .Treatment .Treatment_content .Treatment_content_right a:hover{ color: #fff; background: linear-gradient(to right, #73c08b 25%,#3a7e55 100%); position: relative; z-index: 5; box-shadow: 0px 10px 38px rgba(74,82,77,.5); } .Treatment .Treatment_content .Treatment_content_right a dt{ color:#fff; font-size:13px; padding-right:13px; opacity:0; max-height:0px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .Treatment .Treatment_content .Treatment_content_right a.on dt{ display:block; max-height:49px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; opacity:1; padding-bottom:15px;} @media screen and (max-width:1460px){ .pc_all .pc_all_contnet{ max-width:1200px;} .DetailsBanner .DetailsBanner_txt{ width:1200px;} .system .pc_all_contnet .system_left{ width:43%;} .AMessage .AMessage_right{ padding:65px;} .Culture .Culture_content .Culture_content_list{ padding:60px 45px; margin-right:20px;} .IAbout .IAbout_txt,.IAbout .IAbout_bottom{ width: 60%;} .Partner .Partner_content .Partner_content_list{ padding: 0px 15px;} .Treatment .Treatment_content .Treatment_content_right{ width:290px;} .Treatment .Treatment_content .Treatment_content_center .content_center_icon img{ max-width:100%;} .Treatment .Treatment_content .Treatment_content_center{ width:535px; height:535px;} .Treatment .Treatment_content .Treatment_content_center .content_center_icon{ top:0; left:0;} .Treatment .Treatment_content .Treatment_content_center .content_center_img{ position:relative; z-index:50;} .Treatment .Treatment_content .Treatment_content_left{ margin-right:0px;} .Treatment .Treatment_content .Treatment_content_left .content_left_li dd{ font-size:60px;} .Treatment .Treatment_content{} .Battery .slick-prev{ left:0px;} .Battery .slick-next{ right:0px;} .join .pc_all_contnet{ padding:30px 60px;} .join .join_content .join_content_list .content_list_right dd{ margin-right:30px;} .about .about_content .about_content_left{ padding:0px 75px;} .Process .Process_content .Process_content_list dt{ font-size:15px; line-height:24px; padding:0px 22px;} .History .slick-prev,.History .slick-next{ top:50%;} .History .History_content .History_content_list .content_list_icon dd{ height:93px; line-height:93px;} .History .History_content .History_content_list .content_list_icon dd img{ max-height:93px;} .History .History_content .History_content_list:nth-child(2n){ margin-top:170px;} .History .History_content .History_content_list .content_list_title::before{ bottom:-77px;} .IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt .list_txt_icon{ margin-top:14px;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_txt table tr td{ font-size:12px;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_title dd,.Battery .Battery_content .Battery_content_list .content_list_hover .content_list_title dd{ font-size:18px;} .footer .footer_left .footer_left_top{ background-size: 52px; padding-left:64px;} .footer .footer_left .footer_left_top dd{ font-size:16px;} } .pc_s{ display:block;} .mo_s{ display:none;} @media screen and (max-width:1200px){ .pc_s{ display:none;} .mo_s{ display:block;} .pc_all .pc_all_contnet,.solution .solution_content,.mw1620 .mw1620_content{ width: 96% !important; margin: 0 auto;height:auto; overflow: hidden;} .pc_top{ display: none;} .mo_footer{ display:block;} .mo_top{display: block;} .mo_height{ height: 50px;} .slick-dots li{ width: 10px !important; height: 1px !important; margin: 0px 4px !important;} img{ max-width: 100%;} .hight,.pc_top_company,.banner .banner_txt,.buildnum{ display: none;} .footer{ padding: 22px 0px;} .footer .footer_left,.footer .footer_center{ display: none;} .footer .footer_cright .footer_cright_bottom{ margin-top: 0px;} .footer .footer_cright .footer_cright_bottom p{ text-align: center;} .banner .slick-dots{ bottom: 4%; width: 100%; left: 0;} .banner .slick-dots li{ width: 12px; height: 17px; margin: 0px 2px;} .banner .slick-dots li.slick-active{ border:0px;} .banner .slick-dots li.slick-active button:before{ opacity:1;} .banner .slick-dots li button{ width:100%; height:auto; height: 1px; padding:0px;} .banner .slick-dots li button:before{ position: relative; left: 0px; top: 0px; font-size:24px; width:100%; height:auto; line-height:2px; opacity:.5;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list.on{ width:100%;} .IndexDistribution .IndexDistribution_title dd span{ font-size:16px; margin:0px 6px;} .Treatment .Treatment_content .Treatment_content_right{ height:auto;} .Battery:before,.Battery:after{ display:none;} .IndexDistribution{ padding: 33px 0px; background: url(../images/bg1.jpg) no-repeat 50%/cover;} .IndexDistribution .IndexDistribution_title{ margin-bottom: 33px;} .IndexDistribution .IndexDistribution_title dd{ font-size: 18px;} .IndexDistribution .IndexDistribution_title dt{ font-size: 13px; margin-top: 10px;} .IndexDistribution .IndexDistribution_txt{ display: block;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list{ width: 100%; height: auto; padding: 20px; margin-bottom: 20px;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list:last-child{ margin-bottom: 0px;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list:hover{ width: 100%;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list .txt_list_title{ font-size: 16px; margin-bottom: 13px; padding-bottom: 13px;} .IndexDistribution .IndexDistribution_txt .IndexDistribution_txt_list .txt_list_txt{ width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .IAdvantage{ background: #f7f7f7;} .IAdvantage .IAdvantage_content{ display: block;} .IAdvantage .IAdvantage_content .IAdvantage_content_list{ width: 100%; margin-bottom: 25px; border: 0px;} .IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt{ padding: 30px;} .IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt dt{ font-size: 18px; margin: 12px 0px;} .IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt dd i{ font-size: 45px;} .IAbout{ padding: 33px 0px;} .IAbout .IAbout_txt, .IAbout .IAbout_bottom{ width: 100%;} .IAbout .IAbout_title dd{ font-size: 20px; text-align: center;} .IAbout .IAbout_title dt{ display: block; margin: 15px 0px; text-align: center;} .IAbout .IAbout_title dt a{ font-size: 15px; text-align: center; height: 45px; justify-content: center; width: 70%; margin: 0 auto;} .IAbout .IAbout_bottom{ display: block;} .IAbout .IAbout_bottom .IAbout_bottom_list{ width: 100%; margin-bottom: 15px;} .IAbout .IAbout_bottom .IAbout_bottom_list .bottom_list_left dd{ font-size: 18px; padding-bottom: 10px; margin-bottom: 10px;} .IAbout .IAbout_bottom .IAbout_bottom_list .bottom_list_left dt{ font-size: 14px;} .IAbout .IAbout_bottom .IAbout_bottom_list .bottom_list_icon{ font-size: 45px;} .INews .INews_content .INews_left,.INews .INews_content .INews_right{ width: 100%;} .INews .INews_content .INews_right{ padding: 0px; margin-top: 25px;} .INews .INews_content .INews_right a .INews_right_img img{ height: auto;} .INews .INews_content .INews_left .INews_left_list .left_list_right dd{ font-size: 16px;} .INews .INews_content .INews_right a .INews_right_txt dd{ font-size: 16px;} .INews .INews_content .INews_right a .INews_right_txt{ padding-top: 20px;} .Partner{ background: #fff;} .Partner .Partner_content .Partner_content_list{ width: 32%; margin-right: 0px; margin-right: 2%; margin-bottom: 2%;} .Partner .Partner_content .Partner_content_list:nth-child(3n){ margin-right: 0px;} .DetailsBanner .DetailsBanner_txt{ width:100%; padding:0px 8%; top:0px;} .DetailsBanner .DetailsBanner_txt dd{ font-size:18px; margin-bottom:8px;} .DetailsBanner .DetailsBanner_txt dt{ font-size:14px; margin-bottom:15px; padding-bottom:20px;} .DetailsBanner .DetailsBanner_img img{ height:auto;} .DetailsBanner .DetailsBanner_txt p{ display:none;} .about{ padding-top:35px;} .about .about_title{ margin-bottom:25px;} .about .about_title dd{ font-size:18px; margin-bottom:8px;} .about .about_title dt{ font-size:13px;} .about .about_content{ display:block;} .about .about_content .about_content_left{ padding:33px 20px; height:auto;} .about .about_content .about_content_left,.about .about_content .about_content_right{ width:100%;} .about .about_content .about_content_left dd{ font-size:18px; padding-bottom:30px; margin-bottom:15px;} .about .about_content .about_content_right .content_right_img img{ height:auto;} .about .about_content .about_content_right .content_right_bottom{ display: block; width:100%; overflow:hidden; padding:35px 0px; height:auto; bottom:0px; position:inherit;} .about .about_content .about_content_right .content_right_bottom .right_bottom_list{ float:left; width:50%; margin-bottom:33px;} .about .about_content .about_content_right .content_right_bottom .right_bottom_list:nth-child(3),.about .about_content .about_content_right .content_right_bottom .right_bottom_list:nth-child(4){ margin-bottom:0px;} .about .about_content .about_content_right .content_right_bottom .right_bottom_list:nth-child(2):before{ display:none;} .about .about_content .about_content_right .content_right_bottom .right_bottom_list dd{ font-size:16px; } .about .about_content .about_content_right .content_right_bottom .right_bottom_list dd b{ font-size:24px; margin-right:8px;} .about .about_content .about_content_right .content_right_bottom .right_bottom_list::before{ height:100%;} .History{ margin-bottom:45px;} .History .History_content .History_content_list:nth-child(2n){ margin-top:0px;} .AMessage{ display:block;} .AMessage .AMessage_left img{ height:auto;} .AMessage .AMessage_left,.AMessage .AMessage_right{ width:100%;} .AMessage .AMessage_right{ padding:25px;} .AMessage .AMessage_right .AMessage_right_title dd{ font-size:22px;} .AMessage .AMessage_right .AMessage_right_title dt{ margin-top:8px; font-size:14px;} .AMessage .AMessage_right .AMessage_right_txt dt{ margin-top:25px;} .Culture{ padding-bottom:20px;} .Culture .Culture_content{ display:block;} .Culture .Culture_content .Culture_content_list{ width:100%; padding:20px;} .Culture .Culture_content .Culture_content_list dd img{ height:45px;} .Culture .Culture_content .Culture_content_list dt{ font-size:18px; margin:25px 0px;} .member{ padding-bottom:40px;} .member .member_top{ margin-bottom:35px;} .member .member_bottom .member_bottom_list{ display:block; padding:0px;} .member .member_bottom .member_bottom_list .bottom_list_img img{ height:auto;} .member .member_bottom .member_bottom_list .bottom_list_img,.member .member_bottom .member_bottom_list .bottom_list_txt{ width:100%;} .member .member_bottom .member_bottom_list .bottom_list_txt{ padding:20px;} .member .member_bottom .member_bottom_list .bottom_list_txt dd{ margin-bottom:13px;} .system{ padding:35px 0px;} .system .pc_all_contnet{ padding-right:0px; display:block;} .system .pc_all_contnet .system_left,.system .pc_all_contnet .system_right{ width:100%;} .system .pc_all_contnet .system_right .system_right_title dd,.system .pc_all_contnet .system_right .system_right_title dt{ text-align:center;} .system .pc_all_contnet .system_right{ margin-top:35px; padding-top:25px;} .system .pc_all_contnet .system_right::before{ left:0; right:0; margin:0 auto;} .system .pc_all_contnet .system_right .system_right_title dd{ font-size:18px;} .system .pc_all_contnet .system_right .system_right_title dt{ font-size:14px; margin-top:10px;} .system .pc_all_contnet .system_right .system_right_txt{ margin-top:25px;} .system2{ padding:35px 0px;} .system2 .pc_all_contnet{ padding-right:0px; display:block;} .system2 .pc_all_contnet .system_left,.system .pc_all_contnet .system_right{ width:100%;} .system2 .system2_right{ margin-left:0px; padding:25px;} .system2 .system2_right dd{ font-size:18px; margin-bottom:25px;} .system2 .system2_right dd span{ font-size:14px;} .system3 .system2_right{ margin-right:0px;} .honor{ background: url(../images/bg23.jpg) no-repeat 50%/cover; padding-bottom:0px; } .honor .honor_content .honor_content_list{ padding-left:0px; display:block; padding:0px 25px; margin-bottom:35px;} .honor .honor_content .honor_content_list .content_list_time{ margin-right:0px; margin-bottom:20px;} .honor .honor_content .honor_content_list .content_list_right{ width:100%;} .honor .honor_content .honor_content_list .content_list_time span{ font-size:22px;} .honor .honor_content .honor_content_list.on .content_list_time{ display:none;} .honor .honor_content::before{ display:none;} .Treatment{ padding:35px 0px;} .Treatment .Treatment_content{ padding-left:0px; display:block;} .Treatment .Treatment_content .Treatment_content_left,.Treatment .Treatment_content .Treatment_content_right{ width:100%;} .Treatment .Treatment_content .Treatment_content_left .content_left_li{ margin-bottom:0px; width:33.33%;} .Treatment .Treatment_content .Treatment_content_left .content_left_li dd{ font-size:20px;} .Treatment .Treatment_content .Treatment_content_left{ display:flex; align-items:center; justify-content:space-between;} .Treatment .Treatment_content .Treatment_content_left .content_left_li dt{ font-size:14px; margin-top:10px;} .Treatment .Treatment_content .Treatment_content_left .content_left_li dd i{ position:inherit; font-size:18px;} .Treatment .Treatment_content .Treatment_content_center{ width:333px; height:333px; margin:45px auto;} .Treatment .Treatment_content .Treatment_content_center .content_center_img{ width:280px; height:280px !important;} .Treatment .Treatment_content .Treatment_content_right{ display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .Treatment .Treatment_content .Treatment_content_right a{ width:49%; padding:0px; justify-content:center; margin-bottom:2%;} .Treatment .Treatment_content .Treatment_content_right a.on dt{ max-height:100px;} .Process .Process_content{ display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .Process .Process_content .Process_content_list{ width:49%; margin-bottom:2%;} .Process .Process_content .Process_content_list dd img{ height:35px;} .Process .Process_content .Process_content_list dt{ font-size:13px; padding:0px 15px;} .Industrial{ padding:35px 0px;} .zhlycp .zhlycp_top{ padding:0px 20px;} .Industrial .Industrial_content{ display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .Industrial .Industrial_content .Industrial_content_list{ width:49%; margin-bottom:2%;} .Industrial .Industrial_content .Industrial_content_list dt{ height:45px; font-size:14px;} .Project{ padding:35px 0px;} .Project .Project_content .Project_content_list{ width:100%; margin-bottom:2%; padding:30px 20px;} .Project .Project_content .Project_content_list dt{ font-size:16px;} .Project .Project_content .Project_content_list p{ font-size:13px; height:auto;} .Project .Project_content .Project_content_list dd img{ height:33px;} .Battery{ padding:35px 0px;} .Battery .Battery_content .Battery_content_list .content_list_hover .content_list_title dd{ font-size:16px;} .Battery .Battery_content .Battery_content_list .content_list_hover .content_list_title dt{ font-size:13px; margin-top:5px;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_title dd{ font-size:16px;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_title dt{ font-size:13px; margin-top:5px;} .Battery .Battery_content .Battery_content_list .content_list_tab .list_tab_txt .tab_txt_list dd{ font-size:12px;} .Battery .Battery_content .Battery_content_list .content_list_hover .content_list_txt{ font-size:13px; padding:22px;} .news{ padding:35px 0px;} .news .pc_all_contnet{ display:block;} .news .news_left{ margin-bottom:30px; display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .news .news_left,.news .news_right{ width:100%;} .news .news_left a{ width:48%; border:1px solid #dcdcdc; height:45px; border-radius:5px; justify-content: center; } .news .news_left a:last-child{ border-bottom:1px solid #dcdcdc;} .news .news_left a.on{ background:#008744; color:#fff; border:1px solid #008744;} .news .news_right .news_right_title{ font-size:20px;} .news .news_right .news_right_content .right_content_list{ padding:20px;} .news_details .news_details_title dd{ font-size:18px;} .contact{ padding-bottom:35px;} .contact .pc_all_contnet{ display:block;} .contact .contact_left,.contact .contact_right{ width:100%;} .contact:before{ display:none;} .contact .contact_left{ padding:25px 0px;} .contact .contact_left .contact_left_list{ width:100%; margin-bottom:35px;} .contact .contact_left .contact_left_list .left_list_title{ font-size:18px; padding-bottom:15px; margin-bottom:15px;} .contact .contact_right{ padding-top: 20px;} .contact .contact_right .contact_right_list{ margin-bottom:22px;} .system2 .system2_left{ width:100%; text-align:center;} .join .pc_all_contnet{ padding:20px;} .join .join_content .join_content_list{ display:block; padding:20px;} .join .join_content .join_content_list .content_list_left,.join .join_content .join_content_list .content_list_right{ width:100%;} .join .join_content .join_content_list .content_list_left .list_left_dd{ padding:0px; margin-right:0px; margin-bottom:20px;} .join .join_content .join_content_list .content_list_left{ display:block; margin-bottom:25px;} .join .join_content .join_content_list .content_list_left .list_left_dd::before{ display:none;} .join .join_content .join_content_list .content_list_left .list_left_dd dd{ font-size:18px;} .join .join_content .join_content_list .content_list_right{ display:flex; align-items:center; justify-content:center;} .join .join_content .join_content_list .content_list_left .list_left_dt,.join .join_content .join_content_list .content_list_left .list_left_dd{ width:100%;} .History::before{ display:none;} .History .History_content .History_content_list .content_list_title,.History .History_content .History_content_list .content_list_icon{ height:auto;} .Industrial .Industrial_content .Industrial_content_list{ margin:0px 5px;} .contact .contact_right .contact_right_submit{ display:block;} .contact .contact_right .contact_right_submit div{ margin-bottom:22px;} } @media screen and (max-width:950px){ } @media screen and (max-width:768px){ } @media screen and (max-width:600px){ .banner,.banner .slick-slide .banner_img img,.banner .banner_content .banner_content_list .content_list_img{ height: 200px !important;} .banner .slick-slide .banner_txt dd{ font-size: 16px;} .banner .slick-slide .banner_txt dt{ font-size: 12px; margin-top: 5px;} .banner .slick-slide .banner_txt{ width: 90%; left: 50%; top: 50%;} .banner .slick-slide .banner_txt a{ font-size: 14px; width: 113px; line-height: 30px; margin-top:0px;} .banner .slick-slide .banner_txt a i{ margin-left: 10px;} .banner .slick-slide .banner_txt div{ display:none;} .DetailsBanner .DetailsBanner_img img{ height:180px;} } @media screen and (max-width:375px){ } @media screen and (max-width:360px){ } @media screen and (max-width:320px){ }