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

body{ background:#fff url(../images/bg.gif) no-repeat center bottom fixed;}

#particles{ width:100%; height:100%; position:fixed; z-index:-1;}

/***************** baner *****************/
.banner{ height:100vh; position: relative;overflow: hidden;}
.banner li{position: relative;overflow: hidden;}
.banner .bxslider{overflow: hidden;position: relative;}
.banner_info{ max-width: 1600px; margin: 0 auto;}
.banner_info{ height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;}

.tb{ color: #fff;}
.tb{ display: table; height: 100%;width: 100%; } 
.tb_c{ display: table-cell; vertical-align: middle;}
.tb .txt{ max-width: 861px; font-size: 16px; text-align:center; line-height: 24px; margin:0 auto !important;}
.tb .txt img{ margin:0 auto;}
.tb h4{ margin:30px 0;}

.banner .btn{ width:18px; height:38px; border-radius:20px; border:1px solid #fff; position: absolute; left:50%; bottom:15px; margin-left:-10px; cursor: pointer; z-index:9;}
.banner .btn span{width: 4px;height: 4px;position: absolute;left:50%;margin-left: -2px;top:8px;background: #fff;border-radius: 50%;-webkit-animation: moveDown 2s infinite ease-out; -o-animation: moveDown 2s infinite ease-out;  -moz-animation: moveDown 2s infinite ease-out; animation: moveDown 2s infinite ease-out;}

.banner .bx-controls{ position: absolute; width: 400px; height: 10px; left:50%; bottom:5%; margin-left: -200px; display: table; }
.banner .bx-wrapper .bx-pager{ width:400px; position: initial; display: table-cell;vertical-align: middle; height: 100%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ width:62px; height:3px; background: #fff; opacity: 0.5; margin-bottom: 10px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ width: 62px; height:3px;opacity: 1;}

.banner .bx-controls-direction{display: none;}
.banner .imgs,.banner .m_imgs{position: absolute;width: 100%;height: 100%; background-size: cover; background-size: auto 100%\9; background-position: center center;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); z-index:0;}
.banner .active .imgs,.banner .active .m_imgs{-webkit-transform: scale(1.12);-moz-transform: scale(1.12);-o-transform: scale(1.12);-ms-transform: scale(1.12);transform: scale(1.12);transition: all 6s ease;-webkit-transition: all 6s ease;-o-transition: all 6s ease;-moz-transition: all 6s ease;-ms-transition: all 6s ease;}


#content{}
ul.video_box{ width:1420px; margin:0 auto; text-align:center;}
ul.video_box li{ width:600px; height:400px; display:inline-block; margin:50px; border-radius:5px; overflow:hidden; position:relative;}
ul.video_box li:hover{ cursor:pointer;}
ul.video_box li .tb{ height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;}
ul.video_box li .tb h4{ font-size:30px; font-weight:bold; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif}
ul.video_box li .tb h4 a{ color:#fff;}
ul.video_box li .tb h3{ width:100%; text-align:center; position:absolute; top:50%; margin-top:100px; -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); opacity: 0;}
ul.video_box li .tb h3 a{ font-size:18px; color:#fff; font-weight:bold;}
ul.video_box li .tb h3 a:hover{ color:#e70; text-shadow:1px 1px 3px rgba(0,0,0,0.2)}
ul.video_box li:hover .tb h3{ margin-top:80px; opacity: 1;}

ul.video_box li .imgs{ position: absolute; width: 100%; height: 100%; background-size: cover; background-size: auto 100%\9; background-position: center center;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); z-index:0;}
ul.video_box li:hover .imgs{ -webkit-transform: scale(1.12);-moz-transform: scale(1.12);-o-transform: scale(1.12);-ms-transform: scale(1.12);transform: scale(1.12);transition: all 3s ease;-webkit-transition: all 3s ease;-o-transition: all 3s ease;-moz-transition: all 3s ease;-ms-transition: all 3s ease;}


/***************** f_link *****************/
#f_bg{ background:rgba(210,212,221,0.4); border-top:1px #c3c5ce solid;}

#f_link_bg{ min-width:1400px; background:#ee851a; border-top:2px #fabe00 solid;}
#f_link{ width:1400px; margin:0 auto; padding:20px 0 0; line-height:22px;}
#f_link dl{ width:320px; height:180px; float:left; font-size:14px;}
#f_link dl dt{ padding-bottom:20px; font-size:16px;}
#f_link dl dd{ font-size:12px; line-height:22px; margin:10px 0; padding-left:30px; background:url(../images/icon1.png) no-repeat 0 center;}
#f_link dl dd:nth-child(3){ background:url(../images/icon2.png) no-repeat 0 center;}
#f_link dl dd:nth-child(4){ background:url(../images/icon3.png) no-repeat 0 center;}
#f_link dl dd:nth-child(5){ background:url(../images/icon4.png) no-repeat 0 center;}

.two_wm{ line-height:20px; float:right;}
.two_wm .pic{ width:100px; text-align:center;}
.two_wm .pic img{ width:100%; display:block; margin-bottom:10px;}

/***************** foot *****************/
#foot_bg{ background:rgba(210,212,221,0.4);}
#foot{ width:1400px; margin:0 auto; height:40px; padding-top:20px; line-height:24px;}

#foot .share{ float:right;}
#foot .share a{ width:25px; height:25px; display:inline-block; margin:0 10px; overflow:hidden;}
#foot .share a i{ width:25px; height:25px; display:block; overflow:hidden;}
#foot .share a i.wx{ background-image:url("../images/icon01.png");}
#foot .share a:hover i.wx{ background-image:url("../images/icon011.png");}
#foot .share a i.qq{ background-image:url("../images/icon02.png");}
#foot .share a:hover i.qq{ background-image:url("../images/icon022.png");}
#foot .share a i.wb{ background-image:url("../images/icon03.png");}
#foot .share a:hover i.wb{ background-image:url("../images/icon033.png");}
#foot .share a i.qq_wb{ background-image:url("../images/icon04.png");}
#foot .share a:hover i.qq_wb{ background-image:url("../images/icon044.png");}


#i_content{ width:1300px; padding-bottom:100px; margin:150px auto 100px; background:rgba(255,255,255,0.8);}

.i_about{ line-height:2em; padding:60px;}
.i_about .title h3{ font-size:36px; text-align:center; line-height:80px; margin-bottom:30px;}


.i_cart{ padding:30px;}
#left{ width:270px; min-height:500px; float:left; line-height:30px; border-radius:3px;}
#left .title{ height:80px; line-height:80px; color:#fff; overflow:hidden; margin-bottom:1px; background:url(../images/nav_bg.gif) no-repeat 0 0;}
#left .title h3{ font-size:24px; padding-left:30px; font-weight:bold;}
#left .title span{ font-size:18px;}
#left .con{}
.fixed{ top:20px;}

#left_menu li{ font-size:14px;}
#left_menu li a{ line-height:44px; padding-left:30px; display:block; border-bottom:1px #e5e5e5 solid; color:#fff; background:#7b7b7b;}
#left_menu li a:hover{ background:#ee7700;}
#left_menu li a.current{ text-decoration:none; background:#ee7700; }

#left_menu li span.pack_up{ width:9px; height:5px; float:right; margin:20px 20px 0 0; background:url(../images/drop.gif) no-repeat center center;}
#left_menu li span.pack_up{ -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear}
#left_menu li.submenu-indicator-minus span.pack_up{ -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg) transform:rotate(180deg);}

/*二级*/
#left_menu li ul.sub_menu{ display:none;}
#left_menu li ul.sub_menu li a{ display:block; padding:0 0 0 55px; border-bottom:1px #e7e7e7 solid; background:#aaa url(../images/dot.gif) no-repeat 35px center; transition:0.3s;}
#left_menu li ul.sub_menu li a:hover,#left_menu li ul.sub_menu li a.current{ background:#ffba75 url(../images/dot.gif) no-repeat 35px center;}

#right{ width:900px; float:right;}

.cart_box{ border-bottom:1px #d2d2d2 solid; padding-bottom:30px; margin-bottom:30px;}
.cart_box .pic,.cart_box .info{ float:left;}
.cart_box .pic{ margin-right:30px;}
.cart_box .info{ width:450px; line-height:30px;}
.cart_box .info h3{ font-size:18px; margin-bottom:20px;}
.cart_box .info span{ color:#999;}
.cart_box .cart_btn,.cart_box .del_btn{ float:right; line-height:40px; border:1px #ee7700 solid; color:#ee7700; padding:0 20px; margin-top:60px;}
.cart_box .cart_btn{ padding:0 30px 0 60px; background:url(../images/cart_icon.png) no-repeat 30px center;}
.cart_box .cart_btn:hover,.cart_box .del_btn:hover{ background-color:rgba(238,119,0,0.2);}

.cart_empty{ height:150px; padding-left:450px; margin:80px 0; background:url("../images/emptyCart.png") no-repeat 270px 0; color: #b0b0b0; overflow: hidden;}
.cart_empty p{ font-size:24px; color:#333; margin-top:15px;}
.cart_empty a{ width:150px; line-height:40px; display:block; text-align:center; background:#ee7700; color:#fff; margin-top:20px;}

.parameter{ line-height:32px;}
.parameter .tl{ margin-right:28px; float:left; color:#666;}
.parameter ul li a{ padding:0 10px; font-size:13px; margin:0 8px 0 0; display:block; float:left; text-align:center; border:1px #ccc solid; background:#fff;}
.parameter ul li a:hover,.parameter ul li a.current{ text-decoration:none; border:1px #ff0037 solid; background:#fff url(../images/gou.gif) no-repeat  right bottom;}

.cart_parameter{ line-height:24px; margin:8px 0 0;}
.cart_parameter ul{ width:380px; float:right;}
.cart_parameter ul li a{ font-size:12px; margin:0 8px 8px 0;}

.u-flyer{display: block;width: 50px;height: 50px;border-radius: 50px;position: fixed;z-index: 9999;}

.cart{ position:fixed; right:51px; top:50%;}
.cart a{ width:68px; height:68px; display:block; border-radius:100%; position:relative; background:#ee7700 url(../images/cart_icon1.png) no-repeat center center;}
.cart a span.num{ width:25px; line-height:25px; text-align:center; border-radius:100%; color:red; background:#f9f9f9; font-weight:bold; position:absolute; right:10px; top:10px;}

.quantitye{ width:200px; height:60px; float:left; line-height:26px; margin-top:70px;}
.quantitye b{ float:left; font-weight:normal; margin-right:28px;}
.quantitye li{ float:left;}
.quantitye li a{ display:block; text-indent:-9999px;}
.quantitye .l{ width:26px; height:26px; background:#fff url(../images/jian.gif) 50% 50% no-repeat; border:1px solid #dadada;}
.quantitye .c{ width:50px; height:26px; margin:0 2px; line-height:26px; background:#fff; border:1px solid #cacaca;}
.quantitye .c input{ width:50px; text-align:center; border:none;}
.quantitye .r{ width:26px; height:26px; background:#fff url(../images/jia.gif) 50% 50% no-repeat; border:1px solid #dadada;}
.quantitye p{ font-size:14px; color:#666;}

.g-cart {
    cursor: pointer;
    width: 266px;
    background-color: #ee7700;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    background-image: url('../images/addcart.png');
    background-repeat: no-repeat;
    background-position: 60px center;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
}
.g-cart:hover {
    color: #fff;
    background-color: #d96c00;
}

.about_info{ padding:10px 20px; color:#000; overflow:auto;}
.about_info .title h2{ font-size:24px; margin-bottom:20px;}
.about_info>div{ padding-bottom:30px;}
.about_info>div label{ width:130px; float:left; font-size:18px; line-height:48px;}
.about_info input.text,.about_info textarea{ width:375px; line-height:48px; padding-left:10px; border:1px #e5e5e5 solid; background:#fff;}
.about_info select{ width:220px; padding-left:10px; margin-right:10px; line-height:48px; border:1px #e5e5e5 solid; background:#fff url(../images/orangeHeart_bg.gif) no-repeat 190px center;}

.about_info textarea{ width:650px; height:100px; line-height:20px; padding:10px;}

.about_info .upload_cart_box{ width:164px; height:122px; float:left; display:block; overflow:hidden; position:relative;}
.about_info .upload_cart_box .upload_cart_btn{ width:160px; height:45px; padding-top:75px; text-align:center; display:block; color:#cacaca; border:1px #e4e4e4 solid; background:url(../images/address_add1.gif) no-repeat center 35px;}
.about_info .upload_cart_box:hover .upload_cart_btn{ border:1px #fd3f3f solid; color:#fd3f3f;}
.about_info .upload_cart_btn_ui{ width:100%; height:200%; border:medium none; cursor:pointer; opacity:0; position:absolute; right:0; bottom:0;}

.about_info .modify{ margin-top:10px;}
.about_info .modify button{ width:200px; height:50px; line-height:40px; font-size:18px; text-align:center; border:0 none; border-radius:2px; color:#fff; cursor:pointer; display:inline-block; background-color:#ee7700; transition:background-color 0.2s ease-in 0s;}
.about_info .modify button:hover{ background-color:#e63b0c;}

/***************** 验证提示 *****************/
span.hint{ height:36px; line-height:36px; padding:0 10px 0 20px; margin-left:130px; color:#999; clear:both; background:url(../images/password_tip.png) no-repeat 0 center;}
span.hint_ok{ color:#1086eb; background:url(../images/ok_tip.png) no-repeat 0 center;}
span.hint_no{ color:#f00; background:url(../images/error_tip.png) no-repeat 0 center;}
span.hint>.arrow,span.hint>.arrow:after{ position:absolute; display:block; width:0; height:0; border-color:transparent;border-style:solid;}
span.hint>.arrow{ border-width:6px;}
span.hint>.arrow:after{ content:""; border-width:10px;}
span.hint.left>.arrow{ left:-6px; top:50%; margin-top:-6px; border-right-color:#7f7f7f; border-left-width:0;}
span.hint.left>.arrow:after{ left:2px; margin-top:-5px; content:" "; border-right-color:#555; border-left-width:0; bottom:-10px;}

span.hint_ok.left>.arrow{ border-right-color:#c0e6ff;}
span.hint_ok.left>.arrow:after{ border-right-color:#f4fbff;}
span.hint_no.left>.arrow{ border-right-color:#ffcdcd;}
span.hint_no.left>.arrow:after{ border-right-color:#ffeded;}

ul.pro_list{ width:1400px;}
ul.pro_list li{ width:345px; float:left; margin-right:55px;}
ul.pro_list li.big{ width:490px;}
ul.pro_list li:nth-child(1),ul.pro_list li:nth-child(3){ margin-top:60px;}
ul.pro_list li:nth-child(4){ margin-top:60px;}
ul.pro_list li:nth-child(5){ margin-top:120px;}
ul.pro_list li:nth-child(6){ margin-top:180px;}
ul.pro_list li .pic{ height:290px; background:url(../images/pro_bg.gif) no-repeat center center;}
ul.pro_list li.big .pic{ height:415px;}
ul.pro_list li span{ font-size:18px; color:#fff; text-align:center; line-height:62px; background:#333; display:block;}
ul.pro_list li.big span{ line-height:72px;}

div.video_box{ height:420px; margin-bottom:40px; position:relative; overflow:hidden;}
div.video_box .imgs{ position: absolute;width: 100%;height: 100%; background-size: cover; background-size: auto 100%\9; background-position: center center;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); z-index:0;}
div.video_box:hover .imgs{-webkit-transform: scale(1.12);-moz-transform: scale(1.12);-o-transform: scale(1.12);-ms-transform: scale(1.12);transform: scale(1.12);transition: all 6s ease;-webkit-transition: all 6s ease;-o-transition: all 6s ease;-moz-transition: all 6s ease;-ms-transition: all 6s ease;}

.productshow_box{ padding:35px; background:rgba(255,255,255,0.7);}
.img_area{ width:615px; float:left;}

#preview{ width:615px; text-align:center;}
.jqzoom{ width:490px; height:414px; float:right; position:relative;}

.list_h{}
#spec_n5{ width:118px; height:414px; float:left; position:relative;}
#spec_top{ background:url(../images/top.gif) no-repeat center center; width:15px; height:8px; cursor:pointer; margin:0 auto;}
#spec_down{ background:url(../images/down.gif) no-repeat center center; width:15px; height:8px; cursor:pointer; position:absolute; bottom:0; left:50%; margin-left:-8px;}

#spec_list{ height:414px; position:relative; overflow:hidden;}
#spec_list ul li{ width:118px; height:105px;}
#spec_list ul li img{ width:118px; height:100px;}

/*jqzoom*/
.jqzoom{ position:relative; padding:0;}
.zoomdiv{ width:490px; height:415px; z-index:100; position:absolute; top:1px; left:0px; background:url(i/loading.gif) #fff no-repeat center center; border:1px solid #e4e4e4; display:none; overflow:hidden;}
.zoomdiv img{ max-width:none;}
.bigimg{ width:880px; height:740px;}
.jqZoomPup{ width:163px; height:138px; z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; border:1px solid #ccc; background:#F2F6D5 50% top no-repeat; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); cursor:move;}

.pro_info{ width:580px; float:right;}
.pro_info h3{ font-size:36px;}

.pro_info .info_con{ margin:10px 0; padding:20px 0; font-size:16px; line-height:30px;}
.pro_info .info_con dl dt{ font-size:18px; margin-bottom:15px;}
.pro_info .info_con dl dd{ color:#666;}

.pro_detail{ margin-top:30px;}
.pro_detail .title{ background:#7b7b7b; height:66px; overflow:hidden;}
.pro_detail .title h3{ width:150px; text-align:center; font-size:24px; color:#ee7700; background:rgba(255,255,255,1); padding:0 25px; line-height:56px; margin:10px 0 0 10px;}
.pro_detail .con{ padding:20px 20px; font-size:14px; line-height:1.5em;}

.tab-xq{ padding:30px;}
.tab-xq ul li {
    float: left;
    width: 33.33%;
    line-height: 16px;
    margin-bottom: 20px;
    overflow: hidden;
}
.tab-xq ul li .t-s{ width:120px; color:#999; float:left;}



#goodcover {
	display: none;
	position:fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.50;
	filter: alpha(opacity=80);
}
#code {
	width:960px;
	height:540px;
	background-color: #fff;
	position: absolute;
	display: none;
	left: 45%;
	z-index: 1002;
	overflow:hidden;
	border-radius:5px;
}
.close1{ position:relative;}
#closebt {
	position:absolute;
	top:20px;
	right:20px;
	z-index:999;
}
#closebt img {
	width: 20px;
}


/***************** 在线客服 *****************/
.izl-rmenu{ position:fixed; right:55px; bottom:15%; z-index:999;}
.izl-rmenu .btn{ width:60px; height:48px; padding-top:12px; display:block; text-align:center; color:#9b9b9b; margin-bottom:1px; cursor:pointer; position:relative; background:#333;}
.izl-rmenu .btn i{ width:20px; height:19px; display:block; margin:0 auto 5px; background-image:url(../images/icon1.png); background-repeat:no-repeat; background-position:0 0;}
.izl-rmenu .btn:hover{ color:#fff; background-color:#ee7700;}
.izl-rmenu .btn:hover i{ background-position:0 -19px;}

.izl-rmenu .btn-top i{ background-image:url(../images/top_icon.png);}


/***************** pagination *****************/
.flip_pages_front{ font-size:12px; font-family:arial,sans-serif; padding-top:20px; text-align:center; clear:both;}
.flip_pages_front a{ margin:0px 2px; padding:8px 10px; text-align:center; border:1px solid #4f535a; color:#4f535a; background:#fff;}
.flip_pages_front a:hover,.flip_pages_front .pageson{ color:#fff; background:#EE7700; border:1px solid #EE7700;}
.flip_pages_front .pagesInput input{ width:40px; height:30px; margin:0 5px; text-align:center; border:1px #4f535a solid;}
.flip_pages_front .pagego{ padding:8px 15px; color:#EE7700; border:1px solid #EE7700; cursor:pointer;}
.flip_pages_front .pagego:hover{ color:#fff; border:1px solid #EE7700; background:#EE7700;}
.flip_pages_front span{ padding:5px;}