@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:#333; font-size:14px; font-family:Microsoft Yahei,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% Microsoft Yahei,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:#333; text-decoration:none;}
a:hover{ color:#0f4c82; text-decoration:underline;}
.width_all{ width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; background:#0f4c82;}
.wecome{ float:left; font-size:12px; color:#ccc; line-height:22px; margin:5px 0;}
.cnen{ float:right; margin:5px 0;}
.cnen ul{ overflow:hidden;}
.cnen ul li{ float:left; margin:0 18px 0 0;}
.cnen ul li:last-child{ margin:0;}
.cnen ul li a{ font-size:12px; color:#ccc; line-height:22px;}
.cnen ul li a:hover{ text-decoration:none; color:#fff;}

/*nav_banner*/
.nav_banner{ width:100%; margin:0 auto; position:relative;}
.head_nav{ position:absolute; left:0; top:0; width:100%; border-bottom:#0f4c82 2px solid; margin:0 auto; background:rgba(15,76,130,.68);}
.head_nav .logo{ width:73px; margin:25px 0 11px 0; float:left;}
.head_nav .logo img{ width:100%;}
.head_nav .company_name{ float:left; font-size:16px; color:#fff; line-height:32px; margin:30px 0 16px 20px; font-family:Arial;}
.head_nav .company_name h1{ font-size:28px;}
.head_nav .zhuyingyewu{ float:left; width:25%; font-size:16px; color:#fff; line-height:27px; margin:30px 0 16px 20px; padding:0 0 0 20px; border-left:1px solid #eee;}
.head_nav .zhuyingyewu span{ font-weight:bold;}
.head_nav .alibaba{ float:right; margin:10px 2% 10px 0; width:186px;}
.head_nav .alibaba ul{ overflow:hidden;}
.head_nav .alibaba ul li{ float:left; width:48%; margin:0 4% 0 0;}
.head_nav .alibaba ul li:last-child{ margin:0;}
.head_nav .alibaba ul li img{ width:100%;}
.head_nav .search_rexian{ float:right; margin:33px 0 25px 0;}
.head_nav .search_rexian .rexian{ font-size:14px; color:#ccc; line-height:22px; margin:0 0 5px 0; text-align:right;}
.head_nav .search_rexian .rexian span{ color:#fff; font-weight:bold;}
.head_nav .search_rexian .search{ width:210px; height:25px;}
.head_nav .search_rexian .search .text{ float:left; width:175px; color:#333; font-size:12px; padding-left:10px; border:none; background:#f1efe0; height:25px; line-height:25px; outline:medium;}
.head_nav .search_rexian .search .button{ float:right; width:25px; border:0; line-height:25px; font-size:0; height:25px; background:#b1262d url(../images/search.png) center no-repeat;}

/*nav*/
.nav{ margin:0 auto;}
.navbar_nav{ width:100%; margin:0 auto; line-height:58px;}
.navbar_nav li{ float:left; position:relative; display:block; width:14.28571428571429%; text-align:center;}
.navbar_nav li a{ display:block; color:#fff; font-size:16px;}
.navbar_nav li:hover a{ color:#f1efe0; text-decoration:none;}
.navbar_nav li.active a{ color:#f1efe0;}
.navbar_nav li.active:before{ position:absolute; content:""; left:0; bottom:-2px; width:100%; height:10px; background:url(../images/nav_hover.png) bottom center no-repeat;}
.navbar_nav li.dropdown{ display:inherit; position:relative;}
.navbar_nav li.dropdown .dropdown_menu{ z-index:99; display:none; position:absolute; top:58px; background:rgba(241,239,224,.8); width:100%; padding:2px 0 0 0;}
.navbar_nav li.dropdown .dropdown_menu a{ font-size:14px; color:#fff; padding:0 10px; line-height:40px; text-align:center; margin-bottom:2px;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display:block; transition:0.5s;}
.navbar_nav li.dropdown:hover .dropdown_menu a{ color:#333;}
.navbar_nav li.dropdown:hover .dropdown_menu a:hover{ color:#333; background:#f1efe0;}
#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:10px 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:nth-child(7){ -webkit-transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:16px; 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:0;}
.flex-control-nav li{ margin:0 8px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:80px; height:6px; display:block; background:#fff; cursor:pointer; text-indent:-9999px; border-radius:3px;}
.flex-control-paging li a:hover{ background:#0f4c82; }
.flex-control-paging li a.flex-active{ background:#0f4c82; cursor:default;}
.flex-direction-nav li a{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:2%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:2%;}

/*about_us*/
.about_us{ margin:40px auto 28px auto;}
.about_us .about{ float:left; width:47.5%;}
.about_us .about_name{ font-size:18px; color:#0f4c82; font-weight:bold; line-height:26px; margin:0 0 12px 0;}
.about_us .about_name p{ font-family:Arial; font-weight:normal; text-transform:uppercase; font-size:26px; color:#666; margin:2px 0 0 0;}
.about_us .about_name span{ color:#333;}
.about_us .about_img{ width:100%; margin:0 auto;}
.about_us .about_img img{ width:100%;}
.about_us .about_profile{ width:100%; margin:12px auto 20px auto; font-size:14px; color:#525252; line-height:25px; height:150px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.about_us .about_more{ width:100%; margin:0 auto; overflow:hidden;}
.about_us .about_more a{ font-size:14px; color:#0f4c82; display:block; line-height:25px; text-transform:uppercase;}
.about_us .huanjing{ float:right; width:47.5%;}
.about_us .huanjing_name{ font-size:18px; color:#0f4c82; font-weight:bold; line-height:26px; margin:0 0 12px 0;}
.about_us .huanjing_name p{ font-family:Arial; font-weight:normal; text-transform:uppercase; font-size:26px; color:#666; margin:2px 0 0 0;}
.about_us .huanjing_name span{ color:#333;}
.about_us .huanjing ul{ overflow:hidden;}
.about_us .huanjing ul li{ float:left; width:48%; margin:0 4% 4% 0;}
.about_us .huanjing ul li:nth-child(2n){ margin:0 0 4% 0;}
.about_us .huanjing ul li img{ width:100%;}

/*new_product*/
.new_product{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/new_productbg.jpg) top center no-repeat;}
.new_product_nav{ line-height:62px; margin:40px auto 20px auto; overflow:hidden;}
.new_product_nav a{ float:left; width:19.8%; font-size:14px; line-height:62px; color:#fff; background:rgba(15,76,130,.9); text-align:center;}
.new_product_nav a:nth-child(2n){ background:rgba(15,76,130,.8);}
.new_product_nav a:nth-child(3n){ background:rgba(15,76,130,.7);}
.new_product_nav a:nth-child(4n){ background:rgba(15,76,130,.6);}
.new_product_nav a:nth-child(5n){ background:rgba(15,76,130,.5);}
.new_product_nav a:nth-child(6n){ background:rgba(15,76,130,.4);}
.new_product_nav a.cur,.new_product_nav a:hover{ color:#fff; background:#0f4c82; text-decoration:none;}
.new_products{ margin:20px auto 40px auto;}
.new_product_i{ display:none;}
.new_product_i ul{ overflow:hidden;}
.new_product_i ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.new_product_i ul li a{ color:#666;}
.new_product_i ul li a:hover{ text-decoration:none; color:#0f4c82;}
.new_product_i ul li:last-child{ margin:0;}
.new_product_i ul li .p_img{ width:100%; margin:0 auto 1px auto; overflow:hidden;}
.new_product_i ul li .p_img img{ width:100%;}
.new_product_i ul li .p_shuoming{ width:100%; margin:0 auto; overflow:hidden; background:#fff; padding:15px 0 10px 0; font-size:14px; line-height:25px; text-align:center;}
.new_product_i ul li .p_shuoming p{ width:88%; margin:0 auto; height:25px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_product_i ul li .p_shuoming p.pro1{ font-weight:bold; color:#333;}
.new_product_i ul li .p_shuoming p.pro2{ width:22px; height:22px; font-family:Arial; margin:8px auto 0 auto; line-height:22px; color:#bbb; font-size:16px; border:#bbb 1px solid; border-radius:50%;}

/*hezuo*/
.hezuo{ width:100%; background:#f7f7f7; margin:0 auto; overflow:hidden; padding:40px 0;}
.hezuo .hz_left{ float:left; width:35.4%; background:#fff;}
.hezuo .hz_name{ width:84%; font-size:18px; color:#0f4c82; font-weight:bold; line-height:26px; margin:24px auto 16px auto;}
.hezuo .hz_name p{ font-family:Arial; font-weight:normal; text-transform:uppercase; font-size:26px; color:#666; margin:2px 0 0 0;}
.hezuo .hz_name span{ color:#333;}
.hezuo .hz_nrong{ width:84%; margin:0 auto; font-size:14px; color:#525252; line-height:25px;}
.hezuo .he_more{ width:84%; margin:196px auto 20px auto;}
.hezuo .he_more a{ font-size:14px; color:#0f4c82; display:block; line-height:25px; text-transform:uppercase;}
.hezuo .hz_right{ float:right; width:64.5%;}
.hezuo .hz_right ul{ overflow:hidden;}
.hezuo .hz_right ul li{ float:left; width:24.8%; margin:0 0.25% 0.25% 0; position:relative; transition:all .5s;}
.hezuo .hz_right ul li:nth-child(4n){ margin:0 0 0.25% 0;}
.hezuo .hz_right ul li img{ width:100%;}
.hz_right ul li .hezuo_hover{ display:none;}
.hz_right ul li:hover .hezuo_hover{ display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(15,76,130,.8);}
.hz_right ul li .hezuo_h_wenzi{ width:88%; margin:0 auto; font-size:14px; color:#fff; line-height:25px; text-align:center;}
.hz_bottom{ margin:8px auto 0 auto;}
.hz_bottom img{ width:100%;}

/*news*/
.news{ width:100%; background:#f1efe0; margin:0 auto; overflow:hidden; padding:40px 0;}
.news .news_w{ float:left; width:66%;}
.news .news_left{ float:left; width:48.3%;}
.news .news_left a{ color:#666; overflow:hidden;}
.news .news_left a:hover{ color:#0f4c82;}
.news .news_left dl{ width:100%; margin:0 auto; overflow:hidden;}
.news .news_left dl dd{ width:100%; margin:0 auto;}
.news .news_left dl dd img{ width:100%;}
.news .news_left dl dt{ width:100%; margin:0 auto; overflow:hidden; background:#fff;}
.news .news_left dl dt i{ float:right; background:#0f4c82; width:46px; font-style:normal; color:#fff; line-height:46px; text-align:center; font-size:26px; font-family:宋体;}
.news .news_left dl dt span{ float:left; width:62%; padding:0 0 0 6%; line-height:46px; height:46px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news .news_right{ float:right; width:48.3%;}
.news .news_name{ font-size:18px; color:#0f4c82; font-weight:bold; line-height:26px; margin:0 0 16px 0;}
.news .news_name p{ font-family:Arial; font-weight:normal; text-transform:uppercase; font-size:26px; color:#666; margin:2px 0 0 0;}
.news .news_name span{ color:#333;}
.news .news_right ul{ overflow:hidden;}
.news .news_right ul li{ border-bottom:#ccc 1px solid; overflow:hidden;}
.news .news_right ul li span{ float:left; width:63%; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news .news_right ul li font{ float:right; color:#888;}
.news .news_right ul li i{ float:left; width:7px; height:7px; border:#0f4c82 3px solid; border-radius:50%; margin:18px 10px 18px 0;}
.news .news_right ul li a{ font-size:14px; color:#333; line-height:49px;}
.news .news_right ul li a:hover{ text-decoration:none; color:#0f4c82;}
.news .faqs{ float:right; width:30%;}
.news .faqs .faqs_name{ font-size:18px; color:#0f4c82; font-weight:bold; line-height:26px; margin:0 0 16px 0;}
.news .faqs .faqs_name p{ font-family:Arial; font-weight:normal; text-transform:uppercase; font-size:26px; color:#666; margin:2px 0 0 0;}
.news .faqs .faqs_name span{ color:#333;}
.news .faqs dl{ border-bottom:#ccc 1px solid; overflow:hidden; padding:13px 0;}
.news .faqs dl dd{ margin:0 0 14px 0; font-size:14px; color:#333; line-height:24px; font-weight:bold; overflow:hidden;}
.news .faqs dl span{ float:left; width:85%; height:24px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news .faqs dl dd i{ background:#0f4c82; font-size:16px; color:#fff; line-height:24px; width:24px; height:24px; display:block; text-align:center; float:left; font-weight:normal; font-family:Arial; margin:0 12px 0 0; text-transform:uppercase; font-style:normal;}
.news .faqs dl dt{ margin:0 0 11px 0; font-size:14px; color:#666; line-height:24px; overflow:hidden;}
.news .faqs dl dt i{ background:#b1262d; font-size:16px; color:#fff; line-height:24px; width:24px; height:24px; display:block; text-align:center; float:left; font-family:Arial; margin:0 12px 0 0; text-transform:uppercase; font-style:normal;}

/*footer*/
.footer{ width:100%; background:#0f4c82; margin:0 auto; overflow:hidden; padding:36px 0 52px 0;}
.footer .footer_left{ float:left; width:45%;}
.footer .f_links{ width:100%; overflow:hidden; border-bottom:#999 1px solid;}
.footer .f_links .links_name{ font-size:18px; color:#fff; font-weight:bold; line-height:26px; margin:0 0 20px 0;}
.footer .f_links .links_name p{ font-family:Arial; font-weight:normal; text-transform:uppercase; font-size:26px; color:#999; margin:2px 0 0 0;}
.footer .f_links .links_name span{ color:#ccc;}
.footer .f_links .link{ font-size:14px; line-height:25px; margin:8px 0;}
.footer .f_links .link a{ color:#999; margin:0 16px 0 0;}
.footer .f_links .link a:hover{ text-decoration:none; color:#fff;}
.footer .footer_nav{ width:100%; margin:30px 0 10px 0; overflow:hidden;}
.footer .footer_nav a{ font-size:14px; color:#999; line-height:25px; margin:0 16px 0 0;}
.footer .footer_nav a:hover{ text-decoration:none; color:#fff;}
.footer .footer_icp{ font-size:14px; color:#999; line-height:25px;}
.footer .footer_icp a{ color:#999;}
.footer .footer_icp a:hove{ text-decoration:none; color:#fff;}
.footer .footer_right{ float:right; width:52%;}
.footer .footer_c_name{ font-size:18px; color:#fff; font-weight:bold; line-height:26px; margin:0 0 20px 0;}
.footer .footer_c_name p{ font-family:Arial; font-weight:normal; text-transform:uppercase; font-size:26px; color:#999; margin:2px 0 0 0;}
.footer .footer_c_name span{ color:#ccc;}
.footer .footer_contact{ font-size:14px; color:#999; line-height:25px;}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden;}
.ny_banner a{ display:block;}
.ny_banner img{ width:100%;}

/*lujing*/
.lujing{ margin:30px auto; color:#666; font-size:14px; line-height:25px;}
.lujing a{ color:#666; font-size:14px; transition:all .35s;}
.lujing a:hover{ color:#0f4c82; text-decoration:none;}
.lujing span{ color:#0f4c82;}
.lujing i{ margin:0 10px; font-style:normal; font-size:12px;}

/*subnav*/
.subnav{ font-size:0px; text-align:center; margin:30px auto 46px auto;}
.subnav ul{ border:#d2d2d0 1px solid; overflow:hidden;}
.subnav li{ display:inline-block; font-size:18px; line-height:50px; margin:0 2%;}
.subnav li a{ color:#333;}
.subnav li a:hover{ text-decoration:none; color:#0f4c82;}
.subnav li a.current{ color:#0f4c82;}

/*content*/
.content{ margin:46px auto;}
.content_name{ margin:0 auto 32px auto; text-align:center;}
.content_name h2{ position:relative;}
.content_name h2 span{ width:auto; background:#0f4c82; margin:0 auto; display:inline-block; font-size:18px; color:#fff; line-height:46px; padding:0 4%;}
.content_name h2:before{ position:absolute; width:100%; border-bottom:#999 1px dashed; content:""; left:0; top:23px; z-index:-1;}

/*profiles*/
.profiles{ margin:0 auto; font-size:14px; color:#666; line-height:25px;}
.profiles img{ max-width:100%;}

.canguan{ width:100%; margin:32px auto;}
.canguan ul{}
.canguan ul li{ width:23.2%; float:left; margin:0 2.4% 2.4% 0;}
.canguan ul li:nth-child(4n){ margin:0 0 2.4% 0;}
.canguan ul li img{ width:100%;}
.canguan 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;}
.canguan ul li a{ color:#333; border:#eee 1px solid; padding:2px; display:block;}
.canguan ul li a:hover{ text-decoration:none; color:#0f4c82; border:#0f4c82 1px solid; box-shadow:0 2px 5px #888;}

/*products*/
.products{ width:100%; margin:0 auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:23.2%; margin:0 2.4% 2.4% 0; background:#f8f8f8;}
.products ul li:nth-child(4n){ margin:0 0 2.4% 0;}
.products ul li a{ color:#666; border:#eee 1px solid; display:block;}
.products ul li a:hover{ text-decoration:none; color:#0f4c82;}
.products ul li .products_img{ width:100%; margin:0 auto 1px auto; overflow:hidden;}
.products ul li .products_img img{ width:100%;}
.products ul li .products_shuoming{ width:100%; margin:0 auto; overflow:hidden; padding:15px 0 10px 0; font-size:14px; line-height:25px; text-align:center;}
.products ul li .products_shuoming p{ width:88%; margin:0 auto; height:25px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li .products_shuoming p.pros1{ font-weight:bold; color:#333;}
.products ul li .products_shuoming p.pros2{ width:22px; height:22px; font-family:Arial; margin:8px auto 0 auto; line-height:22px; color:#bbb; font-size:16px; border:#bbb 1px solid; border-radius:50%;}

.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:46%;}
.product_right .prr_name{ font-size:22px; color:#000; line-height:30px;}
.product_right .p_ggao{ font-size:18px; color:#0f4c82; line-height:25px; margin:10px auto;}
.product_right .miaoshu{ border:#eee 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:12px auto; overflow:hidden; font-size:18px; line-height:30px; color:#b1262d; font-weight:bold; font-family:Arial, sans-serif;}
.product_right .goumai{ width:100%; margin:12px auto 0 auto; overflow:hidden;}
.product_right .goumai a{ float:left; width:168px; background:#0f4c82; font-size:16px; color:#fff; line-height:40px; display:block; text-align:center;}
.product_right .goumai a:hover{ text-decoration:none; background:#b1262d;}

.products_titel{ width:100%; margin:48px auto 22px auto; overflow:hidden; border-bottom:#ccc 1px solid;}
.products_titel span{ float:left; font-size:16px; color:#333; line-height:30px; font-weight:bold;}
.products_decon{ width:100%; overflow:hidden; margin:22px auto 48px auto; font-size:14px; color:#525252; line-height:25px;}
.products_decon img{ max-width:100%;}
.products_decon table{ width:100% !important; border:#eee 1px solid;}
.products_decon table td{ border:#eee 1px solid; font-size:14px; color:#525252; line-height:25px; text-align:center; padding:3px 0;}

.pro_xiangguan{ width:100%; margin:48px auto 12px auto; overflow:hidden; background:#f4f4f4; line-height:34px; font-weight:bold; border-bottom:#ddd 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#0f4c82; float:left; margin:10px 10px 0 8px;}
.pro_xgcp{ width:100%; margin:18px auto 0 auto; overflow:hidden;}
.pro_xgcp ul{ overflow:hidden;}
.pro_xgcp ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.pro_xgcp ul li:nth-child(4n){ margin:0;}
.pro_xgcp ul li span{ border:#ddd 1px solid; padding:2px; display:block;}
.pro_xgcp ul li:hover span{ border:#0f4c82 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0; height:25px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_xgcp ul li a{ color:#333;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#0f4c82;}

/*ny_news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ float:left; width:47%; margin:0 6% 0 0; position:relative; border-bottom:#ccc 1px solid; padding:2% 0;}
.ny_news ul li:nth-child(2n){ margin:0 0 0 0;}
.ny_news ul li:before{ position:absolute; left:13%; top:0; height:0; width:2px; content:""; background:#0f4c82; transition:all .35s;}
.ny_news ul li:hover:before{ height:100%;}
.ny_news ul li a{ display:block; color:#333;}
.ny_news ul li a:hover{ text-decoration:none; color:#0f4c82;}
.ny_news ul li .news_shuzi{ float:left; width:11%; font-size:30px; color:#333; line-height:48px; font-family:Arial;}
.ny_news ul li .news_jieshao{ float:right; width:85%;}
.ny_news ul li .news_mingcheng{ font-size:16px; font-weight:bold; color:#222; line-height:28px; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li .news_time{ margin:0 0 6px 0; font-size:14px; color:#525252; line-height:25px;}
.ny_news ul li .news_profiles{ font-size:14px; line-height:25px; height:50px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}
.news_name_n strong{ font-size:18px; color:#333; line-height:28px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#888; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:0 auto; color:#333; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100% !important;}
.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; border:#eee 1px dashed; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px; color:#333;}
.p_next a:hover{ color:#0f4c82;}

/*join_us*/
.join_us{ width:100%; margin:0 auto;}
.join_us ul{ background:#f1efe0; overflow:hidden; border-bottom:#eee 1px solid;}
.join_us ul li{ line-height:28px; margin:2px 0; overflow:hidden;}
.join_us ul li span{ font-size:18px; color:#000;}
.join_us dl{ overflow:hidden; border-bottom:#eee 1px solid;}
.join_us dl dt{ overflow:hidden; background:#fff;}
.join_us dl dt em{ float:left; font-size:20px; color:#333; font-weight:bold; line-height:36px; margin:0 0 0 2%;}
.join_us dl.cur dt{ background:#eee; border-bottom:#eee 1px solid;}
.join_us span{ float:left; width:20%; text-align:center; font-size:14px; color:#525252; line-height:28px; padding:8px 0;}
.join_us span a{ color:#b1262d; display:block;}
.join_us span a:hover{ text-decoration:none;}
.join_us dl dd{ display:none; padding:2%; font-size:14px; color:#525252; line-height:25px;}
.join_us dl dd em{ display:block; color:#b1262d; font-size:16px; line-height:28px; margin:0 0 16px 0;}
.join_fuli{ width:100%; margin:28px auto; overflow:hidden; font-size:14px; color:#525252; line-height:25px;}
.join_fuli em{ font-size:18px; color:#000; font-weight:bold; line-height:36px; display:block; margin:0 0 10px 0;}

/*contact_us*/
.contact_us{ width:100%; margin:0 auto; overflow:hidden; font-size:14px; color:#333; line-height:28px;}
.contact_left{ float:left; width:45%; /*background:#f6f6f6;*/ padding:1.5% 2%; min-height:160px;}
.contact_right{ float:right; width:45%; background:#f6f6f6; padding:1.5% 2%; min-height:160px;}
.messages{ width:100%; margin:26px auto; overflow:hidden;}
.messages .mes_name{ font-size:18px; color:#000; line-height:30px; margin:0 0 16px 0;}
.messages ul{ overflow:hidden;}
.messages ul li{ float:left; width:49%; margin:0 2% 1.2% 0;}
.messages ul li:nth-child(2n){ margin:0 0 1.2% 0;}
.messages ul li:nth-child(5){ float:none; width:100%; margin:0 0 1.2% 0; overflow:hidden;}
.messages ul li:last-child{ margin:0;}
.messages .text-input{ width:96.8%; padding:0 0 0 3%; border:#ddd 1px solid; height:48px; font-size:14px; color:#333; line-height:48px;}
.messages .cont-input{ width:98.4%; padding:11px 0 0 1.5%; border:#ddd 1px solid; height:136px; font-size:14px; color:#333; line-height:25px;}
.messages .messages-button{ width:160px; line-height:50px; font-size:16px; color:#fff; text-align:center; background:#b1262d; cursor:pointer; text-transform:uppercase;}
.contact{ width:100%; margin:26px auto 0 auto; overflow:hidden;}
.contact .contact_name{ font-size:18px; color:#000; line-height:30px; margin:0 0 16px 0; text-align:center;}
.contact .kfm_map{ width:100%; margin:0 auto; overflow:hidden;}
.contact .kfm_map iframe{ width:100%; height:468px; padding:0; margin:0; float:left;}

/*qqkefu*/
.qqkefu{ position:fixed; top:50%; z-index:20; right:0; width:45px;}
.qqkefu ul li{ width:45px; height:45px; margin-bottom:1px; float:right; line-height:45px; font-size:14px; cursor:pointer; position:relative; text-indent:10px;}
.qqkefu ul li a{ color:#fff; display:block; overflow:hidden; height:45px;}
.qqkefu ul li a:hover{ text-decoration:none;}
.qqkefu ul li.qq_cza{ overflow:hidden}
.qqkefu ul li:hover{ background:#b1262d;}
.qqkefu ul li.top{ background:url(../images/k1.png) no-repeat center #b1262d; position:relative; width:45px; height:45px; cursor:pointer;}
.qqkefu ul li.top span{ position:absolute; display:block; left:0; top:-5px; height:5px; width:45px;}
.qqkefu ul li.top:hover{ background:url(../images/k1.png) no-repeat center #b1262d;}
.qqkefu ul li b{ width:45px; height:45px; display:block; overflow:hidden; float:right;}
.qqkefu ul li span{ font-size:14px; font-weight:bold; color:#fff;}
.qqkefu ul li b.a{ background:url(../images/k2.png) no-repeat center #b1262d;}
.qqkefu ul li b.b{ background:url(../images/k3.png) no-repeat center #b1262d;}
.qqkefu ul li b.c{ background:url(../images/k5.png) no-repeat center #b1262d;}
.qqkefu ul li:hover b.a{ background:url(../images/k2.png) no-repeat center center #b1262d;}
.qqkefu ul li:hover b.b{ background:url(../images/k3.png) no-repeat center center #b1262d;}
.qqkefu ul li:hover b.c{ background:url(../images/k5.png) no-repeat center center #b1262d;}
.qqkefu ul li.qq_czb{ text-indent:0;}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{ position:absolute; width:111px; height:150px; top:-120px; left:-111px; float:right; cursor:default !important; display:none; background:url(../images/qr_img.png) no-repeat;}
.erweima p{ margin-top:20px; margin-left:10px;}
.erweima img{ width:90px; height:90px;}
.qqkefu li .erweima p a{ display:block; font-size:14px; color:#333; margin-top:-8px; margin-left:30px;}

/*video_center*/
.video_center{ width:99%; margin:28px auto;}
.video_center ul{ overflow:hidden;}
.video_center ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.video_center ul li:nth-child(4n){ margin:0 0 2% 0;}
.video .video_wz{ display:none; position:absolute; right:5%; bottom:5%; z-index:9; font-size:18px; color:#fff;}
.video:hover .video_wz{ display:block;}

.video{ width:100%; margin:0 auto; position:relative; overflow:hidden; cursor:pointer;}
.video img{ width:100%; display:block; transition:All 0.2s;}
.video:hover img{ transform:scale(1.05);}
.video .video_i{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; background:rgba(0,0,0,.6);}
.video:hover .video_i{ display:block;}
.video .video_i .video_ig{ width:60px; height:60px; margin:0 auto;}
.video:hover .video_i .video_table{ display:table; height:100%; width:100%;}
.video:hover .video_i .video_table_k{ display:table-cell; vertical-align:middle;}
#sp{ position:fixed; top:50%; left:50%; margin-left:-320px; margin-top:-200px; width:640px; height:auto; z-index:99; transition:0.3s;}
#sp video{ width:100%; max-height:400px;}
#video_hz{ position:fixed; left:0; top:0; height:100%; width:100%; transform:scale(0); z-index:98;}
#video_hz:after{ content:""; position:fixed; top:0; left:0;width:100%; height:100%; z-index:98; background:rgba(0,0,0,.8);}
#spxx{ position:absolute; top:-10px; right:-10px; cursor:pointer; z-index:3;}