@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
@font-face {
  font-family: 'MyriadSetPro-Ultralight';

  src: url('/css/font/MyriadSetPro-Ultralight.ttf');
  src: url('/css/font/MyriadSetPro-Ultralight.ttf') format('truetype');
}
body{ font-family:'Myriad Pro',Arial, Helvetica, sans-serif; color:#5f5f5f; margin:0 auto; line-height:1.5; position:relative; font-weight:100; font-size:1.25em}
ul,li,ol,p,dl,dt,dd{ margin:0px; padding:0px; list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
img{ max-width:100%;}
h1,h2,h3,h4,h5,h6 {font-size:100%; margin:0; padding:0;  }
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100%; font-family:'Myriad Pro',Arial, Helvetica, sans-serif; outline:medium; vertical-align:middle}
a{color:#1c1c1c;text-decoration:none;}
a:focus{outline:0; text-decoration:none;}
a:hover { color:#737373;text-decoration:none;}

.left{ float:left !important;}
.right{ float:right !important;}

.transition_02{transition:all 0.2s ease;}
.transition_1{transition:all 1s ease;}
.MAR20{ margin-bottom:10px;}
.w_2400{ width:1200px; margin:0 auto; transition:all 0.2s ease;}
.top_w_2400{ width:2400px; margin:0 auto; transition:all 0.2s ease;}
.min_100{ min-width:100%;}
.min_2400{ min-width:1200px; transition:all 0.2s ease;}

.top{ position:absolute; top:0px; left:0px; z-index:100;}
.top_find{ position:relative !important; height:50px;}
.top_box{height:50px; background:rgba(0,0,0,0.75); margin:0 auto; transition:all 0.2s ease;}
.logo{ padding-top:15px; width:110px;}
.logo img{ max-width:110px;}
.logo a:hover{ opacity:0.8; filter:alpha(opacity 80);}

.nav>ul>li{ font-weight:100; float:left; font-size:14px; color:#fff; position:relative; line-height:50px; transition:all 0.2s ease; }
.nav>ul>li a{ display:block; color:#fff; padding:0 20px; transition:all 0.2s ease;}
.nav>ul>li a:hover,.nav>ul>li.on a{ opacity:0.6;}
/*.nav>ul>li.on a{background:rgba(143,143,143,0.6);}*/
.nav .ss{ margin-top:10px;}
.nav .ss input{ float:left; border-radius:12px; font-size:14px; padding:0; width:0; height:25px; line-height:25px; margin-top:0; background:#fff; border:none; transition:all 0.2s ease;}
.nav.on .ss input{ width:100px; padding:0 12px;}
.nav .ss .Search{ cursor:pointer; float:left; padding:0 13px; background:url(../images/pic.png) 0px -76px no-repeat; display:block; margin-top:1px; height:25px;}
.nav.on .ss .Search{ display:none;}
.nav .ss button{ float:left; display:none; background:none; border:none; height:30px; line-height:30px;}
.nav.on .ss button{ display:block;}
.nav .ss button i{ padding:0 13px; background:url(../images/pic.png) 0px -78px no-repeat; display:block; height:25px;}
.nav .Shopping_Cart{ width:50px; margin-top:10px; height:30px;}
.nav .Shopping_Cart i{ padding:0 25px; background:url(../images/pic.png) -36px -76px no-repeat; height:30px; display:block;}
.nav2_box{ height:0; overflow:hidden; background:rgba(255,255,255,0.90); text-align:center;}
.nav2{ display:none;}
.nav2.on{ display:block;}


.Product_li{ width:150px; height:150px; vertical-align:top; overflow:hidden; padding:0 20px; display:inline-block;}
.Product_li .hd{ width:110px; overflow:hidden;}
/*.Product_li .hd ul{width:10000%; height:92px; overflow:hidden; transition:all 0.5s ease 0s;}
.Product_li .hd li{ display:block; width:1%; float:left; height:92px; padding:10px 0;}
.Product_li .hd li.on{ display:block;}*/

.Product_li .hd ul{width:110px; height:92px; overflow:hidden;}
.Product_li .hd li{ display:block; width:110px; height:92px; padding:10px 0;}
.Product_li .hd li.on{ display:block;}


.Product_li .hd li a{ display:table-cell; width:110px; height:72px; text-align:center; vertical-align:middle;}
.Product_li .hd li img{ max-width:110px; max-height:72px; transition:all 0.2s ease;}
.Product_li .hd li .info{ text-align:center;}
.Product_li .info .p1{ width:100%; margin:0 auto; border-bottom:1px solid #b2b2b2; height:0px; overflow:hidden;}
.Product_li .info .p2{  font-weight:100; font-size:14px; line-height:25px; height:25px; overflow:hidden; overflow:hidden; color:#7c7c7c; transition:color 0.5s ease;}
.Product_li:hover .info .p1{ border-color:#333;}
.Product_li:hover .info .p2{ color:#333;}

.Product_li .bd ul{ text-align:center;}
.Product_li .bd li{ display:inline-block; width:12px; height:12px; margin:0 2px; border-radius:50%; cursor:pointer;}


.foot_index{ color:#878787; border-top:1px solid #d0d0d0; padding:40px; font-size:12px;}
.foot_index .p1{ font-size:12px; line-height:30px; font-weight:100;}
.foot_index .p1 span{ margin-right:5px;}
.foot_index .p1 a{ margin-right:5px; color:#6b6b6b;}
.foot_index .p1 img{ height:1.25em; margin-top:0.25em;}
.foot_index .p2,.foot_index .p3{ font-weight:100;}
.foot_index .p2 .tel{ display:inline-block; margin:0 5px; background:url(../images/tel.png) no-repeat center center; background-size:auto 60%;}
.foot_index .p2 .tel img{ height:1.25em; opacity:0;}
.foot{ color:#c2c2c2; margin-top:40px; border-top:1px solid #d0d0d0; padding:40px; font-size:12px;}
.foot .p1{ font-size:12px; line-height:30px; font-weight:100;}
.foot .p1 span{ margin-right:5px;}
.foot .p1 a{ margin-right:5px; color:#999;}
.foot .p1 img{ height:1.25em; margin-top:0.25em;}
.foot .p2,.foot .p3{ font-weight:100;}
.foot .p2 .tel{ display:inline-block; margin:0 5px; background:url(../images/tel.png) no-repeat center center; background-size:auto 60%;}
.foot .p2 .tel img{ height:1.25em; opacity:0;}
.more_nav{ background:url(../images/more.png) no-repeat 0 9px; width:30px; height:24px; display:block; margin-right:10px; margin-top:10px; float:left; display:none;}

.mb0{ margin-bottom:0px !important;}
.bg_00{ background-color:#000 !important;}
.bg_a0{ background-color:#a0a0a0 !important;}
.bg_00_80{ background:rgba(0,0,0,0.8) !important; opacity:0.8 !important;}
.bg_ff{ background-color:#ffffff !important;}
.bg_f7{ background-color:#f7f7f7 !important;}
.bg_f6{ background-color:#f6f6f6 !important;}
.bg_fa{ background-color:#fafafa !important;}
.bg_13{ background-color:#131313 !important;}
.bg_b1{ background-color:#b1b1b1 !important;}
.bg_1b{ background-color:#1b1b1b !important;}
.bg_10{ background-color:#101010 !important;}
.bg_ee{ background-color:#eeeeee !important;}
.bg_1e1f1f{ background-color:#1e1f1f !important;}
.ml1em{ margin-left:1em !important;}
.mb1em{ margin-bottom:1em !important;}
.pb0{ padding-bottom:0px !important;}
.br_no{ border:none !important;}
.cl_a9{ color:#a9a9a9 !important;}
.cl_8c{ color:#8c8c8c !important;}
.cl_82{ color:#828282 !important;}
.cl_d9{ color:#d9d9d9 !important;}
.cl_df{ color:#dfdfdf !important;}
.cl_ed{ color:#ededed !important;}
.cl_cc{ color:#cccccc !important;}
.cl_ff{ color:#ffffff !important;}
.cl_fe{ color:#fefefe !important;}
.cl_2e2d2d{ color:#2e2d2d !important;}
.cl_2d2c2c{ color:#2d2c2c !important;}
.cl_5b7fd0{ color:#5b7fd0 !important;}
.cl_5b7fd0 a{ color:#5b7fd0 !important;}
.cl_ff a{ color:#ffffff !important;}
.cl_73{ color:#737373 !important;}
.cl_74{ color:#747474 !important;}
.cl_2e{ color:#2e2e2e !important;}
.cl_ba{ color:#bababa !important;}
.cl_6e{ color:#6e6e6e !important;}
.cl_6e a{ color:#6e6e6e !important;}
.fts_14{font-size:14px !important;}
.tx_cen{ text-align:center !important;}

.navList:hover .navListBox{
	display:block;
}
.navListBox{
	display:none;
	position:absolute;
	top:50px;
	left:0px;
	background:#000;
}
.navListBox li{
	position:relative;
	min-width:135px;
}
.navListBox li a{
	height:40px; 
	line-height:40px;
	overflow:hidden;
	padding:0 10px !important;
	white-space:nowrap;
}
.navListBox li a.on{
	background:url(../images/left.png) no-repeat right center;
	background-size:auto 25%;
}
.navListBox li:hover ul{
	display:block;
}
.navListBox li ul{
	position:absolute;
	display:none;
	top:0px;
	left:135px;
	background:rgba(0,0,0,0.75);
}
.navListBox li ul li{
	width:auto;
}
@media (max-width:1200px){
	.navListBox ul{ display:none;}
}
.oppoNav
{
    padding-right:80px;
}
@media (max-width:480px) {
    .oppoNav { padding-right: 0px;}
}