﻿@import url("base.css");
body {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;color:#454545;font-size:16px;overflow-x:hidden;}
input,select,button,textarea {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;font-size:16px;color:#222;resize:none;box-sizing:border-box;}
:-moz-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
::-webkit-input-placeholder {color:#aaa;}
a:link,a:visited,a:active {color:#222;text-decoration:none;}
a:hover {color:#41a441;text-decoration:none;}
a {outline:none;-moz-outline:none;blr:expression(this.onFocus=this.blur());}
.al:hover {text-decoration:underline;}
.als a:hover {text-decoration:underline;}
.flex-column {display:flex;flex-direction:column;justify-content:center;}

/*===================================================================================*/

#header {position:fixed;top:0;left:0;z-index:90;width:100%;height:90px;background-color:rgba(0,0,0,0.65);}
#header .logo {position:absolute;top:50%;left:3%;z-index:1;display:flex;flex-direction:column;justify-content:center;height:68px;font-size:0px;transform:translateY(-50%);}
#header .logo img {max-height:100%;}

#nav {position:absolute;top:0;right:3%;height:100%;}
#nav li {display:inline-block;position:relative;height:100%;vertical-align:top;}
#nav li > a {display:block;padding:0 35px;height:100%;line-height:90px;color:#fff;font-size:18px;text-align:center;}
#nav li > a.nav_over {color:#9ade24;}
#nav li:hover > a {color:#9ade24;}
#nav li p {position:absolute;top:100%;left:50%;display:none;padding:0 0 15px 0;width:100%;min-width:180px;font-size:15px;background-color:rgba(0,0,0,0.65);transform:translateX(-50%);}
#nav li p a {display:block;padding:6px 5px;color:#fff;text-align:center;}
#nav li p a:hover {color:#9ade24;}

#mheader_menu, #mheader_search, #menu {display:none;}

#banner {width:100%;font-size:0px;}
#banner .swiper-wrapper {width:100%;height:auto;}
#banner .swiper-slide {transition:none;}
#banner .swiper-slide img {width:100%;}
#banner .swiper-pagination {position:absolute;bottom:30px;left:0;width:100%;height:5px;font-size:0px;}
#banner .swiper-pagination span {margin:0px;width:70px;height:5px;font-size:0px;box-sizing:border-box;border-radius:0;background:#fff;opacity:0.6;overflow:hidden;}
#banner .swiper-pagination span.swiper-pagination-bullet {margin:0 6px;}
#banner .swiper-pagination span.swiper-pagination-bullet-active {background:#9ade24;}
#banners {position:relative;height:700px;font-size:0px;background-position:center center;background-repeat:no-repeat;}
#banners img {display:none;}

.wrap {margin-left:auto;margin-right:auto;width:1400px;box-sizing:border-box;}
#content {position:relative;z-index:1;padding-bottom:80px;}
#content > #tdws {position:absolute;top:-90px;left:0;}
#left {float:left;width:240px;}
#right {float:right;width:900px;overflow:hidden;}
#footer {border-top:5px solid #8ec430;background-color:#042f34;overflow:hidden;}
#footer a {color:#c1c1c1;}
#footer a:hover {color:#fff;}
#footer .info {display:flex;justify-content:space-between;padding-top:60px;padding-bottom:60px;color:#c1c1c1;}
#footer .fnavs {flex:1 0 auto;display:flex;justify-content:space-between;}
#footer .fnavs li h3 {padding-bottom:10px;color:#fff;font-size:15px;}
#footer .fnavs li p {margin-top:18px;font-size:12px;}
#footer .lxwm {position:relative;margin-left:50px;padding-left:22px;width:400px;box-sizing:border-box;border-left:1px solid #1e4449;}
#footer .lxwm h3 {padding-bottom:10px;color:#fff;font-size:15px;}
#footer .lxwm .tel {margin-top:18px;font-size:12px;}
#footer .lxwm .tel h2 {display:inline-block;padding:8px 0 12px 0;color:#8ec430;font-size:24px;font-family:Arial;vertical-align:top;border-bottom:1px solid #1e4449;}
#footer .lxwm .tel a {color:#8ec430;}
#footer .lxwm .qrcode {position:absolute;top:0;right:0;width:140px;font-size:0px;}
#footer .lxwm .qrcode img {width:100%;}
#footer .lxwm .ljs {margin-top:20px;font-size:0;}
#footer .lxwm .ljs a {display:inline-block;margin-right:12px;width:23px;vertical-align:top;}
#footer .lxwm .ljs a img {width:100%;}
#footer .copyright {padding:20px 0;color:#7d8a8b;font-size:12px;line-height:1.8;border-top:1px solid #1e4449;}
#footer .copyright a {color:#7d8a8b;}
#footer .copyright a:hover {color:#fff;}

/*===================================================================================*/

.tits {position:relative;margin-top:65px;text-align:center;}
.tits:after {position:absolute;top:50%;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background-color:#dfdfdf;}
.tits > h2 {position:relative;z-index:2;display:inline-block;padding:0 20px;color:#222;font-size:30px;font-weight:normal;background-color:#fff;}
.tits ul li {position:relative;z-index:2;display:inline-block;padding:0 12px;vertical-align:top;background-color:#fff;}
.tits ul li:first-child {padding-left:24px;}
.tits ul li:last-child {padding-right:24px;}
.tits ul li a {display:block;padding:0 25px;height:40px;line-height:40px;color:#666;font-size:16px;text-align:center;border-radius:3px;background-color:#ddd;}
.tits ul li a:hover, .tits ul li a.active {color:#fff;background-color:#81cb00;}

/*===================================================================================*/

.nodata {padding:150px 0px;color:#999;font-size:18px;text-align:center;}
#title_cur {position:relative;z-index:2;box-shadow:0 4px 4px rgba(0,0,0,0.07);}
#title_cur .wrap {position:relative;height:80px;}
#title_cur .wrap > #tdw {position:absolute;top:-90px;left:0;}
#title_cur .tis {display:flex;align-items:center;height:100%;}
#title_cur .tis h2 {color:#222;font-size:24px;font-weight:normal;}
#title_cur .navs {display:flex;align-items:center;height:100%;font-size:18px;}
#title_cur .navs a {margin-right:40px;color:#666;}
#title_cur .navs a:last-child {margin-right:0;}
#title_cur .navs a:hover, #title_cur .navs a.active {color:#77bc00;}
#title_cur .nav2 {display:flex;align-items:center;height:100%;font-size:16px;}
#title_cur .nav2 a {margin-right:30px;max-width:90px;color:#666;text-align:center;}
#title_cur .nav2 a:last-child {margin-right:0;}
#title_cur .nav2 a:hover, #title_cur .nav2 a.active {color:#77bc00;}
#title_cur .curs {position:absolute;top:0;right:0;color:#666;font-size:14px;line-height:80px;}
#title_cur .curs i {margin-right:8px;color:#333;font-size:14px;}
#title_cur .curs a {color:#666;}
#title_cur .curs a:hover {color:#77bc00;}
#title_cur .curs strong {color:#77bc00;font-weight:normal;}

#mtitle_name {position:relative;display:none;background-color:#042f35;overflow:hidden;}
#mtitle_name h2 {padding:10px 60px 12px 3%;color:#fff;font-size:18px;}
#mtitle_name span {position:absolute;top:50%;right:3%;margin-top:-4px;display:block;border:8px solid transparent;border-top-color:#fff;transition:none;}
#mtitle_name span.active {margin-top:-12px;border-top-color:transparent;border-bottom-color:#fff;}
#mtitle_menu {display:none;width:100%;background-color:#042f35;transition:none;}
#mtitle_menu a {position:relative;display:block;padding:10px 40px 10px 3.2%;color:#fff;font-size:14px;border-top:1px solid #1e4449;}
#mtitle_menu a i {position:absolute;top:50%;right:3%;margin-top:-7px;color:#fff;font-size:14px;}
#mtitle_menu a.active {color:#81cb00;}
#mtitle_menu a.subs {padding-left:8%;}
#mtitle_menu a.thds {padding-left:14%;}
#mtitle_cur {display:none;padding:8px 3%;color:#999;font-size:12px;border-bottom:1px solid #eee;background-color:#f5f5f5;}
#mtitle_cur a {color:#999;}
#mtitle_cur i {margin:0px 6px;font-size:10px;}
#mtitle_cur strong {color:#41a441;font-weight:normal;}

.input_text {padding:0px 12px;width:100%;height:50px;line-height:50px\9;box-sizing:border-box;border-radius:3px;border:1px solid #ddd;box-shadow:1px 1px 2px rgba(0,0,0,0.1);transition:all ease-out 200ms;}
.input_area {padding:10px 12px;width:100%;height:180px;line-height:1.7;box-sizing:border-box;border-radius:3px;border:1px solid #ddd;box-shadow:1px 1px 2px rgba(0,0,0,0.1);resize:none;transition:all ease-out 200ms;overflow-y:auto;}
.input_select {padding:0px 0px 0px 12px;height:50px;box-sizing:border-box;border-radius:3px;border:1px solid #ddd;box-shadow:1px 1px 2px rgba(0,0,0,0.1);transition:all ease-out 200ms;}
.input_text:focus, .input_area:focus, .input_select:focus {border-color:#81cb00;box-shadow:0 0 10px rgba(129,203,0,0.3);}
.input_radio {position:relative;top:1px;}
.input_checkbox {position:relative;top:1px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.input_radio {position:relative;top:3px;width:15px;height:15px;}
	.input_checkbox {position:relative;top:3px;width:15px;height:15px;}
}
.button {width:220px;height:52px;color:#888;font-size:20px;box-sizing:border-box;border-radius:3px;border:1px solid #ddd;box-shadow:1px 1px 2px rgba(0,0,0,0.1);background-color:#fff;cursor:pointer;transition:all ease-out 200ms;}
.button:hover {color:#fff;border-color:#81cb00;background-color:#81cb00;}

.editorc_nrs {padding-top:50px;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc_box {padding-top:2.5%;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc {line-height:1.9;}
.editorc p {margin-bottom:20px;}
.editorc p:last-child {margin-bottom:0px;}
.editorc a {text-decoration:underline;}
.editorc hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc h1,.editorc h2,.editorc h3,.editorc h4,.editorc h5,.editorc h6 {padding:9px 0px;font-weight:normal;line-height:1.2;}
.editorc ul {margin-bottom:20px;padding-left:1.4em;}
.editorc ul:last-child {margin-bottom:0px;}
.editorc ul li {list-style-type:disc;}
.editorc ol {margin-bottom:20px;padding-left:1.5em;}
.editorc ol li {list-style-type:decimal;}
.editorc ol:last-child {margin-bottom:0px;}
.editorc table.border {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc table.border td,.editorc table.border th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc table.border td table {margin-bottom:0px;}
.editorc table.border td p {margin:0px;padding:0px;}
.editorc table.border th p {margin:0px;padding:0px;}
.editorc table.pro-spec {border-top:1px solid #a0a0a0;border-left:1px solid #a0a0a0;background-color:#fdfcfb;}
.editorc table.pro-spec td {padding-top:10px;padding-bottom:10px;color:#555;font-size:16px;box-sizing:border-box;border-right:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;}
.editorc table.pro-spec td p {margin:0;padding:0;}
.editorc table.pro-spec tr td:nth-child(1) {padding-left:20px;padding-right:20px;width:240px;font-weight:bold;background-color:#eee;}
.editorc table.pro-spec tr td:nth-child(2) {padding-left:35px;padding-right:35px;}

.editorc2 {line-height:1.9;}
.editorc2 img {vertical-align:top;}
.editorc2 a {text-decoration:underline;}
.editorc2 hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc2 h1,.editorc2 h2,.editorc2 h3,.editorc2 h4,.editorc2 h5,.editorc2 h6 {padding:9px 0px;font-weight:normal;line-height:1.2;}
.editorc2 ul {margin-bottom:20px;padding-left:1.4em;}
.editorc2 ul:last-child {margin-bottom:0px;}
.editorc2 ul li {list-style-type:disc;}
.editorc2 ol {margin-bottom:20px;padding-left:1.5em;}
.editorc2 ol li {list-style-type:decimal;}
.editorc2 ol:last-child {margin-bottom:0px;}

.editorc_tbe table {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc_tbe td, .editorc_tbe th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc_tbe td table {margin-bottom:0px;}
.editorc_tbe td p,.editorc_tbe th p {margin:0px;padding:0px;}
.editorc_tbe table.no-border {border:none;}
.editorc_tbe table.no-border table {border:none;}
.editorc_tbe table.no-border td {border:none;padding:0px;}
.editorc_tbe table.no-border th {border:none;padding:0px;}

#prevnext {position:relative;margin:3% auto 0px auto;padding:15px 150px 0px 0px;color:#999;font-size:14px;border-top:1px dashed #ccc;overflow:hidden;}
#prevnext p {height:25px;}
#prevnext_back {position:absolute;top:18px;right:0px;display:block;padding:10px 20px 10px 15px;color:#333;background-color:#eee;}
#prevnext_back i {margin-right:5px;font-size:14px;}
#prevnext_back:hover {color:#fff;background-color:#81cb00;}

#video_play {width:672px;height:672px;font-size:0px;background-color:#000;overflow:hidden;}

/*===================================================================================*/
/* 产品中心 */

.products {padding-top:20px;font-size:0;}
.products a {display:inline-block;margin-top:20px;margin-right:1.52%;padding:30px;width:23.86%;text-align:center;vertical-align:top;box-sizing:border-box;border:3px solid #fff;overflow:hidden;}
.products a:nth-child(4n){margin-right:0;}
.products a .imgs {font-size:0;}
.products a .imgs img {width:100%;transition:all ease-out 400ms;}
.products a .text h2 {padding:40px 0 10px 0;color:#222;font-size:22px;font-weight:normal;/*transition:all ease-out 150ms;*/}
.products a .text p {color:#888;font-size:16px;/*transition:all ease-out 150ms;*/}
.products a:hover {color:#7ec307;border-color:#8fc331;box-shadow:0 0 18px rgba(153,153,153,0.3);}
.products a:hover .imgs img {transform:scale(1.23);}
.products a:hover h2, .products a:hover p {color:#7ec307;}

.pros_tis {position:relative;padding:40px 0 10px 0;border-bottom:1px solid #e4e4e4;}
.pros_tis h2 {color:#222;font-size:30px;font-weight:normal;}
.pros_tis div {position:absolute;bottom:0;right:0;}
.pros_tis div a {position:relative;display:inline-block;margin-left:40px;height:40px;text-align:center;vertical-align:top;}
.pros_tis div a:first-child {margin-left:0;}
.pros_tis div a.active {color:#6ea50e;}
.pros_tis div a.active:after {position:absolute;bottom:-1px;left:0;display:block;width:100%;height:2px;content:"";background-color:#8ec430;}

.pros_tisx {position:relative;padding:50px 0 15px 0;border-bottom:1px solid #e4e4e4;}
.pros_tisx span {display:inline-block;margin-right:60px;color:#555;font-size:30px;vertical-align:top;cursor:pointer;}
.pros_tisx span.active {color:#7bba0c;}
.pros_tisx > a {position:absolute;bottom:24px;right:0;display:block;width:100px;height:25px;line-height:25px;color:#999;font-size:12px;text-align:center;border-radius:14px;border:1px solid #d4d4d4;}
.pros_tisx > a:hover {color:#7bba0c;border-color:#7bba0c;}

.pros_ad1 {width:100%;font-size:0;text-align:center;overflow:hidden;}
.pros_ad1 div {position:relative;left:50%;margin-left:-960px;width:1920px;}
.pros_ad2 {margin-top:40px;font-size:0;text-align:center;}
.pros_ad2 img {max-width:100%;}

#pros_search {background:url(../images/pros_search_bg.jpg) no-repeat center center/cover;overflow:hidden;}
#pros_search > div {padding-bottom:65px;}
#pros_search h3 {padding:50px 0;color:#222;font-size:30px;font-weight:normal;text-align:center;}
#pros_search .search {position:relative;padding-left:160px;height:66px;font-size:0;background-color:#fff;}
#pros_search .search .type {position:absolute;top:0;left:0;width:130px;height:100%;}
#pros_search .search .type p {display:block;position:relative;width:100%;height:100%;line-height:66px;color:#222;font-size:20px;text-align:center;}
#pros_search .search .type p i {position:absolute;top:0;right:0;font-size:14px;font-weight:bold;}
#pros_search .search .type select {position:absolute;top:0;left:0;width:100%;height:100%;font-size:18px;text-align:center;opacity:0;border:none;background:none;}
#pros_search .search .inputs {width:100%;height:100%;font-size:18px;border:none;background:none;}
#pros_search .search .btn {position:absolute;top:0;right:0;display:block;width:80px;height:100%;line-height:66px;color:#222;font-size:30px;text-align:center;cursor:pointer;}

#pros_xpzs {display:flex;flex-flow:row wrap;}
#pros_xpzs a {position:relative;margin-top:25px;display:flex;width:49.29%;min-height:330px;color:#fff;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;background-position:center center;overflow:hidden;}
#pros_xpzs a:nth-child(even) {margin-left:1.42%;}
#pros_xpzs a:nth-child(1), #pros_xpzs a:nth-child(2) {margin-top:0;}
#pros_xpzs a:nth-child(1), #pros_xpzs a:nth-child(4), #pros_xpzs a:nth-child(5), #pros_xpzs a:nth-child(8) {background-image:url(../images/pros_xpzs_bg1.jpg);}
#pros_xpzs a:nth-child(2), #pros_xpzs a:nth-child(3), #pros_xpzs a:nth-child(6), #pros_xpzs a:nth-child(7) {background-image:url(../images/pros_xpzs_bg2.jpg);}
#pros_xpzs a .text {padding:40px 20px 40px 40px;width:calc(100% - 330px);box-sizing:border-box;}
#pros_xpzs a .text h2 {font-size:24px;}
#pros_xpzs a .text h4 {padding:10px 0 15px 0;font-size:18px;font-weight:normal;}
#pros_xpzs a .text p {line-height:1.7;-webkit-line-clamp:4;}
#pros_xpzs a .text span {display:inline-block;margin-top:30px;width:124px;height:36px;line-height:36px;text-align:center;border-radius:18px;background-color:#7bba0c;}
#pros_xpzs a .imgs {flex:0 0  auto;width:330px;font-size:0;overflow:hidden;}
#pros_xpzs a .imgs img {width:100%;transition:all ease-out 400ms;}
#pros_xpzs a:hover .imgs img {transform:scale(1.08);}

.pros_pltj {padding-top:15px;line-height:2;}
.pros_pltj span {display:inline-block;margin-right:35px;color:#666;vertical-align:top;}
.pros_pltj a {color:#666;}
.pros_pltj a:hover {color:#41a441;}

.pros_news {display:none;padding-bottom:80px;}
.pros_news li {display:inline-block;margin:3% 2% 0 0;width:32%;vertical-align:top;box-sizing:border-box;}
.pros_news li:nth-child(3n) {margin-right:0;}
.pros_news li h2 {padding:0 10px;font-size:20px;font-weight:normal;}
.pros_news li .desc {margin:10px 0 15px 0;padding:0 10px;color:#888;line-height:1.8;}
.pros_news li .date {position:relative;padding:10px 10px 0 10px;color:#999;font-family:Arial;font-size:14px;border-top:1px solid #dfdfdf;}
.pros_news li .date i {position:absolute;top:10px;right:10px;font-size:18px;}
.pros_news li:hover a, .pros_news li:hover h2 {color:#41a441;}
.pros_news li:hover .desc {color:#222;}
.pros_news li:hover .date {color:#41a441;border-top-color:#41a441;}

/*===================================================================================*/
/* 案例列表 */

#cases li {display:flex;margin-top:50px;background-color:#f5f5f5;}
#cases li .imgs {flex:0 0 auto;position:relative;width:28.58%;font-size:0px;overflow:hidden;}
#cases li .imgs img {max-width:100%;max-height:100%;transition:all ease-out 400ms;}
#cases li .imgs span {display:none;}
#cases li .text {flex:1 1 auto;position:relative;padding:30px 50px;}
#cases li .text h2 {font-size:24px;font-weight:normal;line-height:1.4;}
#cases li .text p {margin-top:20px;color:#808080;font-size:14px;line-height:1.8;-webkit-line-clamp:3;}
#cases li .more {position:absolute;bottom:30px;left:50px;display:block;padding-left:45px;width:160px;height:38px;line-height:38px;color:#666;font-size:13px;text-align:center;box-sizing:border-box;background-color:#fff;transition:color ease-out 250ms;}
#cases li .more:before {position:absolute;top:0;left:0;z-index:1;display:block;width:45px;height:100%;content:"";background-color:#81cb00;transition:all ease-out 250ms;}
#cases li .more i {position:absolute;top:0;left:0;z-index:2;display:block;width:45px;height:100%;color:#fff;font-size:15px;}
#cases li .more span {position:relative;z-index:3;}
#cases li .more:hover {color:#fff;}
#cases li .more:hover:before {width:100%;}
#cases li:hover .imgs img {transform:scale(1.06);}
#cases_info h1 {padding:60px 0px 25px 0px;color:#222;font-size:26px;line-height:1.4;text-align:center;border-bottom:1px dashed #ccc;}

/*===================================================================================*/
/* 新闻列表 */

#news_tjs {position:relative;margin-top:50px;font-size:0;}
#news_tjs .swiper-container {width:100%;font-size:0px;}
#news_tjs .swiper-wrapper {width:100%;height:auto;}
#news_tjs .swiper-slide {position:relative;}
#news_tjs .swiper-slide img {width:100%;}
#news_tjs .swiper-slide .text {position:absolute;top:0;right:0;z-index:2;padding:50px 57px;width:386px;height:100%;color:#fff;font-size:14px;box-sizing:border-box;background-color:rgba(0,0,0,0.2);}
#news_tjs .swiper-slide .text h2 {font-size:30px;line-height:1.4;}
#news_tjs .swiper-slide .text p {margin-top:10px;height:150px;line-height:25px;-webkit-line-clamp:6;}
#news_tjs .swiper-btn {position:absolute;bottom:30px;right:50px;z-index:10;width:286px;height:30px;line-height:30px;color:#fff;font-size:14px;text-align:center;}
#news_tjs .swiper-btn i {position:absolute;top:0;display:block;width:30px;height:30px;background:url(../images/arrow1.png) no-repeat center center;cursor:pointer;}
#news_tjs .swiper-btn span {color:#fff;font-size:20px;}
#news_tjs .swiper-prev {left:0;}
#news_tjs .swiper-next {right:0;transform:rotate(180deg);}

#news li {display:flex;align-items:center;margin-top:50px;background-color:#f5f5f5;}
#news li .imgs {flex:0 0 auto;position:relative;width:28.58%;font-size:0px;overflow:hidden;}
#news li .imgs img {max-width:100%;max-height:100%;transition:all ease-out 400ms;}
#news li .imgs span {display:none;}
#news li .date {flex:0 0 auto;width:12.85%;text-align:center;}
#news li .date span {font-family:Arial;font-size:46px;}
#news li .date p {font-size:14px;}
#news li .text {flex:1 1 auto;padding:30px 0;}
#news li .text h2 {font-size:24px;font-weight:normal;line-height:1.4;}
#news li .text p {margin-top:10px;color:#808080;font-size:14px;line-height:1.8;-webkit-line-clamp:3;}
#news li .more {flex:0 0 auto;width:220px;text-align:center;}
#news li .more a {position:relative;display:block;margin:0px auto;padding-left:35px;width:130px;height:35px;line-height:35px;color:#666;font-size:13px;text-align:center;box-sizing:border-box;background-color:#fff;transition:color ease-out 250ms;}
#news li .more a:before {position:absolute;top:0;left:0;z-index:1;display:block;width:35px;height:100%;content:"";background-color:#81cb00;transition:all ease-out 250ms;}
#news li .more a i {position:absolute;top:0;left:0;z-index:2;display:block;width:35px;height:100%;color:#fff;font-size:15px;}
#news li .more a span {position:relative;z-index:3;}
#news li .more a:hover {color:#fff;}
#news li .more a:hover:before {width:100%;}
#news li:hover .imgs img {transform:scale(1.06);}

#news_info h1 {padding:60px 0px 25px 0px;color:#222;font-size:26px;line-height:1.4;text-align:center;}
#news_info p {padding-bottom:10px;color:#999;font-size:14px;text-align:center;border-bottom:1px dashed #ccc;}
#news_info p span {padding:0px 20px;}

/*===================================================================================*/
/* 关于我们 */

#jyln {margin-top:90px;background:url(../images/jyln_bg.jpg) no-repeat center center/cover;overflow:hidden;}
#jyln .wrap {padding-top:60px;padding-bottom:85px;color:#fff;min-height:783px;box-sizing:border-box;}
#jyln h3 {font-size:30px;font-weight:normal;text-align:center;}
#jyln .sp {padding:50px 0;text-align:center;}
#jyln .sp a {display:inline-block;width:118px;height:118px;vertical-align:top;background:url(../images/play.png) no-repeat center center;}
#jyln .sp .sj {display:none;}
#jyln .nrs {display:flex;min-height:380px;}
#jyln .nrs h4 {font-size:30px;}
#jyln .nrs .icon {padding:40px 0;font-size:0px;text-align:center;}
#jyln .nrs .desc {font-size:18px;line-height:1.8;}
#jyln .nrs ul li {position:relative;margin-top:25px;padding-left:60px;font-size:18px;line-height:1.8;}
#jyln .nrs ul li span {position:absolute;top:0;left:0;display:block;width:46px;height:46px;line-height:46px;color:#0e4255;font-size:24px;font-family:Arial;font-weight:bold;text-align:center;border-radius:50%;background-color:#b3c4c9;}
#jyln .nrs .nrl {flex:0 0 auto;padding:40px 20px;width:270px;text-align:center;box-sizing:border-box;background-color:rgba(255,255,255,0.08);}
#jyln .nrs .nrc {flex:1 1 auto;padding:40px 50px;margin-left:22px;margin-right:22px;box-sizing:border-box;background-color:rgba(255,255,255,0.08);}
#jyln .nrs .nrr {flex:0 0 auto;padding:40px 20px;width:270px;text-align:center;box-sizing:border-box;background-color:rgba(255,255,255,0.08);}
#jyln .nrsm {display:none;}

#team {padding-bottom:80px;}
#team .nrs {position:relative;margin-top:40px;}
#team .swiper-container {width:100%;font-size:0px;}
#team .swiper-wrapper {width:100%;height:auto;}
#team .swiper-slide {position:relative;transition:none;overflow:hidden;}
#team .swiper-slide img {width:100%;transition:all ease-out 400ms;}
#team .swiper-slide p {position:absolute;bottom:0;left:0;padding:0 20px;width:100%;height:65px;line-height:65px;color:#fff;font-size:22px;text-align:center;box-sizing:border-box;background-color:rgba(2,54,62,0.65);}
#team .swiper-slide:hover img {transform:scale(1.06);}
#team .swiper-prev {left:-70px;}
#team .swiper-next {right:-70px;}
#team .swiper-button {position:absolute;top:50%;display:block;width:48px;height:110px;line-height:110px;color:#b6b6b6;font-size:30px;text-align:center;box-sizing:border-box;border:1px solid #ededed;background-color:#ededed;cursor:pointer;transform:translateY(-50%);}
#team .swiper-button:hover {color:#8ec430;border-color:#8ec430;background-color:#fff;}

/*===================================================================================*/
/* 研发中心 */

#download li {position:relative;padding:30px 200px 30px 20px;font-size:22px;line-height:1.4;border-bottom:1px solid #dfdfdf;}
#download li .icon {position:absolute;top:50%;right:20px;display:block;padding-left:35px;width:130px;height:35px;line-height:35px;color:#666;font-size:14px;text-align:center;box-sizing:border-box;background-color:#f0f0f0;transform:translateY(-50%);transition:color ease-out 250ms;}
#download li .icon:before {position:absolute;top:0;left:0;z-index:1;display:block;width:35px;height:100%;content:"";background-color:#81cb00;transition:all ease-out 250ms;}
#download li .icon i {position:absolute;top:0;left:0;z-index:3;display:block;width:35px;height:100%;color:#fff;font-size:15px;}
#download li .icon span {position:relative;z-index:2;}
#download li .icon:hover {color:#fff;}
#download li .icon:hover:before {width:100%;}

#rljs {margin:40px auto 0 auto;padding:30px;width:1000px;box-sizing:border-box;border:1px solid #e3e3e3;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.15);}
#rljs h3 {padding:15px;color:#333;font-size:18px;text-align:center;border-radius:5px;box-shadow:inset 0 0 12px rgba(0,0,0,0.1);background-color:#f6f6f6;}
#rljs .btn {font-size:0;text-align:right;}
#rljs .btn button {display:inline-block;width:100px;height:35px;color:#fff;font-size:14px;vertical-align:top;border:none;border-radius:3px;background-color:#a6d141;}
#rljs .btn button:first-child {margin-right:12px;color:#333;background-color:#dfdfdf;}
#rljs table {margin:20px 0;border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb;}
#rljs table td {padding:10px 5px;font-size:16px;text-align:center;box-sizing:border-box;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
#rljs table td input {width:100%;height:40px;color:#333;font-size:14px;text-align:center;border:none;background:#ebf7fd;}
#rljs .fst {font-family:"宋体";}
#rljs .size-mar {display:inline-block;width:38px;}

#winxz_bg {position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}
#winxz {position:fixed;top:50%;left:50%;z-index:9999;display:none;margin-top:-220px;padding:25px 30px 30px 30px;width:540px;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,0.2);background-color:#fff;transform:translateX(-50%);}
#winxz img {position:absolute;top:0;right:-32px;cursor:pointer;}
#winxz h3 {padding-bottom:15px;font-size:18px;text-align:center;border-bottom:1px solid #ddd;}
#winxz .inputs {position:relative;margin-top:15px;padding-left:90px;height:50px;line-height:50px;}
#winxz .inputs span {position:absolute;top:0;left:0;display:block;}
#winxz .btn {margin-top:20px;padding-top:20px;text-align:center;border-top:1px solid #ddd;}
#winxz .btn button {width:160px;height:45px;font-size:16px;}

/*===================================================================================*/
/* 人才招聘 */

#jobs {position:relative;z-index:1;background-color:#f5f5f5;}
#jobs .marwd {margin-left:auto;margin-right:auto;width:1200px;}
#jobs > div {padding-top:1px;padding-bottom:80px;background-color:#fff;}
#jobs .list .info {position:relative;padding:25px 100px 25px 0;box-sizing:border-box;border-bottom:1px solid #ddd;}
#jobs .list .info p {margin-bottom:3px;color:#222;font-size:18px;}
#jobs .list .info span {color:#999;font-size:14px;}
#jobs .list .info i {position:absolute;top:50%;right:0;display:block;width:44px;height:44px;transform:translateY(-50%);cursor:pointer;}
#jobs .list .info i:before {position:absolute;top:21px;left:14px;width:16px;height:2px;content:'';background:#4f4d4d;}
#jobs .list .info i:after {position:absolute;top:21px;left:14px;width:16px;height:2px;content:'';background:#4f4d4d;opacity:1;transition:all cubic-bezier(0.38, 0.04, 0.35, 0.96) 600ms;transform:rotate(90deg);}
#jobs .list .text {display:none;padding:40px 0;background-color:#ececec;}
#jobs .list .text .editorc {color:#555;}
#jobs .active .info {border-bottom-color:#fff;}
#jobs .active .info:after {position:absolute;bottom:-1px;right:0;content:"";border:22px solid transparent;border-bottom:22px solid #ececec;}
#jobs .active .info i:after {opacity:0;transform:rotate(0deg);}

/*===================================================================================*/
/* 联系我们 */

#contact {margin:0 auto;width:1000px;}
#contact_map .wrap {margin-bottom:80px;height:550px;font-size:0;}

#message {margin:0px auto;width:900px;font-size:0px;}
#message .inputs {display:inline-block;margin-top:4%;width:48%;vertical-align:top;}
#message .btn {margin-top:4%;text-align:center;}
#message .mrl {margin-left:4%;}

/*===================================================================================*/

#win_ts {position:fixed;top:20%;left:50%;z-index:9999;margin-left:-170px;padding:32px 20px;width:300px;color:#fff;font-size:22px;line-height:1.4;text-align:center;opacity:0;transition:all 0.5s;border-radius:8px;background-color:rgba(0,0,0,0.7);overflow:hidden;}
#win_loading {position:fixed;top:0%;left:0%;z-index:9999;width:100%;height:100%;background:url(../images/loading2.gif) no-repeat center center;}
#win_loading_bg {position:fixed;top:0px;left:0px;z-index:9998;width:100%;height:100%;background:url(../images/tbs/white0.png);}

/*===================================================================================*/
/* 浮动在线客服 */

#float_os {position:fixed;top:50%;right:25px;z-index:98;margin-top:-150px;width:60px;box-shadow:0 0 12px rgba(0,0,0,0.15);background-color:#fff;}
#float_os li {position:relative;height:60px;text-align:center;border:1px solid #e3e3e3;border-top:none;background-repeat:no-repeat;background-position:center center;}
#float_os li:first-child {border-top:1px solid #e3e3e3;}
#float_os li > a {display:block;width:100%;height:100%;}
#float_os li > a p {position:absolute;top:-1px;right:59px;display:none;padding:0px 20px;color:#333;font-family:Arial;font-size:22px;line-height:60px;white-space:nowrap;word-break:keep-all;border:1px solid #e3e3e3;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1);}
#float_os li > a img {position:absolute;top:0;right:65px;display:none;padding:6px;width:152px;height:152px;box-sizing:border-box;border:1px solid #e3e3e3;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.15);}
#float_os li:hover {/*border-color:#a6d044;background-color:#a6d044;*/}
#float_os .kefu {background-image:url(../images/float_os_kefu.png);}
#float_os .qq {background-image:url(../images/qq.png);background-size:auto 26px;}
#float_os .qq:hover p {display:block;}
#float_os .tel {background-image:url(../images/float_os_tel.png);}
#float_os .tel:hover p {display:block;}
#float_os .qrcode {background-image:url(../images/weixin.png);background-size:auto 32px;}
#float_os .qrcode:hover img {display:block;}
#float_os .js {background-image:url(../images/float_os_js.png);}
#float_os .js:hover .fjs {display:block;}
#float_os .top {background-image:url(../images/float_os_top2.png);border-color:#a6d141;background-color:#a6d141;cursor:pointer;}

.fjs {position:absolute;top:-1px;right:100%;display:none;padding:11px;width:472px;box-sizing:border-box;border:1px solid #e3e3e3;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.15);}
.fjs h3 {padding:10px;color:#333;font-size:14px;text-align:center;border-radius:5px;box-shadow:inset 0 0 12px rgba(0,0,0,0.1);background-color:#f6f6f6;}
.fjs .btn {font-size:0;text-align:right;}
.fjs .btn button {display:inline-block;width:80px;height:26px;color:#fff;font-size:12px;vertical-align:top;border:none;border-radius:3px;background-color:#a6d141;}
.fjs .btn button:first-child {margin-right:10px;color:#333;background-color:#dfdfdf;}
.fjs table {margin:12px 0;border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb;}
.fjs table td {padding:8px 3px;font-size:12px;text-align:center;box-sizing:border-box;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.fjs table td input {width:100%;height:30px;color:#333;font-size:12px;text-align:center;border:none;background:#ebf7fd;}
.fjs .fst {font-family:"宋体";}


/*===================================================================================*/

#news_page {padding:60px 0 0 0;width:100%;}
#products_page {padding:60px 0 0 0;width:100%;}
.fypage {font-size:0px;text-align:center;overflow:hidden;}
.fypage a,.fypage span {display:inline-block;margin:0px 5px;width:40px;height:40px;line-height:40px;font-size:16px;color:#666;background-color:#f0f0f0;text-align:center;vertical-align:top;box-sizing:border-box;overflow:hidden;}
.fypage a:hover {color:#fff;background-color:#81cb00;}
.fypage span.fypage_current, .fypage a.fypage_current {color:#fff;background-color:#81cb00;}
.fypage .fypage_prev,.fypage .fypage_next {font-family:"宋体";font-weight:bold;}

#news_mpage {display:none;padding:4% 0 0 0;}
#products_mpage {display:none;padding:4% 0 0 0;}
.mfypage {width:100%;height:24px;font-size:0px;text-align:center;overflow:hidden;}
.mfypage a,.mfypage span {display:inline-block;margin:0px 2px;padding:0px 8px;height:22px;font-size:12px;line-height:22px;color:#666;border:1px solid #ddd;background-color:#fff;vertical-align:top;overflow:hidden;}
.mfypage a:hover {color:#fff;border-color:#81cb00;background-color:#81cb00;}
#mfypage_gov {display:inline-block;margin:0px 2px;padding:0px 6px;width:36px;height:24px;color:#777;vertical-align:top;border:1px solid #ddd;background-color:#fff;}
#mfypage_gobtn:hover {color:#fff;border-color:#81cb00;background-color:#81cb00;}