@charset "utf-8";
/* CSS Document */
.main{ background:#FFF; overflow:hidden;}
h2,h3{margin:0px; padding:0px;}
.content{ background:#f5f5f5;}

.navbar{ margin-bottom:0px;}
.crumb{background:#d6d6d6;height:45px; line-height:30px;}
.breadcrumb{ width:1180px; margin:0px auto; background:inherit; }
.breadcrumb span{ margin-right:20px;}
.breadcrumb li a{ color:#333;}
.breadcrumb>li+li:before{content:">";color:#333;}
.main-title-bg{ height:160px; background:#e4e4e4;}
.main-title{ width:1180px; margin:0px auto; padding-top:30px; }

.content,.content2{ width:1180px;margin: 0px auto; margin-top:50px; padding-bottom:0px;  }
 .left{ float:left; width:936px; padding-right:60px; background:#FFF; padding-bottom:20px;}
  .left h2 a{ color:#000;}
.content .left>ul>li{ display:inline-table; width:30%; border:1px solid #CCC; margin-bottom:40px; margin-right:10px;}
.content .left >ul>li{ border-bottom:5px solid #1b3b5e;}
.content .left >ul>li:hover{border-bottom:5px solid #ffa519;}
.content .left >ul>li:nth-child(3n){ margin-right:0px;}
.content .left >ul>li span{ display:block; height:40px; line-height:40px; text-align:center;}
.content .left >ul>li img{ width:100%;}
.product-title{ font-weight:bolder;}

.right{ float:right; background:#f5f5f5; width:242px; position:relative;}
.right h3{background:#1e509e;}
 .right h4{ display:none;}
.right ul li{ line-height:60px; padding-left:30px;}
.right ul li a{ color:#000;}
.right ul li span{ position:absolute; right:20px;}
.ractive{background:#FFF;}
.con-nav{letter-spacing: -4px;}
.con-nav li{ display:inline-table; width:16.5%;  border:1px #CCCCCC solid; height:50px; letter-spacing:normal; line-height:50px; text-align:center;}
.con-nav li a{color:#000;font-weight:bold; }
/* box */
.box{width:865px;margin:20px auto;}
.tb-pic a{text-align:center;vertical-align:middle;}
.tb-booth{position:relative;z-index:1; background:#f8f8f8; margin:0px auto; text-align:center; }
#viewer{ text-align:center; margin:20px auto;}
#viewer li{display:inline-block; width:135px; height:102px; border:1px #CCC solid; cursor:pointer; margin:0px 5px;}
#viewer li img{ width:100%; height:100%;}
#viewer li.tb-selected{ border:2px #3399FF solid;}
.big{ position:absolute; right:0px; bottom:0px; cursor:pointer;}
.showmodel{ position:fixed; display:none; top:0%; width:100%; height:100%; left:0%;  background:rgba(0,0,0,0.5); text-align:center; z-index:99999; vertical-align:middle;}

.showmodel span{ color:#FFF; display:block; text-align:right; font-size:60px; padding-right:50px; padding-top:40px;}
.coles{cursor:pointer;}

.left h1{ font-weight:bolder; border-left:3px #000000 solid; padding-left:15px; margin-top:35px; margin-bottom:25px; }
.cactive{ background:#062f5f;}
.cactive a{color:#FFF !important;}
.pcont ul li{ display:inline-table; width:23%; margin-right:10px;}
.pcont p{ font-size:16px; font-weight:bold; margin:15px;}
.pcont ul li img{ width:100%;}
.vcont ul li{display:inline-table; width:49%; margin-right:10px;}
.vcont ul li:nth-child(2n){ margin-right:0px;}
.vcont ul li img{ width:100%;}

.dcont dl{float:left; width:48%; border:1px solid #CCC; padding:10px; margin-right:20px;}
.dcont dl:nth-child(2n){ margin-right:0px;}
.dcont dl dt{float:left;}
.dcont dl dd{float:left; margin-top:20px; margin-left:10px;}
.dcont dl dd span{display:block;font-weight:bold; margin-bottom:5px;}
.dcont dl dd h2{font-size:18px; font-weight:bold;}

.hcont ul li{ display:inline-table;  margin-right:5px; width:24%;}
.hcont ul li img{ width:100%;}
.hcont ul li:last-child{ margin-right:0px;}
.hcont ul li a{display:block;border:1px solid #CCC;}
.hcont ul li a:hover{ border-color:#39C;}
.hcont ul li span{ display:block; text-align:center; margin:15px auto;}


.new dl{ border-bottom:1px #CCCCCC solid; margin-bottom:60px; padding-bottom:20px; }
.new dl dt{ float:left; width:28%; margin-right:20px;}
.new dl dt img{width:100%;}
.new dl dd{float:left; width:68%;}
.new dl dd h2{font-size:20px; text-align:left; letter-spacing:0.15em;}
.new dl dd span{ font-size:12px; margin:10px; display:block; letter-spacing:0.15em;}
.new dl dd p{font-size:12px; letter-spacing:0.2em;}
.new .time{margin:20px; text-align:center;}
.new h2{text-align:center; font-weight:bold;}
.new .glyphicon{ margin-right:10px;}
.bdshare{ display:inline;}
.bdsharebuttonbox{display:inline;}
.bdsharebuttonbox a{ float:none !important;}

.new-content{border-top:1px #CCCCCC solid; padding-top:30px; border-bottom:1px #CCCCCC solid; padding-bottom:50px;}
.fy{margin:30px auto; position:relative; margin-bottom:60px;}
.fy .pev{ float:left ;}
.fy .next{float:right;}
.bg{ }
.bg img{ width:100%;}
.about-content{/* background:url(../images/about_13.jpg) no-repeat bottom right;*/ margin:50px; min-height:460px; font-size:16px; line-height:30px;}

.dede_pages{
	width:930px;


}
.dede_pages ul{
	display:block;
	margin:0px auto;
	text-align:center;
	width:70%;
	padding:12px 0px 12px 16px;
	
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	padding:4px 8px ;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
padding:4px 8px ;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#2b5fa8;
	padding:4px 8px ;
	font-weight:bold;
	color:#FFF;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:2px 8px ;
	color:#999;
	display:block;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
.pagelist2{ display:none !important;}

@media screen and (max-width:1440px)
{
	.content, .content2{ width:100% !important;}
      .left{width:80%;}
	  .right{ width:20%;}
	  .content .left>ul{ width:95%; margin:0px auto;}
	  .content .left>ul li{ width:32%;}
	  .content .left>ul li img{ width:100%;}
	  .breadcrumb{ width:100% !important;}
	  .main-title{width:100% !important; margin-left:20px;}
	  .about-content{margin-left:20px;}
	  	  .box{width:100%;}
	 .left h1,.cont{ width:90%; margin:25px auto;}
 .con-nav,.pcont,.vcont,.dcont,.hcont{ width:90%; margin:0px auto;}
 .hcont ul li{ width:24%;}
	.hcont ul li img{ width:100%;}
	.hcont ul li:nth-child(4n){ margin-right:0px;}
.new-content{ width:90%; margin:0px auto;}
    .fy{width:90%;}
	.fy .next{ margin-top:30px;}
	.new dl{ width:90%; margin:0px auto; margin-bottom:40px;}

	}

@media screen and (max-width:1024px)
{
     .left{width:80%; padding-right:0px;}
	  .right{ width:20%;}
	  .box{width:100%;}
	 .left h1,.cont{ width:90%; margin:25px auto;}
 .con-nav,.pcont,.vcont,.dcont,.hcont{ width:90%; margin:0px auto;}
   .pcont ul li{ width:48%; margin:10px auto; margin-right:10px;}
   .pcont ul li:nth-child(2n){ margin-right:0px;}
   .vcont ul{margin:0px auto; text-align:center;}
	.vcont ul li{ width:80%;  margin-bottom:20px;}
	.dcont dl{ width:100%;}
	.hcont ul li{ width:32%;}
	.hcont ul li img{ width:100%;}
	.hcont ul li:nth-child(3n){ margin-right:0px;}
}

@media screen and (max-width:720px)
{
	 .right h3{ display:none;}
	 .right h4{ display:block;  margin:0px auto; width:91%; cursor:pointer; }
	 .right h4 img{width:100%;}
	 .left{ width:100%;}
	 .right{width:100%; margin-bottom:50px;}
	 .right ul{margin:0px auto; width:91%; display:none;}
	 .right ul li{ border-bottom:1px #CCCCCC solid;}
	 .right ul li a{ display:block; position:relative;}
	 .ractive{ background:#e4e4e4;}
 .left h1,.cont{ width:90%; margin:25px auto;}
 .con-nav,.pcont,.vcont,.dcont,.hcont{ width:90%; margin:0px auto;}
	 .left>ul li{width:33.3%;}
	 .box{width:100%;}
   .pcont ul li{ width:48%; margin:10px auto; margin-right:10px;}
   .pcont ul li:nth-child(2n){ margin-right:0px;}
   .vcont ul{margin:0px auto; text-align:center;}
	.vcont ul li{ width:80%;  margin-bottom:20px;}
	.dcont dl{ width:100%;}
	.hcont ul li{ width:32%;}
	.hcont ul li img{ width:100%;}
	.hcont ul li:nth-child(3n){ margin-right:0px;}
	.content .left>ul li{ width:100%;}

	  .content .left>ul li img{ width:100%;}
	.footer ul li{ width:48%; height:60px; margin-right:0px; margin-top:50px;}
	
	.dede_pages{ width:90%; margin:0px auto;}
	.dede_pages ul { width:100%;}
	
	}

@media screen and (max-width:480px)
{
	
.left{padding-right: 0px;}
.new dl{ margin-top:5%; margin-bottom:10px;}
.new dl dt{ width:30%; margin-right:5%;}
.new dl dd{ width:60%;}
.new dl dd h2{ font-size:14px;}
.new dl dd span{ margin:5px auto;}
.new dl dd p,.new dl dd>a{ display:none;}
.footer img{ width:100%;}
.footer ul li{ width:49%;}
.footer ul li .foot-text{padding-left:10px !important;}

.dede_pages ul li:last-child{ display:none;}
.pagelist{ display:none !important;}
.pagelist2{ display:block !important;}
.main-title-bg{ height:120px;}
.navbar{ height:80px;}
.navbar-header{ height:80px;}
.navbar-brand img{ width:90px;  height:80px;}
.navbar-toggle{ margin-top:10px;}
#seach{ margin-top:30px;}
.navbar-brand{ margin-left:12px;}
.new h2{ font-size:16px; margin-top:10px; padding:0px 10px; padding-bottom:10px; letter-spacing:0.15em; line-height:24px;}
.time{ display:none;}
.new-content{ padding-top:0px;}
.tb-booth img{ width:100%;}
#viewer li{ margin-top:10px; width:30%; float:left;}
.hcont ul li{ width:49%; margin-right:0px;}
}