body{background-color:FFF;}
.main {
	height:auto;
	overflow:hidden;
	}
.clear {
	clear:both;
	}
/*====================导航*********/
.header{
	width: 100%;
	position:relative;
	/*position: fixed;
	top: 0px;
	left: 0;*/
	z-index: 999;
	height: 70px;
	padding: 0 30px;
	background: rgba(28, 35, 39, 0.8);
}
/*左侧logo*/
.header .left{
	width: 30%;
}
.header .left a img{
	height: 63px;
	margin-top: 6px;
}
@media screen and (max-width: 768px){
	.header{
		width: 100%;
		/*position: fixed;
		top: 0px;
		left: 0;*/
		z-index: 999;
		height: 50px;
		padding: 0 30px;
		background: rgba(255, 255, 255, 0.8);
		}
	.header .left a p {
		width:250px;
		}
	.header .left a p.img3{
		background:url(../PNG/logo1.png) left 3px no-repeat;
		background-size:200px 39px;
		height: 43px;
		margin-top: 6px;
		margin-left:-15px;
		}
	.header .left a img{
		height: 43px;
		margin-top: 6px;
		margin-left:-15px;
		}
	}
.header .left .img2{
	display: none;
	}
/*右侧*/
.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	line-height: 70px;
	display: block;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
}
.header .navbar_nav li:after{
    content: "";
    width: 0;
    height: 2px;
    background: orangered;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
	text-decoration: none;
	height: 100%;
	padding: 0 20px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff;
	font-size: 16px;
}
.header .navbar_nav li:hover a{
	color: orangered;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.header .navbar_nav li.dropdown .jt{
	width: 20px;
	height: 20px;
	background: url(i/top.png) no-repeat;
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	position: absolute;
	top:70px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 160%;
    left: -10%;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 14px;
	color: #666;
	padding: 0 10px;
	line-height: 30px;
	text-align: center;
	background: #fff;
	margin-bottom: 2px;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #fff;
	background: orange;
}
/*白色背景的头部*/
.header.on{
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.header.on .left .img1{
	display: none;
}
.header.on .left .img2{
	display: block;
}
.header.on .navbar_nav li a{
	color: #333;
}
.header.on .navbar_nav li:hover a{
	color: orangered;
}
#navToggle{
	display: none;
}

.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.m_nav .top .closed{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float:right;
	cursor: pointer;
}
.m_nav .logo{
	width: 100%;
	margin:0 auto;
}
.m_nav .logo img{
	height: 50px;
	display: block;
	margin:30px auto;
}
.m_nav .ul{
	margin-top: 30px;
}
.m_nav .ul li{
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	width: 100%;
	padding-left:15px;
}
.m_nav .ul li a:hover{
	background:#DBDBDB;
}
.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 35px;
	line-height: 35px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}

@media screen and (max-width: 992px){
	.header{
		padding: 0 10px;
	}
	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: -15px;
		display: inline-block;
		float: right;
	}
	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 19px;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #4f4f4f;
	}
	.header #navToggle span:before {
		top: 8px;
	}
	.header #navToggle span:after {
		bottom: 10px;
	}
	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.header #navToggle.open span {
		background: none;
	}
	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f;
	}
	
	.header .nav{
		display: none;
	}
	
	.banner img{
		height: 600px;
		object-fit: cover;
	}
}

/*
index-banner
*/
.index-banner {
	height:auto;
	overflow:hidden;
	position:relative;
	z-index:10;
	}

/*
toper
*/
.toper {
	height:30px;
	overflow:hidden;
	}
	.toper span {
		color:#F00;
		font-weight:bold;
		}
	.toper .tleft {
		float:left;
		line-height:30px;
		}
	.toper .tright {
		float:right;
		line-height:30px;
		}
		
/*
index-banner
*/
.index-banner {
	height:auto;
	overflow:hidden;
	}

/*
公司简介
*/
.about {
	height:auto;
	overflow:hidden;
	margin-top:20px;
	}
	
.nav-title {
	height:auto;
	overflow:hidden;
	margin:0px auto;
	text-align:center;
	width:100%;
	}
	.nav-title h3 {
		font-family:"微软雅黑", "宋体", "楷体_GB2312", "仿宋_GB2312";
		font-size:25px;
		
		text-align:center;
		line-height:40px;
		}
	.nav-title p {
		text-transform:uppercase;
		line-height:30px;
		color:#666;
		}
	.nav-title h2 {
		text-transform:uppercase;
		line-height:30px;
		color:#666;
		font-size:14px;
		font-weight:normal;
		}
	.nav-title i {
		display:block;
		margin:0px auto;
		height:1px;
		border-bottom:1px solid #999;
		width:500px;
		margin-bottom:30px;
		}
	.about .about-pic {
		height:auto;
		overflow:hidden;
		}
	.about .about-desc {
		height:auto;
		overflow:hidden;
		line-height:35px;
		font-size:16px;
		text-indent:2em;
		color:#4f81bd;
		}
		.about .about-desc p {
		height:auto;
		overflow:hidden;
		line-height:35px;
		font-size:16px;
		text-indent:2em;
		color:#4f81bd;
		}

/*
首页产品展示
*/
.products {
	height:auto;
	overflow:hidden;
	margin-top:30px;
	}
	
	.products .prolists {
		height:auto;
		}
		.products .prolists .pro {
			float:left;
			margin-top:20px;
			
		}
		.products .prolists .pro a {
			color:#333;
		}
		.products .prolists .pro a .pro-img {
			max-width:340px;
			overflow:hidden;
			}
		.products .prolists .pro a:hover .pro-img img {
			transform:scale(1.2,1.2);
			transition:linear .5s;
			}
		.products .prolists .pro a .pro-img img {
			transform:scale(1.0,1.0);
			transition:linear .5s;
			}
		.products .prolists .pro img {
			width:100%;
			/*border:1px solid #999;
			padding:4px;*/
			}
		.products .prolists .pro .pro-title h1 {
			text-align:center;
			line-height:35px;
			font-size:15px;
			font-weight:normal;
			}
			
/*
more
*/
.mores{ 
	height:70px;
	overflow:hidden;
	margin-top:10px;
	}
.mores .more{
	margin:30px auto 0;
	display:block;
	width:150px;
	height:35px;
	font-size:14px;
	color:#929292;
	line-height:35px;
	padding-left:40px;
	background-color:#eaeaea;
	}
.mores .more:hover {
	background-color:#FFF;
	}
.mores .more:hover .img{
	background-color:#d20500;
	transition:all 0.3s linear;
	}
.mores .more:hover{
	box-shadow:0 2px 20px #b3b3b3;
	transition:all 0.3s linear;
	}
.mores .more .img{
	width:35px;
	height:35px;
	float:right;
	background-color:#282828;
	}
.mores .more .img img{
	margin-left:10px;
	margin-top:14px;
	display:block;
	}
/*
超链接按钮滚动变色
*/
.theme_btn {
  color: #fff;
  background: #2759ab;
  text-align: center !important;
  display: block;
  padding: 0 30px;
  line-height:40px;
 	position:relative;
  overflow: hidden;
  z-index: 1;
  margin:20px auto;
  max-width:200px;
  min-width:100px;
}
.theme_btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #f59019;
  transform-origin: right center;
  transform: scale(0, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
.theme_btn:hover, .theme_btn:focus, .theme_btn.active {
  color: #fff !important;
}
.theme_btn:hover:before, .theme_btn:focus:before, .theme_btn.active:before {
  transform-origin: left center;
  transform: scale(1, 1);
}


/*
新闻资讯
*/
.indexnews {
	height:auto;
	overflow:hidden;
	}
	.indexnews .index-news {
		height:auto;
		overflow:hidden;
		}
		.indexnews .index-news .newslist {
			overflow:hidden;
			margin:15px auto;
			height:100px;
			}
			.indexnews .index-news .newslist h1 {
				float:left;
				height:100px;
				background:#2759ab;
				color:#fff;
				}
			.indexnews .index-news .newslist h1 i {
				display:block;
				font-size:39px;
				text-align:center;
				margin:10px auto 0px;
				line-height:40px;
				font-weight:bold;			
				}
			.indexnews .index-news .newslist h1 span {
				display:block;
				text-align:center;
				font-size:19px;
				line-height:40px;
				color:#CCC;
				}
					
			.indexnews .index-news .newslist .newss {
				float:left;
				padding-left:25px;
				height:100px;
				}
				.indexnews .index-news .newslist .newss h3 {
					height:35px;
					line-height:35px;
					font-weight:bold;
					font-size:19px;
					color:#333;
					white-space:nowrap;/*不换行*/
					overflow:hidden;
					text-overflow:ellipsis;  /*超过部分用点点表示*/
  　　　　　　		
  					}
				.indexnews .index-news .newslist .newss p {
					font-size:14px;
					line-height:25px;
					text-indent:2em;
					color:#999;
					}

.index-news .news-list .news-con {
	height:auto;
	overflow:hidden;
	margin:10px auto 15px;
	}
.index-news .news-list .news-con .news-title {
	padding:0px 10px;
	height:40px;
	line-height:40px;
	font-size:19px;
	font-weight:bold;
	white-space:nowrap;/*不换行*/
	overflow:hidden;
	text-overflow:ellipsis;  /*超过部分用点点表示*/
	}
.index-news .news-list .news-con .news-time {
	padding:0px 10px;
	color:#A51B1E;
	line-height:30px;
	}
.index-news .news-list .news-con .news-desc {
	line-height:25px;
	font-size:14px;
	color:#666;
	height:70px;
	padding:0px 10px;
	margin-top:10px;
	text-overflow: ellipsis; /*有些示例里需要定义该属性，实际可省略*/
  　　　display: -webkit-box;
  　　　-webkit-line-clamp: 3;/*规定超过两行的部分截断*/
 　　　 -webkit-box-orient: vertical;
 　　　overflow : hidden; 
  　　  word-break: break-all;/*在任何地方换行*/
	}
	
	
/*
生产车间
*/	
.index-shop {
	height: auto;
	overflow: hidden;
	margin: 30px auto;
	}
				
/*
新闻信息
*/
/************************image hover effect*******************/
.item-img-wrap {
  position: relative;
  text-align: center;
  overflow: hidden; }

.item-img-wrap img {
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  width: 100%; }

.item-img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.item-img-overlay span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../icon/plus.png) no-repeat center center rgba(79, 130, 233, 0.7);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition: opacity 250ms linear;
  -o-transition: opacity 250ms linear;
  -webkit-transition: opacity 250ms linear;
  transition: opacity 250ms linear; }

.item-img-wrap:hover .item-img-overlay span {
  opacity: 1; }

.item-img-wrap:hover img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }
.item-img-overlay span{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../icon/plus.png) no-repeat center center rgba(19, 129, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}










/*news and blogs*/
.news-desc {
  padding: 15px 2px; }

.news-desc h4 {
  width:85%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
  margin: 0px;
  font-weight: 500; }
.news-desc h4 a {
	color:#333;
	}
.news-desc span {
  font-size: 12px;
  font-weight: 400;
  font-style: normal; }

.news-desc span + span {
  padding-left: 30px; }

.news-desc p{
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin:0;
	}









/**owl**/
.owl-spaced .owl-item > div {
  margin: 5px; 
  }
/*.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 8px !important;
  height: 8px !important;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #138100 !important; }

********************testmonials v-2*****************/


/******owl carousel******
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 8px;
  height: 8px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #138100 !important; }*/

/*
footer
*/
.footer {
	height:auto;
	overflow:hidden;
	background:#313131;
	height:auto;
	overflow:hidden;
	padding:30px;
	margin-top:30px;
	font-family:Arial,"Microsoft YaHei";
	}
.footer .top{
	overflow:hidden;
	}
.footer .top .text{
	float:left;
	width:35%;
	padding-bottom:40px;
	}
.footer .top h1{
	color:#858585;
	font-size:24px;
	margin-bottom:2px;
	}
.footer .top span{
	color:#858585;
	font-size:12px;
	display:block;
	margin-bottom:40px;
	}	
.footer .top p{
	color:#858585!important;
	font-size:16px;
	line-height:26px;
	}
.footer .top p a{
	color:#858585!important;
	font-size:16px;
	line-height:26px;
	}	
.footer	.top .share{
	padding:40px 0;
	}
.footer	.top .share>a{
	float:left;
	margin-right:20px;
	}
.footer	.top .share .wxchild{
	position: relative;
	}
.footer	.top .share .childCode{
	display:none;    
	background: url("/Templates/cn2014/images/footCodeBg.png") no-repeat left top;
    background-size: 151px 166px;
    position: absolute;
    left: 50%;
    bottom: 35px;
    width: 151px;
    height: 166px;
    margin-left: -75px;
    text-align: center;
	}
.footer	.top .share .wxchild:hover .childCode{
	display:block;
	}	
.footer	.top .share .qq_wap{
	display:none;
	}

.footer	.top .foot_nav{
	margin-top:8px;
	float:left;
	width:25%;
	}	
.footer	.top .foot_nav li a{
	color:#858585;
	display:block;
	text-align:center;
	font-size:14px;
	line-height:30px;
	}
.footer	.top .foot_nav li a:hover{
	color:#ff9100;
	transition: all 0.4s linear;
	}
	
.footer	.top form{
	width:35%;
	margin-left:5%;
	float:right;
	}
.footer	.top form input {
    outline: none;
    width: 100%;
    height: 45px;
    color: #858585;
    font-size: 14px;
	border:none;
    border-bottom: 1px solid #6d6d6d;
	border-radius:0;
    background: none;
    margin-right: 28px;
    font-family: "微软雅黑";
}
.footer	.top form textarea {
    clear: both;
    height: 70px;
    background: none;
	border:none;
    resize: none;
    outline: none;
    color: #858585;
    font-size: 14px;
    padding-top: 10px;
    width: 100%;
    font-family: "微软雅黑";
}
.footer	.top form .inputsub {
	border:none;
	border-radius:0;
	background-color:#6d6d6d;
    color: #fff;
	opacity:0.5;
    padding: 0;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    width: 100%;
    height: 50px;
    display: block;
	cursor:pointer;
}
.footer	.top form .inputsub:hover{
	background-color:#ff9100;
	opacity:1;
	color:#fff;
	transition: all 0.4s linear;
	}
.footer	.top .head{
	display:none;
	opacity:0;
	}
.footer	.top .head .title h1{
	color:#858585;
	}	
.footer	.bottom{ 
	border-top:1px solid #7e7e7e;
	}
.footer	.bottom p{
	text-align:center;
	color:#858585;
	line-height:50px;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	}
.footer	.bottom p a{
	color:#6d6d6d;
	}
.footer	.bottom p a:hover{
	color:#e5e5e5;
	transition: all 0.4s linear;
	}

@media screen and (max-width: 992px){
	.qiehuan{ background-color:#fff;}
	.qiehuan p{ display:none;}
	.material-icons{ color:#1d2088;}
	.logo_wap992{ display: none;}
	.drwp .tab{ display:none;}
	.drwp .tab_wap{ display:block;}
	.drwp .about_in .bot{ margin-top:25px;}
	.drwp .news_in .content li img{max-height: 200px;} 
	.footer .top .foot_nav{ display:none;}
	.footer .top .text{ width:100%; float:none;}
	.footer .top form{ display:none; width:100%; float:none; margin-left:0; margin-bottom:40px;}
	.footer	.top .head{ display:none; opacity:1;}
	.footer	.top .share{ display:none;}
	.footer	.top .share .qq{ display:none;}
	.footer	.top .share .qq_wap{ display:block;}
	
	/*内页*/
	.pro .p .top{
		display:block;
		}
	.pro .p .top img{
		float:none;
		width:100%;
		margin-bottom:20px;
		}
	.pro .p .top .right{
		float:none;
		margin:0;
		width:100%;
		}
	.news .content li{
		margin-bottom:0!important;
		}
	.map .left{
		float:none;
		width:100%;
		margin-bottom:20px;
		}
	
	#container{
		float:none;
		width:100%;
		}	
	.list .title{
		display:block;
		}
	.list .swiper-container{
		display:none;
		}
}