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

body{
	margin:0px;
	padding:0px;
	font-family:"微软雅黑","Arial","宋体";
	color: #808080;
	font-size:14px;
	line-height:240%;
}

ul,li{ margin:0px; padding:0px; list-style-type:none; }

div,p{ margin:0px; padding:0px; }

a{ color:#808080; text-decoration:none; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }
a:hover{ color:#ffb404; text-decoration:none; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }

form{ margin:0px; padding:0px; }
img{ border:none; vertical-align:top; }
input,textarea,select,audio,video{ outline:none; font-family:"微软雅黑","Arial","宋体"; }

.clear{ clear:both; }

.ease{ transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }

.txtsl{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.txtsl2{
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.txt_rl{ background-image:url(../images/rl.png); background-repeat:no-repeat; background-position:right center; }


.bybg1{ background-color:#f9f9f9; }


#container{ margin:0px; width:100%; height:auto; overflow:hidden; display: flex; flex-direction: column; align-items: center; }
@media screen and (max-width:1200px) {
#container{ min-width: 1200px; }
}


/*-----------------header-------------------------------*/
#ts_loadering{ position:fixed; z-index:150; top:0px; left:50%; margin:0 0 0 -50%; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.6); display:none; overflow:hidden; }
#ts_loadering span{ margin:150px 0 0 0; padding:40px 10px 0 10px; min-width:70px; height:25px; line-height:20px; font-size:12px; color:#ccc; text-align:center; background:#3f3f3f url(../images/loader.gif) no-repeat center 10px; background-size:auto 25px; border-radius:8px; vertical-align:top; display:inline-block; }



#win_con_box1{ position:absolute; z-index:500; top:0px; left:50%; margin:0 0 0 -50%; width:100%; height:100%; background-color:rgba(0,0,0,0.60); display:none; overflow:hidden; }
#win_con_box1 .mainbox{ position:absolute; z-index:10; top:60px; left:50%; margin:0 0 0 -445px; padding:20px; width:850px; height:auto; background:#fff; border-radius:6px; overflow:hidden; }
#win_con_box1 .mainbox .h_title{ margin:0px; padding:8px 0 18px 0; width:100%; border-bottom:#ccc 1px solid; float:left; }
#win_con_box1 .mainbox .h_title span{ margin:0px; width:800px; line-height:25px; font-size:18px; color:#333; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#win_con_box1 .mainbox .h_title i{ margin:0px; width:25px; height:25px; background:url(../images/close.png) no-repeat; background-size:100% auto; font-style:normal; cursor:pointer; float:right; display:block; }
#win_con_box1 .mainbox .h_conbox{ margin:15px 0 0 0; padding:0px; width:100%; float:left; overflow-x:hidden; overflow-y:auto; }
#win_con_box1 .mainbox .h_conbox .videobox{ margin:0px; padding:0px; width:100%; height:500px; text-align:center; background:#fcfcfc; float:left; overflow:hidden; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; }
#win_con_box1 .mainbox .h_conbox .videobox p{ margin:0px; padding:0px; width:100%; line-height:25px; font-size:14px; color:#333; }





.topcon_box{ position:absolute; z-index:100; left:0px; top:0px; margin:0px; padding:0px; width:100%; }
.topcon_box .h_mainbox{ margin:0; padding:0px; width:100%; height:100px; background-color:rgba(212,255,209,0.3); display: flex; justify-content: center; align-items: center; }
.topcon_box .h_mainbox .h_conbox{ margin:0px; width:1200px; display:flex; justify-content: space-between; align-items: center; }
.topcon_box .h_mainbox .h_conbox .h_logo{ margin:0; flex: 0 0 270px; display:flex; align-items: center; }
.topcon_box .h_mainbox .h_conbox .h_menu{ margin:0; flex: 1; display:flex; align-items: center; }

.topcon_box .h_mainbox .h_conbox .h_menu ul{ margin:0px; padding:0px; width:100%; text-align:center; display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

.topcon_box .h_mainbox .h_conbox .h_menu ul li{ position:relative; margin:0; padding:0px; width:110px; height:100px; display:flex; justify-content: center; align-items: center; }
.topcon_box .h_mainbox .h_conbox .h_menu ul li.mtype1{ width:60px; }
.topcon_box .h_mainbox .h_conbox .h_menu ul li.mtype2{ width:160px; }
.topcon_box .h_mainbox .h_conbox .h_menu ul li span{ margin:0px; padding:0px; width:100%; line-height:40px; font-size:16px; }
.topcon_box .h_mainbox .h_conbox .h_menu ul li span a{ padding-bottom:5px; width:auto; color:#fff; background:url(../images/none.gif) no-repeat center bottom; display:block }
.topcon_box .h_mainbox .h_conbox .h_menu ul li span a:hover{ color:#fff;  background:url(../images/line01.jpg) no-repeat center bottom; }
.topcon_box .h_mainbox .h_conbox .h_menu ul li span a.on{ color:#fff; background:url(../images/line01.jpg) no-repeat center bottom; }
.topcon_box .h_mainbox .h_conbox .h_menu ul li span a.on:hover{ color:#fff;  }

.topcon_box .h_mainbox .h_conbox .h_menu ul li:hover span a{ color:#fff; background:url(../images/line01.jpg) no-repeat center bottom; }

.topcon_box .h_mainbox .h_conbox .h_menu ul li ul{ position:absolute; z-index:10; top:100px; left:0px; margin:0px; padding:10px 0 0 0; width:100%; height:auto; text-align:center; display:none; overflow:hidden; }
.topcon_box .h_mainbox .h_conbox .h_menu ul li ul li{ margin:0px; padding:8px 0; width:100%; height:auto; line-height:18px; font-size:13px; text-align:center; float:left; }
.topcon_box .h_mainbox .h_conbox .h_menu ul li ul li a{ color:#fff; background:none; display:inherit; }
.topcon_box .h_mainbox .h_conbox .h_menu ul li ul li a:hover{ color:#fff; background:none; text-decoration:underline; }





.ny_topcon_box{ margin:0px; padding:0px; width:100%; display: flex; flex-direction: column; align-items: center; }
.ny_topcon_box .h_mainbox{ margin:0; padding:0px; width:100%; height:100px; background-color:#fff; display: flex; justify-content: center; align-items: center; }
.ny_topcon_box .h_mainbox .h_conbox{ margin:0px; width:1200px; display:flex; justify-content: space-between; align-items: center; }
.ny_topcon_box .h_mainbox .h_conbox .h_logo{ margin:0; flex: 0 0 270px; display:flex; align-items: center; }
.ny_topcon_box .h_mainbox .h_conbox .h_menu{ margin:0; flex: 1; display:flex; align-items: center; }

.ny_topcon_box .h_mainbox .h_conbox .h_menu ul{ margin:0px; padding:0px; width:100%; text-align:center; display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

.ny_topcon_box .h_mainbox .h_conbox .h_menu ul li{ position:relative; margin:0; padding:0px; width:110px; height:100px; display:flex; justify-content: center; align-items: center; }
.ny_topcon_box .h_mainbox .h_conbox .h_menu ul li.mtype1{ width:60px; }
.ny_topcon_box .h_mainbox .h_conbox .h_menu ul li.mtype2{ width:160px; }
.ny_topcon_box .h_mainbox .h_conbox .h_menu ul li span{ margin:0px; padding:0px; width:100%; line-height:40px; font-size:16px; }
.ny_topcon_box .h_mainbox .h_conbox .h_menu ul li span a{ padding-bottom:5px; width:auto; color:#4d4d4d; background:url(../images/none.gif) no-repeat center bottom; display:block }
.ny_topcon_box .h_mainbox .h_conbox .h_menu ul li span a:hover{ color:#ffb404; background:url(../images/line02.jpg) no-repeat center bottom; }
.ny_topcon_box .h_mainbox .h_conbox .h_menu ul li span a.on{ color:#ffb404; background:url(../images/line02.jpg) no-repeat center bottom; }
.ny_topcon_box .h_mainbox .h_conbox .h_menu ul li span a.on:hover{ color:#ffb404;  }

.ny_topcon_box .h_mainbox .h_conbox .h_menu ul li:hover span a{ color:#ffb404; background:url(../images/line02.jpg) no-repeat center bottom; }

.ny_topcon_box .h_mainbox .h_conbox .h_menu ul li ul{ position:absolute; z-index:10; top:100px; left:0px; margin:0px; padding:10px 0; width:100%; height:auto; text-align:center; background-color:rgba(114,114,114,0.9); border-radius:0 0 10px 10px; display:none; overflow:hidden; }
.ny_topcon_box .h_mainbox .h_conbox .h_menu ul li ul li{ margin:0px; padding:8px 0; width:100%; height:auto; line-height:18px; font-size:13px; text-align:center; float:left; }
.ny_topcon_box .h_mainbox .h_conbox .h_menu ul li ul li a{ color:#fff; background:none; display:inherit; }
.ny_topcon_box .h_mainbox .h_conbox .h_menu ul li ul li a:hover{ color:#fff; background:none; text-decoration:underline; }




/*------------------Home------------------------------*/

.h_ad_box{ margin:0; width:100%; text-align:center; overflow:hidden; display: flex; flex-direction: column; align-items: center; }

.h_ad_box .swiper-container, .h_ad_box .swiper-container .swiper-wrapper{ width:100%; }
.h_ad_box .swiper-slide{ width:100%; }
.h_ad_box .swiper-slide a{ width:100%; overflow: hidden; opacity:1; z-index:10; display:flex; text-decoration:none; justify-content: center; align-items: center;}
.h_ad_box .swiper-slide a img{ width: 100%; height: auto;}

.h_ad_box .swiper-pagination{ bottom: 40px !important; }
.h_ad_box .swiper-pagination-bullet{ width: 14px; height: 14px; border-radius: 50%; background: #aba492; margin: 0 6px !important; opacity: 0.8; border: 0; cursor: pointer; display: inline-block; }
.h_ad_box .swiper-pagination-bullet-active { opacity: 1; background: #ffb404; }

.h_ad_box .swiper-button-next{ position:absolute; z-index: 10; right:0; top:50%; margin:-23px 0 0 0; width:30px; height:46px; color:#fff; background-color: #333; opacity: 0.5; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.h_ad_box .swiper-button-next::after{ content:'\e63d'; font-size:20px; font-family:'Hui-iconfont'; }
.h_ad_box .swiper-button-next:hover{ background-color: #ffb404; opacity: 0.8; }

.h_ad_box .swiper-button-prev{ position:absolute; z-index: 10; left:0; top:50%; margin:-23px 0 0 0; width:30px; height:46px; color:#fff; background-color: #333; opacity: 0.5; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.h_ad_box .swiper-button-prev::after{ content:'\e67d'; font-size:20px; font-family:'Hui-iconfont'; }
.h_ad_box .swiper-button-prev:hover{ background-color: #ffb404; opacity: 0.8; }

.h_ad_box.yige { height:auto; }




/*------------------Neiye------------------------------*/

.ny_ad_box{ margin:0; padding:0px; width:100%; text-align:center; overflow:hidden; display: flex; flex-direction:column; align-items: center; }
.ny_ad_box img{ width:100%; }




.ny_typecon_box{ margin:0 auto; margin-top:50px; width:1200px; text-align:center; overflow:hidden; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.ny_typecon_box a{ margin:18px 8px 0 8px; padding:0 18px; min-width:90px; height:40px; line-height:40px; font-size:16px; color:#000; border:#ccc 1px solid; }
.ny_typecon_box a:hover{ color:#ffb404; border:#ffb404 1px solid; }
.ny_typecon_box a.on{ color:#fff; background:#ffb404; border:#ffb404 1px solid; }
.ny_typecon_box a.on:hover{ color:#fff; }





.ny_location_box{ margin:0 auto; padding:14px 0 12px 0; width:1200px; border-bottom:#e5e5e5 1px solid; overflow:hidden;  display: flex; flex-wrap: wrap; flex-direction: row; justify-content:flex-start; }
.ny_location_box i{ margin-left:5px; color:#9c9c9c; line-height:25px; font-size:18px; }
.ny_location_box span{ margin:0 0 0 8px; width:auto; line-height:25px; color:#9c9c9c; font-size:16px; }
.ny_location_box span a{ color:#666; }
.ny_location_box span a:hover{ color:#ffb404; }




.ny_content_box{ margin:80px 0 0 0; width: 1200px; line-height:240%; font-size:14px; color:#333; overflow:hidden; display: flex; flex-direction:column; align-items: center; }



.ny_map_box{ margin:0 auto; margin-top:45px; padding:0px; width:1160px; text-align:center; overflow:hidden; }





.ny_about_box1{ margin: 0px; width: 100%; display: flex; flex-direction:column; align-items: center; }
.ny_about_box1 .h_typename{ margin:80px 0 0 0; width:100%; display:flex; justify-content: center; align-items: center; }
.ny_about_box1 .h_typename span{ margin:0; line-height:40px; font-size:30px; color:#666; }
.ny_about_box1 .h_typename i{ margin:0 25px; width:1px; height:26px; background-color:#808080; font-style:normal; }
.ny_about_box1 .h_typename em{ margin:0; line-height:40px; font-size:30px; color:#666; text-transform:uppercase; font-style:normal; }
.ny_about_box1 .h_content{ margin:40px 0 0 0; width: 1200px; line-height:240%; font-size:14px; color:#808080; overflow:hidden; }
.ny_about_box1 .h_imgbox{ margin:40px 0 0 0; width: 100%; text-align:center; overflow:hidden; display: flex; flex-direction:column; justify-content: center; align-items: center; }


.ny_about_box2{ margin: 0px; width: 100%; display: flex; flex-direction:column; align-items: center; }
.ny_about_box2 .h_typename{ margin:100px 0 0 0; width:1200px; display:flex; align-items: center; }
.ny_about_box2 .h_typename span{ margin:0; line-height:40px; font-size:30px; color:#666; }
.ny_about_box2 .h_typename i{ margin:0 25px; width:1px; height:26px; background-color:#808080; font-style:normal; }
.ny_about_box2 .h_typename em{ margin:0; line-height:40px; font-size:30px; color:#666; text-transform:uppercase; font-style:normal; }
.ny_about_box2 .h_smcon{ margin:25px 0 0 0; width:1200px; line-height:150%; color:#666; font-size:14px; overflow:hidden; display:flex; align-items: center; }

.ny_about_box2 .h_teambox{ margin:50px 0 0 0; width: 1200px; }
.ny_about_box2 .h_teambox .swiper-container{ position:relative; padding-bottom:70px; width:100%; }
.ny_about_box2 .h_teambox .swiper-container .swiper-wrapper{ width:100%; }
.ny_about_box2 .h_teambox .swiper-slide{ width:100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.ny_about_box2 .h_teambox .swiper-slide dl{ position:relative; margin:0px; width:300px; height:405px; }
.ny_about_box2 .h_teambox .swiper-slide dl dt{ margin:0; padding:10px; width:280px; height:385px; text-align:center; }
.ny_about_box2 .h_teambox .swiper-slide dl em{ position:absolute; z-index: -1; right:0; bottom:0; width:140px; height:85px; background-color:#ffb404; font-style:normal; }

.ny_about_box2 .h_teambox .swiper-slide dl dd{ position:absolute; z-index:2; left:0; top:0; margin:0px; width:100%; height:100%; background-color:#ffb404; cursor: pointer; display:none; overflow:hidden; }
.ny_about_box2 .h_teambox .swiper-slide dl dd .h_con{ margin:20px 10px; padding:0 10px; width:260px; height:365px; overflow-y:auto; }
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.ny_about_box2 .h_teambox .swiper-slide dl dd .h_con::-webkit-scrollbar {  
  width: 8px;  /*滚动条宽度*/
  height: 10px;  /*滚动条高度*/
} 
/*定义滚动条轨道 内阴影+圆角*/  
.ny_about_box2 .h_teambox .swiper-slide dl dd .h_con::-webkit-scrollbar-track {  
  -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);  
  border-radius: 0px;  /*滚动条的背景区域的圆角*/
  background-color: #999; /*滚动条的背景颜色*/  
  border-radius: 4px;
}  
/*定义滑块 内阴影+圆角*/  
.ny_about_box2 .h_teambox .swiper-slide dl dd .h_con::-webkit-scrollbar-thumb {  
  -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.6);
  border-radius: 4px;  /*滚动条的圆角*/
  background-color: #ddd;  /*滚动条的背景颜色*/
}
.ny_about_box2 .h_teambox .swiper-slide dl dd .h_con::-webkit-scrollbar-thumb:hover {  
  background-color: #eee;  /*滚动条的背景颜色*/
}
.ny_about_box2 .h_teambox .swiper-slide dl dd .h_con .title{ margin:0; width:100%; line-height:150%; font-size:16px; color:#fff; font-weight:bold; }
.ny_about_box2 .h_teambox .swiper-slide dl dd .h_con .con{ margin:6px 0 0 0; width:100%; line-height:190%; font-size:14px; color:#fff; overflow:hidden; }


.ny_about_box2 .h_teambox .swiper-pagination{ bottom:0px !important; height:30px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.ny_about_box2 .h_teambox .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 50%; background: #808080; margin: 0 5px !important; opacity: 0.8; border: 0; cursor: pointer; display: inline-block; }
.ny_about_box2 .h_teambox .swiper-pagination-bullet-active { width: 14px; height: 14px; opacity: 1; background: #ffb404; }

.ny_about_box2 .h_teambox .swiper-button-prev{ position:absolute; z-index: 10; left:0px; top:inherit; bottom:0px; margin:0px; width:30px; height:30px; line-height:30px; text-align:center; color:#808080; opacity: 0.8; cursor: pointer; }
.ny_about_box2 .h_teambox .swiper-button-prev::after{ content:'\e67d'; font-size:18px; font-family:'Hui-iconfont'; }
.ny_about_box2 .h_teambox .swiper-button-prev:hover{ color: #ffb404; opacity: 1; }

.ny_about_box2 .h_teambox .swiper-button-next{ position:absolute; z-index: 10; right:0px; top:inherit; bottom:0px; margin:0px; width:30px; height:30px; line-height:30px; text-align:center; color:#808080; opacity: 0.8; cursor: pointer; }
.ny_about_box2 .h_teambox .swiper-button-next::after{ content:'\e63d'; font-size:18px; font-family:'Hui-iconfont'; }
.ny_about_box2 .h_teambox .swiper-button-next:hover{ color: #ffb404; opacity: 1; }


.ny_about_box3{ margin: 0px; width: 100%; display: flex; flex-direction:column; align-items: center; }
.ny_about_box3 .h_typename{ margin:100px 0 0 0; width:100%; display:flex; justify-content: center; align-items: center; }
.ny_about_box3 .h_typename span{ margin:0; line-height:40px; font-size:30px; color:#666; }
.ny_about_box3 .h_typename i{ margin:0 25px; width:1px; height:26px; background-color:#808080; font-style:normal; }
.ny_about_box3 .h_typename em{ margin:0; line-height:40px; font-size:30px; color:#666; text-transform:uppercase; font-style:normal; }
.ny_about_box3 .h_brand{ margin:30px 0 0 0; width: 1200px; text-align:center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.ny_about_box3 .h_brand .item{ margin:40px 40px 0 40px; width:auto; overflow:hidden; }






.ny_product_box{ margin:0px; padding-bottom:120px; width: 100%; background-repeat:no-repeat; background-position:center top; display: flex; flex-direction:column; align-items: center; }
.ny_product_box .h_scontent{ margin:70px 0 0 0; width:1200px; line-height:240%; font-size:14px; color:#808080; overflow:hidden; }

.ny_product_box .h_brand_box{ margin:60px 0 0 0; padding-bottom:15px; width:100%; border-bottom:#babcba 2px solid; display: flex; flex-direction:column; align-items: center; }
.ny_product_box .h_brand_box .h_conbox{ margin:0; width:1000px; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.ny_product_box .h_brand_box .h_conbox span{ margin:10px 1% 0 1%; width:23%; line-height:50px; text-align:center; text-transform:uppercase; }
.ny_product_box .h_brand_box .h_conbox span a{ font-size:16px; color:#808080; display:block; }
.ny_product_box .h_brand_box .h_conbox span a:hover{ color:#333; }
.ny_product_box .h_brand_box .h_conbox span a.on{ font-size:18px; color:#ffb404; background:url(../images/line03.jpg) no-repeat center bottom; }


.ny_product_box .h_brand_box .swiper-button-next{ position:absolute; z-index: 10; right:60px; top:0; margin:0px; width:40px; height:50px; line-height:50px; text-align:center; color:#808080; opacity: 0.8; cursor: pointer; }
.ny_product_box .h_brand_box .swiper-button-next::after{ content:'\e63d'; font-size:18px; font-family:'Hui-iconfont'; }
.ny_product_box .h_brand_box .swiper-button-next:hover{ color: #ffb404; opacity: 1; }

.ny_product_box .h_type_box{ margin:20px 0 0 0; width:1200px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.ny_product_box .h_type_box a{ margin:0 25px; line-height:55px; font-size:16px; color:#808080; }
.ny_product_box .h_type_box a:hover{ color:#333; }
.ny_product_box .h_type_box a.on{ color:#ffb404; }


.ny_product_box .h_mainbox{ margin:60px 0 0 0; width:1200px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.ny_product_box .h_mainbox dl{ position:relative; margin:0px; padding:30px 39px; width:220px; text-align:center; border-right:#d5dad4 1px solid; border-bottom:#d5dad4 1px solid; }
.ny_product_box .h_mainbox dl dt{ margin:0px; padding:0px; width:100%; cursor:pointer; float:left; }
.ny_product_box .h_mainbox dl dt i{ margin:0px; width:100%; height:250px; float:left; overflow:hidden; }
.ny_product_box .h_mainbox dl dt i img{ width:100%; height:100%; object-fit:scale-down;}
.ny_product_box .h_mainbox dl dt span{ margin:16px 0 0 0; padding:0px; width:100%; height:44px; line-height:22px; font-size:14px; color:#808080; float:left;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ny_product_box .h_mainbox dl dd{ position:absolute; z-index:2; left:15px; top:15px; margin:0px; width:268px; height:340px; text-align:left; background-color:rgba(114,114,114,0.7); border-radius:10px; cursor: pointer; display:none; overflow:hidden; }
.ny_product_box .h_mainbox dl dd .con{ margin:20px 24px; width:220px; height:300px; line-height:23px; font-size:13px; color:#fff; float:left; overflow-y:auto; }
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.ny_product_box .h_mainbox dl dd .con::-webkit-scrollbar {  
  width: 8px;  /*滚动条宽度*/
  height: 10px;  /*滚动条高度*/
} 
/*定义滚动条轨道 内阴影+圆角*/  
.ny_product_box .h_mainbox dl dd .con::-webkit-scrollbar-track {  
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
  border-radius: 0px;  /*滚动条的背景区域的圆角*/
  background-color: #909090; /*滚动条的背景颜色*/  
  border-radius: 4px;
}  
/*定义滑块 内阴影+圆角*/  
.ny_product_box .h_mainbox dl dd .con::-webkit-scrollbar-thumb {  
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 4px;  /*滚动条的圆角*/
  background-color: #6f6f6f;  /*滚动条的背景颜色*/
}
.ny_product_box .h_mainbox dl dd .con::-webkit-scrollbar-thumb:hover {  
  background-color: #666;  /*滚动条的背景颜色*/
}

.ny_product_box .h_mainbox dl.bnline{ border-bottom:none; }
.ny_product_box .h_mainbox dl.dltd1{ }
.ny_product_box .h_mainbox dl.dltd2{ }
.ny_product_box .h_mainbox dl.dltd3{ }
.ny_product_box .h_mainbox dl.dltd0{ border-right:none; }
.ny_product_box .no_content{ margin:0px; padding:180px 0; width:100%; text-align:center; font-size:18px; color:#555; }







.ny_xszc_box{ margin:0px; width: 100%; display: flex; flex-direction:column; align-items: center; }
.ny_xszc_box .h_typename{ margin:70px 0 0 0; width:100%; display:flex; justify-content: center; align-items: center; }
.ny_xszc_box .h_typename span{ margin:0; line-height:40px; font-size:30px; color:#666; }
.ny_xszc_box .h_typename i{ margin:0 25px; width:1px; height:26px; background-color:#808080; font-style:normal; }
.ny_xszc_box .h_typename em{ margin:0; line-height:40px; font-size:30px; color:#666; text-transform:uppercase; font-style:normal; }

.ny_xszc_box .h_search{ margin:40px 0 0 0; padding:0px; width:365px; height:45px; border:#ccc 1px solid; border-radius:25px; }
.ny_xszc_box .h_search .s_text{ margin:0px; padding:0 0 0 20px; width:275px; height:45px; line-height:45px; font-size:14px; color:#909090; background:none; border:none; float:left; }
.ny_xszc_box .h_search .s_text::-webkit-input-placeholder{ color:#9f9f9f; }
.ny_xszc_box .h_search .s_sub{ margin:-1px -1px 0 0; padding:0px; width:60px; height:47px; line-height:47px; text-align:center; font-size:28px; color:#ccc; font-family:'Hui-iconfont'; background:none; border:#ccc 1px solid; border-radius:25px; cursor:pointer; float:right; }

.ny_xszc_box .h_mainbox{ margin:70px 0 0 0; padding:0px; width:1200px; display:flex; justify-content: center; }
.ny_xszc_box .h_mainbox .left_brand{ margin:0px; padding:0px; width:165px; }
.ny_xszc_box .h_mainbox .left_brand a{ margin:0px; width:100%; height:120px; background-color:#fff; border-radius:10px 0 0 10px; cursor:pointer; display:flex; flex-direction: column; justify-content: center; align-items: center; }
.ny_xszc_box .h_mainbox .left_brand a img{ width:70%; height:65%; object-fit:scale-down;}
.ny_xszc_box .h_mainbox .left_brand a.on{ background-color:#fff7e5; }

.ny_xszc_box .h_mainbox .right_conbox{ margin:0px; padding:38px; width:1035px; background-color:#fff7e5; border-radius:0 10px 10px 0; box-sizing:border-box; display:flex; }
.ny_xszc_box .h_mainbox .right_conbox .con_box{ margin:0; padding:0px; width:100%; height:100%; border:#ffd675 2px solid; border-radius:10px; box-sizing:border-box; overflow:hidden; }

.ny_xszc_box .h_mainbox .faq_box{ margin:0; padding:5px 30px 35px 30px; width:100%; box-sizing:border-box; display:flex; flex-wrap: wrap; justify-content: space-between; }
.ny_xszc_box .h_mainbox .faq_box dl{ margin:30px 0 0 0; width:420px; display: flex; flex-direction:column; align-items: center; }
.ny_xszc_box .h_mainbox .faq_box dl dt{ margin:0; width:100%; line-height:30px; font-size:18px; color:#000; display: flex; }
.ny_xszc_box .h_mainbox .faq_box dl dt i{ margin:0; font-style:normal; flex: 0 0 35px; text-align:right; font-family:Arial;}
.ny_xszc_box .h_mainbox .faq_box dl dt span{ margin:0 0 0 8px; flex: 1; }
.ny_xszc_box .h_mainbox .faq_box dl dd{ margin:8px 0 0 0; padding:0 0 0 43px; width:100%; line-height:180%; font-size:14px; color:#808080; box-sizing:border-box; overflow:hidden; }

.ny_xszc_box .h_mainbox .zzsm_box{ margin:0; padding:0 0 50px 0; width:100%; box-sizing:border-box; display:flex; flex-wrap: wrap; justify-content: space-evenly; }
.ny_xszc_box .h_mainbox .zzsm_box dl{ margin:50px 22px 0 22px; width:231px; cursor:pointer; }
.ny_xszc_box .h_mainbox .zzsm_box dl dt{ position:relative; margin:0px; width:100%; height:289px; background:url(../images/bg01.png) no-repeat; }
.ny_xszc_box .h_mainbox .zzsm_box dl dt img{ position:absolute; z-index:1; left:0; bottom:0; width:200px; height:260px; }
.ny_xszc_box .h_mainbox .zzsm_box dl dd{ margin:22px 0 0 0; width:100%; line-height:160%; font-size:14px; color:#333; text-align:center; }
.ny_xszc_box .h_mainbox .zzsm_box dl:hover img{ opacity: 0.8; }

.ny_xszc_box .h_mainbox .sqsj_box{ margin:0; padding:30px 0; width:100%; box-sizing:border-box; display:flex; flex-wrap: wrap; justify-content: space-evenly; }
.ny_xszc_box .h_mainbox .sqsj_box span{ margin:10px 0; padding:0; width:200px; line-height:160%; font-size:14px; color:#333; text-align:center; }





.ny_fangwei_box{ margin:0px; width: 100%; min-height:850px; background:url(../images/bg02.jpg) no-repeat center top; display: flex; flex-direction:column; align-items: center; }
.ny_fangwei_box .h_typename{ margin:90px 0 0 0; width:100%; display:flex; justify-content: center; align-items: center; }
.ny_fangwei_box .h_typename span{ margin:0; line-height:40px; font-size:30px; color:#666; }
.ny_fangwei_box .h_typename i{ margin:0 25px; width:1px; height:26px; background-color:#808080; font-style:normal; }
.ny_fangwei_box .h_typename em{ margin:0; line-height:40px; font-size:30px; color:#666; text-transform:uppercase; font-style:normal; }

.ny_fangwei_box .h_conbox{ margin:90px 0 0 0; width:100%; display:flex; flex-direction: column; align-items: center; }
.ny_fangwei_box .h_conbox form{ margin:0px; width:100%; display:flex; flex-direction: column; align-items: center; }
.ny_fangwei_box .h_conbox .s_text{ margin:0; padding:0 20px; width:540px; height:60px; line-height:60px; letter-spacing:2px; font-size:22px; color:#555; text-align:center; background:none; border:#ffb404 2px solid; border-radius:35px; }
.ny_fangwei_box .h_conbox .s_text::-webkit-input-placeholder{ color:#999; }
.ny_fangwei_box .h_conbox .s_sub{ margin:35px 0 0 0; padding:0px; width:160px; height:60px; line-height:60px; font-size:24px; color:#333; text-align:center; background:#ffb404; border:none; border-radius:35px; cursor:pointer; }
.ny_fangwei_box .h_conbox .s_sub:hover{ color:#fff; }

.ny_fangwei_box .h_jgbox{ margin:60px 0 0 0; width:800px; line-height:180%; font-size:14px; text-align:center; color:#f00; overflow:hidden; }





.ny_recipe_box{ margin:0px; width: 100%; display: flex; flex-direction:column; align-items: center; }
.ny_recipe_box .h_typename{ margin:70px 0 0 0; width:100%; display:flex; justify-content: center; align-items: center; }
.ny_recipe_box .h_typename span{ margin:0; line-height:40px; font-size:30px; color:#666; }
.ny_recipe_box .h_typename i{ margin:0 25px; width:1px; height:26px; background-color:#808080; font-style:normal; }
.ny_recipe_box .h_typename em{ margin:0; line-height:40px; font-size:30px; color:#666; text-transform:uppercase; font-style:normal; }

.ny_recipe_box .h_brand{ margin:60px 0 0 0; width:1000px; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.ny_recipe_box .h_brand span{ margin:10px 1% 0 1%; width:23%; line-height:50px; text-align:center; text-transform:uppercase; }
.ny_recipe_box .h_brand span a{ font-size:16px; color:#808080; display:block; }
.ny_recipe_box .h_brand span a:hover{ color:#333; }
.ny_recipe_box .h_brand span a.on{ font-size:18px; color:#ffb404; background:url(../images/line03.jpg) no-repeat center bottom; }

.ny_recipe_box .h_search{ margin:50px 0 0 0; padding:0px; width:365px; height:45px; border:#ccc 1px solid; border-radius:25px; }
.ny_recipe_box .h_search .s_text{ margin:0px; padding:0 0 0 20px; width:275px; height:45px; line-height:45px; font-size:14px; color:#909090; background:none; border:none; float:left; }
.ny_recipe_box .h_search .s_text::-webkit-input-placeholder{ color:#9f9f9f; }
.ny_recipe_box .h_search .s_sub{ margin:-1px -1px 0 0; padding:0px; width:60px; height:47px; line-height:47px; text-align:center; font-size:28px; color:#ccc; font-family:'Hui-iconfont'; background:none; border:#ccc 1px solid; border-radius:25px; cursor:pointer; float:right; }

.ny_recipe_box .h_typecon{ margin:85px 0 0 0; width:100%; min-height:630px; background-repeat:no-repeat; background-position:center center; display: flex; justify-content: center; align-items: center; }
.ny_recipe_box .h_typecon a{ margin:0 25px; width:255px; height:220px; opacity:0.7; display:block; }
.ny_recipe_box .h_typecon a img{ width:100%; height:100%; object-fit:scale-down; }
.ny_recipe_box .h_typecon a.on{ opacity:1; }

.ny_recipe_box .h_listbox{ margin:50px 0 0 0; width:1200px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.ny_recipe_box .h_listbox dl{ margin:60px 0 0 0; width:260px; display: flex; flex-direction: column; }
.ny_recipe_box .h_listbox dl dt{ margin:0px; width:100%; height:300px; text-align:center; }
.ny_recipe_box .h_listbox dl dt img{ width:100%; height:100%; }
.ny_recipe_box .h_listbox dl dd{ margin:0px; width:100%; display: flex; flex-direction: column; align-items: center; }
.ny_recipe_box .h_listbox dl dd .title{ margin:32px 0 0 0; width:100%; line-height:160%; font-size:14px; color:#333; text-align:center; }
.ny_recipe_box .h_listbox dl dd .more{ margin:20px 0 0 0; width:100px; height:36px; line-height:36px; font-size:15px; text-align:center; }
.ny_recipe_box .h_listbox dl dd .more a{ color:#fff; background-color:#ffb404; border-radius:5px; display:block; }
.ny_recipe_box .h_listbox dl dd .more a:hover{ color:#fff; background-color:#005b9b; }
.ny_recipe_box .no_content{ margin:0px; padding:180px 0; width:100%; text-align:center; font-size:18px; color:#555; }





/*.ny_recipe_xx_box .h_main_box{ margin:0px; width: 1200px; display: flex; flex-direction:column; align-items: center; }
.ny_recipe_xx_box .h_main_box .h_typename{ margin:70px 0 0 0; width:100%; display:flex; justify-content: center; align-items: center; }
.ny_recipe_xx_box .h_main_box .h_typename span{ margin:0; line-height:40px; font-size:30px; color:#666; }
.ny_recipe_xx_box .h_main_box .h_typename i{ margin:0 25px; width:1px; height:26px; background-color:#808080; font-style:normal; }
.ny_recipe_xx_box .h_main_box .h_typename em{ margin:0; line-height:40px; font-size:30px; color:#666; text-transform:uppercase; font-style:normal; }

.ny_recipe_xx_box .h_main_box .h_title{ margin:90px 0 0 0; padding-bottom:25px; width:100%; line-height:170%; font-size:18px; color:#333; font-weight:bold; border-bottom:#ddd 1px solid; }
.ny_recipe_xx_box .h_main_box .h_content{ margin:30px 0 0 0; width:100%; font-size:14px; overflow:hidden; }
*/


.ny_recipe_xx_box{ margin:0; width:100%; display: flex; flex-direction:column; align-items: center; }
.ny_recipe_xx_box .h_main_box{ margin:-75px 0 0 0; padding:25px 40px 0 40px; width:1200px; min-height:250px; box-sizing:border-box; display: flex; flex-direction:column; align-items: center; border-radius:12px 12px 0 0; background-color:#fff; }
.ny_recipe_xx_box .h_main_box .h_location_box{ margin:0; width:100%; font-size:13px; color:#999; }
.ny_recipe_xx_box .h_main_box .h_location_box a{ color:#333; text-decoration:underline }
.ny_recipe_xx_box .h_main_box .h_location_box a:hover{ color:#ffb404; }

.ny_recipe_xx_box .h_main_box .h_info_box{ margin:0; padding-bottom:35px; width:100%; border-bottom:#999 1px solid; display:flex; justify-content: space-between; }
.ny_recipe_xx_box .h_main_box .h_info_box .left_box{ margin:0; width:620px; display:flex; flex-direction: column; }
.ny_recipe_xx_box .h_main_box .h_info_box .left_box .h_title{ margin:20px 0 0 0; width:100%; line-height:150%; font-size:28px; font-weight:bold; color:#333; overflow:hidden; }
.ny_recipe_xx_box .h_main_box .h_info_box .left_box .h_scontent{ margin:20px 0 0 0; width:100%; line-height:180%; font-size:14px; color:#333; overflow:hidden; }
.ny_recipe_xx_box .h_main_box .h_info_box .left_box .h_shopurl{ margin:30px 0 0 0; width:100%; display:flex; align-items: center; }
.ny_recipe_xx_box .h_main_box .h_info_box .left_box .h_shopurl .icon{ margin:0; width:40px; }
.ny_recipe_xx_box .h_main_box .h_info_box .left_box .h_shopurl .icon img{ width:100%; }
.ny_recipe_xx_box .h_main_box .h_info_box .left_box .h_shopurl a{ margin:0 20px; width:auto; font-size:18px; color:#333; text-decoration:underline; }
.ny_recipe_xx_box .h_main_box .h_info_box .left_box .h_shopurl a:hover{ color:#ffb404; }

.ny_recipe_xx_box .h_main_box .h_info_box .right_box{ margin:20px 0 0 0; width:450px; display:flex; justify-content: space-between; }
.ny_recipe_xx_box .h_main_box .h_info_box .right_box dl{ margin:0; width:31%; display:flex; flex-direction: column; }
.ny_recipe_xx_box .h_main_box .h_info_box .right_box dl dt{ margin:0; width:100%; height:40px; text-align:center; overflow:hidden; }
.ny_recipe_xx_box .h_main_box .h_info_box .right_box dl dt img{ height:100%; }
.ny_recipe_xx_box .h_main_box .h_info_box .right_box dl dd{ margin:13px 0 0 0; width:100%; text-align:center; display:flex; flex-direction: column; }
.ny_recipe_xx_box .h_main_box .h_info_box .right_box dl dd b{ margin:0; width:100%; line-height:150%; font-size:14px; color:#333; }
.ny_recipe_xx_box .h_main_box .h_info_box .right_box dl dd p{ margin:8px 0 0 0; width:100%; line-height:160%; font-size:14px; color:#333; }

.ny_recipe_xx_box .h_main_box .h_content_box{ margin:0px; width:100%; display:flex; justify-content: space-between; }
.ny_recipe_xx_box .h_main_box .h_content_box .h_content{ margin:30px 0 0 0; width:48%; font-size:14px; overflow:hidden; }

.ny_recipe_xx_box .h_xgpro_box{ margin:40px 0 0 0; padding:60px 0; width:100%; display: flex; flex-direction:column; align-items: center; background-color:#FFD152; }
.ny_recipe_xx_box .h_xgpro_box .con_box{ margin:0; width:1200px; display: flex; flex-direction:column; align-items: center; }
.ny_recipe_xx_box .h_xgpro_box .con_box .h_typename{ margin:20px 0 0 0; width:100%; line-height:150%; font-size:34px; font-weight:bold; color:#333; text-align:center; }

.ny_recipe_xx_box .h_xgpro_box .con_box .h_prolist{ margin:60px 0 0 0; width:100%; display:flex; flex-wrap: wrap; justify-content: space-between; }

.ny_recipe_xx_box .h_xgpro_box .con_box .h_prolist dl{ position:relative; margin:0px; padding:15px 24px; width:220px; text-align:center; }
.ny_recipe_xx_box .h_xgpro_box .con_box .h_prolist dl dt{ margin:0px; padding:0px; width:100%; cursor:pointer; float:left; }
.ny_recipe_xx_box .h_xgpro_box .con_box .h_prolist dl dt i{ margin:0px; width:100%; height:250px; float:left; overflow:hidden; }
.ny_recipe_xx_box .h_xgpro_box .con_box .h_prolist dl dt i img{ width:100%; height:100%; object-fit:scale-down;}
.ny_recipe_xx_box .h_xgpro_box .con_box .h_prolist dl dt span{ margin:16px 0 0 0; padding:0px; width:100%; height:44px; line-height:22px; font-size:14px; color:#333; float:left;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ny_recipe_xx_box .h_xgpro_box .con_box .h_prolist dl dd{ position:absolute; z-index:2; left:0; top:0; margin:0px; width:268px; height:340px; text-align:left; background-color:rgba(114,114,114,0.7); border-radius:10px; cursor: pointer; display:none; overflow:hidden; }
.ny_recipe_xx_box .h_xgpro_box .con_box .h_prolist dl dd .con{ margin:20px 24px; width:220px; height:300px; line-height:23px; font-size:13px; color:#fff; float:left; overflow-y:auto; }
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.ny_recipe_xx_box .h_xgpro_box .con_box .h_prolist dl dd .con::-webkit-scrollbar {  
  width: 8px;  /*滚动条宽度*/
  height: 10px;  /*滚动条高度*/
} 
/*定义滚动条轨道 内阴影+圆角*/  
.ny_recipe_xx_box .h_xgpro_box .con_box .h_prolist dl dd .con::-webkit-scrollbar-track {  
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
  border-radius: 0px;  /*滚动条的背景区域的圆角*/
  background-color: #909090; /*滚动条的背景颜色*/  
  border-radius: 4px;
}  
/*定义滑块 内阴影+圆角*/  
.ny_recipe_xx_box .h_xgpro_box .con_box .h_prolist dl dd .con::-webkit-scrollbar-thumb {  
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 4px;  /*滚动条的圆角*/
  background-color: #6f6f6f;  /*滚动条的背景颜色*/
}
.ny_recipe_xx_box .h_xgpro_box .con_box .h_prolist dl dd .con::-webkit-scrollbar-thumb:hover {  
  background-color: #666;  /*滚动条的背景颜色*/
}





.ny_parnext_box{ margin:0 auto; margin-top:35px; padding:17px 0 0 0; width:1200px; border-top:#ddd 1px solid; overflow:hidden; }
.ny_parnext_box span{ margin:0 0 0 20px; width:1160px; line-height:32px; font-size:16px; color:#999; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ny_parnext_box span a{ color:#505050; }
.ny_parnext_box span a:hover{ color:#ffb404; }



/*------------页码0----------*/
.page_box{ margin:70px 0 0 0; width:100%; font-family:"微软雅黑","宋体"; display: flex; justify-content: center; align-items: center; }
.page_box i{ margin:0 5px; padding:5px; color:#2b2b2b; font-size:20px; font-weight: bold; font-style:normal; }
.page_box i a{ color: #2b2b2b; display: block; }
.page_box i a:hover{ color:#ffb404; }
.page_box i a.prev::after{ content: '\e6d4'; font-family: 'Hui-iconfont'; }
.page_box i a.next::after{ content: '\e6d7'; font-family: 'Hui-iconfont'; }
.page_box i a.dis{ color: #999; }
.page_box i a.dis:hover{ color: #999; }

.page_box span{ margin:0; padding:0px; font-size:16px; font-family: Arial; display: flex; align-items: center; }
.page_box span a{ margin:0 8px; padding:1px 2px; height:30px; line-height: 30px; color:#2b2b2b; display:block; }
.page_box span a:hover{ color:#ffb404; }
.page_box span a.on{ padding:1px 3px 0 3px; color: #ffb404; border-bottom: #ffb404 1px solid; }
.page_box span a.on:hover{ color: #ffb404; }

/*------------页码1----------*/

/*------------------footer------------------------------*/
.f_padheght{ margin:0; width:100%; height:60px; display: flex; flex-direction:column; align-items: center; }
.f_padheght1{ margin:0; width:100%; height:210px; display: flex; flex-direction:column; align-items: center; }


.bottom_box{ position:relative; margin:0; width:100%; display: flex; flex-direction:column; align-items: center; }
.bottom_box .gotop_box{ position:absolute; z-index:2; left:50%; top:-100px; margin:0 0 0 -50px; width:120px; font-size:16px; display: flex; justify-content: center; align-items: center; }
.bottom_box .gotop_box a{ padding:0 0 0 25px; width:auto; line-height:22px; color:#808080; background:url(../images/icon_01.png) no-repeat left center; display:block; }
.bottom_box .gotop_box a:hover{ color:#ffb404; }

.bottom_box .main_box1{ margin:0; width:1200px; display: flex; justify-content: space-between; }
.bottom_box .main_box1 .left_con{ margin:0px; width:140px; }

.bottom_box .main_box1 .right_con{ margin:0px; width:980px; display: flex; justify-content: space-between; }
.bottom_box .main_box1 .right_con dl{ margin:0 0 0 10px; display:flex; flex-direction: column; }
.bottom_box .main_box1 .right_con dl dt{ margin:0px; line-height:35px; font-size:16px; }
.bottom_box .main_box1 .right_con dl dt a{ color:#555; }
.bottom_box .main_box1 .right_con dl dt a:hover{ color:#ffb404; }

.bottom_box .main_box1 .right_con dl dd{ margin:12px 0 0 0; padding:0px; display:flex; flex-direction: column; }
.bottom_box .main_box1 .right_con dl dd span{ margin:0px; padding:6px 0; width:100%; line-height:20px; font-size:13px; }
.bottom_box .main_box1 .right_con dl dd span a{ color:#808080; }
.bottom_box .main_box1 .right_con dl dd span a:hover{ color:#ffb404; }

.bottom_box .main_box2{ margin-top:45px; padding:40px 0; width:1200px; line-height:190%; font-size:14px; color:#808080; border-top:#808080 1px solid; overflow:hidden; display: flex; }
.bottom_box .main_box2 a{ color:#808080; }
.bottom_box .main_box2 a:hover{ color:#ffb404; }





#online_box{ position:fixed; z-index:30; top:155px; right:0px; width:176px; height:auto; display:inline; overflow:hidden; }
#online_box .kf_show{ margin:0px; width:176px; height:auto; float:left; display:inline; overflow:hidden; }
#online_box .kf_show .kf_top{ margin:0px; width:176px; height:68px; background:url(../online/kf_top.png) no-repeat; float:left; display:inline; overflow:hidden;}
#online_box .kf_show .kf_top i{ margin:0px; width:25px; height:22px; color:#fff; font-size:22px; cursor:pointer; font-style:normal; float:right; display:block; }

#online_box .kf_show .kf_mid{ margin:0px; padding-bottom:12px; width:176px; background:url(../online/kf_bg.jpg) repeat-y; float:left; display:inline; overflow:hidden; }
#online_box .kf_show .kf_mid b{ margin:8px 0 0 13px; width:151px; height:29px; line-height:29px; background:url(../online/kf_qqbg.jpg) no-repeat; float:left; display:inline; }
#online_box .kf_show .kf_mid b a{ padding-left:25px; width:126px; height:29px; color:#fff; display:block; }
#online_box .kf_show .kf_mid b a:hover{ padding-left:25px; width:126px; height:29px; color:#FFFF00; display:block; }

#online_box .kf_show .kf_mid i{ margin:12px 0 0 0; width:176px; text-align:center; float:left; display:inline; }
#online_box .kf_show .kf_mid u{ margin:10px 0 0 0; width:176px; text-align:center; float:left; display:inline; }

#online_box .kf_show .kf_foot{ margin:0px; width:176px; height:8px; background:url(../online/kf_foot.png) no-repeat; float:left; display:inline; overflow:hidden;}
#online_box .kf_hid{ margin:0px; width:30px; height:150px; background:url(../online/kf_hidimg.png) no-repeat; cursor:pointer; float:left; display:none; overflow:hidden; }

/*----------------------------------------------------*/



/* 鼠标移到图片上效果0 */
.eff_img{ position: relative; cursor:pointer; overflow:hidden; }

.eff_img .shade{ position:absolute; z-index:5; top:100%; left:0px; width:100%; height:100%; background:#fff; opacity:0.6; filter:alpha(opacity=60); transition:0.5s all; display:block; }
.eff_img:hover .shade{ top:0px; transition:0.6s ease-in-out; }

.eff_img .img_icon{ position: absolute; z-index:8; top:50%; left:-100%; margin-left:-17px; margin-top:-17px; transform:rotate(360deg);transition:0.6s ease-in-out; display:inline-block; }
.eff_img:hover .img_icon{ left:50%; transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}

.eff_img img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img:hover>img{
    transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}



.eff_img1{ overflow:hidden; }
.eff_img1 img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img1:hover a>img{
    transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}



.eff_img2{ overflow:hidden; }
.eff_img2 img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img2:hover img{
    transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}


.eff_img3{ position: relative; cursor:pointer; overflow:hidden; }

.eff_img3 .shade{ position:absolute; z-index:5; top:100%; left:0px; width:100%; height:100%; background:#fff; opacity:0.6; filter:alpha(opacity=60); transition:0.5s all; display:block; }
.eff_img3:hover .shade{ top:0px; transition:0.6s ease-in-out; }

.eff_img3 .img_icon{ position: absolute; z-index:8; top:50%; left:-100%; margin-left:-17px; margin-top:-17px; transform:rotate(360deg);transition:0.6s ease-in-out; display:inline-block; }
.eff_img3:hover .img_icon{ left:50%; transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}



.eff_img4 img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img4:hover img{
    transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}

/* 鼠标移到图片上效果1 */