body, h1, h2, h4, h5, h6,  p, dl, dt, dd, ul, li,  form,  button, input,  td, img{
	margin: 0;
	padding: 0;
}     
body{ font-size:12px; font-family:"微软雅黑"; color:#363636;overflow-x:hidden;
}     
em{font-style:normal;}   
ul, li { list-style: none; }   
a { text-decoration: none; color:#353535; }   
a:hover {	color: #0d823c;}
img{ border:0px;}
.fr{ float: right;}
.fl{ float: left;}
.wrap{ width: 100%; float: left;}
.inner{ width: 62.5%; margin: 0 auto;}
.top{ background: #76a314; line-height: 24px ; color: #fff; position: relative;}
.logo{ width: 7%; position: absolute; left: 46.5%; top: 0; z-index: 999;}
.logo img{ width: 100%;}
.top a{ padding: 0px 8px; color: #fff;}
.navb{ background: url(../images/navbg.jpg) no-repeat center top;}
.nav_left{ width: 44.16%; float: left;}
.nav_right{ width: 44.16%; float: right;}
.nav_left ul li,.nav_right ul li{ width: 20%; float: left;}
.nav_left ul li img,.nav_right ul li img{ width: 100%;}
.fa{ background: #fbf8f2; padding: 80px 0px;}
.fa ul li{ width: 16%; float: left; padding: 0 2%;}
.fa ul li a{display: block ; width: 100%;}
.fa ul li a:hover{transition:all 0.4s ease-out;
	transform:translateY(-20px);}
.new{ background: #76a314; line-height: 43px;}
.carousel-indicators{display: none;}
.carousel{ width: 100%; float: left;}
/* newcss */
.txtScroll-left{ width:100%;  position:relative;  }
.txtScroll-left .hd{ overflow:hidden; display: none;}
.txtScroll-left .bd{width:100%; overflow:hidden;    }
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{ margin-right:20px;  float:left; line-height:24px;  text-align:left; _display:inline; width: 25%; color: #fff; line-height: 43px;}
.txtScroll-left .bd ul li a{color: #fff; font-size: 14px;}
.txtScroll-left .bd ul li span{ color:#fff;  }
.fb{background: url(../images/fbbg.jpg) no-repeat center bottom; padding: 50px 0px 90px 0px;}
.fb_left{ width: 16%; float:left}
.fb_left imng{ width: 100%;}
.fb_cen{ width:39%; padding:10px 2%; float:left; font-size:15px; line-height:36px; text-indent:2em;}
.fb_rig{ width:37%; float:left; padding:0 2%;}
.fb_rig img{ width:100%;}
.fc{ background:url(../images/fc.jpg) center top; padding:80px 0;}
.fc_left{ width:30%; float:left; padding:0 4%}
.fc_left img{ width:100%;}
.fc_cen{ width:20%; float:left; padding:10px 2%;}
.fc_right{ width:30%; float:left; padding:0 3%}
.fc_right img{ width:100%}
.fd{ background:url(../images/fd.jpg) center top; padding:80px 0px;}
.fd_left{ width: 16%; float: left;}
/* 荣誉css */
.fd_right{ width:74% ; padding: 0 5%; float: left;}
.picScroll-left{ width:98%;  overflow:hidden; position:relative;  }
.picScroll-left .hd{ display: none;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("images/arrow.png") no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }

.picScroll-left .bd{ padding:0px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:95%; display:block;  border:1px solid #a2bc11; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.fe{background:url(../images/fe.jpg) center top; padding:80px 0px 60px 0px;}
.fe_left{ width:34% ; float: left; padding: 20px 0;}
.fe_right{ width: 60%; padding: 0 3%; float: left;}
.ff{background:url(../images/ff.jpg) center top; padding:80px 0px 140px 0px;}
.ff_left{ width: 16%; float: left; padding-top:20px;}
.ff_right{ width:35%; padding:0 3%; float:left;}
.ff_right ul li{ width:100%; float:left; line-height:22px; margin-bottom:20px;}
.ff_right ul li span{ width:17%; float:left; position:relative}
.ff_right ul li span i{ position:absolute; left:0px; text-align:center; color:#fff; display:block; width:100%; font-size:16px; line-height:26px; padding-top:10px;}
.ff_right ul li span img{ width:100%;}
.ff_right ul li p{ width:77%; float:right; padding:0 0 0 2%; font-size:14px; color:#6f7967;}
.ff_right ul li p a{ font-size:20px; color:#76a314;}
.ff_cen{ width:43% ; float: right; margin-top: 10px;}
.fg{ background:#77a317; padding-bottom:50px;}
.fg_left{ width:17%; float:left}
.fg_left img{ width:100%;}
.fg_right{ width:80%; float:right;}
.fg_right ul li{ width:12%; text-align:center; border-right:1px solid #c8d383; float:left; color:#fff; font-size:14px; height:110px; line-height:30px;}
.fg_right ul{ padding-top:50px;}
.fg_right ul li a{ color:#fff; display:block; width:100%;}
.fg_right p{ width:100%; float:left; text-align:center; margin-top:50px; border-top:1px solid #9eba4b; color:#fff; font-size:14px; padding-top:10px;}
.main{
	width: 100%;
	margin: 30px auto;
}

.time-axis{
	margin: 0;
	padding: 0;
	position: relative;
}

.time-axis:before{
	content: '';
	position: absolute;
	left: 93px;
	top: 15px;
	width: 1px;
	height: 100%;
	background-color: #007953;
}
.time-axis-item{
	list-style: none;
	padding-left: 150px;
	position: relative;
	line-height: 45px;
	font-size: 14px;
	color: #007953;
}
.time-axis-achievement{
	margin: 0;
}
.time-axis-date{
	position: absolute;
	width:100px;
	left: 0;
	top: 0;
	color: #007953;
}

.time-axis-date span{
	position: absolute;
	right: 0px;
	top: 35%;
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #007953;
	border-radius: 100%;
	background-color: #fff;
}
.time-axis-date span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 7px;
	height: 7px;
	margin: auto;
	background-color: #007953;
	border: 1px solid #ccc;
	border-radius: 100%;
}

.time-axis-item:last-child .time-axis-date span{
	border-color: #48BEB2;
}

.time-axis-item:last-child .time-axis-date span:after{
	background-color: #007953;
	border-color: #007953;
}
	/* 新闻滚动css */
	.slideBoxa{ width:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
	.slideBoxa .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
	.slideBoxa .hd ul{ overflow:hidden; zoom:1; float:left;  }
	.slideBoxa .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#77a317; cursor:pointer; }
	.slideBoxa .hd ul li.on{ background:#fff; }
	.slideBoxa .bd{ position:relative; height:100%; z-index:0;   }
	.slideBoxa .bd li{ zoom:1; vertical-align:middle; position: relative; }
	.slideBoxa .bd li p{ width: 100%; position: absolute; background: rgba(119, 163, 23, 0.6); line-height: 30px; z-index: 999;}
	.slideBoxa .bd img{ width:100%; display:block;  }
	

  
/* 内页css */
.ny{background: #f8f2e7;}
	.other2 {
		background: url(../images/other2.jpg) no-repeat center top fixed;
		background-size: cover;
	}
	.otherbanner1 {
		padding: 94px 0;
	}
	.white, .white a {
		color: #fff;
	}
	.text-center {
		text-align: center;
	}
	.otherbanner1 h3 {
		font-size: 50px;
		text-transform: uppercase;
	}
	.otherbanner1 h2 {
		font-size: 48px;
		font-family: '宋体';
		font-weight: bold;
		letter-spacing: -3px;
	}
	.otherbanner1 p {
		margin-top: 10px;
	}
	.othernav{ position:fixed;left:3%;top:40%;}
    .othernav li{ margin-bottom:9px;}
    .othernav li a{ display:block; font-size:16px; width:150px; text-align:center;height:50px;line-height:50px;background:url(../images/navbg1.png) no-repeat; background-size:100% 100%;}
    .othernav li a:hover,.othernav li a.cur{background:url(../images/navbg2.png) no-repeat; background-size:100% 100%; color:#fff;}
    .gsjj, .product, .prolist, .promain, .service {
		padding: 80px 0 0;
	}
	.h_T2 h2 {
		font-size: 36px;
		font-family: '宋体';
		font-weight: bold;
		letter-spacing: -3px;
	}
	.h_T h2 span, .h_T2 h2 span {
		color: #0d823c;
	}
	.h_T2 p {
		font-family: '宋体';
		font-size: 16px;
		text-transform: uppercase;
	}
	.promainC img, .gsjj article {
		max-width: 100%;
	}
	.gsjj article, .prolistC, .promainC, .serviceC, .newmain, .contactlist, .contact3, .about4 {
		height: auto;
		margin: 45px auto 0;
	}
	.about1, .gsjj article, .promainC, .newmain {
		font-size: 15px;
		color: #3a3c3c;
		line-height: 30px;
		height: 150px;
		overflow: hidden;
		margin: 45px auto 80px;
	}
	.container2 {
		width: 70%;
		margin: 0 auto;
	}
	.h_contact {
		background: url(../images/bg8.png) no-repeat center bottom;
	}
	.h_contactL {
		width: 16%;
		float: left;
	}
	.h_T h2 {
		font-size: 40px;
		font-family: '宋体';
		font-weight: bold;
		letter-spacing: -3px;
		background-image: -webkit-linear-gradient(left,#333333,#90c320 20%,#333333 50%,#90c320 70%,#333333);
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		-webkit-background-size: 200% 100%;
		-webkit-animation: masked-animation 4s infinite linear;
	}
	.h_T p, .h_T2 p {
		font-family: '宋体';
		font-size: 20px;
		text-transform: uppercase;
		background-image: -webkit-linear-gradient(left,#333333,#90c320 20%,#333333 50%,#90c320 70%,#333333);
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		-webkit-background-size: 200% 100%;
		-webkit-animation: masked-animation 4s infinite linear;
	}
	.h_contactR {
		width: 80%;
		float: right;
	}
	.h_contactR li.li1 {
		background: url(../images/icon_3.png) no-repeat left top;
	}
	.h_contactR li span {
		color: #0d823c;
	}
	.h_contactR li.li2 {
		background: url(../images/icon_4.png) no-repeat left top;
	}
	.h_contactR li.li3 {
		background: url(../images/icon_5.png) no-repeat left top;
	}
	.h_contactR li.li4 {
		background: url(../images/icon_6.png) no-repeat left top;
	}
	.h_contactR li {
		width: 40%;
		margin: 0 1% 20px;
		padding-bottom: 20px;
		border-bottom: 2px solid #77a416;
		font-size: 16px;
		padding-left: 35px;
		float: left;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		*white-space: nowrap;
	}
	.pad80 {
		padding: 80px 0 !important;
	}
	.hr2 {
		margin-top: 80px;
	}
	.newlist {
		margin-top: 0;
	}
	.h_newR {
		margin-top: 45px;
	}
	.h_newR li a {
		display: block;
		position: relative;
		overflow: hidden;
	}
	.h_newR li a img,.prolistC dl a dt img,.serviceC dl a dt img{-webkit-transition: all .3s ease-in;
		-moz-transition: all .3s ease-in;
		-ms-transition: all .3s ease-in;
		-o-transition: all .3s ease-in;
		transition: all .3s ease-in;}
	.h_newR li a div {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 90%;
			background: url(../images/bg6.png) no-repeat;
			background-size: 100% 100%;
			padding: 17px;
		}
	.h_newR li a div h5 {
			position: relative;
			z-index: 1;
			font-size: 16px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			*white-space: nowrap;
		}
	.h_newR li a div time {
			position: relative;
			z-index: 1;
		}
	.h_newR li a div font {
			top: 0;
			position: absolute;
			display: block;
			height: 100%;
			width: 2px;
			background-color: #fff;
			left: 0;
			-webkit-transition: all .3s ease-in;
			-moz-transition: all .3s ease-in;
			-ms-transition: all .3s ease-in;
			-o-transition: all .3s ease-in;
			transition: all .3s ease-in;
		}
		.h_newR li a:hover div font{ width:100%;}
		.h_newR li a:hover img,.prolistC dl a:hover dt img,.serviceC dl a:hover dt img{-webkit-transform: scale3d(1.1,1.1,1); 	transform: scale3d(1.1,1.1,1);}
		.h_newmore a:hover{  color:#333;}
		.h_newR li, .serviceC dl {
			margin-bottom: 40px;
		}
		.pic100 img {
    width: 100%;
}
		.sjhead{display: none;}
		.nav{display: none;}
	@media (max-width: 1200px){
		/* Default navigation icon */
		.nav{ display: block;}
	.nav__list {
		margin: 0;
		padding: 10px;
	  }
	  .nav__item {
		list-style-type: none;
		text-align: left;margin: 10px 0;
	  }
	  .nav__link {
		font-size: 1.3em;
		text-transform: uppercase;
		text-decoration: none;
		color: #FFFFFF;
		opacity: 1;
		-webkit-transition: opacity 300ms ease-in-out;
		transition: opacity 300ms ease-in-out;
	  }
.nav__trigger {
	display: none;
	position: absolute;
	width: 30px;
	height: 25px;
	right: 10px;
	top: 35px;
	z-index: 200;
  }
  .nav--active .nav__trigger {
	opacity: 0.5;
  }
  .nav__icon {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 3px;
	background-color: #0d823c;
	-webkit-transition-property: background-color, -webkit-transform;
	transition-property: background-color, -webkit-transform;
	transition-property: background-color, transform;
	transition-property: background-color, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
			transition-duration: 300ms;
  }
  .nav__icon:before,
  .nav__icon:after {
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	position: absolute;
	background: #0d823c;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	transition-property: margin, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
			transition-duration: 300ms;
  }
  .nav__icon:before {
	margin-top: -10px;
  }
  .nav__icon:after {
	margin-top: 10px;
  }
  /* Don't nest if you don't have to. */
  /**
  * Style #1
  */
  .iphone__screen {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	left: 0;
	z-index: 9999;
}
   .nav {
	-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
	width: 100%;
	height: 100%;
  }
  .nav li {
    padding: 8px 0;
    border-bottom: 1px solid #2c2c2c;
}
.nav a{ color:#fff; display:block; position:relative;}
.nav a i{ position:absolute;right:0;}
.nav li div{ display:none;font-size: 14px; margin: 10px 10px;}
.nav li div p{margin: 5px 0;}
  .nav--active .nav {
	opacity: 1;
	background-color: #333;
  }
 .nav__link {
	opacity: 0;
	-webkit-transition-delay: 500ms;
			transition-delay: 500ms;
  }
 .nav--active .nav__link {
	opacity: 1;
  }
 .nav--active .nav {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transform: translateX(0);
			transform: translateX(0);
  }
 .nav--active .nav__icon {position: fixed; top: 40px;background: rgba(0, 0, 0, 0);}
 .nav--active .nav__icon:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
  }
.nav--active .nav__icon:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
  }
.nav__icon:before,.nav--active .nav__icon:after{background: #fff;}
  

		.sjhead{ background: #a2bc11; height: 50px; position: relative; display: block; text-align: center; padding-top: 18px; font-size: 16px; color: #fff;}
		.sjlogo{ width: 17%; position: absolute; left: 5% ; z-index: 99; top: 0;}
		.fb {
			background: url(../images/fbbg.jpg) center bottom;
			padding: 20px 0px 20px 0px;
		}
		.fc {
			background: url(../images/fc.jpg) center top;
			padding: 40px 0;
		}
		.fc_cen img{ width: 50%;}
		.fc_right img {
			width: 80%;
		}
		.inner{ width:96%;}
		.nav_left {
			width: 100%;
			float: left;
		}
		.nav_right {
			width: 100%;
			float: left;
		}

		.logo {
			width: 7%;
			position: absolute;
			left: 10%;
			top: 0;
			z-index: 999;
		}
	   .top {
		   display: none;
	}
	.navb{ display: none;}
	.top a{ display: none;}
	.new{ display: none;}
	.fa ul li {
		width: 30%;
		float: left;
		padding: 0 2%;
	}
	.fa{ display: none;}
	.fb_left{ display: none;}
	.fb_cen {
		width: 96%;
		padding: 0px 3%;
		float: left;
	

	}
	.carousel-control {
		display: none;
		}
		.fb_rig {
			width: 96%;
			float: left;
			padding: 15px 2%;
		}
		.fc_left {
			display: none;
		}
		.fc_cen {
			width:100%;
			text-align: center;
			
		
		}
		.fc_right {
			width:100%;
			float: left;
			text-align: center;
			padding-top: 15px;
		
		}
		.picScroll-left .bd ul li{ width:100%;  }
		.picScroll-left .bd ul li .pic img{ width:200%; display:block;  border:1px solid #a2bc11; }
		.fd {
			background: url(../images/fd.jpg) center top;
			padding: 40px 0px;
		}
		.fd_left {
			width:100%;
			float: left;
			text-align: center;
		}
		.fd_left img{ width: 50%;}
		.fd_right {
			width: 100%;
			padding: 0%;
			float: left;
			padding-top: 15px;
		}
		.fe {
			background: url(../images/fe.jpg) center top;
			padding: 20px 0px 20px 0px;
		}
		.fe_left {
			width: 100%;
			float: left;
			padding: 0;
			text-align: center;
		}
		.time-axis-item {
			list-style: none;
			padding-left: 25%;
			position: relative;
			line-height: 20px;
			font-size: 12px;
			color: #007953;
		}
		.main {
			width: 100%;
			margin: 0px auto;
		}
		.fe_left img{ width: 50%;}
		.fe_right {
			width: 100%;
			padding: 0;
			float: left;
		}
		.time-axis:before {
			content: '';
			position: absolute;
			left: 20%;
			top: 15px;
			width: 1px;
			height: 100%;
			background-color: #007953;
		}
		.time-axis-date span:after {
			content: '';
			position: absolute;
			left: 0%;
			top: 0;
			right: 0;
			bottom: 0;
			width: 7px;
			height: 7px;
			margin: auto;
			background-color: #007953;
			border: 1px solid #ccc;
			border-radius: 100%;
		}
		.time-axis-date span {
			position: absolute;
			right: 10%;
			top: 35%;
			display: block;
			width: 13px;
			height: 13px;
			border: 1px solid #007953;
			border-radius: 100%;
			background-color: #fff;
		}
		.time-axis-date {
			position: absolute;
			width: 25%;
			left: 0;
			top: 0;
			color: #007953;
		}
		.ff_left {
			width: 100%;
			float: left;
			padding-top: 20px;
			text-align: center;
		}
		.ff_left img{ width: 50%;}
		.ff_right{ width: 100%;}
		.ff_right ul li span {
			display: none;
		}
		.ff {
			background: url(../images/ff.jpg) center top;
			padding: 20px 0px 20px 0px;
		}
		.ff_right ul li p {
			width: 100%;
			float: right;
	
			color: #6f7967;
	
		}
		.ff_cen{ width: 100%;}
		.ff_right ul li p a {
	
			color: #76a314;
		}
		.fg_right ul{ display: none;}
		.carousel-indicators{ display: none;}
	}
	@media(max-width:991px){
		.container2 {
			width: 95%;
			margin: 0 auto;
		}
		.othernav,nav,.topR,.h_contact,.footR,.footL ul,.footL div i,.tj,.product dl a dt .h_T,.h_productCB{ display:none;}
		.promainC img,.gsjj article img,.newmain article img{width:100%;} 
		.nav__trigger,.product dl a dd h5,.caoimg{ display:block;}
		.otherbanner1 h3 { font-size: 40px;}
		.otherbanner1 h2 {font-size: 38px;}
		.h_T2 h2,.h_T h2 {font-size: 26px;}
		.h_T p {font-size: 16px;}
		.padpic{ padding:0  !important; float:none !important;width:100%; margin:10px 0;}
		footer{padding: 20px 0; margin-top:30px;}
		.footL div p{ text-align:center;}
		.gsjj, .product, .prolist, .promain, .service { padding:50px 0 0;}
		.contactlist dl{ padding:0;}
		.pad80 { padding: 30px 0 !important;}
		.h_new .container, .about2 .container,.hr2{margin-top: 30px;}
		.contact2R { margin-top: 30px;}
		.h_new .container, .about2 .container{background: url(../images/bg4.jpg) no-repeat bottom;background-size: auto 120%;}
		.map{ height:250px;}
		.contact2R li{overflow: visible;text-overflow: inherit; white-space: inherit;}
		.h_productC dl a dd h5 {font-size: 16px;height: 25px;line-height: 25px;}
		.h_productC dl a dd p, .product dl a dd p, .serviceC dl dd p{margin-top: 10px;}
		.h_productC dl{ margin-bottom:20px; padding:0;}
		.contact4{ padding:0 15px;}
		.prenext p:last-child { text-align: left;}
		.newmain h1 {font-size: 24px;}
		.product dl a dt .propic { width: 95%;}
		.product dl a dd{margin: -30px 0 0 5%;}
		.h_newL { margin-top:30px;}
		.h_product { background: url(../images/bg1.jpg) no-repeat center top; background-size: contain;}
		.h_newL dl dd{background-size: 100% 100%; padding: 75px 0 54px;}
		.h_newL dl dd h5 { font-size: 26px;}
		.h_new .h_newR li{ padding:0;}
		.contactlist dl{ margin-bottom:20px;}
		.h_product{margin: 0;}
	}
	
	
	@media(max-width:767px){
		.otherbanner1 h3 { font-size: 26px;}
		.otherbanner1 h2 {font-size: 22px;}
		.h_T2 h2 {font-size: 20px;}
		.h_T2 p{font-size: 12px;}
		.gsjj, .product, .prolist, .promain, .service { padding:30px 0 0;}
		.gsjj article, .prolistC, .promainC, .serviceC, .newmain, .contactlist, .contact3 {margin: 25px auto 0;}
		.footL { padding:0; font-size:12px;}
		.otherbanner1{padding: 54px 0;}
		.serviceC dl dt {width: 95%;}
		.serviceC dl dd { width: auto;padding:20px;bottom: auto;float: right;margin: -30px 0 20px 5%;position: inherit;}
		.serviceC dl dd div h5 {width: 100%;}
		.serviceC dl dd div time { float: left; margin-top: 5px;}
		.product dl a dd{padding: 25px 15px;}
		.product dl.dl2 a dd{margin:-30px 5% 0 0;}
		.product dl {margin-bottom: 30px;}
		.product dl a dt .propic i{border-top: 30px solid #fff; border-left: 30px solid transparent; border-bottom: 30px solid transparent;}
		.tel{ display:block; position:fixed;right:20px;bottom:10%;}
		.tel img{ width:40px;}
		.index-banner .swiper-container .swiper-slide img{width: 200%;margin-left: -50%;}
		.top80 { margin-top: 30px;}
		.otherbanner1 h3 { font-size: 30px;}
		.otherbanner1 h2 { font-size: 24px;}
		.h_T2 h2 { font-size: 18px;letter-spacing: -2px;}
		.other1 img{width: 160%; margin-left: -30%;}
		
	}
	
	@media(max-width:640px){
		header { padding: 10px 15px;}
		.logo img{ height:50px;}
		.nav__trigger{top: 20px;}
	}
	
	@media (max-width:520px){
		.newmain h1 {font-size: 20px;}
		.h_newL dl dd{padding: 35px 0 34px;}
		.h_newR { margin-top: 20px;}
		.h_newR li, .serviceC dl{ margin-bottom: 20px;}
		
	}
	
	@media (max-width:430px){
		.otherbanner1 h3,.otherbanner1 h2{ font-size: 20px;}
		
	}