@charset "utf-8";
/* CSS Document */
*{
	border:0;
	margin:0;
	padding:0;
}
body{
	width:100%;
	margin:0 auto;
	font-family:"Microsoft YaHei UI","微软雅黑";
}
ul,li{
	list-style:none;
}
a{
	text-decoration:none;
}
p.top{
	width:1200px;
	margin:0 auto;
	text-align:right;
	font-size:13px;
	line-height:30px;
}
p.top a{
	color:#333;
	margin:0 2px;
}
p.top a:hover{
	color:#d0a804;
}

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.header{width:100%;height:123px;position:absolute;z-index:5;top:0;font-family:"Microsoft YaHei";}
.header{ width:100%; height:123px; background:url(../images/headerbj.png) repeat-x; position:absolute; z-index:5; top:0;font-family:"Microsoft YaHei";}
.header_a{ width:1200px; height:120px; margin:auto; }
.logo{ width:146px; height:120px; float:left; overflow:hidden;margin-left:248px;}
.header_right{ width:726px; height:120px; float:right; overflow:hidden;}
.nav{ width:722px; height:78px; line-height:78px; float:right;}
.nav a{ display:block; height:78px; padding:0 15px; line-height:78px; float:left; font-size:16px; color:#FFF;}
.nav a:hover{ color:#5cb11c;}

.search{
	width:1200px;
	overflow:hidden;
	margin:0 auto;
	height:60px;
}
.search p{
	float:left;
	font-size:14px;
	line-height:60px;
}
.search p a{
	margin:0 5px;
	color:#454545;
}
.search p a:hover{
	color:#bd9801;
}
.search form{
	width:302px;
	float:right;
	position:relative;
}
.searchText{
	width:300px;
	border:1px solid #e7e7e7;
	height:35px;
	line-height:35px;
	color:#6f6435;
	font-size:13px;
	text-indent:12px;
	position:absolute;
	top:12px;
	outline:none;
}
.searchButton{
	width:35px;
	height:35px;
	border:1px solid #e7e7e7;
	background:url(../images/search.png) no-repeat center #e7e7e7;
	position:absolute;
	top:13px;
	right:0px;
}
.title{
	width:1300px;
	margin:40px auto 0;
	overflow:hidden;
	position:relative;
}
.title h1{
	display:block;
	font-weight:600;
	margin-bottom:42px;
	font-size:26px;
	color:#5cb11c;
	text-align:center;
}
.title p{
	font-size:16px;
	color:#484848;
	text-align:left;
}
.title h5{
	font-weight:normal;
	line-height:40px;
}
.more a{
	display:block;
	width:120px;
	height:40px;
	border:1px solid #333;
	margin:36px auto 68px;
	text-align:center;
	line-height:40px;
	color:#333;
	font-size:14px;
}
.more a:hover{
	color:#fff;
	background:#333;
	transition:all 0.5s;
}

.cp_more{
	display:block;
	width:160px;
	height:60px;
	border:1px solid #333;
	margin:36px auto 68px;
	text-align:center;
	color:#333;
	border-radius:6px;
}
.cp_more a{
	margin-top:12px;
	display:block;
	color:#fff;
	transition:all 0.5s;
}
.cp_more img{width:60px;}
.bs-example{ width:1320px; margin:auto; height:auto; overflow: hidden;}


@media (min-width: 768px) {
     .col-sm-6{
        float: left
    }

    .col-sm-6 {
        width: 412px;
		height:278px;
		margin:26px 13px 0px 13px;
    }
}


.ih-item,
.ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.ih-item.square {
    position: relative;
    width: 412px;
    height: 278px;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0);
	
}

.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ih-item.square.effect6 {
    overflow: hidden;
}

.ih-item.square.effect6.colored .info {
    background: #0;
    background: rgba(0, 0, 0, 0.7);
}

.ih-item.square.effect6.colored .info h3 {
}

.ih-item.square.effect6 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ih-item.square.effect6 .info {
    background: #0;
    background: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.square.effect6 .info h3 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    margin: 30px 0 0 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
	font-family:Arial;
}

.ih-item.square.effect6 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transition: all 0.35s 0.1s linear;
    -moz-transition: all 0.35s 0.1s linear;
    transition: all 0.35s 0.1s linear;
}

.ih-item.square.effect6 a:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.ih-item.square.effect6 a:hover .info {
    visibility: visible;
    opacity: 1;
}

.ih-item.square.effect6.from_top_and_bottom .info h3 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ih-item.square.effect6.from_top_and_bottom .info p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.ih-item.square.effect6.from_left_and_right .info h3 {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ih-item.square.effect6.from_left_and_right .info p {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.ih-item.square.effect6.from_left_and_right a:hover .info h3,
.ih-item.square.effect6.from_left_and_right a:hover .info p {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.ih-item.square.effect6.top_to_bottom .info h3 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ih-item.square.effect6.top_to_bottom .info p {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.ih-item.square.effect6.bottom_to_top .info h3 {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.ih-item.square.effect6.bottom_to_top .info p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.ih-item.square.effect6 .img img {
    display: block;
    width: 412px;
    height: 278px;
    object-fit: cover;
}
.bg_gray{background:#edf1f2;}
.wrap{overflow:hidden;position:relative;}
.product{
	width:1320px;
	margin:0 auto;
	overflow:hidden;
}
.product a{
	color:#333;
}
.product a:hover{
	color:#d0a804;
}

.about{
	width:100%;
	margin-bottom:64px;
	padding:50px 0 77px;
}
.in_about{
	width:1200px;
	margin:40px auto 0;
	overflow:hidden;
}
.about_box{
	width:1200px;
	margin:40px auto 0;
	overflow:hidden;
}
.about_img{
	float:right;
	width:726px;
}
.about_img img{
	width:726px;
	height:auto !important;
}
.about_con{
	width:402px;
	float:left;
	margin:50px 0 0 0px;
	font-size:14px;
	color:#333;
}
.about_con h2{
	font-weight:500;
}
.about-con{
	line-height:26px;
	letter-spacing:1px;
	height: 194px;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 8; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.about_more{
	display:block;
	width:160px;
	height:60px;
	border:1px solid #333;
	margin:156px 0 8px;
	text-align:center;
	color:#333;
	border-radius:6px;
}

.about_more a{
	margin-top:12px;
	display:block;
	color:#fff;
	background:#fff;
	transition:all 0.5s;
}
.about_more a:hover{
	color:#d0a804;
}

.about_more img{width:60px;}

ul.news{
	width:1200px;
	margin:30px auto 0;
	overflow:hidden;
}
ul.news li{ 
	width:340px; 
	height:468px; 
	margin-top:48px; 
	margin-right:30px; 
	float:left;
	background:#fff;
	padding:20px;
}
ul.news li:nth-child(3n){ 
	margin-right:0px; 
}

.in_news_data{ line-height:24px; margin:auto; border-bottom:#4d504d dashed 1px;color:#6c6c6c;font-weight:600;font-size:22px; overflow: hidden;padding:8px 0;
  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;    }
.in_news_data a{color:#6c6c6c;font-weight:600;font-size:24px;  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; }
.in_news_data span{ display:block; float:left; margin-left:22px; font-size:26px; color:#307032;font-family:"Microsoft YaHei"; font-weight:600;line-height:58px;}
.in_news_data p{ font-size:12px; color:#424141;font-family:"Microsoft YaHei"; margin-left:5px; display:block; float:left; line-height:67px;}
.in_news_bottom{ height:322px; padding:20px 0; overflow:hidden;}
.in_news_bottom h2{margin:0px auto 12px;text-align:left;}
.in_news_bottom p{ display:block; line-height:24px; overflow:hidden; font-size:14px; color:#272626;font-family:"Microsoft YaHei";}
.in_news_bottom label{color:#5cb11c;font-size:16px;}
.in_news_bottom p a{color:#272626;}
.in_news_bottom p a:hover{ text-decoration:underline;}
.in_news_bottom span{ font-size:14px; color:#818181; line-height:24px;font-family:"Microsoft YaHei"; display:block; margin-top:20px; height:170px; overflow:hidden;}
.in_news_bottom span a{color:#818181;}
.in_news_bottom span a:hover{ text-decoration:underline;}
.in_news_detail{margin-top:12px;text-align:right;}
.in_news_detail img{width:48px;height:auto !important;}
.in_news_more{ margin-left:21px; margin-top:182px;}

.case{
	width:100%;
	background:#f2f2f2;
	padding:54px 0 3px 0;
	margin-bottom:62px;
}
ul.in_case{
	width:1200px;
	margin:32px auto 0;
	overflow:hidden;
}
ul.in_case li{
	float:left;
	margin:10px;
}
ul.in_case li img{
	width:278px;
	height:168px;
}
ul.in_case li a{
	display:block;
	border:1px solid #ccc;
	width:278px;
	height:168px;
	background:#eee;
}
ul.in_case li a:hover{
	border:1px solid #d0a804;
}

ul.contact{
	width:1200px;
	margin:40px auto 50px;
	overflow:hidden;
}
ul.contact li{
	float:left;
	width:400px;
	padding-top:65px;
	font-size:15px;
	color:#333;
	text-align:center;
}
ul.contact li h5{
	font-weight:normal;
	font-size:15px;
	line-height:30px;
}

.contact_wrap{width:1200px;margin:0 auto;}
.contact_box{float:left;margin-right:22px;width:372px;}
.contact_box h2{font-size:22px;color:#6c6c6c;margin-bottom:22px;margin-top:72px;}
.contact_box  ul li{font-size:16px:color:#6c6c6c;margin-bottom:22px;}


.footer{
	width:100%;
	padding:15px 0px;
}
.footer .footer_box{
	width:1200px;
	padding:15px 0px;
	margin:0 auto;
}
div.menu{
	width:1200px;
	margin:0 auto;
	color:#9f9d9d;
	font-size:14px;
	line-height:30px;
	text-align: center;
}
.footer .beian{float:left;width:372px;}
.footer a{
	color:#9f9d9d;
	margin:0 4px;
}
.footer a:hover{
	color:#fff;
}
.footer p{
	margin:0 auto;
	line-height:30px;
	font-size:14px;
	color:#9f9d9d;
}