@charset "utf-8";
*{ margin:0; padding:0}
body,ul,ol,li,h1,h2,h3,h4,h5,h6,table,td,img,div,dl,dt,dd,form,img,p,font {margin:0;padding:0;border:0;font-size:12px; list-style:none; letter-spacing:0px; font-family:Arial, Helvetica, sans-serif; font-weight:lighter;word-break:break-all;}
body{ line-height:22px; letter-spacing:1px; }
body, html{ height:100%; width:100%; } 
.display{display:none;}
a{ color:#666666; text-decoration:none;}

.clearff:after {
     content: "";
     height: 0;
     display: block;
     clear: both;
}
.clear-2{clear:both; height:2px;}
.clear{clear:both; height:10px;}
.clear1{clear:both; }
.clear2{clear:both; height:20px;}
.clear3{clear:both;  height:5px; display:inline;}
.clear4{clear:both;  height:30px;}
.clear5{clear:both;  height:35px;}

.first{width:100%; height:28px; line-height:28px; background:#F4F4F4;}
	.first_top{margin:auto; width:1020px; }	
		.first_left{float:left; width:470px; color:#626262;}
			.first_left a{color:#317EE7; text-decoration:none; padding:0px 5px;} .first_top_left a:hover{color:#EE2210; text-decoration:none;}
			.first_left span{float:right;color:#317EE7}
			.first_left font{color:#CCC3CC;}
		.first_right{float:right; width:500px; height:28px;position:relative;}
			.f_show_navi{ position:absolute;top:-1px; right:0;}
			.f_show_navi li{float:left; margin-left:8px;padding-top:1px;padding-bottom:0px;  position:relative;width:108px}
			.f_show_navi li span{float:left; width:17px; height:17px; margin-top:5px; margin-right:5px;}
				.f_span01{ background:url(../images/index_01.png)  0px  -14px   no-repeat;}
				.f_span02{ background:url(../images/index_01.png)  -21px  -14px   no-repeat;}
				.f_span03{ background:url(../images/index_01.png)  -42px  -14px   no-repeat;}
			.f_show_navi li font{ float:right;font-size:14px; color:#317EE7; margin-left:5px;}
			.f_navi_buy{ padding:0px 8px;  line-height:27px; border:1px solid #F4F4F4; border-bottom:none; position:relative; z-index:10; display:block;}
			.f_show_navi li:hover .f_navi_buy{background:#FFFFFF; padding:0px 8px; border:1px solid #BFBFBF; border-bottom:none; color:#317EE7;}
			.f_show_navi li b{ float:right;width:12px; height:12px; background:url(../images/index_01.png)  0px  -2px   no-repeat; margin-left:5px; margin-top:10px;}
			.f_show_navi li:hover b{ background:url(../images/index_01.png)  -19px  -3px   no-repeat; }
			.f_navi_bd{position:absolute; top:28px; right:0px; width:150px;border:1px solid #BFBFBF; z-index:9;  background:#FFFFFF;display:none;}
			.f_show_navi li:hover .f_navi_bd{display: block;}
				.f_show_navi li .f_navi_bd li{width:150px; height:30px; line-height:30px; margin-left:0px; }	
				.f_show_navi li .f_navi_bd li h6{padding:0px 5px;height:30px;line-height:30px;margin:0px}
				.f_show_navi li .f_navi_bd li:hover h6{ background:#317EE7; color:#FFFFFF; }			
.second{ margin:auto;width:1020px; height:125px; }
	.second_logo{float:left; width:250px; height:125px;}
	.second_search{float:right; width:730px; height:125px; }
	.second_search li{float:left; width:730px;}
		.search_back{/* height:40px; */background:#317EE7;margin-top:30px;padding:3px;position:relative;}
		.search_put{float:left;width:580px;box-sizing: content-box;height:40px;background:#FFFFFF url(../images/index_01.png)  -60px -3px   no-repeat;color:#000!important;padding-left:26px;line-height:40px;border:none;}
		.search_button{float:right; width:100px; height:40px; background:none; border:none; cursor:pointer; color:#FFFFFF; text-align:center;}
		.search_key{ line-height:30px;  padding:3px; font-size:12px;}
			.search_key a{color:#666666; text-decoration:none; padding:0px 3px;} .search_key a:hover{color:#317EE7; text-decoration:none;}
			.search_key font{color:#3257EA;}
			.search_key span{float:right; width:41px; height:20px; margin-top:6px;background:#FFFFFF url(../images/index_01.png)  0px -38px   no-repeat; }
		.search_back .search_input{ float:left;width:100px; height:40px; line-height:40px;color:#9C9C9C; border:none;}
		.search_back select{ border: none;color: #555555;font-size: 14px;margin: 0; line-height:40px;}	
		.second_search .select_show {float:left;position: absolute;left:500px;width: 83px;box-sizing: content-box;height:40px;background:#FFFFFF;z-index:2;cursor:pointer;padding:0px 10px;border-left:1px solid #F3F3F3;}
			.search_cate{text-align:center;line-height:40px;box-sizing: content-box;}	
			.second_search .select_show .ico {  border-color: #666666 #fff #fff;  border-style:solid;  border-width: 4px;  font-size: 0;   height: 0; line-height: 0;  position: absolute;  right:6px;    top:17px; z-index:1;  }
 			.second_search .select_show ul{display:none;border-bottom: 2px solid #317EE7;border-left: 2px solid #317EE7;border-right: 2px solid #317EE7;position:absolute;width:110px;box-sizing: content-box;top:40px;right:-7px;z-index:9999;}
			/*.second_search .select_show:hover ul{display:block;}*/
			.second_search .select_show ul li{ height:30px;  line-height:30px; color:#666666;   text-indent: 8px; width:110px; cursor:pointer; background:#FFFFFF;}
			.second_search .select_show ul li:hover{background:#F8F8F8;}

		
.second_search .select_js {float:left;  position: absolute;left:500px; width: 83px; height:40px; z-index:2; cursor:pointer;padding:0px 10px;}
.second_search .select_js p { border-left: 1px solid #E8E8E8;  font-size: 12px; font-weight: 400; height:40px;    line-height:40px;    padding-left: 18px; color:#666; overflow:hidden;}
.second_search .select_js .ico {  border-color: #666666 #F1F9FF #F1F9FF;  border-style:solid;  border-width: 4px;  font-size: 0;   height: 0; line-height: 0;  position: absolute;  right: 5px;    top:17px; z-index:1;  }
.second_search .select_js ul{ display:none;  border-bottom: 2px solid #317EE7;  border-left: 2px solid #317EE7;  border-right: 2px solid #317EE7;  position:absolute;    width: 97px; right:10; z-index:9999; }
.second_search .select_js:hover ul{display:block;}
.second_search .select_js ul li{ height:30px;  line-height:30px; color:#666666;   text-indent: 8px; width:97px; cursor:pointer; background:#FFFFFF;}
.second_search .select_js ul li:hover{background:#F8F8F8;}

.two{ margin:auto;width:1020px; }
	.two_logo{float:left; width:250px; height:90px;}
	.two_search{float:right; width:630px; height:90px; }
	.two_search li{float:left; width:620px;}
		.two_search_back{height:40px; background:#317EE7; margin-top:20px; padding:3px;}
		.two_search_put{float:left; width:480px; height:40px;background:#FFFFFF url(../images/index_01.png)  -60px -3px   no-repeat; color:#CCCCCC; padding-left:26px; line-height:40px;  border:none; }
		.two_search_button{float:right; width:100px; height:40px; background:none; border:none; cursor:pointer; color:#FFFFFF; text-align:center;}
	.two_end{ width:100%; height:10px;background:url(../images/index_10.png) repeat-x; clear:both;}


.third{width:100%; height:50px;background:url(../images/index_02.png) repeat-x;}
	.third_nav{margin:auto; width:1020px; height:38px; }
	.t_menu{float:left; width:250px; height:37px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; position:relative;box-sizing: content-box;} 
		.t_menu_top{float:left; width:250px; height:37px; }
		.t_menu span{float:left; width:20px; height:20px; margin:8px 10px 0px 10px;background:url(../images/index_01.png)  0px -108px   no-repeat;}
		.t_menu_cate{float:left; display:inline;line-height:37px; font-size:18px; color:#FFFFFF;}
	.postion_menu{position:absolute; width:250px; top:37px; left:0; right:0; padding-top:10px; background:#FFFFFF; border:1px solid #F3F3F3;z-index:999}
		.postion_menu_list{float:left;width:248px; /* height: 520px; */ }
		.postion_menu_list li{float:left; width:248px; height: 48px; margin:0px; line-height:20px;position:relative; border-top:1px solid #FFFFFF;  border-bottom:1px solid #FFFFFF;  border-right:1px solid #FFFFFF;background:#FFFFFF}
		.postion_menu_list .postion_lidiv{width: 248px; height: 48px; display:table; padding-left:0;transition:width 1s;
-moz-transition:width 1s; /* Firefox 4 */
-webkit-transition:width 1s; /* Safari and Chrome */
-o-transition:width 1s; /* Opera */}
        .postion_lidiv span{margin-top:13px!important;}
		.postion_menu_list .postion_lidiv:hover{ width:260px;}
		.postion_menu_list li span{float:right; width:20px; height:20px; margin-top: 10px; background:url(../images/index_01.png)  -22px -108px   no-repeat;}
			.postion_menu_list li font{ text-align:left;width:200px; font-size:14px; color:#666666; line-height:12px; padding-left:15px;vertical-align:middle;  display:table-cell; overflow:hidden;transition:width 1s,padding 1s;
-moz-transition:width 1s,padding 1s; /* Firefox 4 */
-webkit-transition:width 1s,padding 1s; /* Safari and Chrome */
-o-transition:width 1s,padding 1s; /* Opera */  }
		.postion_menu_list li font:hover{ width:210px; padding-left:30px;}
		.postion_menu_list li:hover{box-shadow: 1px 0px 1px 0px #F3F3F3; border-top:1px solid #F3F3F3;border-bottom:1px solid #F3F3F3; z-index:99999999999;}
	    .postion_more{float:left; padding-left: 15px;width:248px; height:50px; }	
		.postion_more h1{ width:248px; text-align: left;font-size:16px; color:#317EE7; line-height: 50px; display:block; cursor:pointer;}
		.postion_more h1:hover{color:#d60808;}
		.postion_menu_list li:hover .p_menu_postion{display:block;}
		.postion_menu_list .p_postion{width: 2px; height: 48px; background:#FFFFFF; position:absolute; left: -2px; top:0px;}
		.p_menu_postion{position:absolute; width:720px; height:260px; top:-2px; left:245px; border:2px solid #317EE7; padding:10px; z-index:9999999; background:#FFFFFF; display:none;}
		.p_menu_ul01{float:left; width:350px; height:150px; margin:5px; }
		.p_menu_ul01 h1{float:left; width:350px; height:35px; line-height:35px; color:#000000;}
		.p_menu_ul01 h2{float:left; padding:0px 10px; background:#FFFFFF; margin:2px; border:1px solid #E6E6E6;}
		.p_menu_ul01 h2:hover{background:#317EE7; color:#FFFFFF;}
		.p_menu_ul01 strong{color:#FF0000; font-weight:lighter; display:inline;}
		.p_menu_ul01 strong:hover{background:#317EE7; color:#FFFFFF;}
		.p_menu_ul02{float:left; width:690px; height:70px; margin:5px; padding:20px 10px 0px 10px; border-top:1px solid #CCCCCC; position:relative;}
			.p_menu_ul02 h3{line-height:30px; height:30px; padding:5px 20px; background:#FFFFFF; font-size:14px;  position:absolute; top:-20px; left:-10px;}
			.p_menu_ul02 h4{ float:left;color:#888888; font-size:12px; padding:0px 5px;}
			.p_menu_ul02 h4:hover{color:#FFFFFF; background:#317EE7; display:inline;}

		.postion_menu_list li:hover .p_navi_postion{display:block;transform:translate(5px,0px);}
		.p_navi_postion{position:absolute; width:642px; top:-1px; left:245px; left:250px\0;border:1px solid #eee; padding:10px;  z-index:9999999; background:#FFFFFF; display:none;}
		.p_navi_ul01{float:left; width:400px; margin:5px; border-right:1px dashed #EEEEEE;}
			.p_navi_ul01 dd{float:left; width:200px; height: 30px; line-height: 30px; } 
			.p_navi_ul01 dd h2{ float:left; padding:0px 10px; line-height:25px;height:25px; overflow:hidden;  background:#FFFFFF;  border:0px; font-weight:lighter;}
			.p_navi_ul01 dd h2.seemore{color:#d60808;}
			.p_navi_ul01 dd h2 .seemore:hover{ background:#d60808; color:#FFFFFF}
			.p_navi_ul01 dd h2:hover{ background:#d60808; color:#FFFFFF;line-height:25px;height:25px;}
			.p_navi_ul01 dd b{ float:left; width:12px; height:12px; background:url(../images/index_01.png)  0px  -2px   no-repeat; margin-left:5px; margin-top:10px;}			
			/*
			.p_navi_ul01 dd:hover b{ background:url(../images/index_01.png)  -19px  -3px   no-repeat; }
			*/
 		.p_advice_ul02{float:right; width:220px; margin:5px; padding:0px; position:relative;}
		.p_advice_ul02 h4{position:absolute; width:125px; height: 25px; line-height: 20px; background:url(../images/index_17.png) no-repeat;left:-4px; top: -10px; padding-left:10px; color:#FFFFFF;}
		.p_advice_ul02 dd{/* float:left; */ width: 210px;margin-top:10px;height: 60px; background:#F9F9F9; /* border-bottom:1px solid #EEEEEE; */-webkit-transition:background-color .3s ease-in;
	-moz-transition:background-color .3s ease-in;
	transition:background-color .3s ease-in;word-break:break-all;}
		.p_advice_ul02 dd:hover{background:#317ee7; color:#fff;}
		.p_advice_ul02 dd:hover a{color:#fff;}
		.p_advice_ul02 dd:last-child{ border:none;}{background:#317ee7;color:#fff;}
		.p_advice_ul02 span{margin:0px; padding:0px;}
		.p_advice_ul02 .p_ad_span01{float:left; width:50px; height:50px; margin-top: 5px;padding-left: 5px; background:none;}
		.p_advice_ul02 .p_ad_span01 img{width:50px; height:50px;}
		.p_advice_ul02 .p_ad_span02{float:left; width:130px; height: 40px; line-height: 20px; padding-left:10px;background:none;overflow: hidden;word-wrap: break-word; word-break: normal;display:block;}	
	
	
	.t_nav{float:right; width:720px; height:37px; line-height:37px;  }
		.t_nav li{float:left; text-align:center;}
		.t_nav li{width:140px; color:#FFFFFF; font-size:14px;height:37px;}
		.t_nav li a{color:#fff;}
		.t_nav li:hover{background:#1D71E3;width:140px;}

.fourth{ margin:auto;width:1020px; }
	.f_top{float:right; width:750px; height:545px;}
	.f_head{width:760px; height:285px;}
	.f_head_pic{float:left; width:500px; height:280px; padding:1px; }
		/*左滑*/
		.luara-left{position:relative;padding:0;overflow: hidden;}
		.luara-left ul{position: relative;padding: inherit;margin: 0;}
		.luara-left ul li{float: left;padding: inherit;margin: inherit;list-style: none;}
		.luara-left ul li img{width: inherit;height: inherit;}
		.example{}
		.example ol{position:relative;width:100px;height:5px;top:-30px;left:390px;}
		.example ol li{float:left;width:20px;height:5px;margin: 5px;background: #DFDFDF;}
		.example ol li.seleted{background: #DC3250;}
		
	.f_head_mess{float:right; width:250px; height:280px; overflow:hidden;}
	.f_login{float:left; width:248px;  border:1px solid #E6E6E6;}
		.f_login li{float:left; width:123px; height:40px; border-right:1px solid #E6E6E6; color:#626262; text-align:center;}
		.f_login li:last-child{ border:none;}
		.f_login li span{line-height:40px; font-size:14px;}
		.f_login li img{ width:20px; height:20px; vertical-align:middle;}	
		.f_login li:hover{background:#EEEEEE; }
	.f_news{float:left; margin-top:5px; width:248px; height:230px; background:#FFFFFF;  border:1px solid #E6E6E6;}	
		.f_news_title{float:left; width:248px; height:40px; line-height:40px;}
			.f_news_title li{ float:left;  width:124px; background:#E6E6E6;}
				.f_news_title li.selectTag { width:124px; color:#969696; display:block; background:#FFFFFF;}			
			.f_news_title span{width:105px;  text-align:center;  font-weight:lighter;padding-left:20px}
		.f_news_list{float:left; width:250px; height:125px; padding-top:5px;}
			.f_news_list li{float:left; width:210px; height:30px; line-height:30px; padding:0px 20px; overflow:hidden;}
			.f_news_list li span{display:block; }
			.f_news_list li a{color:#222222; text-decoration:none;} .f_news_list li a:hover{color:#317EE7; text-decoration:none;}
			.f_news_list li:hover{background:#F8F8F8;}
		.f_join{float:left; width:210px; height:30px; margin:0px 20px; }		
			.f_join li{float:left; width:210px;}	
			.f_join li span{float:right; width:20px; height:20px;background:url(../images/index_01.png) -56px -39px no-repeat; margin-top:15px;}
			.f_join_button{ float:left; width:190px; height:50px; line-height:50px; color:#FFFFFF; font-size:16px; background:#317EE7;border-radius:5px; padding:0px 10px;}
	.f_hot{width:760px; height:285px; }	
		.f_hot_title{float:left; width:760px; height:45px; }
		.f_hot_title li{float:left; width:248px; line-height:40px; border-bottom:1px solid #999999; margin:0px 2px;text-align:center; }
			.f_hot_title li.selectTag { width:248px; color:#317EE7; height:41px; border-bottom:none; display:block; background:#FFFFFF; background:url(../images/index_05.png) bottom no-repeat;text-decoration:none;}	
			.f_hot_title li.selectTag:hover{ text-decoration:none;}
			.f_hot_title li.selectTag:hover a{ text-decoration:none;}
			.f_hot_title li.selectTag span{color:#317EE7;text-decoration:none;}
			.f_hot_title li.selectTag span:hover{text-decoration:none;}
			.f_hot_title li.selectTag span:hover a{text-decoration:none;}
			.f_hot_title li span{width:248px; font-size:16px; text-align:center;  font-weight:lighter;}	
		.f_hot_list{float:left; width:710px; height:215px; margin:10px 25px; position:relative; }
			.f_hot_list li{float:left; width:150px; height:190px; margin:0px 10px; padding:1px; background:#FFFFFF; text-align:center;}
			.f_hot_list li img{width:150px; height:150px;}
			.f_hot_list li:hover{background:#F7FAFE;}
			.f_hot_list_name{float:left; width:150px; height:25px; overflow:hidden;}
 		.f_hot_list .f_prev{position:absolute; left:-20px; top:62px; width:13px; height:26px; background:url(../images/index_06.png) left no-repeat;}
 		.f_hot_list .f_next{position:absolute; right:-20px; top:62px; width:13px; height:26px;background:url(../images/index_06.png) right no-repeat;}	
		
 		.f_hot_list .fh_prev{position:absolute; left:-20px; top:62px; width:13px; height:26px; background:url(../images/index_06.png) left no-repeat;}
 		.f_hot_list .fh_next{position:absolute; right:-20px; top:62px; width:13px; height:26px;background:url(../images/index_06.png) right no-repeat;}						
		
 		.f_hot_list .fp_prev{position:absolute; left:-20px; top:62px; width:13px; height:26px; background:url(../images/index_06.png) left no-repeat;}
 		.f_hot_list .fp_next{position:absolute; right:-20px; top:62px; width:13px; height:26px;background:url(../images/index_06.png) right no-repeat;}	
		
.fifth{ margin:auto;width:1018px; height:auto; border-top:3px solid #317EE7; border-bottom:1px solid #F1F1F1;  border-left:1px solid #F1F1F1; border-right:1px solid #F1F1F1;  }		
	.fifth_title{float:left; width: 1020px; height:30px; padding: 10px 0px; }
		.fifth_title span{float:right; line-height:40px;}
		.fifth_title span a{position: relative;display: inline-block;outline: none;text-decoration: none;color: #000;padding: 0px 0px;}
	    .fifth_title span a:hover{text-decoration:underline;}
	    .fifth_title span a:hover::before, a:hover::after { position: absolute; }
        .fifth_title span a:hover::before { content: "\5B"; left: -10px; }
        .fifth_title span a:hover::after { content: "\5D"; right:  -10px; }
		.fifth_title_name{font-size:20px; line-height:35px;}
	.fifth_supplier{float:left; width:978px; height:280px; padding:10px 20px;  }
	.f_supplier_pic{float:left; width:335px; height:220px; margin-top:10px; }
		.f_supplier_pic li{float:left; width:335px; height:220px;}
		.f_supplier_pic li img{width:335px; height:220px; border-radius:5px;}
		/*左滑01*/
		.luara-supplier{position:relative;padding:0;overflow: hidden;}
		.luara-supplier ul{position: relative;padding: inherit;margin: 0;}
		.luara-supplier ul li{float: left;padding: inherit;margin: inherit;list-style: none;}
		.luara-supplier ul li img{width: inherit;height: inherit;}		
		.example_supplier{}
		.example_supplier ol{position:relative;width:335px;height:5px;top:-30px;left:220px;}
		.example_supplier ol li{float:left;width:15px;height:15px;margin: 5px;background: #DFDFDF; border-radius:50%;}
		.example_supplier ol li.seleted{background: #317EE7;}	
		/*左滑01*/	
		
		/*左滑02*/
		.luara-active{position:relative;padding:0;overflow: hidden;}
		.luara-active ul{position: relative;padding: inherit;margin: 0;}
		.luara-active ul li{float: left;padding: inherit;margin: inherit;list-style: none;}
		.luara-active ul li img{width: inherit;height: inherit;}		
		.example_active{}
		.example_active ol{position:relative;width:335px;height:5px;top:-30px;left:220px;}
		.example_active ol li{float:left;width:15px;height:15px;margin: 5px;background: #DFDFDF; border-radius:50%;}
		.example_active ol li.seleted{background: #317EE7;}	
		/*左滑02*/			
		
		/*左滑03*/
		.luara-low{position:relative;padding:0;overflow: hidden;}
		.luara-low ul{position: relative;padding: inherit;margin: 0;}
		.luara-low ul li{float: left;padding: inherit;margin: inherit;list-style: none;}
		.luara-low ul li img{width: inherit;height: inherit;}		
		.example_low{}
		.example_low ol{position:relative;width:335px;height:5px;top:-30px;left:220px;}
		.example_low ol li{float:left;width:15px;height:15px;margin: 5px;background: #DFDFDF; border-radius:50%;}
		.example_low ol li.seleted{background: #317EE7;}	
		/*左滑03*/		
		 
		.f_supplier_product{float:right; width:580px; height:225px; margin:5px 10px 5px 5px; position:relative; font-size:12px; letter-spacing:0px; }
			.f_supplier_product li{float:left; width:150px; height:220px; margin:0px 20px; padding:1px; background:#FFFFFF; text-align:center;}
			.f_supplier_product li img{width:150px; height:150px;}
			.f_supplier_product li font{color:#FF0000;}
			.f_supplier_product li:hover{background:#F7FAFE;}
			.f_supplier_product li h1{float:left; width:150px; height:25px; overflow:hidden;}
 		.f_supplier_product .p_prev{position:absolute; left:-20px; top:100px; width:13px; height:26px; background:url(../images/index_06.png) left no-repeat;}
 		.f_supplier_product .p_next{position:absolute; right:-20px; top:100px; width:13px; height:26px;background:url(../images/index_06.png) right no-repeat;}	
		
 		.f_supplier_product .a_prev{position:absolute; left:-20px; top:100px; width:13px; height:26px; background:url(../images/index_06.png) left no-repeat;}
 		.f_supplier_product .a_next{position:absolute; right:-20px; top:100px; width:13px; height:26px;background:url(../images/index_06.png) right no-repeat;}	

 		.f_supplier_product .l_prev{position:absolute; left:-20px; top:100px; width:13px; height:26px; background:url(../images/index_06.png) left no-repeat;}
 		.f_supplier_product .l_next{position:absolute; right:-20px; top:100px; width:13px; height:26px;background:url(../images/index_06.png) right no-repeat;}	
/*index_line*/
	.fifth2_supplier{float:left; width: 100%; height:auto; /* padding:10px 20px; */  }
		.f2_supplier_product{float:left; width: 100%; height:auto; /* margin:0px 4px; */ position:relative; font-size:12px; letter-spacing:0px; }
			.f2_supplier_product li{float:left; width: 170px; /* height:220px; */ margin: 8px 13px; padding: 3px; background:#FFFFFF; text-align:center;-webkit-transition:background-color .3s ease-in;
	-moz-transition:background-color .3s ease-in;
	transition:background-color .3s ease-in;word-break:break-all;}
	.f2_supplier_product li span{width:100%;display: block;}
			.f2_supplier_product li img{width: 170px; height: 170px;}
			.f2_supplier_product li font{color:#FF0000;}
			.f2_supplier_product li:hover{background:#317ee7;color:#fff;}
			.f2_supplier_product_name{ width:155px; height: 20px; padding-top: 5px; margin: 0 auto; overflow:hidden;}
 		.f2_supplier_product .p2_prev{position:absolute; left:-15px; top:100px; z-index:999; width:13px; height:26px; background:url(../images/index_06.png) left no-repeat;}
 		.f2_supplier_product .p2_next{position:absolute; right:-20px; top:100px; z-index:999; width:13px; height:26px;background:url(../images/index_06.png) right no-repeat;}	
		
 		.f2_supplier_product .a2_prev{position:absolute; left:-15px; top:100px; z-index:999; width:13px; height:26px; background:url(../images/index_06.png) left no-repeat;}
 		.f2_supplier_product .a2_next{position:absolute; right:-20px; top:100px; z-index:999; width:13px; height:26px;background:url(../images/index_06.png) right no-repeat;}	
 
 		.f2_supplier_product .l2_prev{position:absolute; left:-15px; top:100px; z-index:999; width:13px; height:26px; background:url(../images/index_06.png) left no-repeat;}
 		.f2_supplier_product .l2_next{position:absolute; right:-20px; top:100px; z-index:999; width:13px; height:26px;background:url(../images/index_06.png) right no-repeat;}	


.sixth{ margin:auto;width:1018px; height:150px; border-top:3px solid #317EE7; border-bottom:1px solid #F1F1F1;  border-left:1px solid #F1F1F1; border-right:1px solid #F1F1F1;  }		
	.sixth_title{float:left; width:978px; height:50px; padding:10px 20px; }
		.sixth_title span{font-size:20px; line-height:35px; display:inline;}
		.sixth_title h2{font-size:12px; line-height:35px; display:inline; margin-left:10px;}
	.sixth_list{float:left; width:978px; height:50px; padding:10px 20px; }
		.sixth_list li{float:left; width:190px; height:50px;  margin-right:2px; text-align:center; border-right:1px solid #CCCCCC;}
		.sixth_list li:last-child{ border:none;}
		.sixth_list li .s_span01{ font-size:24px; line-height:35px; color:#B0D4C6;}
		.sixth_list li .s_span02{ font-size:24px; line-height:35px; color:#D08F55;}
		.sixth_list li .s_span03{ font-size:24px; line-height:35px; color:#9C8912;}
		.sixth_list li .s_span04{ font-size:24px; line-height:35px; color:#A8197C;}
		.sixth_list li .s_span05{ font-size:24px; line-height:35px; color:#C2404B;}
		.sixth_list li h2{font-size:16px; color:#666666;}
.seventh{width:100%;  /* padding:20px 0px; */ background: #2f383d;margin-top:20px;}
	.s_end{margin:auto; width:1020px; height:210px; padding: 30px 0;margin-top:20px; }
		.s_end ul{float:left; width:235px; margin:0px 10px;}
		.s_end_title{width:235px; line-height:40px; text-shadow: 0 0 3px #000;margin-bottom:10px; border-bottom: 1px solid #3c454a; color: #fff; font-size:14px;}
		.s_end ul li{float:left; width:250px; line-height:30px;}
		.s_end ul li a{	position: relative;display: inline-block;outline: none;text-decoration: none;	text-shadow: 0 0 3px #000;	color: #677075;padding: 0px 0px;}
	    .s_end ul li a:hover::before, a:hover::after { position: absolute; }
        .s_end ul li a:hover::before { content: "\5B"; left: -10px; }
        .s_end ul li a:hover::after { content: "\5D"; right:  -10px; }
	.s_end_navi{margin:auto; width: 100%; /* border-top:1px solid #E5E5E5; */ margin-top:20px; padding: 20px 0px; text-align:center; background: #21262a;color:#666666; line-height:20px;}
	.s_end_navi a{color:#666666; text-decoration:none; padding:0px 3px;}

.eighth{margin:15px auto; width:1020px; height:30px; text-align:center;}


#contact_bw{position:fixed;right:0px;bottom:30%;width:95px; z-index:9999999999; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+520))}
.relation{width:50px; height:50px; background:url(../images/s_09.png) repeat;border-radius:5px; }
	.relation .r_top{ float:left; width:30px; height:30px; margin:10px; background:url(../images/face_ico.png) 0px -189px no-repeat;}
	.relation .r_top:hover{ background:url(../images/face_ico.png) 0px -189px no-repeat;}


#buy_bottom{position:fixed;right:10px;bottom:1%;width: 12%; padding:5px 10px; background:#FFFFFF; border-radius: 3px;  border:1px solid #DDDDDD; z-index:9999; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+520))}
.buy_top{float:left; margin:5px 0px; width: 98%; height: 30px; border-bottom:1px solid  #CCCCCC; position:relative;}
	.buy_top h1{float:left; font-size: 20px; color: #2f383d; line-height: 20px; position:absolute; background: url(/images/index_01.png) -50px -210px no-repeat;padding-left:20px; /* left:-11px; */ top:0px;/* border-left:2px solid #FF4400; */}
	.buy_top .close {float:right;color:#999;padding:5px;/* margin:2px -5px -5px; */font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd}
	.buy_top .close:hover {color:#444;}
	.buy_mess{float:left; width: 98%; height:auto; margin-bottom:5px;}
	#cartcount{color:#ff0000;font-size: 18px;}
	.buy_mess a:hover{color:#3257EA}
	.buy_mess_01{float:left; width:398px; height:90px; margin-top:5px;border-bottom:1px solid #EEEEEE;}
	.buy_mess_01 li{float:left; width:199px; height:80px;}
	.buy_mess_02{float:left; width:398px; height:60px; margin-top:5px; }
	.buy_mess_02 li{float:left; width:190px; height:10px; line-height:14px; padding:4px; overflow:hidden;}
	.buy_mess_02 li h1{font-size:12px;  }

#msg{position:fixed; bottom: 11%; right: 10px; z-index:10000; width: 13.2%!important;height:52px; line-height:52px; border-radius: 3px;font-size: 14px; text-align:center; color:#fff; background: #f00; display:none}
#error_msg{position:fixed; bottom:1%; right:35px; z-index:10000; width:1px; height:52px; line-height:52px; font-size:14px; text-align:center; color:#fff; background:#ff0000; display:none}
.u-flyer{display: block;width: 50px;height: 50px;border-radius: 50px;position: fixed;z-index: 9999999;}

.home_404{margin:auto; width:875px; height:500px; text-align:center;}
.home_404  h1{font-size:25px; line-height:80px; color:#9DBAD0;}
.home_404 .back_404{ padding:10px 20px;line-height:30px; background:#317EE7; text-align:center; color:#FFFFFF; border-radius:5px; } 
.home_404 .back_404:hover{ background:#9DBAD0; }