@font-face{

	font-family: trends;

	src:url('../font/fonts/trends .ttf');

}

.fa-trends{

	font-family: trends;

}

@font-face{

	font-family: light;

	src:url('../font/Yahei-light.TTC');

}

@font-face{

	font-family: GreatVibes;

	src:url('../font/GreatVibes.ttf');

}

.fa-GreatVibes{

	font-family: GreatVibes;

}



.owl-carousel .owl-item img{

	width: auto;

	display: inline-block;

}

#fancybox-content{

	background:#000;

}

.video-js{

	left: 50%;

	transform: translateX(-50%);



}

.main-top{

position: relative;

z-index: 10000

}

.top-line{

	padding-top: 10px;
	padding-bottom: 10px;

	border-bottom: 1px solid #eee;

}

.main-top .mt_c{

	padding-top: 15px;

	padding-bottom: 15px;

	position: relative;

	overflow: hidden;

}

.mt_c .mt-l{

	padding-top: 5px;

	padding-bottom: 5px;

	float: left;

}

.mt-l .logo{

	display: inline-block;

	width: 225px;

	height: 63px;

	background: url(../img/public/logo.png) no-repeat center center;	

	float: left;

}

.mt-l p{

	margin-left: 235px;

	padding:0 10px;

	border-left: 1px solid #eee;

	height: 63px;

	padding-top: 5px;

}

.mt-l .t1{

	font-weight: bold;

	font-size: 24px;

	display: block;

	line-height: 1.2;

}

.mt-l .t2{

	line-height: 2;

	font-size: 16px;

	color: #666;

}

.mt_c .hotline{

	color: #328439;

	font-size: 18px;

	margin-bottom: 10px;

	position: absolute;

	right: 60px;

	top: 15px;

}



.main-top .mt-r{

	border-left: 1px solid rgba(255, 255, 255, 0.25);



}





.search-btn{

	padding-bottom: 55px;

	background: url(../img/public/search-icon.png) no-repeat center center;

	width: 55px;

	position: absolute;

	right: 0;

	top: 0;

	cursor: pointer;

}

.search-btn:hover{

	background-color: rgba(0,0,0,0.3); 

}

 .dropdown-btn{

	width: 40px;

	height: 33px;

	padding: 8px;

	cursor: pointer;

	margin-top: 10px;

	vertical-align: middle;

}

.dropdown-btn:hover{

	box-shadow: 0 0 3px 0px #ccc inset;

}

.dropdown-btn span{

	display: block;

	height: 2px;

	background: #000;

	margin-bottom: 5px;

}

.main-nav{

	position: relative;

	font-size: 18px;

}

.main-nav ul {

	text-align: right;

	position: relative;

	margin-top: 32px;



}

.main-nav ul li{

	display: inline-block;

	vertical-align: middle;

	

	display: table-cell;

	vertical-align: middle;

	white-space: nowrap;

	width: 1%;

}

.main-nav ul li a{

	position: relative;

	border-bottom: 3px solid #fff;

}

.main-nav ul li a:after{

	content:'';

	display: block;

	width: 100px;

	height: 2px;

	position: absolute;

	bottom:-10px;

	background: #fff;

	left: 50%;

	transform: translateX(-50%);

	width: 0;

	transition: all 0.5s;

}

.main-nav ul li a:hover,.main-nav ul li.on a{

	color: #328439;

	border-color: #328439;

}

.main-nav ul li a:hover:after,.main-nav ul li.on a:after{

	width: 100px;

	transition: all 0.5s;

}

.main-nav .second-nav{

	position: absolute;

	top: 100%;

	background:rgba(255,255,255,0.8);

	width: 100%;

	left: 0;

	text-align: left;

	padding: 30px;

	visibility: hidden;

	opacity: 0;

	z-index: 100;

	transition: all 0.5s;

}

.main-nav ul li:hover .second-nav{

	visibility: visible;

	opacity: 1;

	transition: all 0.5s;

}

.second-nav dl{

	height: 150px;

	overflow: hidden;

}

.second-nav dl dt{

	font-size: 18px;

	line-height: 1.2;

	margin-bottom: 10px;

}

.second-nav dl dd{

	font-size: 12px;

	line-height: 1.8;

}

.dropdown-menu{

	padding: 30px 0;

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	background: #fff;

	z-index: 100;

	display: none;



}

.dropdown-menu.show{

	display: block;

	border-bottom: 1px solid #ccc;

	box-shadow: 0 2px 6px #ccc;

}

.dropdown-menu ul li{

	margin-bottom: 10px;

	color: #000;

}

.dropdown-menu ul li:hover{

	background: #328439;

	color: #fff;

}

.dropdown-menu a{

	padding-top: 10px;

	padding-bottom: 10px;

	display: block;

	padding-left: 15px;

	padding-right: 15px;

	cursor: pointer;

}

.dropdown-menu .alink1{

	border-bottom: 1px solid #ccc;	



}

.dropdown-menu .alink2{

	background: #f4f4f4;

}

.dropdown-menu .dp-thirdnav{

    padding-top: 5px;

}

.dp-thirdnav dl{

	border-bottom: 1px solid #ccc;

}

.dp-thirdnav dl dt{	

}

.dp-thirdnav dl dt a{

	color: #666;

}

.dp-thirdnav dl dd a{

	font-size: 14px;

	padding-left:30px;

}

.i_banner{

	position: relative;

	z-index: 100;

	overflow: hidden;

}

.i_banner .bn2{



}

.i_banner .bn2 video{

	position: absolute;

	width: 100%;

	height: 140%;

	left: 0;

	top: -20%;

}

.i_banner .bn2 video source{

	width: 100%;

	height: 100%;

}

.i_banner .bn1 img{

	width: auto;

	position:absolute;

	right: 5%;

	bottom:50%;

	transform:translateY(50%);

	max-width: 45%;

	min-width: 350px;

}

.bn1 .gs{

	position: absolute;

	left: 5%;

	bottom:50%;

	transform:translateY(50%);

	z-index: 5;

	width: 35%;

	min-width: 268px;

}

.bn1 .gs h4{

	font-size:40px;

	margin-bottom: 10%;

}

.bn1 .gs p{

	font-size: 18px;

	margin-bottom: 16px;

	line-height: 2;

}

.bn1 .gs small{

	font-size: 18px;

	margin-bottom: 16px;

	line-height: 2;

	padding-bottom: 2px solid #328439;



}

.i_banner .bn3 img{

	width: auto;

	position:absolute;

	right: 5%;

	bottom:60%;

	transform:translateY(50%);

	max-width: 45%;

	min-width: 350px;

}

.bn3 .gs{

	position: absolute;

	left: 5%;

	bottom:50%;

	transform:translateY(50%);

	z-index: 5;

	width: 40%;

	min-width: 268px;

}

.bn3 .gs h4{

	font-size:40px;

	margin-bottom: 5%;

}

.bn3 .gs h5{

	font-size:40px;

	margin-bottom: 5%;

	color: #328439;

	font-weight: bold;

	padding-left: 8%;

}

.bn3 .gs p{

	font-size: 18px;

	margin-bottom: 16px;

	line-height: 2;

}

.bn3 .gs p span{

	color: #328439;

}

.bn-text{

	max-width: 569px;

	min-width: 300px;

	border:1px solid #ccc;

	position: absolute;

	right: 60px;

	padding: 30px;

	bottom: 0;

	z-index: 50;

	padding-bottom: 90px;

	background: rgba(255,255,255,0.6);

	width: 30%;

}

.bn-text h6{

	font-size: 24px;

	line-height: 1.2;

	margin-bottom: 20px;

	font-weight: bold;

	color: #666;

}

.bn-text h6 span{

	font-size: 36px;

	color:#328439;

	

}

.bn-text p{

	line-height: 2;

	color: #666;

}

.i_banner ul li{

	padding-bottom: 40%;

	min-height: 200px;

	background: #eaf1f4;

}

.i_banner .owl-nav{

	position: absolute;

	bottom:0;

	right: 60px;

	z-index: 60;

	cursor: pointer;

}

.i_banner .owl-prev{

	background: #555555 url(../img/index/angle-left.png) no-repeat center center;

	width: 50px;

	height: 50px;

	display: inline-block;

}

.i_banner .owl-next{

	background: #555555 url(../img/index/angle-right.png) no-repeat center center;

	width: 50px;

	height: 50px;

	display: inline-block;

	background-color: #328439;

}

.i_banner .owl-prev:hover,.i_banner .owl-next:hover{

	background-color: #328439;

}

.i_album{

	background: #61718a;

}

.i_album ul li a{

 	border-right: 1px solid #fff;

 	padding: 20px 0;

 	text-align: center;

 	display: block;

 	color: #fff;

 	font-size: 18px;

 	border-bottom: 1px solid #fff;

}

.i_album ul li a i{

	margin-right: 5px;

}

.i_product{}



.tit1{

	text-align: center;

	margin-top: 50px;

	margin-bottom: 40px;

	border-bottom: 1px solid #ccc;

}

.tit1 .tit_tc1{

	font-size: 30px;

	font-weight: bold;

}

.tit1 .tit_tc2{

	display: inline-block;

	padding: 10px 20px;

	position: relative;

}

.tit1 .tit_tc2:after{

	content: '';

	height: 3px;

	width: 100%;

	background:#328439;

	position: absolute;

	bottom:-2px;

	left: 0;

}

.i_product{

	position: relative;

}

.i_product .box1{

	height: 800px;

	border:1px solid #eee;

	position: relative;



}

.i_product .box2{

	height: 800px;

	border:1px solid #eee;

	position: relative;

	margin-left: -1px;

}

.i_product .box3{

	height: 314px;

	border-bottom:1px solid #eee;

	position: relative;

	overflow: hidden;

}



.i_product .box4{

	overflow: hidden;

	height: 486px;

}

.i_product .box5{

	height: 100%;

	overflow: hidden;

	border-right:1px solid #eee;

	position: relative;

}

.i_product .box6{

	height: 100%;

	overflow: hidden;

	

	position: relative;

}

.i_product .gs{

	padding: 26px 50px;

}

.i_product .gs h3{

	font-size: 30px;

	font-weight: bold;

	color: #328439;

	margin-bottom: 10px;

}

.i_product .gs p{

	position: relative;

	z-index: 2;

}

.i_product img{

	position: absolute;

	bottom: 5%;

	left: 50%;

	transform: translateX(-50%);



}

.i_product .box1 img{

	bottom: 15%;

}

.i_product .box3 img{

	top: 30%;

}

.i_product .box5 img{

	max-height: 290px;

}

.i_product .box6 img{

	max-height: 290px;

}

.i_solve{

	background:#f2f2f2; 

	padding-top: 1px;

	padding-bottom: 1px;

	margin-top: 6%;

}

.i_solve h3{

	font-size: 36px;

	text-align: center;

	margin-bottom: 36px;

}

.i_solve .pic{

	text-align: right;

}

.i_solve .t1{

	padding: 30px 50px;

	line-height: 2;

}

.i_solve .t2{

	max-height: 245px;

	overflow: hidden;

}

.i_solve .more{

	width: 120px;

	text-align: center;

	display: inline-block;

	padding: 6px 0;

	background:#328439;

	color: #fff;

	margin-top: 20px;

}

.solvelist{

	padding-bottom:400px;

	overflow:hidden;

}

.solvelist ul{

height: 100%;

position: relative;

}

.solvelist li{

	opacity: 0;

	visibility: hidden;

	position: absolute;

	width: 100%;

	transition: all 1s;

}

.solvelist li.show{

	opacity: 1;

	visibility: visible;

	transition: all 1s;

}

.solvebtns{

	margin-top: 5%;

	margin-bottom: 30px;

}

.solvebtns li{

	padding: 0 20px;

	font-size: 16px;

	margin-bottom: 15px;

}

.solvebtns li a{

	display: block;

	padding: 8% 15px;

	border:1px solid #ccc;

	background:#fff;

	text-align: center;

}

.solvebtns li.on a{

	background: #328439;

	color: #fff;

}

.i_about{

	overflow: hidden;

}

.i_about .box{

	padding: 0 15px;

	margin-left: -20px;

	margin-right: -20px;

}



.i_about .pic{

	text-align: center;

	padding: 0 20px;

	margin-bottom: 20px;

}

.i_about .pic img{

	max-width: 80%;

}

.i_about .t1{

	padding: 0 20px;

}

.i_about .adv{



}

.i_about .adv li{

	min-width: 75px;

}

.i_about .box1{

	display: block;

	position: relative;

	padding: 15px;

	padding-top: 0;

	margin:0 5%;

}

.i_about .box1:before{

	position: absolute;

	bottom:0;

	left: 0;

	content: '';

	height: 50%;

	width: 100%;

	border:1px solid #ccc;

}

.i_about .adv span{

	font-size: 16px;

	display: inline-block;

}

.i_about .adv em{

	display: block;

	font-size: 24px;

	font-weight: bold;

	background: #fff;

	padding:10px;

	position: relative;

	z-index: 2;

	margin-top: 15px;



}

.i_about h6{

	font-size: 20px;

	font-weight: bold;

	text-align: center;

	margin-top: 35px;

}

.i_about .t1{

	line-height: 2;

}

.i_about .horlist{

	margin-top:30px;

	text-align: center;

	overflow: hidden;

}

.i_about .horlist ul{

	margin:0 -10px;

}

.i_about .horlist ul li{

	padding: 0 10px;

	text-align: center;

}

.i_about .horlist p{

	height: 62px;

	line-height: 1.4;

}

.i_coo{

	padding-top: 50px;

	padding-bottom: 50px;

	border-bottom: 4px solid #b6934c;

}

.i_coo .pic1{

	text-align: center;

	margin-top: 4%;

	padding:  0 50px; 

}

.i_coo .pic2{

	margin-top: 5.2%;

	text-align: center;

}

.i_coo .list{

	padding:20px 50px;

	position: relative;

}



.i_coo .owl-prev{

	background: url(../img/index/dot-icon1.png) no-repeat right center;

	position: absolute;

	left: -50px;

	top: 50%;

	transform: translateY(-50%);

	width: 26px;

	height: 26px;

}

.i_coo .owl-prev:hover{

	background-position: left center

}

.i_coo .owl-next{

	background: url(../img/index/dot-icon1.png) no-repeat right center;

	position: absolute;

	right: -50px;

	top: 50%;

	transform: translateY(-50%);

	width: 26px;

	height: 26px;

}

.i_coo .owl-next:hover{

	background-position: left center

}

.i_news{

	overflow: hidden;

}

.i_news .ne-tit h5{

	font-size: 30px;



}

.i_news .ne-tit p{

	font-size: 16px;

	line-height: 2;

	margin-top: 15px;

	margin-bottom: 30px;

}

.i_news .newslist{

	margin-left: -10px;

	margin-right: -10px;



}

.newslist ul li{

	padding: 10px;

	position: relative;

}

.newslist .desc{

	box-shadow: 0 0 5px #ccc;

	padding: 5%;

	position: relative;

	overflow: hidden;

	/*border-bottom:  3px solid #224a9b;*/

}

.newslist .desc:after{

	content: '';

	display: block;

	width: 0;

	height: 1px;

	background: #328439;

	left: 0;

	bottom:0;

	position: absolute;

	transition: all 0.5s;

}

.newslist ul li:hover .desc:after{

	width: 100%;

	transition: all 0.5s;

}

.newslist .date{

	margin-bottom: 30px;

	color: #328439;

}

.newslist .date span{

	font-size: 24px;

}

.newslist .desc h3{

	font-size: 20px;

	line-height: 1.6;

	height: 60px;

	overflow: hidden;

}

.newslist .desc h3:hover{

	color: #328439;

}

.newslist .desc p{

	padding-top: 15px;

	margin-top: 15px;

	border-top: 1px solid #ccc;

	margin-bottom: 15px;

	height: 120px;

	line-height: 2;

	color: #666;

	overflow: hidden;

}

.newslist .more{

	border:1px solid #ccc;

	border-radius: 100px;

	padding: 10px 20px;

	display: inline-block;

	margin-top: 30px;

}

.newslist .more:hover{

	background: #328439;

	color: #fff;

}

.newslist .pic{

	background: #fff;

	position: absolute;

	left: 15px;

	right: 15px;

	top: 15px;

	bottom:15px;

	transform: scale(0.1,0.1);

	opacity: 0;

	visibility: hidden;

	transition: all 0.5s;

	overflow: hidden;

}

.newslist .pic img{

	max-width: none;

}

.newslist li:hover .pic{

	transform: scale(1,1);

	opacity: 1;

	visibility: visible;

	transition: all 0.5s;

}

.i_getcase{

	background:#e1e1e1;

	padding-top: 30px;

	padding-bottom: 30px;

}

.i_getcase h5{

	font-size: 30px;

	font-weight: bold;

	color: #328439;

	text-align: center;

}

.i_getcase p{

	text-align: center;

	font-size: 16px;

	margin:20px 0 35px 0;

	color: #666;

}

.i_getcase .gelist{

	padding-left: 76px;

	padding-right: 76px;

}

.i_getcase .owl-prev{

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	width: 37px;

	height: 72px;

	background:rgba(0,0,0,0.6) url(../img/index/angle-left2.png) no-repeat center center;

}

.i_getcase .owl-next{

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	width: 37px;

	height: 72px;

	background:rgba(0,0,0,0.6) url(../img/index/angle-right2.png) no-repeat center center;

}

.main-foot{

	position: relative;

	margin-top: 50px;

	padding-top: 60px;

	border-top: 3px solid #328439;

	padding-bottom: 30px;

	background: #f1f1f1;

	color: #999999;

}



.main-foot .fo-t{



}

.main-foot .fo-1{

	float: left;

	margin-bottom: 30px;

}

.main-foot .fo-2{

	float: right;

	max-width: 750px;
	margin-bottom: 10px;

}

.fo-2 .t1{

	float: left;

	text-align: center;

}

.fo-2 .t2{

	float: right;

	padding-left: 60px;

	line-height: 2;

	font-size: 16px;

}

.fo-2 .t2 span{

	font-size: 60px;

	font-family: "Impact";

	font-weight: bold;

	color: #328439;

	line-height: 1;

	display: block;

	margin-top: 10px;

	margin-bottom:10px;

}

.fo-nav{

	margin-top: 15px;

}

.fo-nav a{

	padding:8px 16px;

	font-size: 16px;

	margin-right: 20px;

	margin-bottom: 15px;

	border-radius: 100px;

	border:1px solid #ccc;

	display: inline-block;

}

.fo-nav a:hover{

	background: #328439;

	color: #fff;

}

.gototop{

	width: 60px;

	background: #328439;

	color: #fff;

	padding-top: 100px;

	position: absolute;

	top: -60px;

	right: 4.5%;

}

.gototop a{

	width: 60px;

	height: 60px;

	font-size: 50px;

	display: block;

	text-align: center;

	background: #f00;

}

.gototop a:hover{

	background: #a40f0f;

}

.copyright{



	line-height: 1.6;

	padding:10px 15px;

	border-bottom: 1px solid #ccc;

}

.in-banner{





	position: relative;

}

.scroll-bg{

	padding-bottom: 30%;

	overflow: hidden;

}



.path{

	font-size: 16px;

	color: #666;

	padding:20px 15px;

	line-height: 1.4;

	border-bottom: 5px solid #328439;

}

.path a:hover{

	color: #328439;

}

.path .tag{

	font-size: 24px;

	float: left;

	color: #328439;

	margin-right: 10px;

}



.in-topnav{

	color: #fff;

	width: 100%;

	z-index: 100;

	background: #328439;

	padding:15px 0;

	font-size: 16px;

}

.in-topnav .subpath{

	margin-top: 5px;

	float: left;

	background: url(../img/content/tpnav-bg-icon.png) no-repeat left center;

	padding-left: 15px;

}

.in-topnav ul{

	float: right;

}

.in-topnav ul li{

	padding:0 10px;

	text-align: center;

}

.in-topnav ul li a{

	padding: 3px 20px;

	border:1px solid #fff;

	border-radius: 100px;

	display: block;





}

.in-topnav ul li a.on,.in-topnav ul li a:hover{

	background: #fff;

	color: #328439;

}

.in-tit{

	font-size: 36px;

	padding:2%;

	text-align: center;

	border-top: 5px solid #328439;

}

.in-tit:after{

	display: block;

}

.in-content{

	margin-bottom: 100px;

}

.in-about{

	font-size: 16px;

}

.in-ab-1 h5{

	font-size: 48px;

	font-weight: bold;

	text-align: center;

		color: #585859;

	margin-bottom: 10px;

}

.in-ab-1 .t1{

	line-height: 2;

	color: #777;

	font-size: 16px;

	text-align: center;



}

.in-ab-1 .box{

	background: #328439;

		color: #fff;

		margin-top: 40px;

		max-width: 1420px;

		margin-left: auto;

		margin-right: auto;

}

.in-ab-1 .desc{

	padding: 3%;



}

.in-ab-1 .desc h4{

	font-size: 36px;

	padding: 16px 0 26px 0;

	border-bottom: 1px solid #fff;

	margin-bottom: 15px;

	line-height: 1;

}

.in-ab-1 .desc p{

	color: #fff;

	font-size: 14px;

}

.in-ab-2{

	margin-top: 50px;

	margin-bottom: 50px;

	background: #eaf1f4;

	position: relative;

	padding-top:1px;

	padding-bottom: 1px;

}

.in-ab-2 .cover{

	text-align: center;

}

.in-ab-2 .cover span{

	margin-top: 30px;

	display: block;

	font-size: 36px;

	line-height: 2;

	color: #666;

}

.in-ab-3 h5{

	font-size: 42px;

	font-weight: bold;

	margin-top: 5%;

	margin-bottom: 5%;

	text-align: center;

	color: #666;

}

.in-ab-3 ul{

	max-width: 1420px;

	margin-left: auto;

	margin-right: auto;

}

.in-ab-3 ul li{

	font-size: 16px;

	line-height: 2;

	margin-bottom: 10px;

}



.in-honor ul li{

	margin-bottom: 20px;

}

.in-honor{

	margin-bottom: 50px;

}

.in-honor ul li p{

	font-size: 16px;

	line-height: 2;

	text-align: center;

}

.in-honor .in-hortit{

	margin-top: 30px;

	margin-bottom: 20px;

}

.in-honor .in-hortit h5{

	font-size: 36px;

	padding: 15px 0;

	background: url(../img/content/hor-bg1.jpg) no-repeat center center;

	border-bottom: 3px solid #328439;

	font-weight: bold;

	text-align: center;

}



.in-development{}

.in-de-1 .pic{

	position: relative;

	padding: 0 15px;

}

.in-de-1 .pic img{

	min-height: 456px;



}

.in-de-1 .cover{

	position: absolute;

	background: rgba(0,0,0,0.6);

	color: #fff;

	font-size: 18px;

	padding: 30px;

	right: 15px;

	bottom:0;

	left: 15px;

}

.in-de-1 .t1{

	padding: 15px;





}

.in-de-1  h4{

	font-size: 36px;

	padding:15px 0;

   display: block;

   text-align: center;

	margin-bottom: 30px;

	position: relative;

}

.in-de-1 .t1 h4:after{

	position: absolute;

	content: '';

	bottom:0;

	left: 0;

	height: 1px;

	width: 100px;

	background: #000;

}

.in-de-1 .t1 p{

	font-size: 24px;

	padding-top:5%;

}

.in-de-1 .t1 span{

	

	color: #999;

	display: block;

	margin-top: 20px;

	padding-left: 20px;

}

.in-de-2{

	padding: 50px 0;

}

.in-de-2 .t1{

	font-size: 36px;

	text-align: center;

	margin-bottom: 20px;

	}

.in-de-2 ul{

	margin-left: -15px;

    margin-right: -15px;

}	

.in-de-2 ul li{

	padding: 15px;

	position: relative;

	text-align: center;

	max-height: 450px;

	margin-bottom: 30px;

	overflow: hidden;

}

.in-de-2 ul li p{

	position: absolute;

	background: rgba(0,0,0,0.6);

	color: #fff;

	text-align: center;

	line-height: 2;

	font-size: 16px;

	left: 15px;

	right: 15px;

	bottom:23px;

}



.in-duty ul li h4{

	font-size: 36px;

	padding: 30px 0 2% 0;

	text-align: center;

	color: #328439;

}

.in-duty .t1{

	color: #666;

	font-size: 18px;

	padding: 3%;

}

.in-duty .pic{

	padding: 3%;



}

.in-duty .pic:nth-child(odd){

	text-align: right;

}

.in-workshop{

	

}

.in-workshop .info{

	height: 500px;

	position: relative;

}

.in-solve .v1{

	max-width: 760px;

	margin-left: auto;

	margin-right: auto;

	display: block;

	margin-top: 50px;

	width: 100%;

}

.in-solve .t1{

	font-size: 18px;

	line-height: 2;

	margin-top: 50px;

	margin-bottom: 30px;

	text-align: center;

}

.in-solve ul{

	margin-left: -10px;

	margin-right: -10px;

	margin-left: auto;

	margin-right: auto;

	max-width: 1700px;

}

.in-solve ul li{

	padding: 0 10px;

	margin-bottom: 20px;

	text-align: center;

}

.in-solve ul li a{

	position: relative;

	display: block;

}

.in-solve .cover{

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom:0;

	padding: 15px;

	z-index: 10;

	background: rgba(0,0,0,0);

	transition: all 0.5s;

}

.in-solve ul li:hover .cover{

	background: rgba(0,0,0,0.5);

	transition: all 0.5s;

}

.in-solve .cover h3{

	font-size: 24px;

	color: #fff;

	line-height: 1.4;

	font-weight: bold;

}

.in-solve .cover p{

	color: #fff;

	line-height: 2;

	margin-top: 15px;

	max-height: 88px;

	overflow: hidden;

	opacity: 0;

	transform: translateY(50px);

	transition: all 0.5s;

}

.in-solve ul li:hover .cover p{

	opacity: 1;

	transform: translateY(0);

	transition: all 0.5s;

}

.in-solve .cover span{

	background:rgba(50,132,57,0.7);

	display: inline-block;

	padding: 8px 15px;

	position: absolute;

	bottom:20px;

	margin-left: -31px;

	border-radius: 5px;

	transition: all 0.5s;

}

.in-solve ul li:hover .cover span{

	background: rgba(0,0,0,0);

	transition: all 0.5s;

}

.in-solve .cover-video{

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom:0;

	height: 100%;

	text-align: center;

	overflow: hidden;

}

.in-solve .cover-video video{

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom:0;

	width: 100%;

}

.in-solve-detail{

	padding-top: 30px;

	overflow: hidden;

}

.in-solve-detail .info{

	margin-left: -15px;

	margin-right: -15px;

}

.in-solve-detail .in-soltit{

	font-size: 36px;

	font-weight: bold;

	margin-top: 50px;

	margin-bottom: 30px;

	text-align: center;

	color: #328439

}

.in-solve-detail .box1{

	padding: 0 15px;

	border-right: 1px solid #eee

}

.in-solve-detail .box2{

	padding: 0 15px;

}

.in-so-relateinfo{

	margin-top: 50px;

}



.in-so-relateinfo h6{

	font-size: 24px;

	color: #328439;

	line-height: 1.4;

	padding: 5px 0;

	border-bottom: 3px solid #328439;

	margin-top: 20px;

	margin-bottom: 20px;

	text-align: center;

	font-weight: bold;

}

.in-so-relateinfo .pic{

	padding: 5px;

	border:1px solid #eee;

	position: relative;

	box-shadow: 0 0 3px #eee

}

.in-so-relateinfo ul li{

	margin:5px 0;

	text-align: center;

	margin-bottom: 20px;

	cursor: pointer;

}

.in-so-relateinfo ul li p{

	font-size: 16px;

	line-height: 1.6;

	margin:10px 0;

}



.revid .icon{

	position: absolute;

	left: 0;

	top: 0;

	bottom:0;

	right: 0;

	background: rgba(255,255,255,0.3);



}

.revid .icon img{

	position: absolute;

	left: 50%;

	top: 50%;

	transform:translate(-50%,-50%);

	opacity: 0.6;

	 transition: all 0.5s;

}

.revid .icon:hover img{

	 opacity: 1;

	 transform:translate(-50%,-50%) rotate(-90deg);

	 transition: all 0.5s;

}

.in-pronav{

	margin-top: 50px;

}

.in-pronav ul li{

	text-align: center;

	margin-top: 25px;

}

.in-pronav ul li a{

	box-shadow: 0 0 10px #999;

	padding-bottom: 10%;

	position: relative;

	width: 86%;

	display: inline-block;

}

.in-pronav ul li a:after{

	content: '';

	display: block;

	left: 0;

	top: 0;

	right: 0;

	bottom:0;

	padding-bottom: 30%;

}

.in-pronav ul li a span{

	height: 30px;

	line-height: 1.6;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom:0;

	margin:auto;

	font-size: 24px;

	z-index: 50;

	color: #000;

}

.in-pronav ul li a i{

	position: absolute;

	display: block;

	background: #fff;

	width: 100%;

	height: 100%;

	left: 0px;

	bottom:0px;

	z-index: 5;

	overflow: hidden;

	transition:  all 0.5s;

}

.in-pronav ul li a:hover i,.in-pronav ul li a.on i{

	left: 0;

	bottom:0;

	transition:  all 0.5s;

}

.in-pronav ul li a i:before{

	content: '';

	position: absolute;

	display: block;

	background: #ccc;

	width: 110%;

	height: 100%;

	transform: rotate(60deg) translateY(-50px);

	z-index: 6;

	transition: all 0.5s;

}

.in-pronav ul li a:hover i:before,.in-pronav ul li a.on i:before{

	background: #328439;

	transition: all 0.5s;

}

.in-pronav ul li a i:after{

	content: '';

	position: absolute;

	display: block;

	background: url(../img/content/light-bg.png) no-repeat center center;

	width:60px;

	height: 60px;

	right: 0px;

	top: 0px;

	box-shadow: 0 0 10px #000;

	z-index: 10;

	opacity: 0;

	visibility: hidden;

	transition: all 0.5s;

}

.in-pronav ul li a:hover i:after,.in-pronav ul li a.on i:after{

	left: 50%;

	top: 50%;

	width: 50%;

	transform: translate(-50%,-50%);

	opacity: 1;

	visibility: visible;

	transition: all 0.5s;

}

.in-pronav ul li a i b{

	color: #328439;

	position:absolute;

	z-index: 20;

    left: 0;

    right: 65%;

	top: -15px;

	line-height: 50px;

}

.in-tit2{

	text-align: center;

	margin-bottom: 50px;

}

.in-tit2 .tt1{

	font-size: 36px;

	color: #bbb;

	font-family: 'Charlemagne Std';

}

.in-tit2 .tt2{

	font-size: 30px;

	margin-top: 15px;

}

.in-ser-1{

	text-align: center;

	font-size: 16px;

	color: #666;

	line-height: 2;

	

}

.in-ser-1 .desc p{

	padding: 30px 0;

}

.in-proc-1{

	margin-top: 50px;

}

.in-proc-1 h4{

	font-size: 24px;

	line-height: 2;

	border-left: 5px solid #328439;

	padding: 0 15px;

	

}

.in-proc-1 p{

	background: #f4f4f4;

	padding: 15px;

	line-height: 2;

}

.in-proc-1 .item{

	margin-bottom: 30px;

}



.in-downloadlist{

}

.in-downloadlist ul{

	margin-left: -15px;

	margin-right: -15px;

	margin-top: 30px;

	margin-bottom: 30px;

}

.in-downloadlist ul li{

	padding-left: 15px;

	padding-right: 15px;

	margin-bottom: 20px;

}

.in-downloadlist ul li a{

	display: block;

	border:1px solid #ccc;

	padding:10px;

}

.in-downloadlist ul li img{

	filter: grayscale(100%);

}

.in-downloadlist ul li:hover img{

	filter: grayscale(0%);

}

.in-downloadlist p{

	text-align: center;

	line-height: 2;

	margin-top: 10px;

	margin-bottom: 20px;

	font-weight: bold;

}

.in-downloadlist ul li:hover p{

	color: #328439;

}

.in-message{

	margin-bottom: 5%;

}

.in-message h4{

	font-size: 36px;

	font-weight: bold;

	margin:30px 0;

	text-align: center;

}



.in-message label{

	font-weight:normal;

	margin-bottom:15px;

	color:#666;

	width:100%;

	display: block;



	}	

.in-message i{

	color:#f00;

	display:inline-block;

	width:15px;

	

	

	}	

.in-message span{

	display:inline-block;

	width:100px;

	text-align:left;

	line-height:35px;

	display:table-cell;

	

	}

.in-message input,.in-ser-2 select{

	width:100%;

	height:35px;

	line-height:35px;

	display:inline-block;

	border:1px solid #ccc;

	padding-left: 5px;

	

	}



.in-message select{	

	color: #666;

}

.in-message textarea{

	width:100%;

    display:table-cell;

	height:120px;

	border:1px solid #ccc;

	padding:5px;

	}				

.in-message .ta-r{

	float:right;

	}	

.in-message .t2{

	width:100%;

	}	

.in-message button{

	width:30%;

	min-width: 250px;

	margin-right:auto;

	margin-right:auto;

	display:inline-block;

	border:1px solid #328439;

	background: #328439;

	padding: 10px 0;

	color: #fff;

	font-size: 18px;

	margin-top: 15px;

	}	

.in-message button:hover{

	background: #3b9c43;

}	

.in-message .tp1{

	width: 150px;

	margin-right: 5px;

	float: left;

}

.in-product .box{

	margin-bottom: 3%;

}

.in-sidenav{

	width: 260px;

	float: left;

	padding-left: 10px;

	padding-top: 10px;	

}



.in-sidenav ul{

	border-top: 5px solid #ccc;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 15px;

}

.in-sidenav ul li a{

	border-bottom: 1px solid #eee;

	text-align: center;

	display: block;

	padding: 15px 0;

	font-weight: bold;

	font-size: 24px;

	color: #666;

}

.in-sidenav ul li a img{

	margin:26px 15px;

	max-width: 50%;

}

.in-prolist{

	margin-left: 280px;

}

.in-prolist ul li{

	padding: 10px;

}

.in-prolist ul li a{

	display: block;

	border:1px solid #ccc;

	position: relative;

	padding-bottom: 64%;

	overflow: hidden;

	

}

.in-prolist .pic{

	position: absolute;

	height: 100%;

	width: 100%;

	padding: 5px;

}

.in-prolist .pic span{



}

.in-prolist ul li a img{

	display: inline-block;

	vertical-align: middle;

}

.in-prolist .cover{

	background: rgba(0,0,0,0.6);

	color: #fff;

	position: absolute;

	left: 0;

	right: 0;

	bottom:0;

	top:0;

	border:2px solid #328439;

	opacity: 0;

	visibility: hidden;

	transition: all 0.3s;

}

.in-prolist .cover h3{



}

.in-prolist ul li:hover .cover{

	opacity: 1;

	visibility: visible;

	transition: all 0.3s;

}

.in-prolist ul li h3{

	line-height: 1.6;

	padding: 10px 15px;

	text-align: center;

	width: 100%;

	font-size: 20px;

	font-weight: bold;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	

}

.pronav1{

	max-width: 1200px !important;

}

.in-product-detail .pro-tit1{

	font-size: 36px;

	text-align: center;

	margin-bottom: 30px;

}



.bigpic{

	max-width: 600px;

	margin-left: auto;

	margin-right: auto;

	

	padding: 10px;

	text-align: center;

}

.bigpic li{

	border:1px solid #ccc;

}

.smallpiclist{

	max-width: 800px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 15px;

	margin-bottom:30px;

	text-align: center;

	padding-left: 15px;

	padding-right: 15px;

}

.smallpiclist ul li{

	border:1px solid #ccc;

}

.pro-de-btns{

}

.pro-de-btns ul{

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}

.pro-de-btns ul li{

	padding: 1% 15px;

	text-align: center;

	font-size: 24px;

	position: relative;

	cursor: pointer;

	border-bottom: 3px solid #fff;

}



.pro-de-btns ul li span{

	vertical-align: middle;

}

.pro-de-btns ul li span i{

	display: inline-block;

	vertical-align: middle;

	margin-right: 10px;

}

.pro-de-btns ul li em{

	font-size: 24px;

	color: #fff;

	display: block;

	opacity: 0;

	visibility:hidden;

	padding-left: 50px;

}

.pro-de-btns ul li:hover,.pro-de-btns ul li.on{

	border-bottom: 3px solid #328439;

}

.in-de-xq{



	line-height: 2;

	font-size: 16px;

	color: #666;

}

.in-de-xq h3{

	font-size: 24px;



   font-weight: bold;

   padding: 20px 0;

   color: #328439

}

.in-de-xq .slide_table{

	overflow: auto;



}

.in-de-xq table{

	margin-top: 10px;

	margin-bottom: 10px;

	border-top: 1px solid #ccc;

	border-left: 1px solid #ccc;

}

.in-de-xq table td{

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	padding:10px;

}

.in-de-xq strong{

	color: #000;

	font-weight: bold;

}

.in-de-xq img{

	margin-top: 15px;

	margin-bottom: 15px;

}

.in-de-xq .it{

	display: none;

	padding-top: 30px;

	padding-bottom: 30px;

}

.in-de-xq .show{

	display: block;

}



.firstnews{





	margin-bottom: 30px;

	margin-top: 30px;

}

.in-netit1{

	margin-bottom: 15px;

}

.in-netit1 h5{

	font-size: 36px;

	background:#328439;

	padding: 15px 30px;

	float: left;

	color: #fff;

} 

.firstnews .pic{

	margin-bottom: 20px;

}

.firstnews .more{

	border:1px solid #328439;

	padding: 10px 15px;

	color: #328439;

	margin-top: 20px;

	display: inline-block;

}

.firstnews .desc{

	padding:0 15px;

}

.firstnews .desc h2{

	font-size: 30px;

	line-height: 1.2;

	margin-bottom: 15px;

}

.firstnews .desc p{

	line-height: 2;

	margin-bottom: 15px;

	font-size: 18px;

	color: #999;

}

.in-newslist{

	margin-top: 50px;

	border-top: 1px solid #328439;

	padding-top: 30px;

}

.in-newslist .pic{

	border:1px solid #ccc;

}

.in-newslist .pic span{

	font-size: 60px;

	font-weight: bold;

	color: #aaa;

	display: block;

	

	text-align: center;

	padding: 30% 15px;

	background: rgba(0,0,0,0.3);

}

.in-newslist ul{

	margin-left: -10px;

	margin-right: -10px;

}

.in-newslist ul li{

	margin-bottom: 45px;

	padding-left: 10px;

	padding-right: 10px;

}

.in-newslist ul li h3{

	height: 60px;

	font-size: 20px;

	line-height: 1.6;

	overflow: hidden;

	margin:15px 0;

	color: #666;

}

.in-newslist ul li h3:hover{

	color: #328439;

}

.in-newslist ul li p{

	height: 80px;

	font-size: 18px;

	line-height: 2;

	color: #999;

	overflow: hidden;

	margin-bottom: 15px;

}

.in-newslist .more{

	color: #328439;

	position: relative;

	padding-right: 15px;

	font-weight: bold;

}

.in-newslist .more span{

	

}

.in-newslist .more i{

	position: absolute;

	width: 100%;

	height: 100%;

	padding-left: 10px;

	left: 0;

	transition: all 0.5s;

	background: #fff;

}

.in-newslist ul li:hover .more i{

	left: 100%;

	transition: all 0.5s;



}

.in-news-detail{

	margin-top: 30px;

}

.in-news-detail .in-ne-box1{

	border-right: 1px solid #ccc;

}

.in-news-detail .newstit{

	font-size: 30px;

	font-weight: bold;

	text-align: center;

	padding:15px 0;

	

}

.in-news-detail .dateinfo{

	font-size: 18px;

	padding:15px 0;

	text-align: center;

}

.in-news-detail .dateinfo span{

	margin:0 15px;

}

.in-news-detail .news{

	padding-top: 30px;

	font-size: 14px;

	line-height: 2;

}

.in-news-detail .pnnews{

	margin-top: 50px;

	line-height: 2;

	color: #666;
	padding-left: 15px;
	padding-right: 15px;

}

.in-ne-box1{



}

.in-ne-box2 h4{

	font-size: 24px;

	border-bottom: 5px solid #328439;

	padding: 20px 0;

	

}

.in-ne-box2{

	padding-left: 20px;

}

.in-ne-box2 ul{

	padding: 15px 0;

}

.in-ne-box2 ul li{

	font-size: 16px;

	color: #666;

	line-height: 2;

	text-align: center;

	margin-bottom: 25px;

	padding: 15px 15px;

	background: #eee;

	

}

.in-ne-box2 ul li img{

transition: all 0.5s;

}

.in-ne-box2 ul li:hover img{

	transform: scale(0.9,0.9);

	transition: all 0.5s;

}

.pnnews p{

	margin-bottom: 15px;

}

.pnnews span{

	display: block;

	font-weight: bold;

	color: #000;

}

.pnnews a:hover{

	color: #328439

}

.in-getcase .in-getcaselist{

	margin-left:-8px;

	margin-right: -8px;

}

.in-getcase ul li{

	margin-bottom: 2%;

	padding: 1% 2%;



}

.in-getcase .desc{

	position: relative;

	display: block;

	box-shadow: 0 0 3px 3px #eee;

	padding: 5%;

	transition: all 0.5s;

}



.in-getcase .desc:hover{

	box-shadow: 0 0 3px 3px #328439;

	transition: all 0.5s;

}

.in-getcase .t1 h3{

	font-size: 30px;

	transition: all 0.5s;

	line-height: 1.2;

	height: 36px;

	overflow: hidden;

	margin-bottom: 5px;

}

.in-getcase .t1 h3:hover{

	color: #328439;

	transform: translateX(10px);

	transition: all 0.5s;

}

.in-getcase .t1 p{

	font-size: 16px;

	color: #666;

	height: 66px;

	line-height: 2;

	overflow: hidden;

	margin-top: 5px;

}

.in-getcase .pic{

	text-align: center;

	overflow: hidden;

	padding-bottom: 50%;

	position: relative;

	margin-top: 10px;

}

.in-getcase .pic img{

	position: absolute;

	top: 0;

	left: 50%;

	transform: translateX(-50%);

}

.in-getcase .it1 .pic{

	float: right;

}

.in-getcase .it2 .pic{

	float: left;

}

.in-getcase-detail{

	line-height: 2;

}

.in-getcase-detail table{

	border-top: 1px solid #ccc;

	border-left: 1px solid #ccc;

}

.in-getcase-detail table td{

	padding: 10px;

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc

}

.in-getcase-detail .info{

	margin-left: -15px;

	margin-right: -15px;

}

.in-getcase-detail .gs{

	text-align: center;

	max-width: 991px;

	margin-left: auto;

	margin-right: auto;

	line-height: 2;

	margin-bottom: 50px;

	padding-left: 15px;

	padding-right: 15px;

}

.in-getcase-detail .gs h3{

	font-size: 30px;

	font-weight: bold;

	margin-top: 30px;

	margin-bottom: 30px;



}

.in-getcase-detail .gs p{

	font-size: 16px;

	text-align: left;

}

.in-getcase-detail .detail{

	padding-left: 15px;

	padding-right: 15px;

	font-size: 16px;

	color: #666;	

	border-left: 1px solid #ccc;

	padding-top: 15px;

	padding-bottom: 15px;

}

.in-getcase-detail .detail h4{

	padding: 10px 26px;

	background: #328439;

	color: #fff;

	margin-bottom: 20px;

	border-radius: 5px;

	display: inline-block;

}

.in-news .netit{

	text-align: center;

	margin-top: 3%;

	padding-top: 15px;

	padding-bottom: 10px;

	margin-bottom: 1.5%;

}

.in-newsnav{

	position: fixed;

	left: 15px;

	top: 30%;

	padding: 20px 0;

	z-index: 10;

	transition: all 0.5s;

}

.hidenav{

	transform: translateX(-75%);

	transition: all 0.5s;

}

.in-newsnav .close{

	font-size: 18px;

	color: #fff;

	background: rgba(0,0,0,0.6);

	cursor: pointer;

	padding: 10px;

	border-radius: 5px;



}



.hidenav .close{

	color: #fff;

}

.in-newsnav .close:hover{

	color: #f00;

}

.in-newsnav .close{

	position: absolute;

	right: -10px;

	top: -20px;

}

.hidenav ul{

	transform: translateX(-26%);

}

.in-newsnav ul li{

	

}

.in-newsnav a{

	padding: 10px 20px;

	display: inline-block;

	font-size: 16px;

	background: #333;

	border-top: 2px solid #fff;

	transform: rotate(45deg);

	color: #fff;

	margin-bottom: 10px;

	transition: all 0.5s;

	padding-bottom: 20px;

}

.in-newsnav a:hover,.in-newsnav a.on{

	font-size:20px;

	background: #328439;

	opacity: 1;

	transition: all 0.5s;

	z-index: 2;

}

.in-nelist ul li{

	margin-top: 30px;

	padding-bottom: 15px;

	position: relative;

	transition: all 1s;

}

.in-nelist ul li:hover{

	transform: translateX(3%);

	transition: all 1s;

}



.in-nelist ul li:after{

	content:'';

	display: block;

	position: absolute;

	bottom:0;

	width: 100%;

	height: 3px;

	background: #328439;

	transition: all 1s;

}

.in-nelist ul li:hover:after{

	width: 100%;

	transition: all 1s;

}



.in-nelist .pic{

	float: left;

	padding-right: 2%;

}

.in-nelist .ne-info{

	padding-right: 2%;

}

.in-nelist .date{

	width:80px;

	float: left;

	color: #fff;

	text-align: right;

	background: #328439;

	padding: 15px;

	margin-right: 15px;

	font-family: arial;

}

.in-nelist .t1{

	display: block;

	margin-bottom: 10px;

	margin-top: 15px;

	font-size: 24px;

	font-weight: bold;



}

.in-nelist .t2{

	font-size: 20px;

	display: block;

}

.in-nelist .desc{

	margin-left: 95px;



}



.in-nelist .desc h2{

	font-size: 24px;

	line-height: 1.6;

	margin-bottom: 15px;

}



.in-nelist .desc p{

	font-size: 16px;

	line-height: 1.8;

	color: #666;

	max-height: 9em;

	overflow: hidden;

}



.in-nelist .more{

	width: 120px;

	height: 40px;

	line-height: 40px;

	color: #328439;

	font-size: 16px;

	border:1px solid #328439;

	text-align:center;

	display: inline-block;

	margin-top: 15px;

	float: right;

}

.in-nelist .more:hover{

	background: #328439;

	color: #fff;

}

.in-co-1{

	line-height: 2;

}

.in-co-1 h4{

	font-size: 36px;

	font-weight: bold;

}

.in-co-1 .box1{

	font-size: 18px;

	color: #328439;

	line-height: 2.6;

	padding-right:15px;

	margin-bottom: 15px;

}

.in-co-1 .box2{

	font-size: 18px;

}

.in-co-1 .box2 p{

	display: block;

	margin-bottom: 10px;

	overflow: hidden;

	line-height: 50px;

	

}

.in-co-1 .box2 p i{

	width: 50px;

	height: 50px;

	background: #328439;

	color: #fff;

	font-size: 24px;

	text-align: center;

	display: inline-block;

	line-height: 50px;

	float: left;

	margin-right: 10px;

}

.in-co-1 .box2 p span{

	display: inline-block;

	float: left;

	width: 80%;

}

.in-co-1 .map{

	height: 500px;

	width: 100%;

	margin-top: 30px;

	margin-bottom: 30px;

}

.in-co-2{

	padding-left: 15px;

	padding-right: 15px; 

}

.in-co-2 h4{

	font-size: 36px;

	font-weight: bold;

	line-height: 2;

	text-align: center;

}

.in-surport{}

.in-surport ul li{

	border-top: 1px solid #ccc;

}

.in-surport ul li span{

font-weight: bold;

font-size: 24px;

margin-right: 15px;

}

.in-surport ul li h3{

	font-size: 18px;

	padding: 15px;

	line-height: 2;



}

.in-surport ul li p{

	font-size: 14px;

	padding: 15px;

	line-height: 2;

}

.in-prode-1{

	background: #328439;

	padding: 5% 0;

	color: #fff;

}

.in-prode-1 .pic{

	text-align: center;

}

.in-prode-1 .pic img{

	max-height: 500px;

}

.in-prode-1 .desc{

	padding: 30px 15px;

}

.in-prode-1 .desc h2{

	font-size: 36px;

	line-height: 1.2;

}

.in-prode-1 .desc p{

	font-size: 16px;

	line-height: 2;

	margin-top: 30px;

	color: #fff;

}

.in-prode-1 .desc ul{

	margin-top: 30px;

}

.in-prode-1 .desc ul li{

	font-size: 16px;

	line-height: 2;

}

.in-prode-2{

	padding: 5% 0;

}

.in-prode-2 h5{

	font-size: 36px;

	line-height: 1.2;

	text-align: center;

	font-weight: bold;

}

.in-prode-2 h5 p{

	color: #ccc;

	margin-bottom: 15px;



}

.in-prode-2 ul{

	margin-top: 50px;

}

.in-prode-2 ul li{

	font-size: 18px;

	line-height: 1.6;

	

	color: #999;

	padding: 0 5%;



}

.in-prode-2 ul li p{

	border-bottom: 1px solid #ccc;

	padding: 30px 15px;

}

.in-prode-3{

	background: #eee;

	padding: 6%;

}



.in-prode-3 h5{

	font-size: 36px;

	line-height: 1.2;

	text-align: center;

	font-weight: bold;

	margin-top:12%;

	margin-bottom: 30px;

}

.in-prode-3 h5 p{

	color: #ccc;

	margin-bottom: 15px;

}

.in-prode-4{

	padding: 6%;

}



.in-prode-4 h5{

	font-size: 36px;

	line-height: 1.2;

	text-align: center;

	font-weight: bold;

	margin-bottom: 50px;

}

.in-prode-4 h5 p{

	color: #ccc;

	margin-bottom: 15px;

}



.in-prode-4 table{

	

}



.in-prode-4 table tr:nth-child(odd){

	background: #f4f4f4;

}



.in-prode-4 table td{



	padding: 15px;

	line-height: 2;

	font-size: 16px;

	color: #666;



}

.in-prode-4 table tr:first-child{

	background: #328439;

	color: #fff;

}

.in-prode-4 table tr:first-child td{

	color: #fff;

}



.in-prode-5{

	

}



.in-prode-5 h5{

	font-size: 36px;

	line-height: 1.2;

	text-align: center;

	font-weight: bold;

	margin-bottom: 50px;

}

.in-prode-5 h5 p{

	color: #ccc;

	margin-bottom: 15px;

}

.in-prode-6{

	text-align: center;

	line-height: 2;

	font-size: 24px;

}

.slide_table{

	overflow-x: auto;

	overflow-y: hidden;

}



ul.pagelist{

	margin-top: 30px;

	display: inline-block;

	margin-left: auto;

	margin-right: auto;

	font-size: 18px;

}

.pagelist li{

	display: inline-block;

	margin:0 5px;

	color: #666;

}

.pagelist li a{

	padding:5px 8px;

	display: block;

}

.pagelist li.current{

	padding:5px 8px;

	background: #328439;

	color: #fff;

	border-color: #328439;

}