
/* 首页轮播  */
#home-banner { position:relative;}


.home-banner { position:relative;}
.home-banner .owl-controls {  width:100%;position:absolute;top:60%;}
.home-banner .owl-pagination { width:1100px;margin:0px auto; background-color:#000000; position:relative;  }
.home-banner .owl-pagination .owl-page { display:block; padding:0px; margin:0px; width:25%; float:left; margin-top:3%;  margin-right:-7px;position:relative;z-index:208;}
.home-banner .owl-pagination .owl-page span { width:7px; height:7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; margin:0px; margin-right:7px;float:right;filter:alpha(opacity=0);-moz-opacity:0;opacity:0; position:relative; z-index:300; margin-right:-3px;}
.home-banner .owl-controls .owl-page.active, .owl-controls.clickable .owl-page:hover {}

#home-solution  .owl-controls.clickable .owl-page:hover{background:none;}
.home-banner .owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span { background: #F2E000; z-index:300;}
.home-banner .owl-pagination>.owl-page:last-child  span{ filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
.home-banner .owl-pagination>.owl-page:last-child  span.owl-numbers{ filter:alpha(opacity=0);-moz-opacity:0;opacity:0; }

.home-banner .owl-buttons { width:95%;margin:0px auto; background-color:#000000; position:relative; margin-top:-5%;}
.home-banner .owl-buttons .owl-prev { background:none;}
.home-banner .owl-buttons .owl-next { left:auto; right:0;background:none; color:#ffffff;}







.home-banner .caption { background:none; width:100%; padding:0px; margin:0px; border:none; bottom:auto; top:26%; left:-20px;}

.home-banner .caption .linkmore { width:64px; height:64px; background-color:#ffffff; line-height:51px; text-align:center;-moz-border-radius: 64px;-webkit-border-radius: 64px;border-radius: 64px; font-size:30px; color:#0297F1; border:#0385E5 solid 5px; cursor:pointer;}

#home-banner  #home-banner-text { position:absolute;  z-index:300; bottom:11%; width:100%;}
#home-banner  #home-banner-text .container { padding-left:75px; padding-right:75px;}

 
#home-banner  #home-banner-text .con-title { width:25%; float:left; text-align:center; color:#ffffff;}
#home-banner  #home-banner-text .con-title>span { display:none; margin-bottom:-10%;}
#home-banner  #home-banner-text .con-title.active>span  { display:block}


 .pro-shadow
{	
	position: absolute;
	bottom: 0px;
	z-index: 8888;
	right: 9px;
	
}


.tab-content > .tab-pane
{
	margin-left:3px;
}


@media screen and (max-width:1229px) {
		
		
			.home-banner .owl-pagination { width:90%; padding-left:1.75%;}
			.home-banner .owl-buttons { width:95%; padding-left:2.5%;}
			#home-banner #home-banner-text {   bottom: 10%;  }
			.home-banner .owl-buttons div{  margin-top:-10px;}
			#home-banner #home-banner-text .container {    padding-left: 5%;    padding-right:  5%;}
			
			.pro-shadow
			{
				right:2px;
			}
		
}
@media  (max-width:1024px) { 

body { font-size:14px;}
.caption>.container { padding-left:6%; margin-top:-20px;}
.caption>.container img { width:50%;}
.home-banner .caption .linkmore { width:52px; height:52px; background-color:#ffffff; line-height:41px; text-align:center;-moz-border-radius: 52px;-webkit-border-radius: 52px;border-radius: 52px; font-size:24px; color:#0297F1; border:#0385E5 solid 3px; cursor:pointer;}


}
 

@media  (max-width:768px) { 

 
.home-banner .caption .linkmore { width:36px; height:36px; background-color:#ffffff; line-height:28px; text-align:center;-moz-border-radius: 36px;-webkit-border-radius: 36px;border-radius: 36px; font-size:24px; color:#0297F1; border:#0385E5 solid 3px; cursor:pointer;}

 
.home-banner .owl-buttons div {
    margin-top: -17px;
}
 

}


/* section 盒子 */
.section {
margin-top:0%; padding-top:6.5%; padding-bottom:4%;
	 
}

#index-product .section  p { padding-left:15.05%; padding-right:15.05%; }
.section  p { font-size:0.875em; display:block; width:100%; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {	color: #333333;}


.separator-3 { width:100%; text-align:center;position:relative; margin-top:1.10389%; margin-bottom:1.9%;}
.separator-3 img { margin:0px auto; margin-bottom:-9px;}
.se-line {  text-align:center; background-color:#cccccc; width:100%; left:0; height:1px; overflow:hidden; }



.entitle {	font-size: 3em; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#333333; margin-top:0px;font-weight:bold;text-transform:Uppercase; text-indent:3px; margin-left:-3px; position:relative; line-height:1; margin-bottom:0px;}
h3.cn-text { font-size:1.5em; color:#333333; margin-top:8px; }

h3.cn-text::before{
  
	content:url(xs/line1.png);	
	padding-right:10px;
	padding-top:15px;
	 
    color: blue;
}
h3.cn-text::after{
    content:url(xs/line1.png);	
	padding-left:10px;
    color: blue;
}

.entitle span { color:#333333;}



.more { display:block; position:absolute; width:35px; height:35px;-moz-border-radius: 35px;-webkit-border-radius: 35px;border-radius: 35px; background-color:#000000; right:6px; top:-2px; font-size:26px; color:#ffffff; font-weight:normal;line-height:28px; padding-left:5px; }
a.more:hover { text-decoration:none; color:#ffffff;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.separator-2 {	display:none;}




/* 首页产品列表 */

#productlist .link-more11 { margin:0px auto; margin-top:2%;}
.index_productlist { min-height:365px; padding-bottom:2.28em;  position:relative;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.index_productlist .box-img{ overflow:hidden; border:#d8d8d8 solid 1px; position:relative;}
.index_productlist .bj-xs{ position:absolute; left:0; top:0; z-index:10}
.index_productlist .bj-xs-zhi { position:absolute; left:0; top:0; z-index:14; font-size:1.25em; padding:10px 18px; font-weight:bold; color:#ffffff;}

.index_productlist .box-title { background-color:#f4f4f4; margin-top:5px; width:100%; text-align:center; padding-top:10%; padding-bottom:6%;}
.index_productlist h3 { font-size:1.5em; color:#000000; font-weight:bold;  } 
.index_productlist h4 { font-size:1.125em; margin-top:6%; font-weight:normal; color:#999999;}
.index_productlist p {font-size:0.8125em;color:#000000; line-height:1.6;}
	.news-date { /*padding-left:10px;*/font-size:0.75em; margin-bottom:5px;}
	a.morebtn { color:#8a8a8a;font-size:0.8125em; position:absolute; bottom: 0px;right: 0px;}
	/* 图片黑白 */
	.gray {     -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;}
.index_productlist:hover {  cursor:pointer}
.box-title { padding-right:20px;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}


.index_productlist:hover {   -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.index_productlist:hover .box-img { filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.index_productlist:hover .box-title { -webkit-transition: all 300ms; background-color:#d95167;  -o-transition: all 300ms; transition: all 300ms;}
.index_productlist:hover .box-title h3 a { color:#ffffff;}
.index_productlist:hover .box-title h4 { color:#ffffff;}


/* 创新科技 */
.news_style_1 { padding-bottom:6px;}
.news_style_1 .title-des { background-color:#deecec; padding:10%; padding-top:20%; height:300px; position:relative; cursor:pointer;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}

.news_style_1 .title-des .litpic img { width:100%; max-height:300px;}
.news_style_1 .title-des span { font-size:1.1875em; font-family:Arial, Helvetica, sans-serif;}
.news_style_1 .title-des h6 { font-size:1.3625em; line-height:1.15;  display:block; width:100%;margin-bottom:18%;text-align:left; }
.news_style_1 .title-des p { font-size:1.125em; color:#333333; font-weight:bold;} 
.news_style_1 .link-more12 { position:absolute;right:10%; bottom:6%;}

.news_style_1 .bdark { width: calc(100% - 6px); height:100%; background-color:#000000; position:absolute; top:0; left:3px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.news_style_1:hover .title-des { background-color:#d95167; color:#ffffff;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.news_style_1:hover .title-des h6 { color:#ffffff; }
.news_style_1:hover .title-des p { color:#ffffff;}
.news_style_1:hover  .bdark{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; cursor:pointer}

.news_style_1:hover { cursor:pointer}
.news_style_1:hover .litpic {}
.news_style_1:hover a.link-more12 { color:#ffffff;}
.news_style_1:hover a.link-more12  span.arrow-12 { background:url(/assets/xs/arr_bai.png);}

@media (max-width: 1600px) 
{ 
.news_style_1 { font-size:14px;}
.news_style_1 .title-des h6 { margin-bottom:10%;margin-top:5px;  }
.news_style_1 .link-more12 {  bottom:2%;}

} 
@media (max-width: 1366px) 
{ 
.news_style_1 { font-size:13px;}
.news_style_1 .title-des h6 { margin-bottom:6%;margin-top:5px; ;  }
.news_style_1 .title-des p {line-height:1.5}
.news_style_1 .link-more12 {  bottom:0px;}

} 
@media  (max-width:768px) { 
.news_style_1 { font-size:12px;}
.news_style_1 .title-des h6 { margin-bottom:5%;margin-top:4px; font-size:13px;  }
.news_style_1 .title-des p {font-size:12px;  }
.news_style_1 { font-size:12px;}
.news_style_1 a.link-more12 { width:98px; bottom:-4px; line-height:33px;}
}

@media screen and (max-width:480px) { 

.news_style_1 .title-des { height:auto; padding-top:20px;}
.news_style_1 .litpic { padding-bottom:20px;}
.news_style_1 .litpic img { width:100%; }
.news_style_1 a.link-more12 { bottom:5px; }
 }
/*	
@media (max-width: 1920px) {  }
@media (max-width: 1680px) {  }
@media (max-width: 1440px) {
			 .navbar-default .navbar-nav > li > a {	color: #000000;	font-size: 16px; font-weight:normal;  	padding: 12px 20px 12px 20px;}
 }  
@media (max-width: 1366px) {  }
@media (max-width: 1280px) {  }
@media (max-width: 1100px) { } 
@media (max-width:1024px) {  }
@media  (max-width:768px) {  }
@media screen and (max-width:667px) {  }

@media screen and (max-width:380px) and (min-width:320px){  }*/



/* 首页视频 */

.ind_video{ padding-top: 2%; }
.ind_video .ind_tit h2{ display: inline; }
.ind_video .ivideo_box{ position: relative; padding-top: 1.875%; }
.ind_video .ivideo{ float: left; width: 75%; }
.ind_video .ivideo .v_tit{ font-size: 22px; color: #333; line-height: 1.5; margin-top: 1.36em; display:none;}
.ind_video .ivideo .v_box{ position: relative; padding: 28.125% 0; }
.ind_video .ivideo .v_box video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; outline: none; background-color: #000; font-size: 16px; color: #fff; vertical-align: middle; text-align: center; }
.ind_video .ivideo_thum{ float: right; width: 21.5%; }
.ind_video .thum{ position: relative; padding: 30.23255813953488% 0; cursor: pointer; margin-top: 7.424370413388945%; background-size: cover; }
.ind_video .thum:first-child{ margin-top: 0; }
.ind_video .thum .bg{ opacity: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 22px; color: #fff; background-color: rgba(255, 255,255, 0.77); }
.ind_video .thum.cur .bg{ opacity: 0; }
.ind_video .thum .icon{ position: absolute; bottom: 59.28%; left: 50%; width: 2em; height: 2em; margin-left: -1em; background: url(../images/video_play.png) center no-repeat; background-size: cover; }
.ind_video .thum .tit{ position: absolute; top: 49.96%; left: 50%; margin-left:-21px; margin-top:-22px; width: 100%; text-align: center; padding: 0 0.5em; line-height: 1.3; max-height: 2.6em; overflow: hidden; }
.ind_video .thum .tit h3{ display:block; width:100%; text-align:center }
.ind_video .ivideo_box .more{ position: absolute; bottom: 0; right: 0; font-size: 20px; color: #333; line-height: 1.5; }
 
.ind_video .box { width:100%;}
.ind_tit { margin-bottom:2%; letter-spacing:2px;}

#ind_video .link-more11 { margin:0px auto; margin-top:3.6%;}



@media (min-width: 1280px){

    .ind_video .thum:hover .bg{ opacity: 0; }

}
/*小于1760*/
@media only screen and (max-width: 1760px){
    .ind_tit{ font-size: 34px; }
    .ind_video .thum .bg, .ind_video .ivideo .v_tit{ font-size: 20px; }
    .ind_video .ivideo_box .more{ font-size: 18px; }

}
/*小于1600(1600x900)*/
@media only screen and (max-width: 1600px){
    .ind_tit{ font-size: 32px; }
    .ind_video .thum .bg, .ind_video .ivideo .v_tit{ font-size: 18px; }
    .ind_video .ivideo_box .more{ font-size: 16px; }

}
/*小于1440(1440x900)*/
@media only screen and (max-width: 1440px){
    .ind_tit{ font-size: 30px; }

    .ind_video .thum .bg, .ind_video .ivideo .v_tit{ font-size: 16px; }
    .ind_video .ivideo_box .more{ font-size: 14px; }

}
/*小于1280(1280x720)*/
@media only screen and (max-width: 1280px){

    .ind_video .thum .bg, .ind_video .ivideo .v_tit{ font-size: 14px; }
    .ind_video .ivideo_box .more{ font-size: 13px; }

}
/*小于1279*/
@media only screen and (max-width: 1279px){

    .ind_video .thum .icon{ bottom: auto; top: 50%; margin-top: -1em; }

}
/*小于1024(1024x768)*/
@media only screen and (max-width: 1024px){
    .ind_tit{ font-size: 26px; }
}
/*小于768(768x1024)*/
@media only screen and (max-width: 768px){

    .ind_tit{ font-size: 23px; }

}

/*小于540*/
@media only screen and (max-width: 540px){

    .ind_tit{ font-size: 20px; }
    .ind_video { padding-top: 8%; }
    .ind_video .ivideo{ width: 100%; float: none; }
    .ind_video .ivideo_thum{ float: none; width: 100%; overflow: hidden; }
    .ind_video .ivideo_thum .thum{ width: 32%; margin-left: 2%; float: left; margin-top: 0; padding: 10% 0; }
    .ind_video .ivideo_thum .thum:first-child{ margin-left: 0; }
    .ind_video .ivideo .v_tit{ font-size: 13px; line-height: 2; margin-top: 0; }
    .ind_video .ivideo_box .more{ position: static; width: 6em; line-height: 2; text-align: center; background-color: #f90; color: #fff; margin: 1em auto 0; }
 
}



/*  线下体验店 */
#china_dian { background-color:#f5f5f5}
#china_dian img { width:100%;}

#china_dian .overlay img { width:140px; height:32px; margin-left:-70px; margin-top:-16px; position:absolute; left:50%; top:50%; }

#china_dian .main-box { margin-top:-24px;}

#china_dian .main-pics { padding-top:11%;}






/* company profile */
#companyprofile { background:url(../images/companybg.jpg)}
#companyprofile p { color:#ffffff; line-height:2.6;letter-spacing: 1.3px;}
.model-nav { width:100%; margin-top:2.5%; margin-bottom:4.5%; text-align:center}

.nav-tabs {
    border-bottom: 1px solid transparent;
}
.nav-tabs > li {    float: left;    margin-bottom: 0px;}
 

.model-nav a {    position: relative; padding:3px 20px 8px 20px;   display:inline; font-size:1em;  margin-left:26px; margin-right:26px;  color: #333; width:148px; text-align:center; height:45px; line-height:28px;  }

.modeltab-nav{    margin-top: 2.5%;  margin-bottom: 4.5%; }
	
.modeltab-nav>.nav-tabs { text-align:center}
.modeltab-nav>.nav-tabs > li { float:none; display:inline-block; padding-left:26px; padding-right:26px;  margin-bottom: 0px;}
.modeltab-nav>.nav-tabs > li { line-height:28px; }
.modeltab-nav>.nav-tabs > li>a:hover { -moz-border-radius: 45px;-webkit-border-radius: 45px;border-radius: 45px;   background-color:#d95167; color:#ffffff; border-color: #ffffff; filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;  line-height:1;  }
.modeltab-nav>.nav-tabs > li.active a { -moz-border-radius: 45px;-webkit-border-radius: 45px;border-radius: 45px;   background-color:#d95167; color:#ffffff; border-color: #ffffff; line-height:1;   }



.model-nav a.active { background-color:#d95167; color:#ffffff; -moz-border-radius: 45px;-webkit-border-radius: 45px;border-radius: 45px; } 
.model-nav a:hover { -moz-border-radius: 45px;-webkit-border-radius: 45px;border-radius: 45px;   background-color:#d95167; color:#ffffff; border-color: #ffffff; filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }

.model-nav a{text-decoration:none;}



/* 新闻中心 */

#indexnews .tab-content { margin-top:0%;}

.index-news { min-height:365px;  position:relative;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.index-news .box-img{overflow:hidden;}
.index-news h3 { font-size:1.4em; color:#000000; line-height:1.5; margin:5% 0 4% 0; padding-top:7%;} 
.index-news p {font-size:1em;color:#999999; line-height:1.6;}
	.news-date { /*padding-left:10px;*/font-size:0.75em; margin-bottom:5px;}
	a.morebtn { color:#8a8a8a;font-size:0.8125em; position:absolute; bottom: 0px;right: 0px;}
	/* 图片黑白 */
	.gray {     -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;}
.index-news:hover {   cursor:pointer}
.box-title { padding-right:20px;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}

.index-news .box-title {padding-bottom:12%;}
.index-news .link-more11 { background-color:#8ec1c0;}


.index-news:hover .box-title { -moz-box-shadow:0px 7px 9px #dddddd; -webkit-box-shadow:0px 7px 9px #dddddd; box-shadow:0px 7px 9px #dddddd;}

.index-news:hover {  -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.index-news:hover .box-img { filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.index-news:hover .box-title { padding-right:10px; padding-left:15px;-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}



.index-news:hover .link-more11 { background-color:#d95167;}


@media (max-width:1024px) { 

		.grid-space-40  .col-md-3 { padding-left:10px; padding-right:10px}
		.box-title { padding-right:5px;}
	
		.index-news .morebtn{ clear:both; }
		.index-news h3 { font-size:15px;}
		.index-news p {
			font-size: 12px;
			color: #000000;
			 
		}
			.index-news {   min-height: 380px;}
		 

}

@media screen and (max-width:992px)
{
	.tab-rdes
		{
			padding:2% 12px;
		}
		.tab-rdes dl dt
		{
			font-size:1.1em;
		}
}

@media  screen and (max-width:818px) { 
		#productlist  .row { margin-left:-3px; margin-right:-3px;}
		#productlist  .col-sm-4 { padding-left:3px; padding-right:3px;}
		
		.model-nav a{	margin-left:10px; margin-right:10px; }
		
		.index_productlist .box-title {
		
			padding-top: 3%;
			padding-bottom: 1%;
		}

}
@media  screen and (max-width:768px) { 
	#productlist { font-size:12px;}
		.index-news {   min-height: 450px;}
		a.morebtn { bottom: 25px;}
		.model-nav a{ font-size:1em;}
		.tab-rdes
		{
			padding:2% 12px;
		}
		.tab-rdes dl dt
		{
			font-size:1.1em;
		}
		.model-nav a {
    position: relative;
    padding: 3px 10px 8px 10px; }
		
		
}
@media  (max-width:480px) { 

.index-news { width:100%; padding-left:0%; margin-bottom:3%; margin-top:3%;}
a.morebtn { bottom: 15px;}	


.model-nav a{	padding: 5px 5px; margin-bottom:15px; margin-left:10px; margin-right:10px; }


#index-product .vertical .nav-tabs > li a
{
	padding:8px 12px;
}
 #index-product .vertical .nav-tabs > li .tab-arrow
 {
	 right:5px;
	 
}
 
 .tab-rdes dl dd
 {
	 padding-left:0px;
	 margin-bottom:0.5em;
 }
 
 #companyprofile p
 {
	 text-align:justify;
	 word-break:break-all;
	 line-height:2.1;
 }
 
 
 #index-product
 {
	 margin-top:0%;
 }
 
 #companyprofile h3.cn-text
 {
	 display:none;
 }
 
}

/* 首页轮播合作伙伴   */

#indexcoop { width:100%; padding:40px 0px; margin:15px 0;-moz-box-shadow:0px 0px 15px #999999; -webkit-box-shadow:0px 0px 15px #999999; box-shadow:0px 0px 15px #999999;}


