/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
/*banner */
.index_main{
	background: #f7f7f7;
}
.index_main .section1{
	position: relative;
}
.index_main .section1 .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:100vh;
	position: relative;
}
.index_main .section1 .index_banner .item.slick-current .scaleBg{
	visibility: visible; 
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
.index_main .section1 .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.index_main .section1 .index_banner .items:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/*background: rgba(0,0,0,0.2);*/
}
.index_main .section1 .index_banner .item .inner .block_txt{
	position: absolute;
	top: 44%;
	right: 10px;
	left:10px;
	opacity: 0; 
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
}
.index_main .section1 .index_banner .item.active .inner .block_txt{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}
.index_main .section1 .index_banner .item .inner .block_txt h4{
	font-size: 30px;
	color: #fff;
	text-align: center;
	font-family: 'COCO';
}
.index_main .section1 .index_banner .item .inner .block_txt h2{
	color: #fff;
	font-size: 70px;
	font-weight: bold;
	text-align:center;
	letter-spacing:5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h2 span{
	color: #f5c920;
	display: inline-block;
	letter-spacing: 5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h3{
	color: #fff;
	font-size: 22px;
	text-align:center;
	margin-top: 10px;
	letter-spacing: 3px;
}
.index_main .section1 .slick_txt{
	width:30%;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease; 
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border:0;
}
.index_main .section1 .left{
	left: 0;
}
.index_main .section1 .right{
	right:0;
}
.index_main .section1 .slick_txt:hover .slick_arrow{
	opacity: 1;
	visibility: visible;
}
.index_main .section1 .slick_txt .slick_arrow{
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	opacity: 0;
	visibility: hidden;
}
.index_main .section1 .slick_txt .prev{
	background-image:url(../image/ban_prev.png);
	left:60px;
}
.index_main .section1 .slick_txt .next{
	background-image:url(../image/ban_next.png);
	right:60px;
}
.index_main .section1 .slick_txt .prev:hover{
	background-image:url(../image/ban_prev_hover.png);
}
.index_main .section1 .slick_txt .next:hover{
	background-image:url(../image/ban_next_hover.png);
}
.index_main .section1 .number{
	position: absolute;
	bottom:8%;
	left: 50%;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.index_main .section1 .number span{
	font-family: "Myriad Pro","Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	margin-right:100px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span:last-child{
	margin-right: 0;
}
.index_main .section1 .number span:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:-20px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span.active:after{
	width: 100%;
	opacity: 1;
	visibility: visible;
}

.index_main .section2{
	background: url(../images/index2.jpg) no-repeat;
}
.index_main .section2 h3{
	text-align: center;
}
.index_main .section3{
	width: 100%;
	height: 100%;
	background: url(../images/index3.jpg) no-repeat;
	background-size: 100% 100%;
}
.index_main .section3 h3{
	text-align: left;
	margin:0px auto; padding:0px;
}
.index_main .section4{
	background: url(../images/index4.jpg) no-repeat;
}
.index_main .section4 h3{
	text-align: center;
}

.index_main .section5{
	background: url(../images/index5.jpg) no-repeat;
}
.index_main .section5 h3{
	text-align: center;
}
@media only screen and (max-width: 1600px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 28px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 60px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 20px;
	}
}
@media only screen and (max-width: 1440px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 24px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 40px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 18px;
		margin-top: 5px;
	}
}
@media only screen and (max-width: 1366px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 20px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 26px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 16px;
	}
	.index_main .section1 .index_banner .slick-arrow{
		background-size: auto 30px;
	}
}
@media only screen and (max-width: 1300px){

}
@media only screen and (max-width: 1199px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 18px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 22px;
		}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 14px;
	}
}
@media only screen and (max-width: 992px){
	.index_main .section1 .index_banner .item{
		height: 100vh;
	}
	.index_main .section1 .index_banner .item .inner .block_txt{
		left: 0;
		right:0;
		margin: 0 auto;
		padding: 0 20px;
		top: 42%;
	}
	.index_main .section1 .index_banner .slick-arrow{
		display: none !important;
	}
    .index_main .section1 .index_banner .slick-dots{
    	position: absolute;
    	bottom: 12px;
    }
    .index_main .section1 .index_banner .slick-dots li{
    	width: 12px;
    	height: 12px;
    	border-radius: 50%;
    	border:2px solid #fff;
    }
    .index_main .section1 .index_banner .slick-dots li button{
    	display: none;
    }
    .index_main .section1 .index_banner .slick-dots li.slick-active{
    	background: #fff;
    }
	.index_main .section1 .number{
		bottom: 12%;
		display: none;
	}
	.index_main .section1 .number span{
		margin-right: 22px;
	}
	.index_main .section1 .number span:after{
		bottom: -14px;
	}

}
@media only screen and (max-width: 767px){
    
}
@media only screen and (max-width: 340px){
 
}
@media only screen and (max-width: 320px){
	
}



/* 关于百茂源 */
.inaboutdmore { margin:20px 5px 0px 0px; text-align: left; width:16%; height:50px; line-height:50px; font-size:14px; float:left; border:1px solid #121212; }
.inaboutdmore .more_link{ margin:0px 0px; text-align:center; text-align:center; display:block; color:#5d5d5d; }
.inaboutdmore .more_link:hover{ margin:0px 0px; text-align:center; display:block; text-align:center; color:#fff; text-decoration:none; background:#175885}

.about_B{ width:100%; height:115px; margin:-16px 0px 0px 0px; padding:0px; background:#1d6ccb;}
.about_B li{ float:left; width:22%; text-align:center; margin:5px 15px; overflow:hidden;}
.about_B li img{ padding:1px; width:80px; height:80px; float:left;}
.about_B li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;float:left; text-align:center; color:#FFF;}

/* 联系百茂源 */
.incondmore { width: 100%; margin:0px auto; text-align: center;font-size:14px; }
.incondmore .more_link{ width: 150px; height:50px; line-height:50px;  border:1px solid #dadada; margin:0 0 0 45%; text-align:center; display:block; color:#5d5d5d; }
.incondmore .more_link:hover{ margin:0 0 0 45%; text-align:center; display:block;color:#fff; text-decoration:none; background:#175885}


/**********技术中心*************/
.news{width:100%; padding:0px; margin:0px auto;}
.news .left{float: left; width:40%; padding: 0 10px;}
.news .right{float: right; width: 50%; padding: 0 10px;}
.news .right .img img {
    width: 100%;
    -webkit-transition: -webkit-transform 0.4s linear 0s;
    transition: transform 0.4s linear 0s;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
}
.news .right:hover .img img {
  -webkit-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
          transform: scale(1.02, 1.02);
  -webkit-transition: -webkit-transform 0.4s linear 0s;
          transition: transform 0.4s linear 0s;
}
.news .right .nItem{width: 100%; height:100px; border: 1px solid #fff; overflow: hidden; transition: all 0.3s; margin: 10px 0; border-radius: 10px; }
.news .right .nItem .date{float: left; width: 80px; height:100px; line-height: 100px; font-size:50px; font-weight: bold;color: #000000; text-align:center;}
.news .right .nItem .info{overflow: hidden; padding: 5px;}
.news .right .nItem .info .titles{color: #333; font-size: 1.1em; font-weight: bold;height:50px; line-height:60px; overflow: hidden; text-align:left; }
.news .right .nItem .info .text{line-height: 16px; height: 40px; overflow: hidden; color: #333;}
.news .right .nItem:hover .date{color: #fff; width: 80px;}
.news .right .nItem:hover{ background: #aba9a6;color: #fff;/* box-shadow: 0 0 15px rgba(255,159,0,0.6);*/}
.news .right .nItem a:hover{ background: #aba9a6;color: #fff; text-decoration: none;/* box-shadow: 0 0 15px rgba(255,159,0,0.6);*/}


/*资质证书*/
#honorlist{ padding:15px 0px;}
#honorlist li{ float:left; width:200px; text-align:center; margin:5px 15px; overflow:hidden;}
#honorlist li img{ border:1px solid #ccc; padding:1px; width:195px; height:75px;}
#honorlist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;}


/*公司新闻首页*/

.news{width:100%; margin:80px 0px 0px 0px; padding:0px;}
.news_left{ width:35%; padding:0px;}
.news_left img{
  cursor: pointer;
  transition: all 0.6s;
}
.news_left img:hover{
  transform: scale(1.1);
}

.news_conter{width:40%; }
.news_right{width:20%; margin-top:-180px; }

.inews_list{ width:100%; float:left;}
.inews_list li{padding:6px; min-height:122px; margin:0px 0px 0px 20px; border-bottom:1px dotted #f1f1f1;}
.ss{padding:6px; margin:0px 0px 5px 20px; border-bottom:1px dotted #f1f1f1; background: #fbfbfb}

.inews_list_left{width:25%;text-align:center;}
.inews_list_left .photo{margin:0px; max-height:100px; padding-top:10px;}
.inews_list_left .photo img{ max-height:100px;}
.inews_list_right .date{color:#002870;line-height:30px; font-size:14px;}
.inews_list_right{ padding:0 2% 2% 28%; text-align:justify;}
.inews_list_right .con{font-size:14px;color:#6d6d6d;line-height:30px;}
.inews_list_right .news_title{font-size:16px;color:#3f3f3f;margin-top:10px;}
.inews_list_right .chakan{ border:1px solid #dadada; text-align: left; width:110px; padding:2px 9px 2px 9px; height:30px; line-height:30px; font-size:12px; color:#476884 }


.readmore { margin:20px auto; text-align: left; width:280px; height:50px; line-height:50px; font-size:16px; border:1px solid #dadada; float:left;  }
.readmore .more_link{ margin:0px 0px; text-align:center; text-align:center; display:block; color:#5d5d5d;}
.readmore .more_link:hover{ margin:0px 0px; text-align:center; display:block; text-align:center; color:#28428d; text-decoration:none;}


/*联系我们*/
.ease-1{
-webkit-transition:all 0.1s ;
-khtml-transition:all 0.1s ;
-moz-transition: all 0.1s ;
-o-transition: all 0.1s ;
transition: all 0.1s ;}
.ease-3{
-webkit-transition:all 0.3s;
-khtml-transition:all 0.3s ;
-moz-transition: all 0.3s ;
-o-transition: all 0.3s;
transition: all 0.3s;}
.radius-5{
-webkit-border-radius:5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.shadow-box-5{
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
box-shadow:0px 0px 5px rgba(0,0,0,0.5);}
.shadow-text-1{
-moz-text-shadow:0 1px 0px rgba(0,0,0,.5);
-webkit-text-shadow:0 1px 0px rgba(0,0,0,.5);
text-shadow:0 1px 0px rgba(0,0,0,.5);}
.text-overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.txt-en{ font-family: "Times New Roman", Times, serif; font-weight:normal;}
.txt-c{ text-align:center;}
.txt-r{ text-align:right;}
.txt-red{ color:#e32530;}
.txt-orange{ color:#ff6600;}

.nr span.c-1{ width:100%; height:100%; background:url(../images/icon_01.png) center no-repeat; display:block; float:left; border-radius:50%; }
.nr span.c-2{ width:100%; height:100%; background:url(../images/icon_02.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-3{ width:100%; height:100%; background:url(../images/icon_03.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-4{ width:100%; height:100%; background:url(../images/icon_04.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-5{ width:100%; height:100%; background:url(../images/icon_05.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-6{ width:100%; height:100%; background:url(../images/icon_06.png) center no-repeat; display:block; float:left; border-radius:50%;}
.advantage .nr .item:hover .circle span.c-1{background:url(../images/icon_01.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-2{background:url(../images/icon_02.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-3{background:url(../images/icon_03.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-4{background:url(../images/icon_04.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-5{background:url(../images/icon_05.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-6{background:url(../images/icon_06.png) center no-repeat;}


.advantage .inner{  left:0; right:0; }
.advantage .nr{ padding:0; width:100%; float:left; margin-bottom:60px; margin-top:70px;}
.advantage .nr li{ width:16.285%; float:left; display:inline;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;}
.advantage .nr li:nth-child(1),
.advantage .nr li:nth-child(2){
-webkit-transform: translate3d(-100px,0px, 0);
-moz-transition: translate3d(-100px, 0px, 0);
-o-transition: translate3d(-100px, 0px, 0);
transition: translate3d(-100px, 0px, 0);}
.advantage .nr li:nth-child(3),
.advantage .nr li:nth-child(4){
-webkit-transform: translate3d(100px,0px, 0);
-moz-transition: translate3d(100px, 0px, 0);
-o-transition: translate3d(100px, 0px, 0);
transition: translate3d(100px, 0px, 0);}
.advantage.active .nr li{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);
transition-delay:600ms; 
-o-transition-delay:600ms;
-moz-transition-delay:600ms;
-webkit-transition-delay:600ms;}
.advantage.active .nr li:nth-child(2),
.advantage.active .nr li:nth-child(3){
transition-delay:400ms; 
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;}
.advantage .nr .item{ display:block; width:100%; position:relative; color:#333;}
.advantage .nr .item .circle{ width:120px; height:120px; margin:10px auto 0px; position:relative; color:#333; background:#fff;
-webkit-border-radius:60px;
-moz-border-radius: 60px;
border-radius: 60px;
behavior: url(ie-css3.htc); z-index:2;}
.advantage .nr .item .circle .circle_l,
.advantage .nr .item .circle .circle_r{ position:absolute; top:0px;width:60px; height:120px;border: 2px solid #333;
-webkit-transition-timing-function:linear;}
.advantage .nr .item .circle .circle_l{ left:0px; border-right:0;clip:rect(124px,62px,124px,0);
-webkit-border-radius:62px 0 0 62px;
-moz-border-radius: 62px 0 0 62px;
border-radius: 62px 0 0 62px;
behavior: url(ie-css3.htc); z-index:2;}
.advantage .nr .item .circle .circle_r{ right:0px; border-left:0;clip:rect(0px,62px,0px,0);
-webkit-border-radius:0 62px 62px 0;
-moz-border-radius: 0 62px 62px 0;
border-radius: 0 62px 62px 0;
behavior: url(ie-css3.htc); z-index:2;}
.advantage .nr .item .circle span{ display:block; height:120px; width:120px; line-height:120px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.advantage .nr .item h1{ font-size:20px; padding:20px 0 10px; line-height:24px;}
.advantage .nr .item p{ line-height:24px; font-size:14px;}
.advantage .nr .item:hover .circle_l{ clip: rect(0,62px,124px,0); border-color:#ff8a00;}
.advantage .nr .item:hover .circle_r{ clip: rect(0,62px,124px,0); border-color:#ff8a00;}
.advantage .nr .item:hover .circle{ background:#ff8a00; color:#fff;
-webkit-transform: translate3d(0px,-10px, 0);
-moz-transition: translate3d(0px, -10px, 0);
-o-transition: translate3d(0px, -10px, 0);
transition: translate3d(0px, -10px, 0);
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
.advantage .nr .item:hover h1,
.advantage .nr .item:hover p{ color:#111;
-webkit-transform: translate3d(0px,10px, 0);
-moz-transition: translate3d(0px, 10px, 0);
-o-transition: translate3d(0px, 10px, 0);
transition: translate3d(0px, 10px, 0);
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}


.ser01{ width:100%; padding:40px 0; overflow:hidden;}
.ser01 .content{ position:relative;}
.ser01 .pic{ float:right;}
.ser01 .text{ position:absolute; top:50px; right:0; padding:30px; width:565px; height:260px; background:#fff; float:left; left:0;}
.ser01 .text .title{}
.ser01 .text .title h4{ font-size:20px;}
.ser01 .text .title span{ display:block; width:55px; height:3px; background:#8ec31f;}
.ser01 .text .wz{ color:#0c0c0c; line-height:25px; font-size:14px; padding:10px 10px 0 0; width:535px; height:210px; overflow:auto;}
#style1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#style1::-webkit-scrollbar{width: 3px;background-color: #F5F5F5;}
#style1::-webkit-scrollbar-thumb{background-color: #8ec31f;}

#style2::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#style2::-webkit-scrollbar{ height: 3px;background-color: #F5F5F5;}
#style2::-webkit-scrollbar-thumb{background-color: #8ec31f;}
.ser01 .parHd ul li {
	float: left;
	padding: 10px 10px;
	cursor: pointer;
	border: 1px #7E7E7E solid;
	margin: 50px 3px 0px 2px;
}

.ser01 .parHd ul li:hover {
	padding: 10px 10px;
	background: #595757;
	color:#FFFFFF;
	text-decoration:none;
}
.ser01 .parHd ul li a:link{color: #4a4a4a; text-decoration: none;}
.ser01 .parHd ul li a:hover{color: #fff; text-decoration: none;}