@charset "utf-8";
:root{--mColor:#1CA25B;}
*{transition: all .3s;}
a{font-size: 12px;text-decoration: none;}
a:hover{text-decoration: none;color: #333;}
ul,li {list-style: none;}
img {border: 0;vertical-align: middle;}
.container-position{position: relative;}
.container-overflow{overflow: hidden;}
.container-padding{padding-top: 50px; padding-bottom: 50px;}
.background-image{background-position: center;background-repeat: no-repeat; background-size: cover;}
.container-width{max-width: 1230px;margin: 0 auto;padding-left: 15px;padding-right: 15px;position: relative;}
.container-padding {padding-top: 50px;padding-bottom: 50px;}
.overflow{overflow: hidden;}
.bg-image{background-position: center;background-repeat: no-repeat;background-size: cover;}
.word-bg {position: absolute;top: 40%;left: 50%;width: 1721px;background-position: center;height: 286px;background: url(../images/TECHNOL.png) no-repeat;transform: translateX(-50%);}
@media (max-width:1600px) {
	.word-bg {background-repeat: round;width: 100%;}
}


@media (max-width:768px) {
	.container-padding{padding-top: 30px;padding-bottom: 30px;}
}
/* 字体图标  */
 @font-face {
	font-family: 'iconfont';
	src: url('../iconfont/iconfont.eot');
	src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
		 url('../iconfont/iconfont.woff') format('woff'),
		 url('../iconfont/iconfont.ttf') format('truetype'),
		 url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 
@font-face {
	font-family: 'iconpublic';
	src: url('../iconfont/public/iconfont.eot');
	src: url('../iconfont/public/iconfont.eot?#iefix') format('embedded-opentype'),
		 url('../iconfont/public/iconfont.woff') format('woff'),
		 url('../iconfont/public/iconfont.ttf') format('truetype'),
		 url('../iconfont/public/iconfont.svg#iconfont') format('svg');
}

.iconpublic {
	font-family: "iconpublic" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 

@font-face {
	font-family: 'iconpages';
	src: url('../iconfont/pages/iconfont.eot');
	src: url('../iconfont/pages/iconfont.eot?#iefix') format('embedded-opentype'),
		 url('../iconfont/pages/iconfont.woff') format('woff'),
		 url('../iconfont/pages/iconfont.ttf') format('truetype'),
		 url('../iconfont/pages/iconfont.svg#iconfont') format('svg');
}

.iconpages {
	font-family: "iconpages" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 
/* open */
.navbar-open {position: fixed; top: 15px; right: 15px; z-index: 79; width: 30px;height: 30px; background-color: var(--mColor); cursor: pointer;display: none; }
.navbar-open span {display: block;width: 30px;height: 2px;background-color: #fff;margin: 0 auto;}
.navbar-open span:first-child {margin-top: 2px;}
.navbar-open span:nth-child(2) {position: relative; margin-top: 5px;}
.navbar-open span:last-child {margin-top: 5px;}
.navbar-open-on span:first-child ,
.navbar-open-on span:last-child {width: 0;}
.navbar-open-on span:nth-child(2){ transform: rotate(-45deg);}
.navbar-open-on span:nth-child(2):before {position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 2px; background-color:#fff;transform: rotate(90deg);}
/*  */
@media(max-width: 960px) {
	.container-padding {padding-top: 30px;padding-bottom: 30px;}
}
@media(max-width: 768px) {
	.navbar-open {display: block; padding: 5px 0;}
	.navbar-open span {display: block; width: 20px;}
}

/* window-nav */
.window-nav {position: fixed;top: 0;left: 0;z-index: 75; width: 100%;height: 100%; background-color: var(--mColor); visibility: hidden;opacity: 0;transform: translateX(120px);}
/* navmenu */
.window-menu {height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.window-menu ul li { padding-bottom: 15px;}
.window-menu ul li a {color: #fff;font-size: 18px;}
.window-menu ul li a.ft-color{color: #fff!important; text-decoration: underline;}
/* close */
.navbar-close {position: absolute;top: 5px;right: 5px;width: 35px;height: 35px;}
.navbar-close span {position: absolute;top: 17px;left: 6px;width: 25px;height: 1px;background-color: #fff;}
.navbar-close span:first-child {transform: rotate(45deg);}
.navbar-close span:last-child {transform: rotate(-45deg);}
.on-show {opacity: 1;visibility: visible;transform: translateX(0);}
/* s */
/* top  */
.zd-header {position: relative;}
.index-top {position: relative;padding: 15px 0;}
/* logo  */
.zd-logo {width: 10%;position: absolute;left: -10%;top: 50%;transform: translateY(-50%);}
.zd-logo img {width: 100%;}
.x-search{position: relative; padding-top: 15px; float: right; cursor: pointer;}
.x-search-form{position: absolute;bottom: -70px;right: -50px;z-index: 3;display: none;background-color: #fff;padding: 20px 50px;z-index: 9999;}
.x-search-form form{display: flex;justify-content: space-between;}
.x-search-form input{display: block;line-height: 30px;padding: 0 25px;border: 1px solid #7d7d7d;color: #999;padding-left: 10px;}
.x-search-form input#s {border-right: none;}
.x-search-form input#s::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#999;
}
.x-search-form input#s:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#999;
}
.x-search-form input#s::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#999;
}
.x-search-form input#s:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#999;
}
.x-search-form #so{width: 35px;cursor: pointer;border-left: none;background: none;padding: 0;}
/* .second-fixed-nav {line-height: normal; position: fixed; z-index: 110;top: 30%;right: 70px;left: auto; width: 35px; margin-top: -115px; text-align: center; background-color: transparent;} */

/* .second-fixed-nav {line-height: normal;position: fixed;z-index: 110;top: 300px;right: 30px;left: auto;width: 35px;margin-top: -115px;text-align: center;background-color: transparent;} */

.second-fixed-nav {line-height: normal;position: fixed;z-index: 110;top: 432px;right: 30px;left: auto;width: 35px;margin-top: -115px;text-align: center;background-color: transparent;}
.second-fixed-nav a {font-size: 0;line-height: 35px;position: relative;display: block;overflow: hidden;width: 35px;height: 35px;margin: 8px 3px;padding: 0;color: var(--white);border-radius: 50%;transition: none;}
.second-fixed-nav a:after { position: absolute; top: 12px; left: 12px; width: 100%; width: 10px; height: 100%; height: 10px; content: ""; border: 1px solid transparent; border-radius: 50%; background: #999;}
.second-fixed-nav a:hover, .second-fixed-nav a.active {font-size: 16px;color: #fff;background-color: #31c27c;}
.second-fixed-nav a:hover:after, .second-fixed-nav a.active:after {background: transparent}

/* nav  */
.zd-nav {width: 73%;}
.zd-nav ul li {float: left;position: relative;width: 14.28%;text-align: center;padding: 0 30px;}
.zd-nav ul li a {display: block;padding: 15px 0;font-size: 16px;color: #333;border-bottom: 2px solid transparent;}
.zd-nav ul li a:hover {color: var(--mColor);border-bottom: 2px solid var(--mColor);}
.zd-nav ul li:nth-of-type(6) a::after {content: '';width: 34px;height: 20px;background: url(../images/hot-icon.png) no-repeat;position: absolute;right: 5px;top: -20px;-webkit-animation: shakes 1s infinite;animation: shakes 1s infinite;-moz-animation: shakes 1s infinite;-o-animation: shakes 1s infinite;}
.zd-nav ul li:nth-of-type(7) a::after {content: '';width: 34px;height: 20px;background: url(../images/hot-icon.png) no-repeat;position: absolute;right: 5px;top: -20px;-webkit-animation: shakes 1s infinite;animation: shakes 1s infinite;-moz-animation: shakes 1s infinite;-o-animation: shakes 1s infinite;}
.zd-nav ul li.current-menu-item a,.zd-nav ul li.current-post-parent a {color: var(--mColor);border-bottom: 2px solid var(--mColor);}

/* tel  */
.zd-tel {width: 17%;margin-top: 12px;text-align: center;border-left: 1px solid #aaaaaa;padding: 3px 0;}
.zd-tel i {font-size: 20px;color: #999999;margin-right: 10px;}
.zd-tel span {font-size: 18px;color: #999999;}

/* search  */
.zd-search {position: absolute;right: -50px;top: 50%;transform: translateY(-50%);background-color: #31c27c;height: 100%;padding: 0 10px;cursor: pointer;}
.zd-search i {font-size: 30px;color: #fff;line-height: 83px;}

@media(max-width: 1500px) {
	.index-top {padding: 0;}
	.zd-logo {position: static;width: 10%;margin-top: 20px;transform: none;}
	.zd-nav {width: 70%;margin-top: 15px;}
	.zd-nav ul li {padding: 0 15px;}
	.zd-tel {width: 15%;margin-top: 28px;}
	.zd-search {position: static;transform: none;}
	.zd-search i {line-height: 80px;}
}
@media(max-width: 1200px) {
	.zd-tel {text-align: left;padding-left: 15px;}
	.zd-tel span {font-size: 16px;}
	.zd-nav ul li {width: 14%;padding: 0;}
	.zd-nav ul li a {font-size: 15px;}
	.zd-search i {line-height: 83px;font-size: 20px;}
}
@media(max-width: 1140px) {
	.zd-logo {margin-top: 25px;}
	.zd-nav {width: 65%;}
	.zd-tel {width: 17%;text-align: center;padding-left: 0;}
	.zd-tel i {margin-right: 0;}
	.zd-tel span {font-size: 15px;}
}
@media(max-width: 768px) {
	.zd-nav,.zd-tel,.zd-search {display: none;}
	.zd-logo {margin-top: 0;} 
	.index-top {padding: 0;padding: 20px 0;}
	.zd-logo img {max-width: 100%;}
}

/* =================footer================ */
.zd-footer {background-color: #434343;padding: 40px 0;}

.links ul {float: left;margin-right: 50px;}
.links ul li {margin-bottom: 10px;}
.links ul li p {font-size: 16px;color: #ffffff;font-weight: 550;margin-bottom: 25px;}
.links ul li a {font-size: 14px;color: #d0cfcf;}
.links ul li a:hover {color: #fff;}
.footer-cen {text-align: center;}

.footer-cen img {max-width: 100%;}
.footer-cen a.lz {position: absolute;display: block;bottom: -60px;left: 50%;transform: translateX(-50%);}
.footer-cen span {display: block;font-size: 14px;color: #ffffff;padding-top: 5px;}
.footer-cen img.btm-logo {margin-bottom: 20px;}
.footer-cen {padding: 25px 7%;border-left: 1px solid #ccc;border-right: 1px solid #ccc;width: 30%;position: relative;}
.footer-cen p:nth-of-type(2) {margin-right: 15px;}
.footer-contact {width: 30%;color: #fff;}
.footer-tel {font-size: 30px;color: #fff;margin-bottom: 10px;font-weight: bold;}
.footer-tel i {font-size: 30px;color: #fff;margin-right: 10px;font-weight: normal;}
.footer-contact ul li p {font-size: 14px;color: #c9c9c9;margin-bottom: 5px;}
/*.footer-contact ul li:nth-of-type(2) {margin-bottom: 30px;}*/

.footer-copyright {padding: 15px 0;background-color: #333333;font-size: 12px;color: #999;}
.footer-copyright .container-width {padding-left: 60px;padding-right: 60px;}
.footer-copyright a {color: #999;margin-left: 10px;}


@media(max-width: 1140px) {
	.footer-cen {padding: 25px 5%;}
	.footer-contact {width: 32%;}
	.links ul {margin-right: 20px;}
	
}
@media(max-width: 920px) {
	.footer-cen p:nth-of-type(2) {margin: 0 auto;}
	.footer-cen {width: 100%;margin: 10px 0;border: none;padding: 25px 35%;}
	.footer-contact {width: 100%;line-height: 1.5;}
	.zd-footer .links {width: 100%;display: flex;}
	.zd-footer .links ul {width: 33.3%;}
}
@media (max-width:768px) {
	.footer-cen a.lz {position: relative;}
	.links {width: 100%;}
	.footer-copyright .container-width {padding-left: 15px;padding-right: 15px;}
	.zd-footer {padding: 20px 0;}
	.footer-cen {padding: 25px 5%;}
	.footer-copyright a {margin-left: 5px;display: inline-block;margin-bottom: 6px;}
	.beian {display: block;}
}
@media (max-width:400px) {
	.links ul {margin-right: 20px;}
	.links ul:last-of-type {margin-right: 0;}
}


/* .window-service {position: fixed;right: 1px;top: 400px; width: 157px;background-color: #31c27c;border: 1px solid #fff;    box-shadow: 0 0 0 1px #31c27c;padding: 20px 15px 0;z-index: 9999;} */
.window-service {position: fixed;left: 1px;top: 200px;width: 157px;background-color: #31c27c;border: 1px solid #fff;box-shadow: 0 0 0 1px #31c27c;padding: 20px 15px 0;z-index: 9999;}
.window-service p {font-size: 20px;text-align: center;color: #fff;}
.window-service p:first-of-type {margin-bottom: 5px;}
.window-service p:nth-of-type(2) {margin-bottom: 18px;}
.window-service ul {padding: 15px 0;border-top: 1px solid #54cc92;border-bottom: 1px solid #54cc92;}
.window-service ul li {border: 1px solid #fff;text-align: center;padding: 8px 0;margin-bottom: 8px;}
.window-service ul li a {font-size: 16px;color: #fff;display: inline-block;width: 100%;}
.window-service ul li:hover {background-color: #fff;}
.window-service ul li:hover a {color: #54cc92;}
.window-service img {max-width: 100%;}
.wxbox {position: relative;}
/* .wx {background-color: #fff;padding: 20px;opacity: 0;visibility: hidden;position: absolute;display: none;top: 0;left: -150px;z-index: 99999;}  */
.wx {background-color: #fff;padding: 20px;opacity: 0;visibility: hidden;position: absolute;display: none;top: 0;right: -140px;z-index: 99999;}
.wxbox:hover .wx {opacity: 1;visibility: visible;transform: translateX(10px);display: block;}
/* .window-service-plus {width: 160px;height: 138px;background: url(../images/bar.png) no-repeat;position: fixed;top: 722px;right: -1px;z-index: 9999;text-align: center;} */
.window-service-plus {width: 160px;height: 138px;background: url(../images/bar.png) no-repeat;position: fixed;top: 522px;left: 0px;z-index: 9999;text-align: center;}
.window-service-plus p:nth-of-type(1) {font-size: 14px;color: #fafafa;margin: 10px 0;}
.window-service-plus p:nth-of-type(2) {font-size: 20px;color: #ffffff;margin-bottom: 15px;}

.mb_fix {display: none;}
.y-btmfix {position: fixed;bottom: 0;z-index: 45;width: 100%;display: flex;}
.y-btmfix .fix-list {flex: 1;display: block;height: 60px;background-color: var(--mColor);text-align: center;text-decoration: none;}
.y-btmfix .fix-box {display: flex;flex-wrap: wrap;justify-items: center;align-content: center;}
.y-btmfix .fix-box .iconfont, .y-btmfix .fix-box i{display: block;width: 100%;color: #fff;font-size: 25px;padding-top: 10px;box-sizing: border-box;}
.y-btmfix .fix-box p {width: 100%;color: #fff;font-size: 14px;}

@media (max-width:768px) {
	.window-service,.window-service-plus,.second-fixed-nav {display: none !important;}
	.mb_fix {display: block;}
	.footer-copyright {padding-bottom: 75px;}
	.tx-float li{
		margin-left: 5px;
	}
}

.tx-float{
	display: flex;
	margin-bottom: 10px;
}
.tx-float li{
	margin-left: 10px;
}