/* ======  reset  ====== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#222; font-size:14px; font-family: arial, helvetica,"Microsoft YaHei", clean, sans-serif;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 ,dt{ font-weight:normal; font-size:100%; }
a {color:#222; text-decoration:none; -webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out;}
a:focus, a:hover{ text-decoration:none; color:#61993b}
img { border:none; max-width: 100%;}
ol,ul,li{ list-style:none; }
i{font-style: normal;}
input, textarea, select, button{ font:14px Arial,Verdana,Helvetica,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
.clearfix:after {content: ""; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

/* pub */
.w1200{width: 1200px;display: block;margin: auto;}
.fl{float: left;}
.fr{float: right;}
.pdt01{padding-top: 50px;}
.pdt02{padding-top: 100px;}
.pdb01{padding-bottom: 80px;}
.pdb02{padding-bottom: 60px;}
.mgt01{margin-top: 60px;}
.mgt02{margin-top: 40px;}
.mgb01{margin-bottom: 60px;}
.text-2lines{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;}
.text-lines{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.pro-con .item,.pro-con .item .info,.adv-wrap li,.dropdown-menu ul li{
	 -webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;
}
.btn-c{margin: auto;}
.btn01 {display: table;box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);border-radius: 28px;font-size: 18px;text-align: center;border: 1px solid #fff;color: #fff;padding: 10px 28px;}
.btn01:hover,.btn02{background: #992F31;color: #fff;border-color: #992F31;}
.btn02{display: table;border-radius: 28px;color: #fff !important;padding: 15px 48px;box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);}

.btn-jt i{background: url(../images/jt01.png) no-repeat;width: 23px;height: 23px;background-size: contain;display: inline-block;vertical-align: text-bottom;margin-left: 5px;}
.text-c{text-align: center;}
.flex-row {display: flex;display: -webkit-flex;flex-direction: row;-webkit-flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.aligni-center {align-items: center;-webkit-align-items: center;}

.position{padding: 15px 0;}
.position .w1200{border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.position p{background: url(../images/icon-home.png) left center no-repeat;padding-left: 24px;}
.position span {padding: 0 10px;background: url(../images/icon-jt.png) center no-repeat;width: 4px;height: 8px;display: inline-block;}

.bgc01{background-color: #f6f6f6;}
/* font */
@font-face {
	font-family: "Tun";
	src: url("../fonts/TUNGA.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto-Light.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Roboto-r";
	src: url("../fonts/Roboto-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}
/* ======  index  ====== */
.top-tc{color: #fff;}
.top-title{font-size: 36px;text-align: center;}
.top-title2{font-size: 30px;text-align: center;}
.top-title .title,.top-title2 .title{font-weight: bold;text-transform: uppercase;}
.top-title .desc{margin-top: 12px; font-size: 16px;color: #666;}
.topline{margin: 15px auto 20px; width: 243px;height: 5px;background: #52923D;}
.top-title .desc2{font-size: 16px;color: #fff;}
.top-title2 .desc {font-size: 15px;color: #666;}

.top{line-height: 40px;background: #000000;color: #fff;}
.top-bj{padding: 0 12px;background: #62993b;color: #fff;}
.top-bj:hover{color: #fff;background-color: #4b830e;}
.language {padding: 0 20px;}
.language .iconfont{margin-left: 10px; display: inline-block;font-size: 24px;}
.top-lang a{color: #fff;}
.top-lang .caret{vertical-align: super;}
.top-lang .dropdown-menu{z-index: 9999;min-width: 100%;padding: 0;}
.top-lang .dropdown-menu a{display:block;padding: 8px 30px;}
.top-lang .dropdown-menu a:hover{background-color: #62993b; color: #fff;}
.top-lang .dropdown-menu img{width: 100%;}
/* nav */
.nav-wrap{height: 68px;background: #363636;line-height: 68px;}
.nav-wrap ul li a{float: left;margin-right: 50px;color: #fff;}
.top-nav{width:100%; z-index: 9990;}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a {border: 0;border-color: transparent;background-color: transparent;}
.nav-tabs>li>a {margin: 0;}
.nav>li>a {padding: 0;}
.nav-tabs {border-bottom: 0;}
.nav-tabs>li>a:hover {border-color: transparent;background-color: transparent;}

@media (min-width: 768px) {
	.pub-nav_02{width: 60%;}
	.pub-nav_02>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.pub-nav_02>ul li{width: 46% !important;}
	/* .nav> li .dropdown-menu {display: block;} */
	.navsub {display: inline-block;margin-left: 2px;width: 5px;height: 5px;vertical-align: super;border-right: 1px solid #000;border-bottom: 1px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.logo {position: absolute;z-index: 10;}
	.logo img{margin-top: 15px; width: 220px; height: 59px;}
	/* .logo a{ height: 36px;display: block;float: left;} */

	/* top */
	.top-nav{height: 94px;}
	.top-nav,
	.navbar-default {background: #fff;border-bottom: 5px solid #61993b;}
	
	
	.navbar-nav {float:right}
	.navbar-default .navbar-nav>li>a {margin-right: 40px;font-size: 14px;line-height: 80px;text-transform: uppercase;font-weight: 700;color: #222;}
	.navbar {margin-bottom: 0;min-height: 60px;border: 0;}
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:focus,
	.navbar-default .navbar-nav>.active>a:hover {background-color: transparent;color: #222;}
	.navbar-default .navbar-nav>.active>a::after,
	.navbar-default .navbar-nav>li>a::after,
	.navbar-default .navbar-nav>li>a:hover::after {content: "";position: absolute;display: block;width: 100%;height: 3px;background: #61993b;z-index: 999;bottom: 0;opacity: 1;transform: translatey(0px);}
	.navbar-default .navbar-nav>li>a::after {transform: translatey(3px);bottom: 0;opacity: 0;transition: all 0.36s ease;}
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>.open>a:hover {color: #222;background-color: transparent;}
	
	.dropdown-menu {top: 124%;padding: 24px;background: #fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.10);border: 0;}
	.navbar-nav>li:nth-child(3)>.dropdown-menu {left: -100px;}
	.navbar-nav>li:nth-child(3)>.dropdown-menu::after {left: 130px;}
	
	.dropdown-menu::after {content: '';position: absolute;top: -5px;left: 10px;display: inline-block;width: 0;height: 0px;border-style: solid;border-width: 5px;border-color: #fff #fff transparent transparent;box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.10);transform: rotate(-45deg);}
	.dropdown-menu>li>a{padding: 8px;border-bottom: 1px solid #eee;}
	.dropdown-menu>li>a:hover{background-color: #62993b;color: #fff;}
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
		background-color: #62993b;color: #fff;
	}
	
    .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } 
    .dropdown-submenu:hover>.dropdown-menu { display: block; } 
    .dropdown-submenu .sanjx:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: 0px; } 
    .dropdown-submenu:hover>a:after { border-left-color: #fff; } 
    .dropdown-submenu.pull-left { float: none; } 
    .dropdown-submenu.pull-left>.dropdown-menu {  margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
    .dropdown-submenu .dropdown-menu::after{display:none}

}
.top-nav .vr-ewm{position: absolute;top:5%;right:2%;z-index:99999}
.top-nav .vr-ewm img{width:65px;margin: auto;display: table;}
.top-nav .vr-ewm span{display:block;font-size:13px}

/* banner */
#banner {width: 100%;overflow: hidden;position: relative;}
#banner .pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;z-index: 999;}
#banner .swiper-pagination-bullet {display: inline-block;width: 80px;height: 4px;border-radius: 10px;background: #666;margin: 0 15px;cursor: pointer;/* transform: scale(0.4,0.4); */transition: all 0.3s ease-in-out;}
#banner .swiper-pagination-bullet-active {transform: scale(1.1);background: #62993b;}
#banner .arrow-left {background: url(../images/banner_arrow.png) no-repeat left top;position: absolute;left: 20px;top: 55%;margin-top: -35px;width: 70px;height: 70px;z-index: 999;}
#banner .arrow-right {background: url(../images/banner_arrow.png) no-repeat left bottom;position: absolute;right: 20px;top: 55%;margin-top: -35px;width: 70px;height: 70px;z-index: 999;}
#banner img{width: 100%;}

/* banner-bottom-info */
.banner-bt-info{position: relative; background: url(../images/banner_bg.jpg) no-repeat;width: 100%;height: 119px; display: block;background-size: contain;}
.banner-bt-info::after{position: absolute;bottom: 0; content: "";display: block; width: 100%;height: 119px;background: rgba(0,0,0,0.6);box-shadow: 1px 5px 6px 0px rgba(35,24,21,0.53);}

.banner-bt-info ul{position: relative; z-index: 1;}
.banner-bt-info ul li{width: 20%;color: #fff;text-align: center;}
.banner-bt-info ul li span{margin-top: 16px;font-size: 26px;font-weight: bold;color: #61993b;font-family: "Tun";display: block;letter-spacing: 1px;}
.banner-bt-info ul li p{color: #fff;line-height: 1.8;}

.tijiao{position: relative; display: inline-block;width: 152px;height: 52px;background: #61993b;border: 0;color: #fff;overflow: hidden;}
@-webkit-keyframes wave {
	0% {
		background: rgba(0, 0, 0, .25);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}

	to {
		background: transparent;
		transform: translateX(-50%) translateY(-50%) scale(1)
	}
}

@keyframes wave {
	0% {
		background: rgba(0, 0, 0, .25);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}

	to {
		background: transparent;
		transform: translateX(-50%) translateY(-50%) scale(1)
	}
}

.tijiao:before,.swiper-button-next:before,.swiper-button-prev:before{content: "";position: absolute;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%);}
.tijiao:hover:before,.swiper-button-next:hover:before,.swiper-button-prev:hover:before{-webkit-animation: wave .75s;animation: wave .75s;z-index: 1;}

/* banner-anim */
/*#banner .swiper-slide {*/
    /*background: linear-gradient(90deg, #216bf2 0%, #1667ee 100%);*/
/*    background-image: url(../images/banner-bg.jpg);*/
/*    background-repeat: no-repeat;*/
/*}*/
/*#banner .swiper-slide {*/
/*    width: 100%;*/
/*    float: left;*/
/*    height:518px;*/
/*}*/
.banner-anim .w1200{position: relative;}
.banner-anim .w1200 .txt{position: absolute;top: 140px;left: 20px; color: #787878;}
.banner-anim .txt .title{font-size: 61px;font-weight: bold;}
.banner-anim .txt .bot-tit{font-size: 43px;}
.banner-anim .txt .bot-tit02{width:45%;}
.banner-anim#swiper-slide4 .txt .bot-tit02{width:70%;}
.banner-anim#swiper-slide2 .txt .bot-tit{font-size: 34px;}

.banner-txt .w1200 .txt{position: absolute;top: 80px;left: 20px; color: #787878;font-size:20px}
.banner-txt p{margin-top:15px;}
/*.banner-anim .txt .bot-tit02{padding: 15px 20px;font-size: 20px;background: rgb(0 0 0 / 10%);border-radius: 5px;}*/
/*.banner-anim .txt .bot-tit02 a{color:#fff}*/

/*.banner02{background: url(../images/banner02.jpg) no-repeat center;width:100%;height:400px;background-size:cover}*/
@-webkit-keyframes ani-rocket-data-v-67da6c9d {
	0% {
		transform: translate(0)
	}

	25% {
		transform: translateY(-20px)
	}

	75% {
		transform: translateY(10px)
	}

	to {
		transform: translate(0)
	}
}

@keyframes ani-rocket-data-v-67da6c9d {
	0% {
		transform: translate(0)
	}

	25% {
		transform: translateY(-20px)
	}

	75% {
		transform: translateY(10px)
	}

	to {
		transform: translate(0)
	}
}
@-webkit-keyframes ani-flash-data-v-67da6c9d {
	0% {
		opacity: 1
	}

	25% {
		opacity: .3
	}

	50% {
		opacity: .8
	}

	75% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes ani-flash-data-v-67da6c9d {
	0% {
		opacity: 1
	}

	25% {
		opacity: .3
	}

	50% {
		opacity: .8
	}

	75% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}
@-webkit-keyframes ani-rocket-halo-data-v-67da6c9d {
	0% {
		transform: translate(0)
	}

	25% {
		transform: translateY(20px)
	}

	75% {
		transform: translateY(-20px)
	}

	to {
		transform: translate(0)
	}
}

@keyframes ani-rocket-halo-data-v-67da6c9d {
	0% {
		transform: translate(0)
	}

	25% {
		transform: translateY(20px)
	}

	75% {
		transform: translateY(-20px)
	}

	to {
		transform: translate(0)
	}
}

@keyframes ani-rocket-02 {
	0% {
		transform: translate(0)
	}

	25% {
		transform: translateX(10px)
	}

	75% {
		transform: translateX(-10px)
	}

	to {
		transform: translate(0)
	}
}

.banner-anim .item-img-wrap .item-rc1325,
.banner-anim .item-img-wrap .item-rca1325,
.banner-anim .item-img-wrap .item-rc1325s,
.banner-anim .item-img-wrap .item-rc1325s02{position: absolute;right: 0;}
.banner-anim .item-rc1325{background: url(../images/rc1325.png) no-repeat;top: 60px; width: 573px;height: 421px;z-index: 1;background-size:contain}
.banner-anim .item-rca1325{background: url(../images/rca1325.png) no-repeat;top: 60px; width: 573px;height: 421px;z-index: 1;background-size:contain}
.banner-anim .item-rc1325s{background: url(../images/rc1325s.png) no-repeat;top: 60px; width: 573px;height: 421px;z-index: 1;background-size:contain}
.banner-anim .item-rc1325s02{background: url(../images/rc1325s02.png) no-repeat;top: 60px; width: 573px;height: 421px;z-index: 1;background-size:contain}

.banner-anim .item-rc1325,.banner-anim .item-rca1325,.banner-anim .item-rc1325s,.banner-anim .item-rc1325s02{
	-webkit-animation: ani-rocket-data-v-67da6c9d 6s ease 1s infinite forwards;
	animation: ani-rocket-data-v-67da6c9d 6s ease 1s infinite forwards
}

/* 关于我们 */
.index-about{position: relative;/* background: #f6f8fa; */padding-bottom: 40px;}
.index-about .w1200{position: relative;}
.txt-vr p{font-size:16px;font-weight:bold;margin-top:20px;word-break:break-all;}
.txt-vr p span{font-size:18px;display:inline-block}
.txt-vr a{color: #61993b;text-decoration: underline;}
.txt-vr a:hover{text-decoration:none}
/* 2 */
.about-txt{background: #fff;}
/*.about-txt .info{width: 60%;}*/
.about-txt .info .title{font-size: 30px;font-weight: bold;}
/* .about-txt .info .entit{font-size: 16px;font-weight: bold;color: #999;margin: 10px 0 15px;} */
.about-txt .info .txt{font-size: 16px;line-height: 2;margin-top: 20px;}

.ab-btn{display: inline-block;margin-top: 25px;width: 150px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;background: #61993b;border: 1px solid #61993b;text-align: center;}
.ab-btn:hover{background-color: #4b830e;color: #fff;}


/* 我们的服务 */
.index-products{width: 100%; background: #f6f8fa;}
.pro-con .item{float: left;position: relative;
	 width: 377px;
	 height: 550px;
	 background: #fff;
	 border: 2px solid #fff;
	 /* background: linear-gradient(180deg, #f4f5f7 0%, #ffffff 100%); */
	 box-shadow: 0px 3px 9px 0px rgba(203, 220, 255, 0.62);
	 overflow: hidden;
}
.pro-con .item{margin-right: 30px;margin-bottom: 20px;box-shadow: 1px 5px 6px 0px rgba(35,24,21,0.11);border-radius: 10px;}
.pro-con .item:nth-child(3n){margin-right: 0;}
.pro-con .item a{display: block;width: 100%;height: 100%;}
.pro-con .item .info{width: 100%;height: 100%;background: rgba(255, 255, 255, .8);padding:20px 30px;text-align: center;}
.pro-con .item:hover{transform: translateY(-10px);}
.pro-con .item:hover .title{background: #61993b;}
.pro-con .item .title{font-size: 26px;font-weight: bold;color: #fff;text-align: center;height: 61px; line-height: 61px; background: #222;transition: .3s ease-in-out;}
.pro-con .item .img img{display: block;margin: 60px auto 30px;}
.pro-con .item .desc{width: 80%;font-size: 14px;font-weight: bold;line-height: 30px;display: block;text-align: center;margin: auto;}
.pro-con .item .icon {width: 59px;height: 59px;display: block;margin:0 auto 10px;background-repeat: no-repeat;transition: .3s ease-in-out;}
.pro-con .item:hover .info{background: rgba(188,11,19,0.8);color: #fff;}

@media screen and (max-width: 668px) {
	.case-banner {background-size: auto 100%;}
	.case-banner .swiper-container {margin: 20px 0 15px;}
	.swiper-slide {-webkit-transform: scale(0.97);transform: scale(0.97);}
	.swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(0.97);transform: scale(0.97);}
	.swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		border: 10px solid #fff;
		content: "";
		width: 100%;
		height: 100%;
		/* background: url(images/top_slick_cover_bg01.png) 0 0 repeat; */
		border-radius: 20px;
	}
	.swiper-slide a {
		padding: 5px;
		border-radius: 7px;
	}
	.swiper-slide img {
		border-radius: 7px;
	}
	.case-banner .swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}
			
	.case-banner .swiper-pagination-bullet {
		background: #072A9D;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}
			
	.case-banner .swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #fff;
		border: 3px solid #072A9D;
		margin-bottom: 0;
	}
	.case-banner .button {
		width: 70%;
		bottom: 22px;
	}
	.case-banner .button div {
		width: 28px;
		height: 28px;
	}
}

/* index-video */
.index-video .vid-img{width: 50%;}
.index-video .vid-wrap{position: relative; width: 50%;padding: 0 100px;}
.index-video .vid-wrap:before,.index-video .vid-wrap:after{position: absolute;left: 0;right: 0;margin: auto;display: block;background-repeat: no-repeat;background-size: 100% 100%;z-index: -1;}
.index-video .vid-wrap:before{top: 0; content: "";width: 74%; height: 66px;background-image: url(../images/vid-bg01.png);}
.index-video .vid-wrap:after{bottom: 0;content: "";width: 100%; height: 152px;background-image: url(../images/vid-bg02.png);}
.index-video .vid-wrap .title{font-size: 36px;font-family: 'Tun';font-weight: bold;text-align: center;margin-top: 15%;margin-bottom:20px; text-transform: uppercase;}
.index-video .indexvid-tab{margin-bottom: 15px;}
.index-video .indexvid-tab li{width: 25%;overflow: hidden;padding:0 5px;transition: all .3s;}
.index-video .indexvid-tab li.active{transform: scaleY(1.1);}
.index-video .vid-wrap .info p{margin-top: 20px;font-size: 16px;font-weight: 400;line-height: 30px;}
.index-video .vid-wrap .yhao{margin-top:20px}

/* index - news */
.index-news ul li{float: left;width: 375px;margin-right: 30px;}
.index-news ul li:last-child{margin-right: 0;}
.index-news ul li .title{margin: 16px auto 8px; font-size: 18px;font-weight: bold;line-height: 30px;}
.index-news ul li .desc{font-size: 16px;color: #333;line-height: 30px;}
.index-news ul li img{width: 100%;height:173px}

.index-news ul li a{display: table;margin:20px auto 0; width: 155px;height: 34px;line-height: 34px; background: rgba(20,149,71,0);border: 2px solid #222;text-align: center;color: #222;font-weight: bold;}
.index-news ul li a:hover{background: #61993b;color: #fff;border-color: #61993b;}

/* FAQ */
.faq-wrap{background: url(../images/wt_bg.jpg) no-repeat;width: 100%;background-size: cover;padding: 50px 50px 70px 50px;}
.faq-wrap .title{margin-bottom: 36px; font-size: 36px;font-weight: bold;color: #222;line-height: 30px;text-transform: uppercase;}
.faq-wrap .txt {margin-bottom: 30px;}
.faq-wrap .txt span{display: block;font-size: 18px;}
.faq-wrap .txt p{font-size: 15px;color: #666;line-height: 2;}

/* customer */
.customer-wrap .title{margin-top: 20px;margin-bottom: 20px; font-size: 30px;font-family: "Tun";color: #666;line-height: 30px;text-align: center;}
.customer-wrap .img-con img{border: 1px solid #ccc;border-radius: 6px;width: 13%;padding: 10px 0;max-width: 100%;transition: all .3s;}
.customer-wrap .img-con img:hover{box-shadow: 1px 5px 6px 0px rgb(35 24 21 / 11%);transform: translateY(-10px);}

/* index - form */
.form-bg{background: #f6f8fa;}
.form-wrap .top-tit{font-size: 24px;font-weight: bold;text-align: center;}
.form-wrap .top-tit p{font-size: 16px;font-weight: 400;line-height: 48px;}
.form-wrap form{width: 853px;margin:20px auto 0;}
.form-wrap form input,.form-wrap form textarea{width: 100%;height: 46px;background: #fff;border: 1px solid #ccc;padding: 0 20px;}
.form-wrap form textarea{height: 117px;padding: 10px 20px;}
.form-wrap .submit-button{width: 165px;height: 43px;background: #383838;border: 1px solid #383838; color: #fff;}
.form-wrap .field p{margin-bottom: 8px;font-size: 16px;}


/* ======  other - pub ====== */
.z-banner{position: relative;}
.z-banner>div{max-height: 300px;overflow: hidden;}
.z-banner img{width: 100%;}
.z-banner .txtDiv {position: absolute;right: 50%;margin-right: -600px;z-index: 1;top: 46%;transform: translateY(-56%);color: #8d8d8d;text-align: right;}
.z-banner .txt1 {font-size: 36px;line-height: 36px;padding-bottom: 20px;}
.z-banner .txtDiv2{color: #fff;}
/* ======  contact ====== */
.contact-wrap h1{font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.contact-wrap p{line-height: 2;}

.contact-form{width: 55%;}
.contact-form .title,.contact-info .title{font-size: 32px;font-family: "Roboto",Arial;color: #333;margin-bottom: 20px;}
.contact-form .field{position: relative;margin-bottom: 20px;}
.contact-form .field i{position: absolute;}
.contact-form .field .iconfont{color: #ccc;}
.contact-form .field input,.contact-form .field textarea{border: 0;background: #fff;outline: 0;border-bottom: 1px solid #ccc;padding-bottom: 20px;padding-left: 2em;width: 100%;}
.contact-form .field ::-webkit-input-placeholder{color: #999;}
.contact-form .field textarea{height: 100px;}
.cat-formbtn{font-weight: 400;font-style: normal;text-transform: uppercase;border-radius: 0.2em;padding: 0.8em 2.5em;background: #5E924D;border-color: transparent;color: #ffffff!important;box-shadow: 0 0.1em 0.2em rgb(0 0 0 / 20%);transition: background 0.3s,border-color 0.3s,box-shadow 0.3s,opacity 0.3s,color 0.3s;}
.cat-formbtn:hover{box-shadow: 0 0.2em 0.4em rgb(0 0 0 / 40%);}

.foucsed .field .iconfont{color: #000;}
.foucsed .field{position: relative;}
.form-group .field::after{content: "";width: 0;height: 2px;background: #000;display: block;margin: auto;}
.cf-tarea .field::after{position: relative;bottom: 5px;}
.foucsed  .field::after{width: 100%;}
.contact-form .field .iconfont,.form-group .field::after{transition: all .5s;}

.contact-info{width: 36%;}
/* ======  about ====== */
/*.about-wrap .ab-left{width: 575px;}*/
.ab-zs{width: 60%;display: table;margin: auto;}
.ab-zs img{width: 50%;padding: 20px;}
.ab-left .name {font-size: 30px;color: #00447d;line-height: 30px;font-weight: bold;padding-bottom: 15px;}
.ab-left .txt {font-size: 24px;color: #2469a3;line-height: 24px;}
.ab-left .content {font-size: 14px;line-height: 26px;color: #797979;padding-top: 15px;}
.ab-left .content p{margin-bottom: 15px;}
/* ======  download ====== */
.downloadlist li{margin-bottom: 20px;border-bottom: 1px solid #eee;}
.downloadlist li .title {font-size: 18px;margin-top: 10px;margin-bottom: 15px;color: #000;overflow: hidden;font-weight:bold}
.downloadlist li .title:hover{color:#5E924D}
.download-tips {border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:20px}
.download-tips .title span{color:#f00}
.download-tips h2{font-size:32px;font-weight:bold}
.download-tips p{margin-top:15px; font-size:24px;font-weight:bold}
.download-tips a:hover{text-decoration:underline}
.d-ewm{background:#f7f8fa;width:100%;margin-bottom:15px;padding:10px 35px}
.d-ewm li img{border:5px solid #fff;width:120px}
.d-ewm li span{display:block;text-align:center;font-weight:bold;margin-top:7px}
/* ======  list ====== */
.h2title{font-size: 20px;font-weight: 600;}
.h2line{padding-bottom: 20px;margin-bottom: 20px; border-bottom: 1px solid rgba(218,222,224,.5);}
.news-wrap{width: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.list-left{width: 880px;margin-right: 50px;}
.main-right{width: 300px;}
.news-tab{ border-bottom: 1px solid rgba(218,222,224,.5);}
.news-tab .title{padding-right: 15px;padding-bottom: 25px; margin-right: 20px;font-size: 20px;font-weight: 600;}

.news-list li{margin-bottom: 20px;border-bottom: 1px solid #eee;}
.news-list li a{padding: 20px; overflow: hidden;display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;}
.news-list .img{ width: 242px;height: 150px;margin-right: 30px;border-radius: 5px;overflow: hidden;}
.news-list .img img{width: 100%;height: 100%;}
.news-list .info{position: relative; width: 65%;}
.news-list .info .title{margin-top: 3px;font-size: 18px;font-weight: 600;margin-bottom: 16px;}
.news-list .info .desc{color: #666;font-size: 14px;line-height: 28px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.news-list .info .bottom{position: absolute; bottom: 0;}
.news-list  .bottom span{font-size: 13px;color: #777;}

/* hot - news */
.main-search,.main-item01{padding: 20px;}
.main-search .form{position: relative;}
.main-search input {padding: 15px;width: 100%;border: 1px solid #ccc;background: #fff;}
.main-search .aniu{position: absolute;right: 0px;top: 0px;width: 36px;height: 50px;background: url(../images/icon-search.png) left no-repeat;z-index: 2;border: 0;}

.hot-news .item{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin-bottom: 30px;}
.hot-news .item:nth-child(1) .num{color: #F74427;}
.hot-news .item:nth-child(2) .num{color: #FC6E25;}
.hot-news .item:nth-child(3) .num{color: #FF8B20;}
.hot-news .txt .name{font-size: 16px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.hot-news .txt .bottom{margin-top: 10px;height: 18px;font-size: 14px;font-weight: 400;color: #93999f;line-height: 18px;}
.hot-news .txt .bottom span:first-child{margin-right: 28px;}


/*page  */
.pagination{
	display: table;
	margin: auto;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #5E924D;
	border-color: #5E924D
}

.pagination>li>a,
.pagination>li>span {color: #222}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #5E924D;
    border-color: #5E924D;
}
/* ======  show ====== */
.h1tit {font-size: 28px;font-weight: 500;text-align: center;}
.art-type {margin-top: 20px;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #eee;text-align: center;}
.art-type>span {margin-right: 20px;font-size: 12px;color: #777;}
.art-type p{margin-top: 20px;margin-bottom: 15px; text-align: left;}

.article-wrap {margin-top: 30px;font-size: 16px;font-weight: 400;color: #666;line-height: 2;overflow: hidden;font-family: "Roboto-r";}
.article-wrap p {padding-bottom: 20px;}

.pages {margin-top: 30px;padding-top: 20px;border-top: 1px solid #eee;}
.pages p {margin-bottom: 10px;font-size: 16px;}
.tags {padding-top: 15px;margin-top: 15px;border-top: 1px solid #eee;}
.tags a {margin-right: 15px;}

.audio-wrap{text-align: center;}
.con-xgnr{color: #333;background: #fafafa;padding: 14px 18px 18px;text-align: left; display: inline-block;margin-top: 20px;}
.con-xgnr strong{font-size: 16px;margin-bottom: 10px;display: block;}
.con-xgnr a{display: inline-block;line-height: 2; color: #3175e4;border-bottom: 1px dotted transparent;}
.con-xgnr a:hover{border-bottom: 1px dotted #3175e4;}

.single-contact {background: #ad251f;padding: 20px;}
.single-contact span {font-size: 25px;text-align: center;display: block;color: #fff;line-height: 2;}
.single-contact p {font-size: 18px;text-align: center;color: #fff;margin-bottom: 1.75em;}
.single-contact a {display: block;margin: 0 auto;text-align: center;float: none;max-width: 200px;background: #000;padding: 10px;color: #fff;font-size: 18px;text-transform: uppercase;font-weight: bold;}

/* ======  products ====== */
.products-main {background-color: #fff;box-shadow: 0 0 80px 0 rgb(0 0 0 / 15%);padding: 20px;}
.products-main ul li{border-bottom: 1px solid rgba(0, 0, 0, .07);    padding: 10px 0;}
.products-main ul li a{font-size: 16px;display:block}
.products-main ul li a.active{padding: 10px;color: #fff;background: #5E924D; display: block;}
.pro-ej{display:block}
.pro-ej li{position:relative}
.pro-ej li:after{
    position: absolute;
    content: "";
    top: 16px;
    padding: 0 10px;
    background: url(../images/icon-jt.png) center no-repeat;
    width: 4px;
    height: 8px;
    display: inline-block;
}
.pro-ej li a{padding-left:20px}
.pro-ej li:last-child{border-bottom:0}
.pro-ej li.active a{color:#5E924D}

.pro-right{width: 860px;}
.products-list{justify-content: flex-start;}
.products-list>div{margin-bottom: 20px;}
.products-list>div .item{background: #fff;box-shadow: 0 0 18px #37784729;padding: 10px;text-align: center;border-radius: 15px;position: relative;/* height: calc(100% - 30px); */overflow: hidden;border: 3px solid transparent;transition: .3s ease-in-out;}
.products-list>div .item:hover{border: 3px solid #61993b;}
.products-list img{max-width: 100%;}
.products-list .title{font-size: 18px;line-height: 1.37;margin-top: 10px;margin-bottom: 15px;color: #000;min-height: 50px;max-height: 50px;overflow: hidden;}

/* products - arcticle */
.proart-top img{max-width: 100%;}

.proart-top .info {float: right; width: 57%; }
.proart-top .info .title{font-size: 26px;font-weight: bold;margin-bottom: 10px;}
.proart-top .info .txt{font-size: 15px;color: #666;margin-bottom: 4px;padding: 2px 0px;line-height: 26px;border-bottom: 1px solid #eee;}
.info-txt {text-align: justify;text-justify: inter-ideograph;word-wrap: break-word;word-break: break-all;}
.proart-top .type div{width: 100%;overflow: hidden;position: relative;line-height: 28px;font-size: 1.4rem;color: #666;}
.proart-top .type div span{min-width: 70px;color: #333;display: inline-block;padding-right: 6px;}
.inquiry{margin-top: 5px;background: #f5c519;color: #fff;border-radius: 4px;font-size: 14px;padding: 6px 15px;display: inline-block;transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.inquiry:hover{background: #d3a918;color: #fff;}
.pro-show{ margin-top: 30px;font-size: 16px;font-weight: 400;color: #666;line-height: 2;font-family: "Roboto-r";}
.pro-show video{display:block;margin:auto; max-width:100%;height:auto}
.pro-show ol{width:100% !important}
.pro-show p{margin-bottom: 20px;}
.pro-show img{max-width: 60%;display: block;margin: auto;height:auto}

.pro-show table tr:first-child{background:#eee}
.pro-show table td,.pro-show table th{border: 1px solid #999;padding: 10px 50px;text-align: center;}

.show-pro-case {margin-top: 20px;margin-bottom: 20px;padding: 18px 20px 25px;background: #f6f6f6;box-shadow: inset 0 -1px 9px #231f2038;}
.show-pro-case .title{font-size: 18px;margin-bottom: 20px;}
.show-pro-case .img{background: no-repeat 50%;background-size: cover;width: 32%; height: 200px;position: relative;}
/* .show-pro-case img{width: 100%; height: 250px;} */

/* products - form */
.art-form-wrap{background-color: #f6f6f6;padding: 30px;}
.art-form-wrap .title {text-align: center;margin-bottom: 30px;}
.art-form-wrap .title h2{font-size: 32px;color: rgb(0, 0, 0, 0.7);}
.art-form-wrap .title p{color: #666;line-height: 2;}
.art-form-wrap .bot-wrap .img{width: 40%;}
.art-form-wrap .bot-wrap .img img{max-width: 100%;}
.art-form-wrap .bot-wrap .art-form{width: 55%;}
.art-form-wrap .art-form input,.art-form-wrap .art-form textarea{border: 0;background: #fff;padding: 10px 15px;width: 100%;}
.art-form-wrap .art-form textarea{height: 80px;}

.art-form-wrap .art-form .field{position: relative;}
.art-form-wrap .art-form .field .iconfont{position: absolute;top: 5px;left: 5px;color: #999;}
.art-form-wrap .art-form .field input,.art-form-wrap .art-form .field textarea{padding-left: 35px;}

.tags{padding-top: 15px;margin-top: 15px; border-top: 1px solid #eee; margin-bottom: 30px;}
.tags span{font-size: 16px;}
.tags a{margin-right: 15px;}

.Cloud-tag a{display: inline-block;background: #fff;box-shadow: 0 0 18px #37784729;padding: 10px;margin: 10px;}
/* ======  case ====== */
.line{border-bottom: 1px solid #eee;margin-top: 40px;}
.ser-warp ul {width: 100%;display: flex;flex-wrap: wrap;}
.ser-warp ul li{margin: 30px 40px 0 0;width: calc( 100% * ( 1 / 3) - 27px);}
.ser-warp ul li:nth-child(3n) {margin-right: 0;}
/*.ser-warp ul li img{width: 100%;height: 150px;}*/
.ser-warp ul li .img{background: no-repeat 50%;background-size: cover;width: 100%; height: 200px;}
.ser-warp ul li .info{text-align: center;background: #fff;padding-bottom: 15px;}
.ser-warp ul li .info span{display: block;font-size: 22px;padding: 10px 0 15px;}


/* links */
.links{margin-top: 20px;margin-bottom: 25px;}
.links .title{margin-bottom: 10px; font-size: 16px;}
.links ul li a{float: left;margin-right: 20px;}

/* footer 01*/
.ft01{background: #5E924D;overflow: hidden;}
.ft01 .ft01-tel{line-height: 85px;color: #fff;font-size: 16px;font-weight: bold;}
.ft01 .ft01-icon{margin-top: 20px;margin-bottom: 20px;}
.ft01 .ft01-icon img{margin-right: 10px;}

/* footer */
.footer{background: #383838;}
.footer .txt-info{padding-top: 60px;}
.footer .ft-logo{margin-right: 78px;}
.footer .ft-address{width: 432px;font-size: 14px;color: #fff;line-height: 30px;}
.footer .ft-nav{width: 200px;margin-left: 100px;}
.footer .ft-nav a{color: #fff;float: left;width: 50%;margin-bottom: 15px;}
.ft-line{width: 100%;height: 1px;background: rgba(255,255,255,0.2);margin-top: 20px;margin-bottom: 20px;}
.foot-copyright p{color: #949494;padding-bottom: 15px;}

.suspension {
	position: fixed;
	z-index: 999;
	right: 0;
	bottom: 20%;
	width: 70px;
	/*height: 240px*/
}

.suspension-box {
	position: relative;
	float: right
}

.suspension-box span {
	display: block;
	color: #222;
	font-size: 12px;
	text-align: center
}

.suspension .a {
	display: block;
	width: 70px;
	height: 74px;
	background-color: #fff;
	border-bottom: 1px solid rgb(238 238 238 / 30%);
	cursor: pointer;
	outline: 0;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.suspension .a:last-child {
	border-bottom: 0
}

.suspension-box .i {
	margin: 8px auto 0;
	width: 36px;
	height: 36px;
	line-height: 36px
}

.suspension-box i>img {
    margin: 9px auto 10px;
    width: 40%;
}

.suspension .a-top {
	background: #fff;
	display: none;
	height: 68px
}
.tooltip-inner {
	width: 120px;
	color: #113f6c;
	font-size: 1.2em;
	padding: 4px;
	background-color: #fff
}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #fff}
.ft_all{background:transparent !important;box-shadow:initial !important}
#ft-all i>img {margin-top:20px;width:50%}
#ft-all{display:none}

.tooltip.bottom .tooltip-arrow {border-bottom-color: #fff}
.ft_all{background:transparent !important;box-shadow:initial !important}
#ft-all i>img {margin-top:20px;width:50%}
#ft-all{display:none}

/* media */

@media (max-width: 1700px) {
	/* .index-video .vid-wrap:after{display: none;} */
}
@media (max-width: 1650px) {
	.index-video .vid-wrap .title{font-size: 2em;}
}
@media (max-width: 1440px) {
	.index-video .vid-wrap{padding: 0 40px;}
	.index-video .vid-wrap:before{height: 50px;}
	.index-video .vid-wrap:after{display: none;}
	.index-video .vid-wrap .title{margin-top: 10%;}
	.top-nav .vr-ewm{top:120px;}
}
@media (max-width: 1199px) {
	.w1200{width: 94%;margin: auto;}
	.footer .ft-address{width: 35%;}
	.form-wrap form{width:100%}
	.pro-con .item{width:31.2%}
	.navbar-default .navbar-nav>li>a{margin-right:20px}
	.navbar-default .navbar-nav>li:last-child>a{margin-right:0}
	.z-banner .txtDiv{margin-right:0;right: 80%;}
	.main-right{width:25%}
	.pro-right{width:75%}
	.banner-anim .item-rc1325s{top:100px}
	.banner-anim#swiper-slide4 .txt .bot-tit02{width:60%}
	.banner-anim .txt .title{font-size:42px}
	.banner-anim .item-img-wrap>div{width:50%}
}
@media  (max-width: 1026px) and (min-width: 761px) {
    .top .top-txt{display:none}
    .banner-anim .txt .bot-tit{font-size:26px}
    .banner-anim .item-img-wrap>div{top:200px}
    .pro-con .item{width:48%;margin-right:2.8%}
    .pro-con .item:nth-child(3n){margin-right:2.8%}
    .pro-con .item:nth-child(2n){margin-right:0}
    .logo img {margin-top: 30px;width: 120px;height: 29px;}
    .banner-bt-info ul li span{font-size:22px}
    /*.index-about .fr{float:initial}*/
    .index-about .fr video{margin-top:20px}
    .footer .ft-nav{margin-left:0}
    .footer .ft-logo{margin-right:28px}
    .footer .ft-nav{margin-left:20px}
    .index-video .vid-wrap:before,.index-video .vid-wrap .yhao{display:none}
    .index-video .vid-wrap .title{font-size:1.3em;margin-top:20px}
    .proart-top .info {width: 100%;padding: 15px;}
    .proart-top .img{max-width:100%;width:auto}
    .pro-con .item .title{font-size:22px}
}


@media (max-width: 760px) {
    #ft-all{display:block}
	.none{display: none;}
	.w1200{width: 94%;}
	.fl,.fr{float: initial;}
	
	.top-nav .logo,.banner-bt-info,.top{display: none;}
	.news-wrap,.news-list li a,.index-video>div{display: block;}
	.navbar-brand>img{max-width: 40%;}
	.z-banner,.proart-top .info,.pro-right,.index-news ul li,.pro-con .item,.about-txt .info,.top-nav .w1200,.about-wrap .ab-left,.ser-warp ul li,.contact-form,.contact-info,.list-left,.news-list .info,.news-list .img,.art-form-wrap .bot-wrap .img,.art-form-wrap .bot-wrap .art-form,.main-right,.index-video .vid-img,.index-video .vid-wrap{width: 100%;}
	.footer .ft-address,.form-wrap form{width: 100%;}
	.ab-right img{width: 100% !important;}
	.footer .ft-nav{margin-left: 0;}
	.index-news ul li,.about-txt .info{margin-bottom: 30px;}
	.top-nav .nav>li>a,.index-video .vid-wrap {padding: 10px;}
	.footer .ft-address{padding: 10px 0;}
	.proart-top .info{padding: 15px;}
	.about-txt{padding: 0;}
	.faq-wrap{padding-left: 20px;padding-right: 20px;}
	.customer-wrap .img-con img{width: 30%;margin-bottom: 15px;}
	.z-banner .txtDiv{margin-right: 0;}
	.ser-warp ul li{margin: 0 auto 20px;}
	.top-title{font-size: 32px;}
	.news-list .info .bottom{position: relative;}
	
	.index-video .indexvid-tab li{width: 50%;padding: 10px;}
	
	.banner-anim .item-rc1325,.banner-anim .item-rca1325,.banner-anim .item-rc1325s,.banner-anim .item-rc1325s02{
	    display: none;
	}
	.banner-anim .txt .bot-tit{font-size:24px}
	.banner-anim .txt .bot-tit02{font-size:14px;width:100%}
	#banner .swiper-pagination-bullet{width:50px}
	#banner{padding-top:60px}
	
	
	/*.dropdown-submenu .dropdown-menu {display: block;background: #eee !important;overflow: hidden;}*/
	/*.o-auto{max-height: 360px;overflow: auto ;}*/
	.dropdown-submenu .dropdown-menu {display: block;background:rgb(238 238 238 / 50%) !important;overflow: hidden;}
	.o-auto{max-height: 360px;overflow: auto ;}
	.banner-anim .item-img-wrap>div{right: 10% !important;top: 0;margin-top: 80%;width: 80%;}
	.banner-anim .txt .title{font-size:24px}
	.banner-anim#swiper-slide2 .txt .bot-tit{font-size:initial}
	.top-nav{position: fixed !important;}
	.top-nav .navbar-default{background: rgb(0 0 0 / 40%);}
	.top-nav .navbar-header{background:#fff;}
	.top-nav .navbar-collapse{background: rgb(0 0 0 / 10%);}
	.top-nav .nav>li>a,.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#fff}
	.navbar-default .navbar-nav>li>a{margin-right:0}
}