/* GLOBAL STYLES
 * Padding below the footer and lighter body text
* -------------------------------------------------- */

body {
  /*padding-bottom: 40px;*/
  color: #5a5a5a;
  /*background:url("../images/bg.jpg");*/
  background:url(../images/zjjc_bg.jpg) left top repeat;
}

.h3,h3{font-size:15px;}

a{
	color:#5a5a5a;
	text-decoration:none;
}
a:hover{text-decoration:none;}
/*
a:hover,a:focus{
	color:#c3c3c3;
	text-decoration:none;
}
*/
.bg{
	/*background-color:#f5f5f5;*/
	background:url("../images/bg.jpg");
	border-radius: 20px;
    /*box-shadow: 5px 5px #d5d5d5;*/
	box-shadow: 1px 1px #d5d5d5;
}
.bt{
	margin-bottom:15px;
}
.span{color:#f34c06;}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.logo3{
	padding:18px 0px;
}
.tel{float:right;}
.tel div{
	float:left;
	padding-top:15px;
	padding-left:10px;
}
.tel .logot span{font-size:43px;color:#f34c06;}
.tel span{letter-spacing:3px;}
.tel p{font-size:26px;color:#f34c06;font-weight:bold;}

/*文字加载效果*/
.container-t span {
	display:inline-block;
	/*color:purple;
	font-weight:bold;
	text-transform:uppercase;
	font-size:40px;*/
	letter-spacing:2px;
	animation:side-slide 4s forwards infinite;
	transform:translateX(-100vw) scale(0);
	filter:opacity(0);
	animation-delay:calc((var(--n) - 1) * 0.05s);
}
@keyframes side-slide {
	15%,20% {
	transform:translateX(0.5em) scale(1);
	color:#f34c06;
}
24% {
	transform:translateX(0) scale(1.2);
	color:#ffc100;
}
25%,75% {
	transform:translateX(0) scale(1);
	filter:opacity(1);
	color:#f34c06;
}

90%,100% {
	/*transform:translateX(100vw) scale(0);*/
	transform:translateX(10vw) scale(0);
	filter:opacity(0);
}
}
.container-t span:nth-child(1) {
	--n:1;
}
.container-t span:nth-child(2) {
	--n:2;
}
.container-t span:nth-child(3) {
	--n:3;
}
.container-t span:nth-child(4) {
	--n:4;
}
.container-t span:nth-child(5) {
	--n:5;
}
.container-t span:nth-child(6) {
	--n:6;
}
.container-t span:nth-child(7) {
	--n:7;
}
.container-t span:nth-child(8) {
	--n:8;
}
.container-t span:nth-child(9) {
	--n:9;
}
.container-t span:nth-child(10) {
	--n:10;
}
.container-t span:nth-child(11) {
	--n:11;
}



/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.navbar-wrapper .navbar-inverse{
	background-color:#f34c06;
	border-color: #f34c06;
}
.navbar-inverse .navbar-brand{
	color:#5a5a5a;
}
.navbar-inverse .navbar-brand:hover{
	color:#d90000;
}

.navbar-inverse .navbar-nav>li:hover{
	background-color:#d90000;
}
.navbar-inverse .navbar-nav>li>a{
	/*font-weight:bold;*/
	/*color:#5a5a5a;*/
	/*color:#d5d5d5;*/
	/*color:#f34c06;*/
	color:#ffffff;
	font-size: 16px;
	line-height:65px;
	padding:0px 40px;
}
.navbar-inverse .navbar-nav>li>a:hover{
	/*color:#d90000;*/
}


.navbar-default {
    background: none;
    border-color: #e7e7e7;
}
/*
.navbar-fixed-top {
    top: 20px;
    border-width: 0;
}

.navbar-fixed-top .container{
	background-color:#f34c06;
	border-color: #f34c06;
	border-radius: 4px;
}
.navbar-fixed-top .navbar-brand{
	color:#d5d5d5;
	font-weight:bold;
	padding:10px 15px;
}
.navbar-fixed-top .navbar-brand img{
	max-width:150px;
	max-height:32px;
}
.navbar-fixed-top .navbar-brand:hover{
	color:#d90000;
}
*/

.navbar-static-top {
   /*
    top: 20px;
    border-width: 0;
	position:absolute;
	*/
	width:100%;
	
	background-color:#f34c06;
	border-color: #f34c06;
	border-radius: 4px;
	
	margin-bottom:0px;
	min-height:65px;
	opacity:0.9;
	
}

.navbar-static-top .container{
	/*
	background-color:#f34c06;
	border-color: #f34c06;
	*/
	border-radius: 4px;
	/*border-radius: 10px;
    box-shadow: 5px 5px #d5d5d5;*/
}
.navbar-static-top .navbar-brand{
	/*color:#5a5a5a;*/
	color:#d5d5d5;
	font-weight:bold;
	padding:2px 15px;
}
.navbar-static-top .navbar-brand img{
	max-width:175px;
	max-height:50px;
}
.navbar-static-top .navbar-brand:hover{
	color:#d90000;
}
.navbar-nav>li>a{
	line-height: 15px;
}
.dropdown-menu>li>a {
    font-size: 18px;
}
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover{
	/*background-color:#f34c06;*/
	background-color:#d90000;
}

.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus, 
.navbar-inverse .navbar-nav>.open>a:hover{
	background-color:#f34c06;
}
.dropdown-menu{
	/*background-color:#f34c06;*/
}

.dropdown-menu .speed{background-color:#f34c06;}


/*新增*/
@media (max-width: 768px) {
 /*
  .navbar-fixed-top,
  .navbar-fixed-bottom {	
	top: 0;
}
*/
  .navbar-static-top,
  .navbar-static-bottom {	
	position: fixed;
	top: 0;
}
 
 .navbar-static-top {
 	min-height:50px;
	
}
 
 
 .navbar-inverse .navbar-nav>li>a{
	font-weight:bold;
	/*color:#5a5a5a;*/
	color:#d5d5d5;
	font-size: 18px;
 	line-height: 45px;
 
}
.navbar-nav{
	margin-top:0px;
}
 
 .navbar-static-top .container{
	
	background-color:#f34c06;
	border-color: #f34c06;
	
	border-radius: 4px;
	/*border-radius: 10px;
    box-shadow: 5px 5px #d5d5d5;*/
}

}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  
  /*height: 650px;
  margin-bottom: 60px;
  */
  margin-bottom: 30px;
}
/*
.carousel-caption {
  z-index: 10; /* Since positioning the image, we need to help out the caption */
/*
}
*/

/* Declare heights because of positioning of img element */
/*
.carousel .item {
  height: 650px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 650px;
}
*/

#main_slider{
	/*padding-bottom:30px;*/
	margin-bottom:30px;
	border-bottom:1px solid #fff;
}
.clear {
    height: 0;
    clear: both;
    font-size: 0;
}
@media (max-width: 768px) {
  /* Carousel base class */
.carousel {
  /*
  height: 210px;
  */
  /*
  margin-bottom: 60px;
  */
  margin-bottom: 30px;
  margin-top:50px;
}
/* Declare heights because of positioning of img element */
/*
.carousel .item {
  height: 210px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 210px;
}
*/
/*新增加*/

#main_slider{
	margin-top:50px;
}

}

@media (max-width: 580px) {
  /* Carousel base class */
 /*
.carousel {
  
  height: 180px;
 
  margin-bottom: 30px;
  margin-top:50px;
}*/
/* Declare heights because of positioning of img element */
/*
.carousel .item {
  height: 180px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 180px;
}
*/
/*新增加*/

#main_slider{
	margin-top:50px;
}

}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */


/**sy-sigekuangkuang**/	
@-webkit-keyframes rotate {
from {
-webkit-transform:rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform:rotate(0deg)
}
to {
	-moz-transform: rotate(360deg)
}
}
@-ms-keyframes rotate {
from {
-ms-transform:rotate(0deg)
}
to {
	-ms-transform: rotate(360deg)
}
}
@-o-keyframes rotate {
from {
-o-transform:rotate(0deg)
}
to {
	-o-transform: rotate(360deg)
}
}


.service_txt {
	padding: 25px 0 30px;
	text-align: center;
	overflow: hidden;
}
.service_txt p {
	font-size: 40px;
	color: #333;
	line-height: 40px;
	font-weight: bold;
}
.service_txt span {
	display: block;
	font-size: 18px;
	color: #666666;
	font-weight: normal;
	padding: 5px 0 0;
}

#service {
    width: 100%;
    background: #fafafa;
    height: 185px;
	padding-top: 25px;
	margin-bottom:20px;
}
#service div.s_list {
    /*width: 240px0;*/
    text-align: center;
    background: url(../img/service_line.gif) no-repeat;
    position: relative;
}
#service div:nth-child(2) {
	background: none;
}
#service div  i {
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 10;
}
#service div i img {
    width: 80px;
    height: 80px;
}

#service div.s_list em {
	width: 80px;
	height: 80px;
	background: url(../img/service_k01.png);
	/*z-index: -1;*/
	-webkit-animation: rotate 5s linear infinite;
	animation: rotate 5s linear infinite;
	display: block;
	margin: 0 auto;
	position:relative
}
#service div.s_list:hover em {
	background: url(../img/service_k02.png);
}
#service div.s_list:hover p {
    color: #2968c7;
}
#service div.s_list p {
    display: block;
    font-size: 16px;
    color: #333;
    height: 30px;
    line-height: 30px;
    padding: 25px 0 0;
}

.tooltip.top div.tooltip-inner{
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	background-color: #f34c06;
	border-radius: 4px;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #f34c06;
}	
#service div.tooltip-inner{background-color: #2968c7;}
#service div.tooltip-arrow{border-top-color: #2968c7;}

/*
#tuijian img{border-radius:20px;}
#tuijian h5 a{font-size:15px;}
*/
#tuijian .marketing,#chanpin .marketing{margin-bottom:30px;}


#tuijian .marketing img,
#chanpin .marketing img,
#news_bg .marketing img,
#nav1-txt img,
#nav3-txt img,
#tsShopContainer,
#tsShopContainer img{border-radius:20px;}



#banner{
	margin-top:-30px;
	margin-bottom:20px;
	padding:20px 0px;
	border:1px solid #d5d5d5;
	/*background-color:rgba(238, 238, 238, 1);*/
	background:url("../images/bg.jpg");	
}
#banner .col-md-4{
	padding-bottom:20px;
}
#banner .col-md-4 img{
	border:3px solid #d5d5d5;
		
	-webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
	
	-webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -ms-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
	
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#banner .col-md-4 img:hover{
	transform:scale(1.05); 
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	
	/*transform: rotateX(75deg) translateZ(5vw);*/
}

#about{margin:20px 0px;}
#about h2{
	font-weight:bold;
}
#about .col-md-12{
	padding-bottom:30px;
}
#about .col-md-12 p{
	line-height:35px;
}

.gsjj{margin:50px 0px;}
.gsjj .col-md-6 img{ border-radius:80px;}

#banner1{background:#ff5301;width:100%;}
#number{
	margin-bottom:20px;
	color: #707070;
}
#number .container{
	box-shadow: 0 5px 30px rgba(0,0,0,0.15);
	padding:20px;
	border:1px solid #e3e3e3;
}
	
#number span{
	font-size:40px;
	font-weight:bold;
	color:#f34c06;
}

#cpal{
	width:100%;
	margin-top:15px;
	background-color:#e3e3e3;
}

#douyin .col-md-4 > a{
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
#douyin .col-md-4 > a:before{
	content:"";
	position: absolute;
	/*
	top: 50%;
	left: 0%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);    
	-ms-transform: translate(-50%, -50%);    
	-webkit-transform: translate(-50%, -50%);
	*/
	/*max-width: 100%;*/
	width:80px;
	height:80px;
	z-index:111111;
	background:url(../images/video.png) no-repeat;
}


#news_bg{
    /*background: #f7f5f6;
    background: url(../images/news_bg.jpg) center no-repeat #f7f5f6;
    width: 100%;*/
	/*margin-top:20px;
    height: 923px;*/
}
/*
#news_bg .marketing{margin-bottom:0px;}
*/

#footer{background-color:#222222;width:100%;}

#footer .marketing{margin-bottom:0px;}

/*2024-08-23 新增加Css */
/*
.marketing {margin-bottom:30px;}
*/
.marketing div.classHeader{height:40px;line-height:40px;font-size:20px;font-weight:bold;padding:0px 10px;margin-bottom:30px;border-bottom:dashed 1px #01a4f3;color:#01a4f3;}
.marketing div.classHeader span{}
.marketing div.classHeader a{float:right;color:#01a4f3;}


/*
.marketing img{border-radius:20px;}
*/

.marketing h5 a{font-size:15px;}





.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;

}
.marketing .col-lg-4 img{
	box-shadow:5px 5px #d5d5d5;
	
	/* -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px; */
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.marketing .col-lg-4 img:hover{
	transform:scale(1.05); 
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
}

.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
  height:40px;
  overflow:hidden;
}


.marketing h1.page-header{
	margin-bottom:40px;
	background-color:#f34c06;
	padding:10px;
	color:#291919;
}
.marketing h1.page-header a{
	color:#291919;
	font-size:15px;
    padding:12px;
}
.marketing h3.page-header{
	/*
	color:#fff;
	padding:10px;
	background-color:#f34c06;
	margin-top:10px;
	border-radius: 10px;
    box-shadow: 5px 5px #d5d5d5;
	*/
	color: #01a4f3;
    padding: 30px 30px 30px 0px;
    text-align: center;
    font-size: 36px;
	width:280px;
	margin:10px auto 60px;
	border-bottom: 5px solid #01a4f3;
	position:relative;
}

/*滚动螺丝特效*/
/*
.marketing h3.page-header:before{
	content: "";
    position: absolute;
    left: -169px;
    top: 30px;
    width: 95px;
    height: 89px;
    background: url(../images/luosi.png) no-repeat;
    z-index: -1;
	-webkit-animation: rotate 5s linear infinite;
	animation: rotate 5s linear infinite;

}
*/

.marketing h3.page-header a{
	color: #01a4f3;
    text-align: center;
    font-size: 36px;
	font-weight:bold;
	text-decoration:none;
}

.marketing h3.page-header .en{
	font-size:15px;
	color:#5a5a5a;
	font-weight:bold;
}
/*
.marketing h3.page-header a{
	color:#291919;
	font-size:15px;
    padding:12px;
}
*/

.text-muted a{
    color: #f34c06;
}
.badge{
	background-color: #f34c06;
}
.featurette-heading .glyphicon{
	color: #f34c06;
}
.btn-default{
	color: #f34c06;
	border-color:#f34c06;
	border-radius: 10px;
    box-shadow: 5px 5px #d5d5d5;
	
	-webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.btn-default:hover{
	padding-left:30px;
	padding-right:30px;
}

.col-md-7 h2{
	border-bottom: 1px dashed #f34c06;
    padding-bottom: 15px;
}
.col-md-7 .lead{
	border-bottom:1px dashed #f34c06;
	padding:10px 5px 20px;
	color:#999999;
	
	/*background-image: linear-gradient(to left , #faf0da,#fade9f,rgb(252, 242, 219),#fade9f,#faf0da);*/
	/*background-image: linear-gradient(to left , #faf0da,#faf0da,rgb(252, 242, 219),#faf0da,#faf0da);
	background-size: 400%;*/
}

 @keyframes run{
            100%{
                background-position: 400% 0px;
            }
        }
.col-md-7 .lead:hover{
	animation: run 8s linear 0s infinite;
}


/* css3 流光效果 */

.col-md-7 .lead {

	/*border: 1px solid rgba(243, 76, 6, 0.3);*/
	/* 宽高和相对定位是一定要给的,因为这会影响.animate-border子元素的定位 */
	position: relative;
	/*width: 400px;
	height: 300px;*/
	overflow: hidden;
	/*margin: 200px auto;*/
}
/*
.col-md-7 .lead::before {
	content: " ";
	position: absolute;
	width: 1px;			
	height: 100%;
	top: -100%;
	left: 0;
	background-image: linear-gradient(
		0deg,
		transparent,
		#f34c06,
		transparent
	);
	animation: two 4s linear infinite;
}

.col-md-7 .lead::after {
	content: " ";
	position: absolute;
	width: 1px;			
	height: 100%;
	bottom: -100%;
	right: 0;
	background-image: linear-gradient(
		360deg,
		transparent,
		#f34c06,
		transparent
	);
	animation: four 4s linear 2s infinite;
}

.col-md-7 .lead i {
	position: absolute;
	display: inline-block;
	height: 1px;
	width: 100%;
}

.col-md-7 .lead .bottom {
	bottom: 0;
	left: -100%;
	background-image: linear-gradient(
		270deg,
		transparent,
		#f34c06,
		transparent
	);
	animation: one 4s linear 1s infinite;
}

.col-md-7 .lead .top {
	top: 0;
	right: -100%;
	background-image: linear-gradient(
		270deg,
		transparent,
		#f34c06,
		transparent
	);
	animation: three 4s linear 3s infinite;
}*/

/*
//  这个不用打开，之前就注释着
body {
	height: 100%;
	background-color: #0f222b;
}*/

/*
@keyframes one {
	0% {
		left: -100%;
	}
	50%,
	100% {
		left: 100%;
	}
}

@keyframes two {
	0% {
		top: -100%;
	}
	50%,
	100% {
		top: 100%;
	}
}

@keyframes three {
	0% {
		right: -100%;
	}
	50%,
	100% {
		right: 100%;
	}
}

@keyframes four {
	0% {
		bottom: -100%;
	}
	50%,
	100% {
		bottom: 100%;
	}
}
*/








.featurette .col-md-5 img{
	border-radius: 10px;
    box-shadow: 5px 5px #d5d5d5;
	
		
	/*-webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px;*/
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	
	/*
	transform-origin: 1px 1px;
	-webkit-transform-origin: 1px 1px;
	-moz-transform-origin: 1px 1px;
	transform: rotate(-1deg) ;
	-webkit-transform: rotate(-1deg) ;
	-moz-transform: rotate(-1deg) ;
	*/
}
.col-md-5 img:hover{
	transform:scale(1.05); 
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	
	/*transform: rotateX(75deg) translateZ(5vw);*/
}
/*
.col-md-5 img:before {
	box-shadow: 0 0 25px 25px rgba(0, 0, 0, 0.5), inset 0 0 250px 250px rgba(0, 0, 0, 0.5);
	transform: rotateX(-5deg) translateZ(-80px) scale(1);
}
*/

.col-lg-4,
.bn .col-md-4,
.pc .col-md-4,
.news .col-md-4,
.rp .col-md-4{
	padding-top:20px;
	transition: all .25s ease-in;
}
.bn .col-md-4:hover,
.news .col-md-4:hover,
.pc .col-md-4:hover,
.rp .col-md-4:hover,
.col-lg-4:hover,
.featurette:hover{
	/*background-color:#fa5f10;*/
	/*border:1px solid #f34c06;*/
	border-radius: 10px;
    box-shadow: 5px 5px #d5d5d5;
	
	transition: all 1s ease ;
	-webkit-transform: all 1s ease ;
	-moz-transform: all 1s ease ;
	
	box-shadow:0 5px 30px rgba(0,0,0,0.15);
	transform:translateY(-8px);
}
.featurette a:hover{
	color:#5a5a5a;
}
.featurette{
	margin-bottom:40px;
	padding:20px 0px;
	border-radius: 10px;
	background:url("../images/bg.jpg");
	/*position:relative;
	z-index:-8;*/
}

.left-bg{position:relative;}
.left-bg:before{
    content: "";
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 95px;
    height: 89px;
    background: url("../images/chilun.png") no-repeat;
	/*
	-webkit-animation: rotate 45s linear infinite;
	animation: rotate 45s linear infinite;
	*/
}

.right-bg{position:relative;}
.right-bg:before{
    content: "";
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 95px;
    height: 89px;
    background: url("../images/chilun.png") no-repeat;
	/*
    -webkit-animation: rotate 5s linear infinite;
	animation: rotate 5s linear infinite;
	*/
}

.left-bg .col-md-7{position:relative;}
.left-bg .col-md-7:before{
    content: "";
    position: absolute;
    left: 10px;
    top: -20px;
    width: 37px;
    height: 29px;
    background: url("../images/hot.png") no-repeat;
	
	-webkit-animation:move 3s linear infinite;
   

}
.right-bg .col-md-7{position:relative;}
.right-bg .col-md-7:before{
    content: "";
    position: absolute;
    right: 10px;
    top: -20px;
    width: 37px;
    height: 29px;
    background: url("../images/hot.png") no-repeat;
   
	-webkit-animation:moveRight 3s linear infinite;
}

@-webkit-keyframes move{
        0%{left:10px;}
        50%{left:20px;}
        100%{left:10px;}
}
@-webkit-keyframes moveRight{
        0%{right:10px;}
        50%{right:20px;}
        100%{right:10px;}
}
/*
.featurette:before{
	content: "";
    display: inline-block;
    position: absolute;
    left: -30px;
    top: -30px;
    width: 25%;
    height: 50%;
    background: url("../images/dot-show.png");
    z-index: -1;
}
*/

.pc .col-md-4 p,.news .col-md-4 p,.rp .col-md-4 p{
	height:43px;
	overflow:hidden;
}

.col-md-4 .des{
	border-bottom:1px dashed #fa5f10;
}

.pagination>a, .pagination>b {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    /*color: #337ab7;*/
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}


/*内容详细页 图片列表框*/
div.img-list{text-align:center;}

div#tsShopContainer {
	width:400px;
	padding: 0px;
	margin: 0 auto;
	text-align: left;
	/*float: left;*/
	overflow:hidden;
}
div#maincontent {
	margin: 0px;
	padding: 5px;
}
/* tsShopContainer */

#tsShopContainer li, #tsShopContainer img {
	vertical-align: top;
}
#tsShopContainer {
	margin: 0 auto 0 auto;
	position: relative;
	border: 1px solid #CCC;
	font-size: 12px;
	padding-bottom: 5px;
}
#tsShopContainer #tsImgS {
	text-align: center;
	width: 100%;
	height:300px;
	position: relative;
}
#tsShopContainer #tsImgS a {
	display: block;
	text-align: center;
	margin: 0px auto;
	width: 100%;
}
#tsShopContainer #tsImgS>a>img {
	max-width: 100%;
	height:300px;
}
#tsShopContainer #tsImgS img {
	border: 0px;
	max-width: none;
}
#tsShopContainer #tsPicContainer {
	width: 100%;
	height: 70px;
	position: relative;
	/*background: url(../images/scrollPicbg.gif) repeat-x 0px 0px;*/
	background:#ffffff;
}
#tsShopContainer #tsPicContainer #tsImgSArrL {
	width: 17px;
	height: 100%;
	background: url(../images/picshopArr.gif) no-repeat left center;
	position: absolute;
	top: 0px;
	left: 8px;
	cursor: pointer;
}
#tsShopContainer #tsPicContainer #tsImgSArrR {
	width: 17px;
	height: 100%;
	background: url(../images/picshopArr.gif) no-repeat right center;
	position: absolute;
	top: 0px;
	right: 8px;
	cursor: pointer;
}
#tsShopContainer #tsPicContainer #tsImgSCon {
	position: absolute;
	top: 10px;
	left: 38px;
	width: 1px;
	height: 70px;
	overflow: hidden;
}
#tsShopContainer #tsPicContainer #tsImgSCon ul {
	width: 100%;
	overflow: hidden;
	padding-inline-start: 0px;
	margin-block-start: 0em;
    margin-block-end: 0em;
}
#tsShopContainer #tsPicContainer #tsImgSCon li {
	/*width: 57px;*/
	width:50px;
	float: left;
	padding-right:5px;
	cursor: pointer;
    list-style: none;	
}
#tsShopContainer #tsPicContainer #tsImgSCon li img {
	padding: 3px;
	margin: 1px;
	border: 1px solid #e4e4e4;
	display: block;
	width: 42px;
	height: 42px;
}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img {
	border: 2px solid #F00;
	margin: 0px;
}

.tel-list{margin-top:50px;/*margin-left:50px;*/}
.tel-list div{ float:left;}
.tel-list .tel-logo{
    width: 60px;
    height: 60px;
    background: #f34c06;
    border-radius: 50px;
    text-align: center;
    line-height: 65px;
    font-size: 28px;
	margin-right:20px;
}
.tel-list .tel-logo span{color:#ffffff;}
.tel-list .tel-txt{font-size:18px;font-weight:bold;}
.tel-list .tel-txt b{font-size:28px;}

.product-st{margin-top:45px;/*margin-left:50px;*/float:left;padding-right:20px;}
.product-st .st-title{font-size:18px;font-weight:bold;}
.product-st .st-title span{color:#f34c06;}
.product-st .st-info{/*text-indent:24px;*/}

/*产品详情列表*/
.nav-list{margin-top:50px;}
.nav-txt{display:none;padding:20px;font-size:16px;}
.nav-txt-active{display:block;}

.nav-tabs li{font-size:18px;font-weight:bold;}
.nav-tabs>li>a{background-color:#f5f5f5;}



/* about us */
#about-page{
	box-shadow:0 5px 30px rgba(0,0,0,0.15);
	padding-top:10px;
	padding-bottom:10px;
	margin-left:0px;
	margin-right:0px;
}
#about-page .col-md-12 p{
	line-height:35px;
}
.about{
	font-size:16px;
}

#contact{
	box-shadow:0 5px 30px rgba(0,0,0,0.15);
	padding-top:10px;
	padding-bottom:10px;
	margin-left:0px;
	margin-right:0px;
}
.contact{
	margin-left:20px;
	font-weight:bold;

}
/*
.products .panel-heading{
	background-color:#f34c06;
}
.products .panel-body a{
	color:#f34c06;
}
*/
.products .panel-title a{
	color:#f34c06;
}

.products .btn{
	padding:2px 12px;
}
#allmap{
	height:500px;
	width:100%;
	float:left;
}




/*左侧样式表*/
/*
.l-p{text-align:center;border-color:#f34c06;}
.l-p .panel-heading,.l-p .panel-footer{font-size:23px;font-weight:bold;background-color:#f34c06;color:#ffffff;}



.l-p .list-group .list-group-item{font-size:16px;margin:5px 15px;border:none;border-bottom:1px dashed #f34c06;color:#f34c06;height:70px;line-height:60px;}
*/

.l-p{text-align:center;border:2px solid #f34c06;}
.l-p .panel-heading,.l-p .panel-footer{font-size:23px;font-weight:bold;background-color:#f34c06;color:#ffffff;}



.l-p .list-group .list-group-item{position:relative;font-size:16px;margin:5px 0px;border:none;border-bottom:1px dashed #f34c06;color:#f34c06;height:70px;line-height:60px;

	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;

}
.l-p .list-group .list-group-item:hover{background-color:#f34c06;}
.l-p .list-group .list-group-item > a{/*color:#f34c06;*/}
.l-p .list-group .list-group-item:hover > a{color:#ffffff;}
.l-p .list-group div.list-group-div{display:block;height:70px;position:relative;}

.l-p .list-group div.list-small{float:right;width:1px;height:70px;position:relative;margin-top:-10px;}
.l-p .list-group ul.list-group-small{display:none;position:absolute;left:1px;top:3px;height:70px;z-index:1000;width: 700px;background: #f6e3cb;opacity: 0.95;border: 10px solid #f6e3cb;list-style-type:none;padding-inline-start: 0px;}
.l-p .list-group .list-group-item:hover ul.list-group-small{display:block;margin: 0 15px;}

.l-p .list-group .list-group-item ul.list-group-small li {
	float: left;
    height: 45px;
    margin: 2px 0px;
    font-size: 13px;
    padding: 10px;
    display: block;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
	position:relative;
}
.l-p .list-group .list-group-item ul.list-group-small li a{
	padding:10px 0px;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;

}
.l-p .list-group .list-group-item ul.list-group-small li a:hover {
	color:#ffffff;
	background-color:#f34c06;
	border-bottom:1px dashed #ccc;

}

.l-p .list-group .list-group-item li ul.list-group-small-2{
	width: 115px;
    position: absolute;
    top: 35px;
    left: 0px;
    padding-inline-start: 0px;
    background: #fff;
	display:none;
	z-index:999;
}
.l-p .list-group .list-group-item li:hover ul.list-group-small-2{
	display:block;
}
.l-p .list-group .list-group-item li ul.list-group-small-2 li{border-bottom:5px solid #f34c06;}



.l-p p{text-align:left;/*font-weight:bold;*/}
/*
.l-p .list-group .list-group-item:hover span div.list-group-small{display:block;position:absolute;left:1px;}
.l-p .list-group .list-group-item span div a{flaot:left;display:block;margin:5px 15px;height:70px;}
*/


/* Featurettes
------------------------- */

.featurette-divider {
  /* margin: 80px 0; */ /* Space out the Bootstrap <hr> more */
	margin: 20px 0;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
  
  font-size:30px;
}
.featurette-heading a{
  color:#f34c06;
  font-weight:bold;
}

/*文字流光效果*/
.featurette-heading > a{
	/*display: block;
	width: 600px;*/
	
	display:inline-block;
	
	/*height: 100px;*/
	/*渐变背景*/
	/*background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%,
	#ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc 80%, #ffd400 90%, #3498db);*/
	background-image: -webkit-linear-gradient(left, #f46124, #f47920 10%, #ff0012 20%, #f7acbc 30%,#f46124 40%, #f46124 50%, #f47920 60%, #ff0012 70%, #f7acbc 80%, #f46124 90%, #f46124);
	color: transparent; /*文字填充色为透明*/
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;          /*背景剪裁为文字，只将文字显示为背景*/
	background-size: 200% 100%;            /*背景图片向水平方向扩大一倍，这样background-position才有移动与变化的空间*/
	/* 动画 */
	animation: masked-animation 4s infinite linear;	
}
@keyframes masked-animation {
	0% {
		background-position: 0 0;   /*background-position 属性设置背景图像的起始位置。*/
	}
	100% {
		background-position: -100% 0;
	}
}


/*霓虹灯效果*/
/*
.featurette-heading .text-muted a{
	animation: slowShining 1.5s infinite alternate;
	color: #f34c06;
}
@keyframes slowShining {
  0%{
    text-shadow:
        0 0 2px #fff,
        0 0 4px #fff,
        0 0 6px #fff,
        0 0 10px #ff557f,
        0 0 45px #ff557f,
        0 0 55px #ff557f,
        0 0 70px #ff557f,
        0 0 80px #ff557f;
	box-shadow: 0 0 4px #fff,
				0 0 10px #ff557f,
				inset 0 0 6px #ff557f;
  }
  100% {
    text-shadow: none;
	box-shadow: 0 0 10px #ff557f,
				0 0 4px #fff,
				inset 0 0 1px #ff557f;
  }
}


@keyframes flicker {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {
 
      text-shadow:
      0 0 4px #fbf1db,
      0 0 11px #fbf1db,
      0 0 19px #fbf1db,
      0 0 40px #f34c06,
      0 0 80px #f34c06,
      0 0 90px #f34c06,
      0 0 100px #f34c06,
      0 0 150px #f34c06;
  
  }
  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}
 
 */
 


.link{
	padding:15px 0px;
	background-color:#f5f5f5;
	margin-bottom:5px;
}
.link a{
	padding:10px;
	font-size:13px;
}
.container footer{
	padding:50px 20px;
	background-color:#222222;
	color:#fff;
}
.container footer a{
	color:#ccc;
}
/*
@media (max-width: 768px) {
.container footer{
	text-align:center;
}

}
*/
.container footer .rfoot img{
	margin-top:20px;
}
.erwei p{
	margin-top:10px;
	font-size:15px;
	color:#fff;
	text-align:center;
}
.douyinhao1{
	display:none;position:absolute;z-index:666;bottom:120px;left:-200px;
}
footer .col-md-6 h4{
	font-size:25px;
}

footer .note p{
	margin-bottom:5px;
}

.content{
	box-shadow:0 5px 30px rgba(0,0,0,0.15);
	padding-top:10px;
	padding-bottom:10px;
	margin-left: 0px;
    margin-right: 0px;
	font-size:15px;
}

/*新增*/
@media (max-width: 768px) {


.marketing h3.page-header:before{width:1px;height:1px;}

.left-bg:before{width:1px;height:1px;}
.right-bg:before{width:1px;height:1px;}

#banner{
	padding:0px;
}
#banner .col-md-4{
	padding-left:5px;
	padding-right:5px;
}

#about{margin:10px 0px;}

#about h2{
	font-size:20px;
}

.gsjj{margin:30px 0px;}

#number span{
	font-size:25px;
}

.featurette{
	padding:10px 0px 20px;
}
.featurette-heading{
    margin-top:10px;
}
.featurette-heading a{
    font-size: 16px;
}
.featurette-heading .glyphicon{
	font-size:16px;
}
.col-md-4{
	padding-bottom:5px;
}

.col-md-4 h3 a{
	font-size:16px;
}

.featurette-divider {
  /* margin: 80px 0; */ /* Space out the Bootstrap <hr> more */
	margin: 20px 0 30px;
}
.marketing .col-md-12 h2 {
  font-size:20px;

}

.marketing h3.page-header{
	padding-top:10px;
	margin-bottom:30px;
	padding-bottom:15px;
	width:260px;
	font-size:25px;
}
.marketing h3.page-header a{font-size:26px;}


div#tsShopContainer{width:300px;}

#tsShopContainer #tsImgS>a>img {
	height:auto;
}


.tel-list .tel-txt b{font-size:18px;}
.product-st{margin-left:20px;}

}

@media (max-width: 992px) {

.navbar-static-top .navbar-brand{

	padding:10px 15px;
}
.navbar-static-top .navbar-brand img{
	max-width:110px;
	max-height:50px;
}
.nav>li>a{
	padding:10px 8px;
}
.container footer{
	text-align:center;
}
.col-md-4{
	padding-bottom:5px;
}

.douyinhao1{
	width:0px;height:0px;
}

}


@media (min-width: 992px) {
.container footer .rfoot{
	text-align:right;
	padding-right:35px;
}

}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
    border-radius: 4px; /* The navbar becomes detached from the top, so we round the corners */
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    /*font-size: 20px;*/
    font-size: 18px;
  }
  
  .lead {
    /*font-size: 18px;*/
    font-size: 16px;
  }
  
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

@media (min-width: 992px) and (max-width: 1200px){
	.erwei p{
		font-size:12px;
	}
}

@media (min-width: 720px) and (max-width: 990px){
	.tell div {
		padding-top: 0px;
	}
	.tell .logot span {
		font-size: 33px;
	}
	.tell p {
		font-size: 20px;
	}
	.navbar-inverse .navbar-nav>li>a {
		padding: 0px 25px;
	}

}