@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{ margin:0; padding:0;}
body{ color:#221e1f; font-size:14px; font-family:Arial,"sans-serif";}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
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% Arial,"sans-serif"; vertical-align:middle;}
table,td,tr,th{ font-size:14px;}
.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:#221e1f; text-decoration:none;}
a:hover{ color:#e23226; text-decoration:underline;}
.width_all{ max-width:1370px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; margin:0 auto; z-index:99; transition:all .35s; background:rgba(255,255,255,1);}
.head_top .logo{ float:left; width:94px; margin:24px 0; transition:all .35s;}
.head_top .logo img{ width:100%;}
.head_top .shop{ float:right; width:154px; border:#eee 1px solid; margin:45px 0; transition:all .35s;}
.head_top .shop img{ width:100%;}
.head_top .shop2{ float:right; width:75px; border:#eee 1px solid; margin:45px 2% 45px 0; transition:all .35s;}
.head_top .shop2 img{ width:100%;}
.head_top .search{ float:right; width:22px; margin:49px 2%; transition:all .35s;}
.head_top .search img{ width:100%;}
.head_top .language{ float:right; position:relative; z-index:99999; margin:48px 0; transition:all .35s;}
.head_top .language p{ font-size:14px; color:#221e1f; line-height:24px; cursor:pointer;}
.head_top .language i{ width:16px; height:16px; float:right; background:url(../images/languages.png) center no-repeat; margin:4px 0 4px 6px;}
.head_top .language .yuyan{ position:absolute; top:24px; width:132%; right:0; display:none; background:rgba(238,238,238,1); padding:3px 0;}
.head_top .language .yuyan a{ display:block; font-size:14px; line-height:36px; color:#221e1f; padding:0 0 0 12px;}
.head_top .language .yuyan a:hover{ text-decoration:none; color:#333; background:#f8f8f8;}
.h_active{ background:rgba(255,255,255,1); position:fixed;}
.h_active .logo{ margin:10px 0;}
.h_active .shop{ margin:31px 0;}
.h_active .shop2{ margin:31px 2%;}
.h_active .search{ margin:35px 2%;}
.h_active .language{ margin:34px 0;}
.h_active .nav{ line-height:92px;}
.h_active .navbar_nav li.dropdown .dropdown_menu{ top:92px;}
.h_active .navbar_nav li:hover:after,.h_active .navbar_nav li.active:after{ bottom:22px;}

/*nav*/
.nav{ float:left; line-height:120px; margin:0 0 0 8%;}
.navbar_nav{ font-size:0;}
.navbar_nav li{ float:left; position:relative; text-align:center;}
.navbar_nav li a{ height:100%; display:block; transition:0.5s; color:#333; font-size:18px; padding:0 28px;}
.navbar_nav li:hover a,.navbar_nav li.active a{ color:#fff; background:#e23226; text-decoration:none;}
.navbar_nav li:hover:after,.navbar_nav li.active:after{ position:absolute; bottom:36px; left:50%; width:18px; height:2px; background:#fff; margin:0 0 0 -9px; content:"";}
.navbar_nav li.dropdown{ display:inherit; position:relative;}
.navbar_nav li.dropdown .dropdown_menu{ z-index:99; display:none; position:absolute; top:120px; background:#e23226; box-shadow:0 15px 27px 0 rgba(167,165,165,0.38); width:136%; left:0;}
.navbar_nav li.dropdown .dropdown_menu a{ font-size:16px; color:#fff; padding:0 14px; line-height:42px; text-align:left; background:#e23226;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display:block; background:#e23226; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.navbar_nav li.dropdown:hover .dropdown_menu a{ color:#fff;}
.navbar_nav li.dropdown:hover .dropdown_menu a:hover{ color:#e23226; background:#fff;}
#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:100000; 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-top:30px;}
.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:18px; height:50px; line-height:50px; 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;}

/*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 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:52px; height:6px; display:block; background:#f2f2f2; cursor:pointer; text-indent:-9999px; border-radius:3px;}
.flex-control-paging li a:hover{ background:#e23226; }
.flex-control-paging li a.flex-active{ background:#e23226; cursor:default;}

/*main_service*/
.main_service{ margin:52px auto;}
.main_service img{ max-width:100%;}

/*about_us*/
.about_us{ width:100%; margin:52px auto; overflow:hidden; background:url(../images/aboutbg.jpg) center no-repeat; padding:76px 0 68px 0;}
.about_name{ margin:0 auto 42px auto; font-size:16px; line-height:24px; color:#221e1f; text-align:center;}
.about_name span{ color:#e23226; display:block; font-size:36px; margin:0 0 20px 0;}
.about_width{ margin:42px auto 0 auto;}
.about_width .about_left{ float:left; width:45%;}
.about_width .about_left .v_width{ width:100%; height:411px;}
.about_width .about_right{ float:right; background:rgba(255,255,255,.8); width:47%; padding:20px 2% 27px; font-size:16px; color:#221e1f; line-height:28px;}

/*our_equipments*/
.our_equipments{ margin:92px auto;}
.our_e_name{ margin:0 auto 42px auto; font-size:16px; line-height:24px; color:#221e1f; text-align:center;}
.our_e_name span{ color:#e23226; display:block; font-size:36px; margin:0 0 20px 0;}
.our_equipments ul{ overflow:hidden;}
.our_equipments ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.our_equipments ul li img{ width:100%;}
.our_equipments ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.our_equipments ul li em{ background:#eee; display:block; color:#221e1f; font-size:18px; text-align:center; line-height:28px; padding:12px 0;}
.our_equipments ul li a{ display:block; border:#ccc 1px solid;}
.our_equipments ul li a:hover{ text-decoration:none;}

/*inquiry*/
.inquiry{ margin:68px auto 36px auto; border-top:#ddd 1px solid;}
.inquiry_name{ font-size:36px; color:#e23226; line-height:52px; text-align:center; margin:24px auto 36px auto;}
.messages{ width:100%; margin:0;}
.messages li{ margin:0 2% 2% 0; float:left; width:32%;}
.messages li:nth-child(3n){ margin:0 0 2% 0;}
.messages li.mess{ width:100%; float:none;}
.messages .text-input{ width:94%; border:none; border:#dddee1 1px solid; padding:0 0 0 6%; font-size:14px; color:#221e1f; line-height:46px; height:46px; background:fff;}
.messages .cont-input{ width:98%; padding:0 0 0 2%; height:48px; font-size:14px; color:#221e1f; line-height:46px; cue-after:none; background:#fff; border:#dddee1 1px solid;}
.messages .messages-button{ width:136px; margin:0 auto; line-height:56px; font-size:18px; color:#221e1f; text-align:center; background:#e5e5e5; cursor:pointer; border-radius:5px; font-family:Arial;}

/*footer*/
.footer{ width:100%; margin:0 auto; overflow:hidden; background:#e5e5e5; padding:14px 0; text-align:center;}
.footer img{ width:99px; height:auto;}
.footer_nav{ margin:36px auto; font-size:16px; line-height:28px; text-align:center; color:#221e1f;}
.footer_nav a{ color:#221e1f; margin:0 12px;}
.footer_nav a:hover{ text-decoration:none; color:#000;}
.footer_nav span{ margin:0 12px;}
.footer_icp{ padding:0 0 42px 0; font-size:14px; color:#221e1f; line-height:28px; text-align:center;}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden;}
.ny_banner img{ width:100%;}
.content{ margin:52px auto;}
.copy_name{ font-size:24px; color:#221e1f; font-weight:bold; line-height:36px; margin:0 0 28px 0;}

/*products*/
.products{ width:100%; margin:0 auto;}
.products ul{ font-size:0;}
.products ul li{ float:left; width:22%; margin:0 4% 4% 0; transition:all .4s;}
.products ul li:nth-child(4n){ margin:0 0 4% 0;}
.products ul li img{ width:100%;}
.products ul li:hover{ transform:translateY(-4px); animation-fill-mode:forwards; box-shadow:0 4px 30px rgba(0,0,0,.35);}
.products ul li em{ background:#eee; display:block; color:#221e1f; font-size:18px; text-align:center; line-height:28px; padding:12px 0;}
.products ul li a{ display:block; border:#eee 1px solid;}
.products ul li a:hover{ text-decoration:none;}

.pro_ctr{ width:100%; margin:28px auto; overflow:hidden; color:#221e1f; font-size:20px; line-height:28px;}
.product_text{ width:100%; margin:0 auto;}
.product_text ul{ overflow:hidden;}
.product_text ul li{ float:left; width:22%; margin:0 4% 4% 0;}
.product_text ul li img{ width:100%;}
.product_text ul li:nth-child(4n){ margin:0 0 4% 0;}
.product_text ul li em{ display:block; color:#221e1f; font-size:18px; line-height:28px; text-align:center; margin:10px 0 0 0;}
.product_text ul li a{ color:#221e1f;}
.product_text ul li a:hover{ text-decoration:none;}

.product_show{ width:100%; margin:0 auto; overflow:hidden; font-size:16px; line-height:28px; color:#221e1f;}
.product_show img{ max-width:100%;}
.product_show table{ width:100%; margin:0 auto; overflow:hidden; border:#ccc 1px solid;}
.product_show table td{ border:#ccc 1px solid; text-align:center; padding:8px 0;}

.products_text{ width:100%; margin:0 auto; overflow:hidden;}
.game163{ width:568px; float:left; margin:0 0 0 5%;}
.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:50%;}
.product_right .prr_name{ font-size:22px; color:#000; line-height:30px;}
.product_right .p_ggao{ font-size:16px; color:#333; line-height:25px; margin:10px auto;}
.product_right .miaoshu{ border:#888 1px solid; border-left:none; border-right:none; margin:10px auto; font-size:14px; color:#666; line-height:25px; padding:12px 0;}
.product_right .jiagou{ width:100%; margin:0 auto; overflow:hidden; font-size:18px; color:#e23226; line-height:28px;}
.product_right .jiagou span{ font-weight:bold;}

.products_titel{ width:100%; margin:26px auto; overflow:hidden; border-bottom:#313131 1px solid;}
.products_titel span{ float:left; font-size:16px; color:#313131; line-height:30px;}
.products_titel a{ float:right; font-size:16px; color:#313131; line-height:30px; margin:0 0 0 20px;}
.products_titel a:hover{ text-decoration:none; color:#e23226;}

.products_decon{ width:100%; overflow:hidden; margin:26px auto 0 auto; font-size:14px; color:#666; line-height:25px;}
.products_decon img{ max-width:100%;}

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

/*company*/
.company{ font-size:16px; line-height:28px; color:#221e1f;}
.company img{ max-width:100%;}

/*contact*/
.contact{ font-size:16px; line-height:28px; color:#221e1f; background:#e5e5e5; padding:2.5%;}
.contact img{ max-width:100%;}
.contact_us{ width:100%; margin:20px auto 0 auto; overflow:hidden;}

/*RightContact*/
.RightContact{ width:70px; position:fixed; bottom:8%; right:2%; z-index:99999;}
.RightContact .item.top{ opacity:0; -webkit-opacity:0; -o-opacity:0; -ms-opacity:0;}
.RightContact .item a{ display:block; margin-bottom:10px; box-shadow:0 0 1px 0px #e8e8e8; border-radius:8px; position:relative;}
.RightContact .item a span.num{ background:#ff3e1e; color:#fff; border-radius:50%; padding:4px; line-height:8px; font-size:12px; display:inline-block; text-align:center; position:absolute; top:4px; right:4px; animation:doudong 0.2s linear infinite alternate;}
@keyframes doudong {
    0% { transform:rotate(20deg);}
    50% { transform:rotate(0deg);}
    100% { transform:rotate(-20deg);}
}
@-webkit-keyframes doudong {
    0% { transform:rotate(20deg);}
    50% { transform:rotate(0deg);}
    100% { transform:rotate(-20deg);}
}
@-moz-keyframes doudong {
    0% { transform:rotate(20deg);}
    50% { transform:rotate(0deg);}
    100% { transform:rotate(-20deg);}
}
@-o-keyframes doudong {
    0% { transform:rotate(20deg);}
    50% { transform:rotate(0deg);}
    100% { transform:rotate(-20deg);}
}
.RightContact .item{ width:70px; height:80px; display:block;}
.RightContact .item img{ border-radius:8px;}
.RightContact .item:hover img{ animation:logo_animation 0.2s linear alternate;}
.RightContact .item.tel:hover a{ border-radius:0 8px 8px 0;}
.RightContact .item.tel:hover img{ border-radius:0 8px 8px 0;}
.RightContact .item.tel:hover .Telnumber{ line-height:68px; transition:all 0.2s; border:1px solid #e23226; right:70px; opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; animation:logo_animation 0.2s linear alternate; border-radius:8px 0 0 8px;}
.RightContact .item.tel .Telnumber{ width:160px; height:68px; line-height:68px; position:absolute; right:-90px; top:160px; background:#fff; color:#e23226; font-size:16px; text-align:center; display:block; opacity:0; -webkit-opacity:0; -o-opacity:0; -ms-opacity:0; border:1px solid #e23226; transition:all 0.2s; font-weight:600;}

.RightContact .item.tel2:hover a{ border-radius:0 8px 8px 0;}
.RightContact .item.tel2:hover img{ border-radius:0 8px 8px 0;}
.RightContact .item.tel2:hover .Telnumber2{ line-height:68px; transition:all 0.2s; border:1px solid #00d200; right:70px; opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; animation:logo_animation 0.2s linear alternate; border-radius:8px 0 0 8px;}
.RightContact .item.tel2 .Telnumber2{ width:148px; height:148px; position:absolute; right:-90px; top:80px; background:#fff; display:block; opacity:0; -webkit-opacity:0; -o-opacity:0; -ms-opacity:0; border:1px solid #236fcd; transition:all 0.2s;}
.RightContact .item.tel2 .Telnumber2 img{ width:100%; border-radius:8px 0 0 8px;}