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

body{ background-color:#fff/*fcfcfc*/;}

.iframe_nav{position:fixed; z-index:1;width:100%; border:none; position:fixed;box-shadow:0 1px 3px rgba(0,0,0,0.3); height:75px;/*height:7.5rem;*/}
		  
.banner_groupbox{  }
.banner_group{width:100%; height:555px; position:relative; overflow:hidden;left:50%;margin-left:-683px;}
.pic-show{/*margin-top:75px;*/}
.pic-show li{ }
.ctrl_button{position:absolute;bottom:15px;left:50%;margin-left:-135px;}
.ctrl_button li{width:50px;height:4px;margin:20px;float:left;border:solid 1px white;}
.current{background-color:white;}
.news_box{width:100%;}
.news{ width:100%; max-width:1200px; margin:auto;}
.news h1{
	float:left;
	width:100%;
	color: #666;
	font-size: 20px;
	font-family: "微软雅黑";
	font-weight: normal;
	line-height: 70px;
	margin: auto;
	margin-top: 10px;
	border-bottom: solid 1px #53b547;
	text-align:center;
}
.picture_box{ float:left; margin:10px 5px; width:71%; overflow:hidden; }
.column{ float:left; background-color:#FFF; width:23%;margin-top:15px; margin-right:2%; padding:10px; border:solid 1px #D7D7D7;}
.img_box{position:relative; width:47%; max-width:400px; margin:10px 1%; border:solid 1px #dfe0e4/*e5e5e5*/; float:left;}
.img_box:hover{box-shadow:0 2px 3px rgba(0,0,0,0.25);}
.img_box img{ width:100%;}
.news dl{position:absolute; bottom:0px; width:100%; max-width:400px; background-color:rgba(255,255,255,0.96); text-indent:10px; /*text-indent:1rem;*/ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news dl:hover{ background-color:rgba(255,255,255,1);}
.news dt{ font-size:14px; font-weight:bold; color:#333; line-height:28px;}
.news dt:hover{color:#F3B016;}
.news dd{ color:#A1A1A1; margin-bottom:10px;}
.column span{ font-size:20px; color:#333; line-height:30px; margin-top:10px;}
.list1_box{}
.list1 li{ overflow:hidden;border-bottom: dotted 1px #E4E4E4;}
.list1 li var{ float:left;display:block;font-size:12px; width:18px; height:18px; border-radius:2px; background-color:#E4E4E4;color:#666; text-align:center; margin-top:17px;}
.list1 li .num_1{ background-color:#F3B016; color:#FFF;}
.list1 li a{ float:left;display:block;font-size:14px;line-height:50px; width:80%; max-width:240px; padding-left:12px;  color:#333; }
.list1 a:hover{ color:#F3B016;}
.product_box{ float:left; margin:0 25px; width:100%;padding-top:50px;  overflow:hidden;}
.product{ float:left;width:14%; max-width:170px; margin-right:75px;}
.productlast{ margin-right:0px;}
.product img{width:96%; max-width:160px; margin:auto;border-radius:50%;border: 2px solid #ececec;}
.product img:hover{border:solid 2px #F3B016;}
.product h3{ font-size:14px; color:#333; line-height:28px; text-align:center; margin-top:10px;}
.product span{ font-size:12px; color:#A1A1A1;}
.footer_box{ width:100%; float:left; background-color:#FFF; margin-top:70px;}
.footer{ width:100%; max-width:1200px;height:160px; background-color:#FFF; margin:auto; overflow:hidden; background-image:url(../images/index/logo.png); background-repeat:no-repeat; background-position:170px 50px;}
.footer div{ margin-top:50px; margin-left:370px;}
.footer div h2,.footer div p{ color:#ccc;}
@media screen and (min-width: 420px) and (max-width: 900px){
.picture_box{ width:100%; overflow:hidden; }
.column{ float:left; margin:10px 5px; padding:10px; border:solid 1px #D7D7D7;}
.img_box{position:relative; width:47%; max-width:420px; margin:10px 1%; border:solid 1px #D7D7D7; float:left;}
.img_box:hover{box-shadow:0 2px 3px rgba(0,0,0,0.25);}
.img_box img{ width:100%;}
.news dl{position:absolute; bottom:0px; width:100%; max-width:410px; background-color:rgba(255,255,255,0.92); padding-left:0; height:6rem;}
.news dl:hover{ background-color:rgba(255,255,255,1);}
.news dt a{ margin-left:1rem; font-size:14px; font-weight:bold; color:#333; line-height:28px;}
.news dt a:hover{color:#F3B016;}
.news dd{  margin-left:1rem; color:#A1A1A1; margin-bottom:10px;}
.column span{ font-size:20px; color:#333; line-height:30px; margin-top:10px;}
.list1_box{}
.list1 li{ overflow:hidden;border-bottom: dotted 1px #E4E4E4;}
.list1 li var{ float:left;display:block;font-size:12px; width:18px; height:18px; border-radius:2px; background-color:#E4E4E4;color:#666; text-align:center; margin-top:11px;}
.list1 li .num_1{ background-color:#F3B016; color:#FFF;}
.list1 li a{ float:left;display:block;font-size:12px;line-height:38px; width:240px; padding-left:12px;  color:#333; }
.list1 a:hover{ color:#F3B016;}

.product_box{width:100%; overflow:hidden; margin:0;padding-top:20px;}
.product{ float:left;width:29%; max-width:170px; margin:4% 2%;}
.productlast{ margin-right:2%;}
.product img{width:100%; max-width:170px; margin:auto;border-radius:50%; }
.product img:hover{border:none;}
.product h3{ font-size:14px; color:#333; line-height:28px; text-align:center; margin-top:10px;}
.product span{ font-size:12px; color:#A1A1A1;}
.footer_box{ width:100%; float:left; background-color:#FFF; margin-top:70px;}
.footer{ width:100%; max-width:1200px;height:160px; background-color:#FFF; margin:auto; overflow:hidden; background-image:url(../images/index/logo.png); background-repeat:no-repeat; background-position:170px 50px;}
.footer div{ margin-top:50px; margin-left:370px;}
.footer div h2,.footer div p{ color:#ccc;}
	}
@media screen and (max-width: 419px){
.picture_box{ width:100%; overflow:hidden; margin:0; }
.img_box{position:relative; width:96%;  margin:10px 2%; border:solid 1px #D7D7D7; float:left;}
.img_box:hover{box-shadow:0 2px 3px rgba(0,0,0,0.25);}
.img_box img{ width:100%;}
.news dl{position:absolute; bottom:0px; width:100%; background-color:rgba(255,255,255,0.92);padding-left:0; text-indent:1rem;}
.news dl:hover{ background-color:rgba(255,255,255,1);}
.news dt a{ font-size:14px; font-weight:bold; color:#333; line-height:28px;}
.news dt a:hover{color:#F3B016;}
.news dd{ color:#A1A1A1; margin-bottom:10px;}
.column{ float:left; margin:5px 2%; width:92%; padding:2%; border:solid 1px #D7D7D7;}
.column span{ font-size:20px; color:#fff; line-height:30px; height30px; display:block; text-align:center; background-color:#f3b016;}
.list1_box{}
.list1 li{ overflow:hidden;border-bottom: dotted 1px #E4E4E4;}
.list1 li var{ float:left;display:block;font-size:12px; width:18px; height:18px; border-radius:2px; background-color:#E4E4E4;color:#666; text-align:center; margin-top:11px;}
.list1 li .num_1{ background-color:#F3B016; color:#FFF;}
.list1 li a{ float:left;display:block;font-size:12px;line-height:38px; width:240px; padding-left:12px;  color:#333; }
.list1 a:hover{ color:#F3B016;}
		 
.product_box{width:96%; overflow:hidden; margin:0 2%;padding-top:20px;}
.product{float:left;width:28%; max-width:170px; margin:3% 2%;}
.productlast{ margin-right:2%;}
.product img{width:100%; max-width:160px; margin:auto;border-radius:50%; }
.product img:hover{ border:none;}
.product h3{ font-size:14px; color:#333; line-height:28px; text-align:center; margin-top:10px;}
.product span{ font-size:12px; color:#A1A1A1;}
.footer_box{ width:100%; float:left; background-color:#FFF; margin-top:20px;}
.footer{ width:100%;height:90px; background-color:#FFF; margin:auto; overflow:hidden; background-image:url(../images/index/logo.png); background-repeat:no-repeat; background-position:40px center;}
.footer div{ margin-top:30px; margin-left:190px;}
.footer div h2,.footer div p{ color:#ccc;}
		 }
		 




 .slider {width:100%; height:480px; /*height:48rem;*/ 
  position: relative; overflow:hidden;}
 .slider-main, .slider-nav, .slider-pre, .slider-next { 
  position: absolute; z-index:2;  } 
 .slider-main{width:100%;left:50%;margin-left:-683px; /*margin:auto;*/}
 .slider-main img{/* width:100%;*/}
 .slider-extra {} 
 .slider-nav { 
  position:absolute;bottom:5px;left:50%;margin-left:-135px;
 } 
 .slider-nav li { 
  width:50px;height:4px;margin:20px;float:left;border:solid 1px white; cursor:pointer;} 
 .slider-nav .slider-item-selected { 
 background-color:white; 
 } 
 .slider-page a{ 
  background: rgba(0, 0, 0, 0.2); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); 
  color: #fff; 
  text-align: center; 
  font-family: "simsun"; 
  font-size: 22px; 
  width: 28px; 
  height: 62px; 
  line-height: 62px; 
  margin-top: -31px; 
  position: absolute; 
  top: 50%; 
 } 
 .slider-page a:hover {  background: rgba(0, 0, 0, 0.4); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); } 
 .slider-next { left:100%; margin-left: -28px;} 
 @media screen and (min-width: 768px) and (max-width: 900px){.slider {height:310px; height:31rem;}.slider-main{width:100%;left:50%;margin-left:-450px; /*margin:auto;*/}
 .slider-main img{ width:900px;}}
 @media screen and (min-width: 420px)and (max-width: 767px){.slider {height:269px; height:26.9rem;}.slider-main{width:100%;left:50%;margin-left:-384px; /*margin:auto;*/}
 .slider-main img{ width:768px;}}
 @media screen and (max-width: 419px){.slider {height:147px; height:14.7rem;}.slider-main{width:100%;left:50%;margin-left:-210px; margin-left:-21rem; /*margin:auto;*/}
 .slider-main img{ width:420px; width:42rem;}
  .slider-nav { 
  position:absolute;bottom:5px;left:50%;margin-left:-75px;margin-left:-7.5rem;
 } 
 .slider-nav li{width:30px; width:3rem;height:2px;margin:10px; margin: 0.5rem 1rem; } 
 }
 
 .nav_box{position:fixed; z-index:1; width:100%; top:0px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.nav{ width:1200px; margin:0 auto;
	   overflow:hidden; height:75px;}
.nav_left{ float:left;text-align:center;
		  line-height:75px; margin-left:14px;
		  overflow:hidden;}
.nav_left img{ float:left; margin-top:10px; margin-right:30px;}
.nav_left a{ float:left;
            padding:0 20px;
			font-size:18px; dd
		    color:#4D4D4D;
		    text-align:center;
		    line-height:75px;}
.nav_left a:hover{ 
		    color:#fff;
			background-color:#F3B016;}
.nav_left .CurrentA{background-color:#F3B016; color:#FFF;}	
.nav_right{ float:right; overflow:hidden;}

.nav_right .login{ float:right;
              margin:auto 30px;
			font-size:18px; 
		    color:#4D4D4D;
		    text-align:center;
		    line-height:75px;}
.nav_right .login:hover{ color:#F3B016;}
.nav_right .search{ float:right;
   				margin-top:23px;}
.nav_right input{ float:right;
                  height:28px;
				  border:solid 1px #dddddd;
				  margin-top:23px;
				  width:220px;
				  border-right:none; text-indent:8px;}
iframe{width:100%; border:none; margin-top:75px;}

.slider-panel{ position:absolute; z-index:-1;}