body{ margin:0px; padding:100px 0 0 0;font-family:Microsoft Yahei; background:#F7F8FC;}
table,form,h1,h2,h3,ul,li,ol,dl,dd,dt,span,a,em,p{padding:0px; margin:0px;}
ul,li{list-style: none;}
a{ text-decoration:none;}
a:hover{ text-decoration:none; color:#ff6633;}
.center{ text-align:center;}
img{border:none;}
#header{ background:#fff; padding:10px 0;transition:padding 0.4s;box-shadow: 0 3px 3px rgba(0,0,0,0.1);}

#header.scrolled{
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	padding: 3px 0px;
}
.navbar-brand{display:block; height:80px; text-indent:-9999px;margin:0 auto; float: left; padding:0;}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
  padding-top:0px;
}


#slider{ margin:0px auto; text-align:center;}
/*.carousel-inner img{width:100%;}*/
.nav{font-family:"Microsoft Yahei"; font-size:16px; float:right;}
.nav li{ display:inline-block; margin:0 16px;}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: ffffff;
  background-color:#3489ea;
}
.nav > li:hover{ background:#054f9a; border-radius:4px;}
.nav > li:hover > a{ background-color:#054f9a;
   color:#06C;}
.nav > li > a {
  position: relative;
  display: block;
  padding: 5px 10px;
   color:#3489ea;
   font-weight:900;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color:#3489ea;
   color:#fff;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #f7f7f7;
  border-color: #333;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #428bca;
}
.nav > li > a > img {
  max-width: none;
}
.nav > li .dropdown-menu {
	margin: 0;
}
.nav > li:hover .dropdown-menu {
	display: block;
}
.navbar{ margin:0;}


.navbar-default{ background:none; border:none;}

.navbar-collapse {
	margin:0;
  padding-right: 0px;
  padding-left: 0px;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {

  .navbar-collapse {
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

/*-面包屑-*/
.breadcrumb{ border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; background:#FFF; color:#333;}
 .breadcrumb > li + li:before{ content:'>>'; color:#666; font-family:Arial, Helvetica, sans-serif;}
  .breadcrumb a{ color:#666;}
.breadcrumb .active a{ color:#003e89;}

/*-首页搜索bg-*/
.index-search-bg{ background:#F7F8FC;}
.index-search{ padding:15px 0;}
.index-search .form-control{border-radius:0; width:75%; float:left; border-top-left-radius:0px; border-bottom-left-radius:0px;border:none; border-bottom:#ddd solid 1px;}
.index-search .btn{ border-radius:5px;font-family:"Microsoft Yahei"; width:25%; float:right; background:#3489ea; border-color:#3489ea; border-top-left-radius:0px; border-bottom-left-radius:0px;}
.side-search{ padding:0px 0;}
.side-search .form-control{border-radius:0; width:75%; float:left; border-top-left-radius:0px; border-bottom-left-radius:0px; border:none; border-bottom:#ddd solid 1px;}
.side-search .btn{ border-radius:5px;font-family:"Microsoft Yahei"; width:25%; float:right; background:#3489ea; border:#3489ea solid 1px; border-top-left-radius:0px; border-bottom-left-radius:0px;}

.index-contact-ico{ padding:15px 5px;}
.index-contact-ico .col-xs-4{ padding:0 5px;}
.index-contact-ico.row{ padding:15px 10px;}
.index-contact-ico a{ font-size:14px; overflow:hidden;}
.index-contact-ico a.qq{ background:#3489ea url(../image/c-ico.png) no-repeat 0px 0;height:35px; border-radius:5px; display:block; padding-left:25px; text-align:center; line-height:35px; color:#FFF; text-decoration:none;}
.index-contact-ico a.ww{background:#3489ea url(../image/c-ico.png) no-repeat 0px -50px;height:35px; border-radius:5px;display:block; padding-left:25px;text-align:center; line-height:35px; color:#FFF; text-decoration:none;}
.index-contact-ico a.tel{background:#3489ea url(../image/c-ico.png) no-repeat 0px -100px;height:35px; border-radius:5px;display:block; padding-left:25px;text-align:center; line-height:35px; color:#FFF; text-decoration:none;}

.index-contact-top{ height:12px;}

.index-bg-white{ background:#FFF;}

.index-p-cate{background:#FFF;}
.index-p-cate ul{ font-size:14px;margin:0; padding:0; text-align:left;}
.index-p-cate ul li{height:35px; line-height:33px; list-style:none;border:#ddd solid 1px; border-radius:5px; padding:0px 12px 2px 12px; display:inline-block; margin:10px 5px 10px 0px;}
@media screen and (max-width: 768px) {
	.index-p-cate ul li {
		width: 46%;
		height:35px;
		margin:0px 2% 4px 2%;
		display: block;
		float: left;
		text-align: center;
	}
}
.index-p-cate ul li:hover{ background:#3489ea; border-color:#3489ea; border-radius:5px;}
.index-p-cate ul li a{ color:#444; text-decoration:none; font-weight:bold;}
.index-p-cate ul li:hover a{ color:#FFF;}
.index-p-cate ul li.active{ background:#3489ea; border-color:#3489ea; border-radius:5px;}
.index-p-cate ul li.active a{ color:#FFF;}
.index-p-cate ul li a.active{ color:#444; text-decoration:none; font-weight:bold;}
.index-p-cate ul li:hover a.active{ color:#FFF;}


.art-cate{background:#FFF;}
.art-cate ul{ font-size:14px;margin:0; padding:0; text-align:left;}
.art-cate ul li{height:35px; line-height:33px; list-style:none;border:#ddd solid 1px; border-radius:5px; padding:0px 12px 2px 12px; display:inline-block; margin:10px 5px 10px 0px;}
.art-cate ul li:hover{ background:#003e89; border-color:#003e89; border-radius:5px;}
.art-cate ul li a{ color:#444; text-decoration:none; font-weight:bold;}
.art-cate ul li:hover a{ color:#FFF;}
.art-cate ul li.active{ background:#003e89; border-color:#003e89; border-radius:5px;}
.art-cate ul li.active a{ color:#FFF;}
.art-cate ul li a.active{ color:#444; text-decoration:none; font-weight:bold;}
.art-cate ul li:hover a.active{ color:#FFF;}


.side-p-cate{}
.side-p-cate ul{ font-size:14px;margin:0; padding:0;}
.side-p-cate ul li{height:35px; line-height:35px; list-style:none; border:#D8DFE2 solid 1px; background:#FFF;border-radius:4px; padding:0px 12px; display:inline-block; margin:5px 0 5px 5px;}
.side-p-cate ul li:hover{ background:#3489ea;}
.side-p-cate ul li a{ color:#444; text-decoration:none;}
.side-p-cate ul li:hover a{ color:#FFF;}

.product-content-bg{ background:#FFF;}
.index-p-list{ margin-bottom:10px;}
.index-p-list ul{ list-style:none; padding:0px 0px; margin:0;}
.index-p-list ul li{ margin-bottom:10px; margin-top:10px;}
.index-p-list ul li a.thumbnail{ margin-bottom:0px; padding:0; border:none;}
.index-p-list ul li .name{ font-size:16px; font-family:"Microsoft Yahei"; text-align:center; line-height:65px; height:65px; overflow:hidden; margin-top:2px; border-bottom: 1px #e9e9e9 solid;}
.index-p-list ul li .name a{ color:#333;}
.index-p-list ul li .name a:hover{ color:#006db8;}
.index-p-list ul li .box{ position:relative; overflow:hidden;}
.index-p-list ul li .box .info{ display:none;
	position:absolute; top:100%; left:0; width:100%; height:100%; background:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    -khtml-opacity: 0; /* Safari 1.x */
    -moz-opacity: 0; /* Netscape */
    opacity: 0; /* Good browsers */
	color:#FFF; font-size:14px; padding: 10px 10px 0 10px;
	}
.index-p-list ul li .box .info{
	-webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */
    transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */
	}
.index-p-list ul li .box:hover .info{
	top:0%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
    filter: alpha(opacity=0.5); /* IE 5-7 */
    -khtml-opacity:0.5; /* Safari 1.x */
    -moz-opacity: 0.5; /* Netscape */
    opacity: 0.5; /* Good browsers */}


.index-title{ line-height:40px;margin:10px;}
.index-title .tt{font-size:20px; color:#333; font-family:"Microsoft Yahei";display:block; text-align:center; font-weight:bold; text-decoration:none;}
.index-title .more{ font-size:12px; float:right; display:block; text-decoration:none;}

.index-title-2{height:35px; clear:both; padding:0 10px; line-height:40px; font-weight:bold;}
.index-title-2 .tt{color:#333; font-family:"Microsoft Yahei";display:block; float:left; font-size:1.2em;text-decoration:none;}
.index-title-2 .more{color:#333; font-family:"Microsoft Yahei";display:block; float:right; font-size:1em;text-decoration:none;}


.side-title{clear:both; padding:10px 0; line-height:45px;font-weight:bold; font-size:14pt;}



.index-video-bg{ background:#e6e6e6;}
.index-video-side{ margin:35px 10px;}
.index-video-side .tag-title{ font-size:14pt; font-weight:bold; color:#333; line-height:35px; margin-bottom:10px;}
.tag{ line-height:2em;}
.tag a{ color:#353434;}
.tag a:hover{ color:#532e35;}
.side-m-top .tag{ line-height:2em;}
.side-m-top .tag a{ color:#333;}
.side-m-top .tag a:hover{ color:#387ddd;}

.index-video-cont{}
.index-video-cont ul{}
.index-video-cont ul li{ margin:35px 0;}
.index-video-cont ul li div.pic{ background:#fff;}
.index-video-cont ul li a{ border:none; padding:0; margin:0; color:#333333;}
.index-video-cont ul li a:hover{ color:#006db8;}
.index-video-cont ul li img{ border:none; padding:0;}
.index-video-cont ul li div.info{padding:10px;}
.index-video-cont ul li h4{ display:block; text-align:center; font-weight:bold;height: 18px; overflow: hidden;}
.index-video-cont ul li span{ display:block; line-height:1.6em;}


.index-about{ margin:25px auto;}
.index-about .cont{}
.index-about img{ width:100%;}
.index-about span{ line-height:1.8em; font-size:14px; font-family:"Microsoft Yahei";text-overflow: ellipsis; text-align:left;}


.index-news{ margin:15px 0;}
.index-news ul{ list-style:none; padding:10px;}
.index-news ul li{ line-height:1.8em; border-bottom:#ddd solid 1px; padding: 10px 0;}
.index-news ul li span{ display:block; font-size:1em; line-height:1.6em; color:#666;}
.index-news ul li .title{ font-size:12pt; line-height:30px;}
.index-news ul li a{ color:#444;}
.index-news ul li a:hover{ color:#006db8;}
.index-news ul li em{ color:#999;font-style:normal; display:block; text-align:right;font-size:12px;}

.index-contact-bg{ background:#F7F8FC;}
.index-code{ margin:35px 0 0 0;}
.index-code .img{ display:inline; width:120px; height:120px; float:left;}
.index-code .img img{ width:100px; height:100px;}
.index-code .info{ display:inline; height:100px; min-width:200px;}
.index-code h4{ font-size:12pt; line-height:1.8em; color:#333; padding:0; margin:0;}
.index-code span{ font-size:9pt; line-height:1.8em; color:#666;}
.index-message{ margin:40px 0 0 0;}
.index-message ul{}
.index-message ul li{ margin:10px auto;}
.index-message ul li input{} 
.index-message .btn{}

.index-contact{ margin:35px 0;}
.index-contact-logo{ text-align:left; padding-left:0px;}
.index-contact-logo img{}
.index-contact-info{ color:#666; line-height:1.8em; font-size:10pt;}
.index-contact ul{ list-style:none;padding:0px 0px;}
.index-contact ul li{ line-height:25px; font-size:14px;padding:0; margin:0}
.index-contact ul li span{}
.index-contact ul li a{ color:#333;}
.index-contact ul li a:hover{}

.contact{ margin:35px 0 0px 0;}
.contact-title{ font-size:13pt; line-height:2em; font-weight:bold;}
.contact-logo{ text-align:left; padding-left:0px;}
.contact-info{}
.contact ul{ list-style:none;padding:10px 0px;}
.contact ul li{ line-height:2.0em; font-size:11pt;padding:0; margin:0}
.contact ul li span{}
.contact ul li a{color:#333;}
.contact ul li a:hover{ color:#F00;}

.map{ margin-bottom:30px;}
.map-cont{ height:300px; margin-top:15px;}


/*---视频部分-*/
.video-cont{}
.video-info{ font-size:11pt; line-height:1.8em; color:#444;}
.video-title{ font-size:14pt; line-height:1.8em; font-weight:bold; color:#333; margin-bottom:15px;}


.side-contact{ margin:35px 0 0 0;}
.side-contact .img{ display:inline; width:120px; height:120px; float:left;}
.side-contact .img img{ width:100px; height:100px;}
.side-contact .info{ display:inline; height:100px; min-width:200px;}
.side-contact h4{ font-size:12pt; line-height:1.8em; color:#333; padding:0; margin:0;}
.side-contact span{ font-size:9pt; line-height:1.8em; color:#666;}

 
.thumbnail{ overflow:hidden; border-radius:0;}
	
.margin-top{ margin-top:30px;margin-bottom: 30px;}

.s-p-cate{}
.s-p-cate dl{ font-family:"Microsoft Yahei";}
.s-p-cate dl dt{}
.s-p-cate dl dt.active a{ color:#FFF;}
.s-p-cate dl dt.list-group-item{ height:40px; line-height:40px; padding:0 0 0 15px; font-size:15px;}
.s-p-cate dl dt.list-group-item:hover{background:#428bca}
.s-p-cate dl dt.list-group-item:hover a{ color:#fff;}
.s-p-cate dl dd{}
.s-p-cate dl dd a{}
.s-p-cate dl dd ul{ list-style:none; padding:10px 5px; border-left:#ddd solid 1px;border-right:#ddd solid 1px; margin:0;}
.s-p-cate dl dd ul li{ line-height:35px; font-size:14px; background:url(../image/blue-left-ico.png) no-repeat 10px 13px; padding-left:25px;}
.s-p-cate dl dd ul li a{}
.s-p-cate dl dd ul li:nth-child(even){ background-color:#fefefe;}
.main-title{ line-height:35px; height:35px; background:#74A9D8;padding-right:10px; border-radius:4px;
border-bottom-left-radius:0; border-bottom-right-radius:0;}
.main-title .tt{ padding-left:15px; font-size:16px; color:#fff; font-family:"Microsoft Yahei"; float:left; display:block;}
.main-title .more{ font-size:12px; float:right; display:block; color:#fff;}
/*-分页-*/
.pages{ text-align:center;}
.pages ul {
	display: table;
	margin:0 auto;
}
.pages ul li {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #428bca;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #532e35;
  border-color: #532e35;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

/*产品展示页*/
.product-show{ margin-bottom:30px; background:#FFF;}
.product-info{ line-height:25px; font-size:14px; color:#666; padding:30px; background:#FFF; margin-bottom:15px;}
.product-info img{ width:100%; margin:10px auto;}
.product-title{ line-height:40px; text-align:center;font-size:18px; color:#333; padding:20px 0; background:#FFF;}

.product-buy{ padding:15px; border:#e8e69b solid 1px; background:#ffffdd;}
.product-buy span{ line-height:35px;}
.product-buy .btn{ background:#C00; color:#FFF; border:none;}

/*--文章列表--*/

.a-list{ margin:0px 0 15px 0;}
.a-list ul{ list-style:none;}
.a-list ul li{ line-height:1.8em; border-bottom:#ddd solid 1px; padding:15px; background:#FFF; margin-bottom:25px;}
.a-list ul li span{ display:block; font-size:10pt; line-height:1.6em; color:#666;}
.a-list ul li .title{ font-size:12pt; line-height:2em;}
.a-list ul li a{ color:#444;}
.a-list ul li em{ color:#999;font-style:normal; display:block; text-align:left;font-size:12px;}

.a-list ul li .pic{ display:inline; width:140px;float:left;}
.a-list ul li .pic img{ width:120px; height:90px;}
.a-list ul li .info{ display:inline; min-height:90px;}

/*-搜索列表-*/

.search-result{ font-size:12pt; font-family:"Microsoft Yahei"; line-height:50px; font-weight:bold;}

.search-list{ margin:15px 0;}
.search-list ul{ list-style:none;}
.search-list ul li{ line-height:1.8em; border-bottom:#ddd solid 1px; padding:15px; background:#FFF; margin-bottom:25px;}
.search-list ul li span{ display:block; font-size:10pt; line-height:1.6em; color:#666;}
.search-list ul li .title{ font-size:12pt; line-height:2em;}
.search-list ul li a{ color:#444;}
.search-list ul li em{ color:#999;font-style:normal; display:block; text-align:left;font-size:12px;}

.search-list ul li .pic{ display:inline; width:180px;float:left;}
.search-list ul li .pic img{ width:160px; height:120px;}
.search-list ul li .info{ display:inline; min-height:120px;}

/*--单页文章页--*/
.a-cont{background:#FFF;}
.a-cont h1{ font-size:14pt; font-family:"Microsoft Yahei"; color:#333;line-height:35px;padding:0; margin-top:10px;}
.a-cont h2{ font-size:10pt; color:#666; line-height:25px; height:25px; padding:0; margin-bottom:10px;}
.a-cont h2 a{ color:#666;}
.a-cont .cont{ line-height:25px; font-size:14px; padding:15px 5px; color:#555;}
.a-cont .cont img{ width:100% !important; height:auto !important;}
.go-back{font-size:12pt; font-family:"Microsoft Yahei"; color:#333; height:35px; line-height:35px; margin-bottom:10px;}
.m-cont{ padding:25px;}
.panel{ font-family:"Microsoft Yahei"}


/*--关于我们-*/
.about{ background:#FFF; padding:30px 0;}
.about-pic{ margin-bottom:20px; width:350px; display:inline-block; float:left; margin-right:20px;}
.about-cont{ font-size:11pt; line-height:1.8em; color:#444;}
.about-title{ font-size:14pt; line-height:1.8em; font-weight:bold; color:#333;}
.about-culture{ padding:30px 0;}
.about-culture-cont{font-size:11pt; line-height:1.8em; color:#444;}
.about-culture-title{font-size:14pt; line-height:1.8em; font-weight:bold; color:#333; text-align:center; margin:15px auto;}
.culture{ background:#f7f4ef;}

.job{}
.job-title{font-size:14pt; line-height:1.8em; font-weight:bold; color:#333; text-align:center; margin:15px auto;}
.job .cont{ padding:25px; background:#FFF; border-bottom:#ddd solid 1px; margin-bottom:25px;}
.job .title{ font-size:14pt; line-height:2.5em; color:#333;}
.job .date{ font-size:10pt; color:#999; line-height:1.8em;}
.job .info{ line-height:1.8em; font-size:11pt; color:#666; padding:10px 0;}

/*--白色背景--*/
.bg-fff{ background:#FFF; border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.a-info{ padding:50px; background:#FFF; border-radius:5px; margin:15px;}

.b-ico img{width:30px;}
.bottom{ text-align:center; color:#FFF;line-height:30px; font-family: Microsoft Yahei; padding-top:30px; background:#3489ea; font-size:12px; padding-bottom:75px;}
.bottom a{ color:#FFF;}
.bottom a:hover{ color:#EDF0F1;}
/*--自适应焦点图--*/

.wrapper {
	position:relative;
}

.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:500px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:500px !important;
	position:relative;
}

.full-2{max-height:400px !important;}
#about-slider{max-height:400px !important;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#36C !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e1472f !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 20px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    width: 30px;
    height: 5px;
    float: left;
	border-radius:2px;
	margin:5px 2px 10px 2px;/*-焦点图切换那妞颜色-*/
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../image/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../image/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../image/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*--自适应 slide end--*/



@media (max-width: 768px) {
	body{ padding-top:52px}
	#header{ padding:3px 0;}
	.index-title{}
	.index-title .tt{text-align:center; float:none;}
	.index-title .more{ display:none;}
	.index-contact ul li{ font-size:12pt;}
	.margin-top{ margin-top:10px;}
	.p-list{ padding:0;}
	.index-video-cont ul li{ margin: 15px 0;}
	.index-contact-ico a{ font-size:12px;}
	.index-p-list{ margin-bottom:0px;}
	.navbar-brand{display:block; height:45px; text-indent:-9999px;margin:0 auto; width:141px; float:left;}
	.navbar-brand img{height:45px;width:141px;}
	.nav{ padding:0; margin:0;}
	.nav li{ display:block; margin:0px auto; text-align: center; width:100%; padding:0;}
	.nav li > a{ display:block;width:100%;}
	.nav-pills > li {}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 0px;
}
.nav-pills > li:first-child{ margin:0;}

.nav:before,.navbar-collapse:before,
.navbar-collapse:after{
	 content: "" !important;
	}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #006db8;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:hover{ background:#FFF;}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.about-pic{ margin-bottom:20px; width:100%; display:inline-block; float:none; margin-right:0px;}

.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background:url(../image/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -32px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background:url(../image/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -32px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color: rgba(0,153,204,0.5) !important;
 }


	}
	@media(max-width:1200px){
	.index-contact{ height:auto;}
	}
	@media(max-width:992px){
		.side{ width:158px;}
		.nav{ margin-top:5px; text-align:center;}
		.nav > li{ margin:0 10px;}
		#menu{ text-align:center; width:100%;}
		.index-video-side{ margin:15px 0 0 0;}
		.index-video-cont ul li{ margin: 20px 0;}
		.side-m-top{ margin-top:15px;}
		}
	@media(min-width:992px){
		.side{ width:212px;}
		.nav{ margin-top:23px; text-align:right;}
		#header.scrolled .navbar-brand{display:block; height:60px; text-indent:-9999px;margin:0 auto; width:188px; float:left;}
		#header.scrolled .navbar-brand img{width:188px;}
		#header.scrolled .nav{ padding:0; margin-top:15px;}
		}
	@media(min-width:1200px){
		.side{ width:265px;}
		}
	@media(min-width:768px){
		
		}
	@media(max-width:320px){
		
		}
	@media (min-width: 768px) and (max-width: 992px){
		body{ padding-top:60px}
		#menu{ width:650px; margin:0 auto; text-align:center;}
		.nav > li{ margin:0 5px; font-size:14px;}
		.navbar-brand{display:block; height:40px; text-indent:-9999px;margin:0 auto; width:125px; float:left;}
		.navbar-brand img{height:40px;width:125px;}
		
		}
		@media (min-width: 992px) and (max-width: 1200px){

		}

/*替换bootstrap*/
.form-control{ font-size:12px;}

.index-message .form-control{ border-radius:0; background:#fff; border:none; border-bottom:#ddd solid 1px;}

.navbar-default .navbar-toggle .icon-bar{ background-color:#FFFFFF;}
.navbar-default .navbar-toggle:hover{ background:#00CCFF;}
.btn-default{color:#FFFFFF;
background-color:#3489ea;
border-color:#3489ea;
}
.carousel-control.right{background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .2) 100%);}
.carousel-control.left{background-image: linear-gradient(to right, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .0001) 100%);}
.btn-default:hover{color: #fff;
background-color: #003e89;
border-color: #003e89;}
h4{ font-size:1.2em;}

.product-info table{ border-collapse:collapse; border:#666 solid 1px; width:100% !important; word-break:break-all;}
.product-info table tr,.product-info table td{ border-collapse:collapse; border:#666 solid 1px; padding:5px; text-align:center; font-size:12px;}

.text_k{ font-size:11pt;line-height: 2.0em;padding: 0;margin: 0;}

.jwlogo{display:none}


.sx {
	display: none;
}

@media screen and (max-width: 768px) {
	.sx {
		display: block;
	}
}



#fixed-foot {
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
	display: none;
	background-color: #fff;
}
@media screen and (max-width: 768px) {
	#fixed-foot {
		display: block;
	}
}
#fixed-foot li {
    background: #fc8d01;
    background: linear-gradient(#fc8d01,#fc8d01);
}
#fixed-foot li {
    width: 33.33%;
    font-size: inherit;
    border-right: 1px solid #99c400;
	float: left;
}
#fixed-foot li {
    font-size: 14px;
    color: #fff;
    border: 0;
    background: #000;
}
#fixed-foot li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}
#fixed-foot li a span {
    display: block;
    height: 22px;
    width: 22px;
    margin: 0 auto;
    background-repeat: no-repeat!important;
    background-position: 50% 50%!important;
    background-size: contain!important;
}

.links{
	width: 100%;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
}
.links ul li{
	float: left;
	margin-right: 15px;
}