@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,video{ margin:0; padding:0;}
body{ color:#000; font-size:12px; font-family:Microsoft yahei;}
ul, ol { list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft yahei,''; vertical-align:middle;}
table,td,tr,th{ font-size:12px;}
.nodispaly{ display:none}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#000; text-decoration:none;}
a:hover{ color:#008BCC; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ width:62.5%; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; margin:36px auto 16px auto; position:relative;}
.head_top h1{ width:400px; margin:0 auto; overflow:hidden;}
.head_top h1 img{ width:100%;}
.head_top .cnen{ position:absolute; left:2%; top:-20px;}
.head_top .cnen a{ font-size:12px; color:#000; line-height:22px; margin:0 20px 0 0; text-transform:uppercase;}
.head_top .cnen a:hover{ text-decoration:none; color:#008BCC;}
.head_top .cnen a:last-child{ margin:0;}
.head_top .gouwudai{ position:absolute; right:2%; top:-20px;}
.head_top .gouwudai ul{ overflow:hidden;}
.head_top .gouwudai ul li{ float:left; margin:0 26px 0 0;}
.head_top .gouwudai ul li:last-child{ margin:0;}
.head_top .gouwudai ul li a{ font-size:12px; color:#000; line-height:22px; text-transform:uppercase; transition:all .35s;}
.head_top .gouwudai ul li a:hover{ text-decoration:none; color:#008BCC;}
.head_top .gouwudai ul li i{ width:16px; height:16px; background:url(../images/gouwudai.png) center no-repeat; float:left; margin:3px 6px 3px 0; transition:all .35s;}
.head_top .gouwudai ul li a:hover i{ background:url(../images/gouwudai_h.png) center no-repeat;}

/*nav*/
.head_nav{ width:100%; background:#fff; position:relative;}
.nav{ height:50px; line-height:50px; display:block;}
.navbar_nav{ width:100%; margin:0 auto; text-align:center;}
.navbar_nav li{ position:relative; float:left; width:14.2857%;}
.navbar_nav li:after{ content:""; width:0; height:1px; background:#000; position:absolute; bottom:0; left:0; transition:all 0.5s ease 0s;}
.navbar_nav li:hover:after{ width:100%;}
.navbar_nav li a{ text-decoration:none; height:100%; display:block; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; color:#000; font-size:16px;}
.navbar_nav li:hover a{ color:#000;}
.navbar_nav li.dropdown{ display:inherit; position:relative;}
.navbar_nav li.dropdown .dropdown_menu{ z-index:99; display:none; position:absolute; top:50px; background:#fff; box-shadow:0 15px 27px 0 rgba(167,165,165,0.38); width:120%; left:-10%;}
.navbar_nav li.dropdown .dropdown_menu a{ font-size:14px; color:#666; padding:0 10px; line-height:40px; text-align:center; background:#fff; margin-bottom:1px;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display:block; background:#f3f3f3; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.navbar_nav li.dropdown:hover .dropdown_menu a{ color:#666;}
.navbar_nav li.dropdown:hover .dropdown_menu a:hover{ color:#fff; background:#2f1600;}
#navToggle{ display:none;}
.m_nav{ position:fixed; top:0px; width:100%; height:100%; background:#fff; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1000; opacity:1; visibility:visible; margin-top:0; overflow-y:auto; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top:0; transform:translateX(100%);}
.m_nav.open{ transform:translateX(0);}
.m_nav .top{ height:60px; padding:20px; box-sizing:border-box;}
.m_nav .top .closed{ width:30px; height:30px; vertical-align:middle; float:right; cursor:pointer;}
.m_nav .ul{ margin:8px 0 0 0;}
.m_nav .ul li{ padding:0 20px; border-bottom:1px solid #f5f5f5; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity:0;}
.m_nav.open .ul li{	opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.m_nav .ul li:nth-child(1){ -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){ -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){ -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:14px; height:42px; line-height:42px; width:100%;}
.m_nav .ul li .dropdown_menu{ display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display:block;}
.m_nav .ul li .dropdown_menu a{	display:block; height:50px; line-height:50px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{ border:none;}

.m_nav .cnen{ margin:0 20px 10px 20px; font-size:14px; color:#000; line-height:28px;}
.m_nav .cnen a{ color:#000;}
.m_nav .cnen a:hover{ text-decoration:none; color:#000;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block; border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:10px; height:10px; display:block; background:#f8f8f8; cursor:pointer; text-indent:-9999px; border-radius:5px;}
.flex-control-paging li a:hover{ background:#333; }
.flex-control-paging li a.flex-active{ background:#333; cursor:default;}

/*new_product*/
.new_product{ width:59%; margin:88px auto 52px auto;}
.new_product ul{ overflow:hidden;}
.new_product ul li{ float:left; width:30%; margin:0 5% 5% 0;}
.new_product ul li:nth-child(3n){ margin:0 0 5% 0;}
.new_product ul li img{ width:100%;}
.new_product ul li span{ display:block; border:#ccc 1px solid;}
.new_product ul li em{ display:block; font-size:16px; color:#000; text-align:center; line-height:36px; position:relative; margin:12px 0 0 0;}
.new_product ul li em:after{ display:none; position:absolute; bottom:0; left:50%; width:32px; height:1px; background:#000; margin:0 0 0 -16px; content:"";}
.new_product ul li:hover em:after{ display:block;}
.new_product ul li a{ color:#000;}
.new_product ul li a:hover{ text-decoration:none;}

/*center*/
.center{ width:100%; margin:52px auto 88px auto; overflow:hidden;}
.center img{ width:100%;}

/*limited_edition*/
.limited_edition{ width:32.7%; margin:88px auto 68px auto; overflow:hidden;}
#slides{ width:100%; position:relative;}
#slides img{ display:block;width:100%;}
#slides ul{ position:relative; width:10000%;}
#slides ul li{ float:left; width:1%; position:relative;}
#slides ul li .alit{ width:118px; background:#000; line-height:32px; font-size:16px; color:#fff; text-align:center; position:absolute; left:50%; bottom:-98px; margin:0 0 0 -59px;}
#slides ul li a:hover{ text-decoration:none;}
.slidesjs-pagination{ margin:35px auto 60px auto; width:220px; cursor:pointer; overflow:hidden;}
.slidesjs-pagination span{ float:left; margin:0 5px; display:block; width:30px; height:3px; background:#c0c0c0; overflow:hidden; font-size:0;}
.slidesjs-pagination span.on{ background:#000;}

/*video*/
.video{ width:87%; margin:68px auto 88px auto; overflow:hidden; position:relative;}
.video_bg{ position:absolute; left:0; top:0; z-index:-1; width:100%; margin:0 auto; overflow:hidden;}
.video_bg img{ width:100%;}
.video_mp4{ width:75%; margin:0 auto;}
.video_mp4 video{ display:block;}
.video_mp4 .video_left{ float:left; width:49.5%;}
.video_mp4 .video_right{ float:right; width:49.5%;}

/*brand*/
.brand{ width:48%; margin:88px auto;}
.brand_gushi{ width:100%; margin:0 auto 32px auto; text-align:center; font-size:30px; color:#000; line-height:36px; position:relative; padding:6px 0 10px 0;}
.brand_gushi:after{ width:60px; height:3px; background:#000; content:""; left:50%; bottom:0; position:absolute; margin:0 0 0 -30px; z-index:2;}
.brand_gushi:before{ width:248px; height:100%; border:#ccc 1px solid; content:""; left:50%; bottom:1px; position:absolute; margin:0 0 0 -124px; z-index:1;}
.brand_gushi i:after{ position:absolute; left:0; top:50%; width:38%; height:1px; background:#ccc; content:"";}
.brand_gushi i:before{ position:absolute; right:0; top:50%; width:38%; height:1px; background:#ccc; content:"";}
.brand_profile{ font-size:16px; color:#333; line-height:28px;}

/*footer*/
.footer{ background:#fff; width:100%; margin:0 auto; overflow:hidden; padding:26px 0; border-top:#ccc 1px solid;}
.footer .footer_left{ float:left; width:72%;}
.footer .footer_left dl{ float:left; margin:0 16% 0 0; position:relative;}
.footer .footer_left dl dd{ font-size:12px; color:#000; font-weight:bold; line-height:26px; margin:0 0 1px 0;}
.footer .footer_left dl dt{ line-height:22px;}
.footer .footer_left dl dt .wx_gzh{ display:none; position:absolute; left:-102px; top:42px; width:102px;}
.footer .footer_left dl dt .wx_gzh img{ width:100%;}
.footer .footer_left dl dt:hover .wx_gzh{ display:block;}
.footer .footer_left dl dt a{ font-size:12px; color:#000;}
.footer .footer_left dl dt a:hover{ text-decoration:none; color:#008BCC;}
.footer .footer_right{ float:right; width:25%;}
.footer .footer_right p{ font-size:12px; color:#000; line-height:18px;}
.footer .footer_right p.f1{ font-size:12px; line-height:26px; font-weight:bold; margin:0 0 18px 0;}
.footer .subscription{ width:100%; margin:14px auto 0 auto; overflow:hidden;}
.footer .subscription .text_input{ width:94%; font-size:12px; color:#fff; line-height:32px; border:#000 1px solid; background:#fff; padding:0 0 0 4%;}
.footer .subscription .subscribe_button{ width:60px; margin:8px 0 0 0; line-height:26px; font-size:12px; color:#fff; text-align:center; background:#000; cursor:pointer;}

.foot_icp{ font-size:12px; color:#666; line-height:24px; text-align:center; padding:12px 0; background:#fff;}
.foot_icp a{ color:#666;}
.foot_icp a:hover{ color:#000;}

/*products*/
.products{ width:100%; margin:0 auto; overflow:hidden; border-top:#ccc 1px solid;}
.product{ border-bottom:#ddd 1px solid; margin:52px auto 20px auto;}
.product .p_search{ width:100%; margin:0 auto 32px auto; overflow:hidden;}
.product .search{ width:160px; border-bottom:#000 1px solid; height:22px; float:right; overflow:hidden;}
.product .search .text{ float:right; width:138px; color:#000; font-size:12px; border:none; height:22px; line-height:22px;}
.product .search .button{ float:left; width:22px; border:0; line-height:22px; font-size:0; height:22px; background:url(../images/search.png) center no-repeat;}
.product .product_w{ width:100%; margin:0 auto; overflow:hidden;}
.product .product_l{ float:left; width:12%;}
.product .product_l ul{ overflow:hidden;}
.product .product_l ul li{ margin:0 0 16px 0; position:relative;}
.product .product_l ul li:hover:after,.product .product_l ul li.hert:after{ position:absolute; left:0; bottom:0; width:24px; height:1px; background:#000; content:"";}
.product .product_l ul li a{ display:block; font-size:14px; color:#000; line-height:25px;}
.product .product_l ul li a:hover{ text-decoration:none;}
.product .product_r{ float:right; width:84%;}
.product .product_r ul{ overflow:hidden;}
.product .product_r ul li{ float:left; width:30%; margin:0 5% 6% 0; border-bottom:#ccc 1px solid;}
.product .product_r ul li img{ width:100%; transition:all .8s;}
.product .product_r ul li:hover img{ transform:scale(1.2);}
.product .product_r ul li:nth-child(3n){ margin:0 0 6% 0;}
.product .product_r ul li p{ overflow:hidden;}
.product .product_r ul li em{ font-size:14px; line-height:25px; color:#000; margin:8px 0 6px 0; height:25px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.product .product_r ul li span{ font-size:14px; line-height:25px; color:#000; height:25px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.product .product_r ul li a{ color:#000;}
.product .product_r ul li a:hover{ text-decoration:none;}

.p_page{ margin:20px auto 52px auto;}
.p_page .n_p_r{ float:right; overflow:hidden;}
.p_page .n_p_r span{ float:left; margin:0 18px 0 0; font-size:12px; color:#000; line-height:14px;}
.p_page .n_p_r dl{ float:right; overflow:hidden; position:relative;}
.p_page .n_p_r dl img{ width:100%;}
.p_page .n_p_r dl:after{ position:absolute; left:17px; top:0; width:1px; height:14px; background:#000; content:"";}
.p_page .n_p_r dl a{ font-size:12px; line-height:14px;}
.p_page .n_p_r dl dd{ float:left; width:7px; margin:0 21px 0 0;}
.p_page .n_p_r dl dt{ float:right; width:7px;}

.product_width{ margin:52px auto;}
.products_text{ width:100%; margin:0 auto; overflow:hidden;}
.game163{ width:568px; float:left;}
.game163 .bigImg{ position:relative; float:right;}
.game163 .bigImg li img{ width:450px; height:450px; cursor:zoom-in;}
.game163 .smallScroll{ float:left; width:68px; height:290px; position:relative; padding-top:36px;}
.game163 .sPrev, .game163 .sNext{ position:absolute; left:50%; margin:0 0 0 -13px;}
.game163 .sPrev{ top:0px; background:url(../images/product_top.png) center no-repeat; width:27px; height:14px;}
.game163 .sNext{ bottom:-36px; background:url(../images/product_bottom.png) center no-repeat; width:27px; height:14px;}
.game163 .smallImg{ width:68px; margin:0 auto; height:100%; overflow:hidden;}
.game163 .smallImg ul{ overflow:hidden; position:relative; top:0; -webkit-transition:0.5s;transition:0.5s;}
.game163 .smallImg li{ width:68px; cursor:pointer; margin:0 0 6px 0;}
.game163 .smallImg img{ border:1px solid #f2f2f2; width:66px; height:66px;}
.game163 .smallImg .on img{ border:1px solid #888;}
.pro_sj{ display:none;}

.product_right{ float:right; width:39%;}
.product_right .prr_name{ font-size:18px; color:#000; line-height:28px; font-weight:bold;}
.product_right .p_ggao{ font-size:14px; color:#333; line-height:25px; margin:4px auto;}
.product_right .miaoshu{ border:#888 1px solid; border-left:none; border-right:none; margin:4px auto; font-size:12px; color:#666; line-height:22px; padding:10px 0;}
.product_right .goumai{ width:100%; margin:4% auto; overflow:hidden;}
.product_right .goumai a{ float:left; width:31%; margin:0 3.5% 0 0; background:#eee; font-size:16px; color:#000; line-height:40px; display:block;}
.product_right .goumai a i{ width:24px; height:24px; background:url(../images/sc1.png) center no-repeat; float:left; margin:8px 8px 8px 12px;}
.product_right .goumai a:hover i{ background:url(../images/sc1_h.png) center no-repeat;}
.product_right .goumai a:nth-child(2n) i{ background:url(../images/sc2.png) center no-repeat;}
.product_right .goumai a:hover:nth-child(2n) i{ background:url(../images/sc2_h.png) center no-repeat;}
.product_right .goumai a:nth-child(3n) i{ background:url(../images/sc3.png) center no-repeat;}
.product_right .goumai a:hover:nth-child(3n) i{ background:url(../images/sc3_h.png) center no-repeat;}
.product_right .goumai a:last-child{ margin:0;}
.product_right .goumai a:hover{ text-decoration:none; background:#ccc;}
.product_right .jiagou{ width:100%; margin:0 auto; overflow:hidden; font-size:12px; color:#666; line-height:22px;}
.product_right .jiagou span{ font-size:16px; color:#000; line-height:26px; font-weight:bold; display:block;}

.productshow_name{ width:100%; margin:36px auto 22px auto; background:#f7f7f7; border:#eee 1px solid;}
.productshow_name p{ display:inline-block; background:#444; font-size:18px; color:#fff; line-height:40px; padding:0 18px;}
.productshow_xq{ font-size:14px; color:#333; line-height:25px;}
.productshow_xq img{ max-width:100%;}

/*content*/
.content{ width:100%; margin:0 auto; overflow:hidden; border-top:#ccc 1px solid;}
.contents{ margin:52px auto;}
.cont_name{ font-size:18px; color:#000; line-height:28px; text-align:center; margin:0 auto 20px auto;}

.services{ font-size:12px; color:#333; line-height:22px;}
.services dl{ overflow:hidden;}
.services dl dd{ float:left; width:48%;}
.services dl dt{ float:right; width:48%;}

/*ny_nav*/
.ny_nav{ font-size:0px; text-align:center; margin:0 auto 32px auto; width:100%;}
.ny_nav ul{ overflow:hidden;}
.ny_nav li{ display:inline-block; font-size:16px; margin:0 1%; line-height:42px;}
.ny_nav li a{ display:block; color:#000; padding:0 28px; border:#eee 1px solid;}
.ny_nav li a:hover{ text-decoration:none; background:#444; border:#444 1px solid; color:#fff;}
.ny_nav li a.current{ color:#fff; background:#444;}

.profiles{ font-size:14px; color:#333; line-height:25px;}
.profiles img{ max-width:100%;}

.faq{ width:100%; margin:0 auto; overflow:hidden;}
.faq_name{ font-size:18px; color:#000; line-height:28px; margin:0 auto 10px auto;}
.fq1{ margin:32px auto 10px auto;}
.faq_show{ font-size:14px; color:#333; line-height:25px;}

.honor{ width:100%; margin:0 auto;}
.honor ul{ overflow:hidden;}
.honor ul li{ width:23.5%; float:left; margin:0 2% 2% 0; position:relative;}
.honor ul li:nth-child(4n){ margin:0 0 2% 0;}
.honor ul li img{ width:100%;}
.honor ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.honor ul li a{ color:#333; border:#eee 1px solid; padding:1%; display:block;}
.honor ul li a:hover{ text-decoration:none; color:#525252;}

.honor ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#525252; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.honor ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.honor ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#525252; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.honor ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.honor ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#525252; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.honor ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.honor ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#525252; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.honor ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*contact*/
.copy_name{ font-size:18px; color:#000; line-height:28px; margin:0 0 20px 0;}
.contact{ font-size:14px; line-height:28px; color:#333; background:#f2f2f2; padding:2.5%;}
.contact img{ max-width:100%;}
.contact_us{ width:100%; margin:20px auto 0 auto; overflow:hidden;}
.contact_us img{ max-width:100%;}