@charset "utf-8";
/* CSS Document */

/* 企业介绍 */
.intro-imgs { }
.intro-imgs .intro-img { text-align:center; margin-bottom:3em;}
.intro-imgs .intro-img:last-child
{
	margin-bottom:0px;
}
.intro-imgs .intro-img img { margin:0px auto}
.jg-img { margin-top:1.625em; margin-bottom:2.5em;}
.intro-des {  font-size:1.125em; line-height:2.2;}


.aboutus-intro { margin-top:6.25%; margin-bottom:4.5em;}
.aboutus-intro h2 { font-size:1.75em;}

@media screen and (min-width:1000px) { 
.intro-des { max-width:537px;  }

 }

@media screen and (max-width:667px) { 
.intro-des { max-width:none; width:100%;  }
 }


/* 企业文化 */

.aboutus-culture { padding-top:5.83%;margin-bottom:2em;}

.culture-box { display:block; width:100%; position:relative; min-height:200px; margin-bottom:45px; background-color:#f7f7f7;  -moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-moz-box-shadow:2px 2px 7px #A1A1A1; -webkit-box-shadow:2px 2px 7px #A1A1A1; box-shadow:2px 2px 7px #A1A1A1; cursor:pointer}
	.culture-txt { width:100%; min-height:180px;   display:block; float:left; position:relative;  }
		.culture-txt p {  padding:5.5em 1.625em 0 1.625em; font-size:1.125em;}
		.col-i2 .culture-txt p,.col-i4 .culture-txt p,.col-i5 .culture-txt p{text-align:center;}
		
		
		
		.culture-txt-title {width:100%; text-align:center;position:absolute; }
		.culture-txt h3 {  position:relative; top:49px; padding:0px; color:#000000;margin-top:0px;z-index:161;   color:#000000;font-weight:bold; font-size:1.875em; display:inline-block; line-height:1;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
	
	.culture-img-box { background-color:#00a2ea;display:block; height:180px;position:relative; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; z-index:160; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
		.culture-img { display:block;height:180px;  position:absolute; z-index:10; left:0; top:0px; z-index:1   }
		.culture-img img { width:100%;  }

.culture-box:hover h3 { top:-42px;padding:23px 35px;background-color:#ffb527; color:#ffffff;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.culture-box:hover .culture-img-box  {filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.culture-box:hover .culture-txt p {padding-top:4em;}


.aboutus-culture>div:nth-child(even)  .culture-img { top:auto;bottom:0px;} 


.aboutus-culture>div:nth-child(even)  .culture-box:hover .culture-txt-title {  top:auto;bottom:-89px;}
.aboutus-culture>div:nth-child(even)  .culture-box:hover   p {padding-top:3em;}
.aboutus-culture>div:nth-child(even)  .culture-img-box { position:absolute; bottom:0; z-index:999; left:0; width:100%:}

@media (max-width:1024px) { 
		.culture-txt p {padding: 3em 1.625em 0 1.625em;font-size: 1em;}
		.culture-box:hover .culture-txt p {padding-top:3.6em;}
		.culture-txt h3 { top:13px;font-size: 1.4em;}
		.culture-box:hover h3 { top:-36px;}
		.aboutus-culture>div:nth-child(even)  .culture-box:hover h3 { top:-60px;}
		
}

@media screen and (max-width:812px)
{
		.tab-bigpic
		{
			width:100%;
		}
		.tab-rdes
		{
			width:100%;
			margin-top:1em;
		}
		
		.aboutus-intro h2
		{
			font-size:1.3em;
		}
			
}


@media  (max-width:768px) { 

		.aboutus-culture>div:nth-child(even)  .culture-box:hover h3 { top:-46px;}
}


@media screen and (max-width:667px) { 

		.aboutus-culture>div:nth-child(even)  .culture-box:hover h3 { top:-56px;}
}

@media  (max-width:480px) { 

		.culture-img img { max-width:none}
		.culture-box { max-width:383px; margin:0px auto; margin-bottom:6%;}
}
















/*  研究实力 */
.aboutus-shili { padding-top:6%;margin-bottom:4.5em;}
.aboutus-shili .box-shili { margin-bottom:25px; cursor:pointer; border:#cfcfcf solid 1px; display:block; height:239px; clear:both;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.aboutus-shili .box-shili-img { width:20.4%; min-width:208px; float:left; padding:14px 18px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.aboutus-shili .box-shili-img img { max-width:100%;}
.aboutus-shili .box-title-des { width:69.88%; padding-right:15%; float:right;}

.box-title-des  h3 { font-size:1.875em; margin:8.9% 0 4% 0; font-weight:bold;}
.box-title-des p { font-size:1.125em;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }

.aboutus-shili .box-shili:hover { background-color:#ccf9ff;border:#ccf9ff solid 1px;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.aboutus-shili .box-shili:hover  .box-shili-img { filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.aboutus-shili .box-shili:hover .box-title-des p { padding-left:33px;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}

#yingxiaofenbu
{
	margin-bottom:6em;
}

#videos
{
	margin-bottom:5em;
}


@media  (max-width:768px) { 

		.box-title-des h3 {    font-size: 1.2em; }
		.box-title-des p {    font-size: 1em;}

}

@media  (max-width:667px) { 

		.aboutus-shili .box-title-des { 
    		padding-right: 2%;
			 width:65%;   
		}

}
@media  (max-width:480px) { 

		.aboutus-shili .box-shili {border:none; text-align:center}
		.aboutus-shili .box-shili img { margin:0px auto;}
		.aboutus-shili .box-shili-img 
		{ 
			width:100%; padding-left:5%;  min-width:none;filter:alpha(opacity=1);-moz-opacity:1;opacity:1;		
		}
		.aboutus-shili .box-title-des {    padding-right: 2%;     width: 100%; padding-left:5%; padding-right:5%;}
		.culture-box { margin-bottom:3%;}


}




 /* 品质保证 */
 .pingzhimain { padding-top:3.57%; padding-bottom:0%; background-color:#f6f6f6;margin-top:2.5em;}
 
 
 
 .pingzhi-box-style { padding:35px 30px 20px 30px; background-color:#ffffff; margin-bottom:62.215%;-moz-box-shadow:0px 0px 8px #666666; -webkit-box-shadow:0px 0px 8px #666666; box-shadow:0px 0px 8px #666666; cursor:pointer;}
 .pingzhi-box-style img{ width:100%; max-width:176px; border:#c3c3c3 solid 1px; margin:0px auto;}
 .pingzhi-box-style .overlay-links { margin-left:-25px;	width:43px;	height:43px; }
.pingzhi-box-style .overlay-container {height:245px;vertical-align: middle; display: table-cell; overflow:inherit}
.pingzhimain .pagination {    font-size: 12px;    margin-top: 3.5%;  }
.pingzhimain .popup-img { position:absolute; left:50%; bottom:-42px; margin-left:-21px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0; }
.pingzhi-box-style h3 {position:absolute; width:130%; left:-10%; bottom:-103px; line-height:1.4; font-size:1.125em; text-align:center;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}

.pingzhi-box-style:hover {}
.pingzhi-box-style:hover  .overlay-container>img{ filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
 
.pingzhi-box-style:hover .popup-img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}

.pingzhi-box-style:hover h3 { bottom:-115px;color:#ee991f;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}

@media  (max-width:1004px) {

 .pingzhi-box-style { padding:15px 15px 10px 15px;  margin-bottom:52.215%;  }
 .pingzhi-box-style h3 { font-size:1em; bottom:-83px;  }
 .pingzhi-box-style:hover h3 { bottom:-95px; }
 .pingzhimain .popup-img {bottom:-32px; }

}



@media  (max-width:768px) {

		 .pingzhi-box-style { padding:25px 30px 25px 30px; }
		.pingzhimain { padding-top:7.57%; padding-left:10px; padding-right:10px;}
		.pingzhimain  .grid-space-40 .col-sm-4{ padding-left:8px; padding-right:8px;}
		.pingzhi-box-style {        margin-bottom: 30.215%; }
		 .pingzhimain .popup-img {bottom:-48px; }		 
		 .pingzhi-box-style:hover h3 { bottom:-105px; }		 
		 .pingzhi-box-style h3 {    font-size: 14px;  }
}


/* 营销分布 */
.yingxiaofenbu  { padding-top:5%; padding-bottom:14.29%;}
	.yximg { position:relative; cursor:pointer}
	
	.yx-des-bg { width:100%; height:296px; position:absolute; top:0px; left:0px;  background:url(../images/bg1.png); display:block; -moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;color:#ffffff;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
	.yx-des { position:absolute;bottom:-78px;  left:0px; width:100%; height:296px; }
	.yx-des h3 {color:#000000; font-size:1.875em; margin-bottom:24px; margin-bottom:6px; }
	.yx-des p {color:#666666; text-align:center; font-size:1.125em;}
	.yximg{z-index:3}
	.yx-des{z-index:1}
	
	.yximg:hover .yx-des-bg {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
	
	.yximg:hover .yx-des {top:0px; bottom:auto; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;z-index:22;}
	.yximg:hover .yx-des td { vertical-align:middle; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
	.yximg:hover .yx-des h3  { color:#ffffff; margin-top:0px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
	.yximg:hover .yx-des p { color:#ffffff;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
	
	
	#tz2 {bottom:-108px;}
	

  

h2.sfw2 { font-size:1.375em; margin-bottom:45px; margin-top:0px;}

.pplogos { margin-left:-5px; margin-right:-5px;}	
.pplogos .pp-logo { width:20%; float:left; padding-left:5px; padding-right:5px; overflow:hidden;  text-align:center; margin-bottom:20px;}
.pplogos .pp-logo .logoimg { border:#b6b6b6 solid 1px;padding:12px 18px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px; }
.pplogos .pp-logo img { margin:0px auto; max-width:186px; width:100%; max-height:70px; }


.pdes { margin-top:8%; margin-bottom:8%; padding-left:2.08%; position:relative; color:#333333; font-size:1.125em}
.pdes span { color:#000000; font-size:26px; position:absolute; left:0; top:-8px;font-size:1.5em;}

h2.xyfb { font-size:1.375em; font-weight:bold; margin-bottom:3.933%;}


@media  (max-width:1004px) {

	.yx-des h3 {font-size:1.2em; }
	.yx-des p { font-size:1em;}	
	.pdes {    font-size: 1em;}



}	

@media  (max-width:768px) {
 
	.yx-des { bottom:-60px;}		
	.yx-des h3 {font-size:16px; }
	.yx-des p { font-size:13px;}	
	.pdes {    font-size: 1em;}		
	#tz2 {    bottom: -82px;}
	.yximg:hover .yx-des {bottom:60px; }
	.yximg:hover .yx-des td {     vertical-align: top; padding-top:60px; }	
	h2.sfw2 {    font-size: 1.2em; }
	
	.pplogos .pp-logo { width:33.3333%; }
	.pdes { padding-left:27px;}
	

.navbar-default .navbar-nav > li > a {
	padding-left:1.2em; padding-right:1.2em;
 
}



}	

@media  (max-width:667px) {

 	.yx-des { bottom:-83px;}
	h2.sfw2 {   margin-top: 20px;}

}

@media  (max-width:480PX) {
	.yingxiaofenbu { padding-bottom:0px;}
	.yximg { margin-bottom:100px;}
 	.yximg img { width:100%;}
	.yingxiaofenbu>div { padding-left:10%; padding-right:10%; margin-bottom:4px;}
	.yx-des { bottom:-58px;}
	.son-nav ul>li { font-size:12px; line-height:12px;}
	
	.pplogos .pp-logo { width:50%; float:left; padding-left:5px; padding-right:5px; overflow:hidden;  text-align:center; margin-bottom:20px;}
	.aboutus-shili
	{
		margin-bottom:3em;
	}
	#yingxiaofenbu
	{
		margin-bottom:3em;
	}
	
	#videos
	{
		margin-bottom:3em;
	}
	
}	
	



/*  企业视频  */
.c-video-timg { width:100%; text-align:center}
.c-video-timg img { display:inline-block}
.c-video-nextsp { text-align:right; position:relative; width:100%; padding-right:65px;}
.c-video-nextsp span { position:absolute; right:0; top:-6px;}
.c-video-nextsp a { cursor:pointer;}
.c-video-detail { padding-top:3.75%; padding-bottom:7.5%;}
.c-video-detail:last-child
{
	padding-bottom:0px;
}

#c-videos  { margin-top:3.7%;}

.c-video-detail
{
	text-align:center;
}
.c-video-detail .video
{
	height:620px;
	width:100%;
	display:block;
	margin:0 auto;
	display:inline-block;
}
.c-video-detail .video2
{
	height:620px;
	width:100%;
	display:block;
	margin:0 auto;
	display:inline-block;
}



/* 产品中心 */
.tab-content { width:100%; float:right; padding:0px;}

.tab-bigpic { width:70.6%; float:left; position:relative}
	.focuspro { position:absolute; width:100%;  height:100%; z-index:15; }
	.focuspro img { width:100%; max-width:750px;}
	.focusprobg { position:relative; margin-top:-4px; z-index:10;}

.tab-rdes { width:25%; height:100%; padding:0 1.2% 5% 1.2%; text-align:left; float:right; border:#c9c9c9 solid 1px;}
	.tab-rdes dl { margin-bottom:25px;}
	.tab-rdes dl dt { color:#000000; font-size:1.25em; padding-left:22px;  position:relative; font-weight:normal}	
	.tab-rdes dl dt i { font-size:5px; color:#000000; position:absolute; top:9px; left:0px;}
	.tab-rdes dl dd { color:#333333; font-size:0.8125em;padding-left:22px; margin-top:4%;}

	.tab-rdes h4 { font-weight:normal; font-size:1.375em; color:#10b3ec; text-align:left; margin:25% 7% 20% 7%; line-height:1.4; text-decoration:underline;height:60px;}
	.tab-bigpic td { padding-top:4%;}
	
	
	.pdetail-slide>.slider-box { text-align:center;}	
	.pdetail-slide .slider-box { padding:7% 0;}
	.pdetail-slide .slider-box img{ display:block;margin:0 auto;max-width:578px;}
 	.pdetail-slide .slider-box i { position:fixed; bottom:0px;}
	.pdetail-slide .owl-buttons { width:100%; text-align:center;  }
	.pdetail-slide .owl-buttons .owl-prev:after {    content: "\e87c"; font-size:35px; font-weight:bold; margin-left:-5px;  }
	.pdetail-slide .owl-buttons .owl-next:after {      font-size:35px; font-weight:bold; color:#ffffff;}
	.pdetail-slide .owl-controls { position:relative;}
	.pdetail-slide .owl-controls .owl-buttons { position:absolute; bottom:-43px; left:-53px;}
	.pdetail-slide .owl-controls .owl-buttons div { position:static; margin:0 16px; z-index:502;width:50px; height:50px; background-color:#b8b8b8; -moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px; font-size:26px; }
	.pdetail-slide .owl-controls.clickable .owl-buttons div:hover { background:#f8b707;}
	.list-products .owl-controls .owl-pagination { display:none;}
 
	.list-products .productpopup { position:absolute; bottom:15px; z-index:500;left:55.3%;}
	.list-products .productpopup>a { display:none;font-size:26px; font-weight:normal; width:50px; height:50px; background-color:#b8b8b8; -moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px; text-align:center; vertical-align:middle; color:#ffffff; }
	.list-products .productpopup>a:hover {background:#10b3ec}
	
 
	
	.list-products .productpopup>a:first-child { display:block}
	.list-products .productpopup>a i { }
	
	.list-products .tab-pane { margin-top:10%; }




/*新增产品中心响应代码*/

@media screen and (max-width:1230px)
{
		.tab-rdes h4
		{
			margin-top:17%;
			margin-bottom:15%;
		}
}


@media screen and (max-width:1200px)
{
		
		.pdetail-slide .owl-controls .owl-buttons
		{
			bottom:-30px;
		}
		
		.tab-rdes h4
		{
			margin-top:5%;
			margin-bottom:3%;
			font-size:1.25em;
		}
		.tab-rdes dl dt
		{
			font-size:1.15em;
		}
		.tab-rdes dl dd
		{
			margin-top:2%;
		}
		.tab-rdes dl
		{
			margin-bottom:24px;
		}
		
		
		
		/*视频响应*/
		.c-video-detail .video2,.c-video-detail .video
		{
			width:100%;
			height:500px;
		}
}

 
 @media screen and (max-width:1024px)
 {
	 .tab-rdes h4
	 {
		 height:56px;
	}
		.c-video-detail .video2,.c-video-detail .video
		{
			width:100%;
			height:460px;
		} 
}

/*新增css 响应980px*/
@media screen and (max-width:991px)
{
	.container
	{
		width:95%;	
	}
	.tab-rdes
	{
		padding-bottom:2%;
	}
	.tab-rdes dl
	{
		margin-bottom:21px;
	}
}



@media screen and (max-width:768px)
{
		.tab-bigpic
		{
			width:100%;
		}
		.tab-rdes
		{
			width:100%;
		}
		.pdetail-slide .owl-controls .owl-buttons
		{
			bottom:-34px;
		}
		.tab-rdes h4
		{
			height:auto;
			margin-top:1%;
			margin-bottom:1%;
			margin-left:0px;
		}
		.tab-rdes dl
		{
			margin-bottom:10px;
		}
		
		.c-video-detail .video2,.c-video-detail .video
		{
			width:100%;
			height:450px;
		}
		
		
}

@media screen and (max-width:520px)
{
	.pdetail-slide .slider-box img
	{
		max-width:90%;
	}
	.list-products .productpopup>a
	{
		width:36px;
		height:36px;
		font-size: 20px;
   		border-radius: 36px;
	}	
	
	.pdetail-slide .owl-controls .owl-buttons div
	{
		width:36px;
		height:36px;
		font-size:20px;
	}
	.pdetail-slide .owl-buttons .owl-next:after,.pdetail-slide .owl-buttons .owl-prev:after
	{
		font-size:20px;
	}
	
	.pdetail-slide .owl-controls .owl-buttons
	{
		bottom:-12px;
	}
	
	
	.c-video-detail .video2,.c-video-detail .video
		{
			width:100%;
			height:260px;
		}
	
	.c-video-timg
	{
		margin-bottom:6px;
	}	
		
	
}


@media screen and (max-width:380px)
{
	.pdetail-slide .owl-controls .owl-buttons
	{
		bottom:-8px;
	}
}