@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:#666; font-size:14px; 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: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:#666; text-decoration:none;}
a:hover{ color:#4285f4; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.wecome{ float:left; font-size:14px; color:#666; line-height:22px; margin:9px 0;}
.cnen{ float:right; margin:9px 0;}
.cnen ul{ overflow:hidden;}
.cnen ul li{ float:left; padding:0 14px; position:relative;}
.cnen ul li:before{ position:absolute; right:0; top:4px; height:14px; width:1px; content:""; background:#888;}
.cnen ul li:last-child{ padding:0 0 0 14px;}
.cnen ul li:last-child:before{ display:none;}
.cnen ul li a{ font-size:14px; color:#666; line-height:22px;}
.cnen ul li a:hover{ text-decoration:none; color:#4285f4;}
.head_top{ width:100%; border-top:#eee 1px solid;}
.head_top .logo{ float:left; width:80px; margin:30px auto;}
.head_top .logo img{ width:100%;}
.head_top h1{ float:left; font-size:16px; color:#666; line-height:22px; margin:36px 0 36px 20px; font-family:Arial;}
.head_top h1 em{ display:block; font-size:28px; color:#333; line-height:30px; font-weight:bold; margin:0 0 6px 0;}
.guanggao{ float:left; border-left:#d4d4d4 1px solid; margin:36px 0 36px 20px; padding:0 0 0 20px; font-size:24px; color:#333; line-height:24px;}
.guanggao em{ display:block; font-weight:bold; color:#4285f4; margin:10px 0 0 0;}
.rexian{ float:right; font-size:16px; color:#666; line-height:23px; margin:42px 0 41px 0; background:url(../images/rexian.png) left center no-repeat; padding:1px 0 0 60px;}
.rexian span{ color:#fbbc05; font-weight:bold; font-size:24px; display:block;}

/*nav*/
.header{ width:100%; background:#4285f4; position:relative;}
.nav{ font-size:0px;}
.nav .dot{ position:relative; display:inline-block; z-index:10; width:12.5%;}
.nav a{ display:block; font-size:16px; color:#fff; line-height:50px; text-align:center;}
.nav li:hover a, .nav li a.cutter{ text-decoration:none; background:#fbbc05;}
.nav .sub{ width:150px; position:absolute; left:0; top:50px; background:#fbbc05;}
.nav .sub li{ text-align:left;}
.nav .sub li a{ color:#fff; font-size:14px; line-height:40px; display:block; background:none; padding:0 0 0 12px; text-align:left; border-bottom:#ebb000 1px solid;}
.nav .sub li a:hover{ text-decoration:none; background:#ebb000;}

#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:nth-child(7){ -webkit-transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.6s 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{ width:100%; margin:0 auto; overflow:hidden;}
.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:10px; height:10px; display:block; background:#fff; cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.flex-control-paging li a:hover{ background:#4285f4; }
.flex-control-paging li a.flex-active{ background:#4285f4; 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:1%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:1%;}

/*search*/
.search{ width:100%; margin:0 auto; overflow:hidden; background:#f8f8f8; padding:11px 0;}
.search .s_inp01{ width:267px; height:36px; display:inline; float:right;}
.search .s_inp01 .ip01{ width:160px; height:36px; float:left; line-height:36px; background:url(../images/search_left.png) no-repeat; padding:0 0 0 31px; border:0; overflow:hidden; color:#333; font-size:14px; outline:none;}
.search .s_inp01 .ip02{ width:70px; height:36px; border:0; background:url(../images/search_right.jpg) no-repeat; line-height:36px; text-align:center; cursor:pointer; overflow:hidden; float:right;}
.search .s_zi{ float:left; width:600px;}
.search .s_biaoti{ float:left; width:98px; font-size:14px; color:#333; line-height:36px; font-weight:bold;}
#s_width{ float:right; width:502px; margin:0 auto; overflow:hidden;}
#s_width #in_s_width{ float:left; width:1000%;}
#s_width #in_s_width #s_width1{ float:left;}
#s_width #in_s_width #s_width2{ float:left;}
#s_width ul{ overflow:hidden;} 
#s_width ul li{ float:left; margin:0 20px 0 0;}
#s_width ul li img{ width:100%;}
#s_width ul li a{ font-size:14px; color:#333; line-height:36px; display:block;}
#s_width ul li a:hover{ text-decoration:none; color:#4285f4;}

/*new_product*/
.new_product{ margin:60px auto 40px auto;}
.new_p_left{ float:left; width:20%;}
.new_p_fl{ width:100%; background:#4285f4; margin:0 auto; border-radius:5px; overflow:hidden;}
.new_p_fl em{ font-size:30px; color:#fff; text-align:center; font-weight:bold; display:block; line-height:48px; margin:20px auto;}
.new_p_fl ul{ width:84%; margin:0 auto 250px auto; overflow:hidden;}
.new_p_fl ul li{ background:#fff; margin:0 0 4px 0; border-radius:2px;}
.new_p_fl ul li a{ font-size:16px; color:#333; line-height:42px; display:block; padding:0 0 0 16px;}
.new_p_fl ul li a:hover{ text-decoration:none; color:#4285f4;}
.new_p_bottom{ width:100%; margin:0 auto; overflow:hidden;}
.new_p_bottom img{ width:100%;}
.new_p_right{ float:right; width:77%;}
.new_p_name{ width:100%; margin:0 auto 28px auto; overflow:hidden; border-bottom:#ccc 1px solid;}
.new_p_name span{ float:left; font-size:20px; color:#fff; line-height:50px; width:136px; background:#4285f4; text-align:center; font-weight:bold;}
.new_p_name a{ float:right; font-size:14px; color:#4285f4; line-height:50px;}
.new_p_name a:hover{ text-decoration:none; color:#fbbc05;}
.new_p_t{ width:100%; margin:0 auto;}
.new_p_t ul{}
.new_p_t ul li{ float:left; width:31.4%; margin:0 2.9% 2.9% 0;}
.new_p_t ul li:nth-child(3n){ margin:0 0 2.9% 0;}
.new_p_t ul li img{ width:100%;}
.new_p_t ul li a{ display:block; border:#ccc 1px solid; color:#666;}
.new_p_t ul li a:hover{ text-decoration:none; color:#4285f4; box-shadow:0 3px 5px #ccc;}
.new_p_t ul li em{ font-size:16px; line-height:36px; height:36px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*center*/
.center{ width:100%; margin:60px auto; overflow:hidden; background:#5b5b5b url(../images/center.jpg) center no-repeat; padding:24px 0 24px 0; text-shadow:0 0 5px #666;}
.center .center_guanggao{ float:left; margin:26px 0; width:68%; font-size:36px; color:#fff; line-height:52px;}
.center .center_rexian{ float:right; width:21%; font-size:36px; color:#fff; line-height:52px; font-family:Arial;}
.center .center_rexian div{ font-size:22px; line-height:38px; margin:8px auto 6px auto; overflow:hidden;}
.center .center_rexian div img{ width:38px; height:38px; margin:0 10px 0 0;}

/*hezuo*/
.hezuo_name{ margin:60px auto 30px auto; font-size:14px; color:#888; line-height:18px; text-transform:uppercase; text-align:center; font-family:Arial;}
.hezuo_name em{ font-size:30px; color:#fbbc05; line-height:30px; display:block; margin:0 0 10px 0;}
.hezuo_name span{ color:#4285f4;}
.hezuo{ position:relative; margin:30px auto;}
.hezuo .pre,.hezuo .next{ position:absolute; display:block; width:39px; height:40px; top:50%; margin:-20px 0 0 0; z-index:9;}
.hezuo .pre{ left:0; cursor:pointer; background:url(../images/prev.jpg) no-repeat center;}
.hezuo .next{ right:0; cursor:pointer; background:url(../images/next.jpg) no-repeat center;}
.hezuo_width{ width:100%; margin:0 auto; overflow:hidden;}
.hezuo_width ul{ width:800%;}
.hezuo_width li{ float:left; display:inline; width:2.39%; margin:0 0.139% 0 0; position:relative;}
.hezuo_width li a{ display:block; border:#d7d7d7 1px solid; overflow:hidden;}
.hezuo_width li img{ width:100%; transition:all .35s;}
.hezuo_width li:hover img{ transform:scale(1.2);}

/*youshi*/
.youshi{ width:100%; margin:52px auto; overflow:hidden; background:#fafafa url(../images/youshibg.jpg) center no-repeat; padding:52px 0 60px 0;}
.youshi .youshi_name{ font-size:20px; color:#888; line-height:26px; text-align:center;}
.youshi .youshi_name em{ font-size:42px; color:#fbbc05; line-height:42px; display:block; margin:0 0 10px 0;}
.youshi .youshi_name span{ color:#4285f4;}
.youshi .ys_tab{ margin:36px 0 42px 0px; overflow: hidden; text-align:center;}
.youshi .ys_tab li{ position:relative; margin:0 10px; display:inline-block; text-align:center; background:#fff;}
.youshi .ys_tab li a{ display:inline-block; width:156px; text-decoration:none; padding:14px 0 8px 0; color:#333;}
.youshi .ys_tab li i{ width:42px; height:42px; background:url(../images/ys_xtb1.png) center no-repeat; display:inline-block;}
.youshi .ys_tab li:nth-child(2) i{ background:url(../images/ys_xtb2.png) center no-repeat;}
.youshi .ys_tab li:nth-child(3) i{ background:url(../images/ys_xtb3.png) center no-repeat;}
.youshi .ys_tab li:nth-child(4) i{ background:url(../images/ys_xtb4.png) center no-repeat;}
.youshi .ys_tab li:hover i{ background:url(../images/ys_xtb1_hover.png) center no-repeat;}
.youshi .ys_tab li:hover:nth-child(2) i{ background:url(../images/ys_xtb2_hover.png) center no-repeat;}
.youshi .ys_tab li:hover:nth-child(3) i{ background:url(../images/ys_xtb3_hover.png) center no-repeat;}
.youshi .ys_tab li:hover:nth-child(4) i{ background:url(../images/ys_xtb4_hover.png) center no-repeat;}
.youshi .ys_tab li p{ line-height:36px; font-size:16px;}
.youshi .ys_tab li:hover, .youshi .ys_tab li.cur{ background:#4285f4;}
.youshi .ys_tab li.cur i{ background:url(../images/ys_xtb1_hover.png) center no-repeat;}
.youshi .ys_tab li.cur:nth-child(2) i{ background:url(../images/ys_xtb2_hover.png) center no-repeat;}
.youshi .ys_tab li.cur:nth-child(3) i{ background:url(../images/ys_xtb3_hover.png) center no-repeat;}
.youshi .ys_tab li.cur:nth-child(4) i{ background:url(../images/ys_xtb4_hover.png) center no-repeat;}
.youshi .ys_tab li:hover, .youshi .ys_tab li.cur a{ color:#fff;}

.youshi .youshi_qj{ width:100%; margin:42px auto 0 auto;}
.youshi_bot{ margin:0 auto; height:100%; position:relative;}
.youshi_qj .youshi_img{ float:right; width:49.2%;}
.youshi_qj .youshi_img img{ width:100%;}
.youshi_bot .ys_text{ width:48.95%; height:auto; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.3); position:absolute; top:0; left:0; z-index:9;}
.youshi_bot .ys_text .youshi_biaoti{ width:88%; margin:6% auto 4% auto; font-size:24px; color:#000; line-height:36px; position:relative; padding:0 0 8px 0;}
.youshi_bot .ys_text .youshi_biaoti:before{ position:absolute; background:#4285f4; width:48px; height:2px; bottom:0; left:0; content:""; z-index:3;}
.youshi_bot .ys_text .ys1{ width:88%; font-size:18px; color:#333; font-weight:bold; line-height:30px; margin:4% auto 5% auto;}
.youshi_bot .ys_text .youshi_js{ width:88%; margin:5% auto; color:#666; font-size:16px; line-height:26px; height:130px;}

/*about_us*/
.about_us{ margin:60px auto 40px auto;}
.about_left{ float:left; width:49%; position:relative;}
.about_left img{ width:100%;}
.about_left em{ position:absolute; left:0; bottom:0; width:100%; background:rgba(66,133,244,.8); font-size:16px; color:#fff; line-height:36px; text-align:center;}
.about_right{ float:right; width:46%;}
.about_right .about_name{ font-size:60px; color:#eee; line-height:60px; text-transform:uppercase; position:relative;}
.about_right .about_name em{ position:absolute; left:0; top:0; font-size:30px; color:#4285f4; line-height:60px; text-shadow:0 1px 5px #fff;}
.about_right .profiles{ font-size:16px; color:#333; line-height:25px; margin:12px auto 30px auto;}
.about_right .about_more{ width:156px;}
.about_right .about_more a{ font-size:16px; color:#fbbc05; border:#fbbc05 2px solid; display:block; text-align:center; line-height:38px;}
.about_right .about_more a:hover{ text-decoration:none; background:#fbbc05; color:#fff;}

/*chejian*/
.cj_name{ font-size:30px; color:#4285f4; line-height:36px; margin:40px auto 30px auto;}
.cj_name i{ width:36px; height:36px; background:url(../images/chejian_name.png) center no-repeat; float:left; margin:0 16px 0 0;}
.chejian{ margin:30px auto 60px auto;}
.chejian ul{ overflow:hidden;}
.chejian ul li{ float:left; width:22.6%; margin:0 3.2% 0 0; position:relative;}
.chejian ul li:last-child{ margin:0;}
.chejian ul li img{ width:100%;}
.chejian ul li em{ position:absolute; left:0; bottom:0; width:100%; background:rgba(66,133,244,.8); font-size:16px; color:#fff; line-height:36px; text-align:center;}

/*news*/
.news{ width:100%; background:#f1f1f1; overflow:hidden; margin:0 auto; padding:48px 0;}
.news_name{ margin:0 auto; font-size:18px; color:#666; line-height:30px;}
.news_name span{ font-size:30px; color:#4285f4;}
.news_w{ margin:26px auto 0 auto;}
.news_left{ float:left; width:33.5%; position:relative;}
.news_left img{ width:100%;}
.news_left em{ position:absolute; left:0; bottom:0; width:100%; background:rgba(66,133,244,.8); font-size:16px; color:#fff; line-height:36px; text-align:center;}
.news_right{ float:right; width:62.5%;}
.news_right ul{ overflow:hidden;}
.news_right ul li{ float:left; width:48%; margin:0 4% 0 0; border-bottom:#ccc 1px solid;}
.news_right ul li:nth-child(2n){ margin:0;}
.news_right ul li a{ font-size:14px; color:#666; line-height:51px; height:51px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_right ul li i{ width:4px; height:7px; background:url(../images/news_tb.png) center no-repeat; float:left; margin:22px 12px 0 0;}
.news_right ul li a:hover{ text-decoration:none; color:#4285f4;}

/*links*/
.links{ margin:30px auto; font-size:14px; line-height:22px; color:#666;}
.links b{ font-size:14px; color:#333; font-weight:bold; margin:0 12px 0 0;}
.links a{ color:#666;}
.links a:hover{ text-decoration:none; color:#4285f4;}
.links span{ margin:0 12px;}

/*footer_nav*/
.footer_nav{ background:#4285f4; overflow:hidden;}
.footer_nav_compat{ margin:0 auto;}
.footer_nav_compat .footer_nav_l{ float:left; margin:27px 0;}
.footer_nav_compat .footer_nav_l a{ font-size:14px; color:#eee; line-height:26px; margin:0 16px 0 0;}
.footer_nav_compat .footer_nav_l a:hover{ text-decoration:none; color:#fff;}
.footer_nav_compat .footer_nav_r{ float:right; margin:8px 0;}
.footer_nav_compat .footer_nav_r .f_nav_l{ float:left; font-size:14px; color:#eee; text-align:right; line-height:22px; margin:10px 0 0 0;}
.footer_nav_compat .footer_nav_r .f_nav_r{ float:right; width:64px; margin:0 0 0 16px;}
.footer_nav_compat .footer_nav_r .f_nav_r img{ max-width:100%;}

/*footer*/
.footer{ margin:0 auto; padding:17px 0;}
.footer .footer_left{ float:left; font-size:14px; color:#888; line-height:22px;}
.footer .footer_left a{ color:#888; margin:0 0 0 16px;}
.footer .footer_left a:hover{ text-decoration:none; color:#4285f4;}
.footer .footer_right{ float:right; font-size:14px; color:#888; line-height:22px;}

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

/*content*/
.content{ margin:42px auto 52px auto;}
.content_left{ float:left; width:20%;}
.left_width{ width:100%; background:#4285f4; margin:0 auto; border-radius:5px; overflow:hidden;}
.left_width em{ font-size:30px; color:#fff; text-align:center; font-weight:bold; display:block; line-height:48px; margin:20px auto;}
.left_width ul{ width:84%; margin:0 auto 48px auto; overflow:hidden;}
.left_width ul li{ background:#fff; margin:0 0 4px 0; border-radius:2px;}
.left_width ul li a{ font-size:16px; color:#333; line-height:42px; display:block; padding:0 0 0 16px;}
.left_width ul li a:hover{ text-decoration:none; color:#4285f4;}
.left_width ul li a.cott{ background:#fbbc05; color:#fff; border-radius:2px;}
.content_bottom{ width:100%; margin:0 auto; overflow:hidden;}
.content_bottom img{ width:100%;}
.content_right{ float:right; width:77%;}
.content_right .lujing{ width:100%; margin:0 auto 26px auto; overflow:hidden; position:relative;}
.content_right .lujing:after{ position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ccc; content:""; z-index:1;}
.content_right .lujing p{ position:relative; display:inline-block; font-size:14px; color:#666; line-height:28px; padding:8px 0 12px 0; z-index:2;}
.content_right .lujing p:after{ position:absolute; left:0; bottom:0; width:100%; height:3px; background:#4285f4; content:"";}
.content_right .lujing span{ font-weight:bold; color:#4285f4;}

/*products*/
.products{ width:100%; margin:0 auto;}
.products ul{}
.products ul li{ float:left; width:31.4%; margin:0 2.9% 2.9% 0;}
.products ul li:nth-child(3n){ margin:0 0 2.9% 0;}
.products ul li img{ width:100%;}
.products ul li a{ display:block; border:#ccc 1px solid; color:#666;}
.products ul li a:hover{ text-decoration:none; color:#4285f4; box-shadow:0 3px 5px #ccc;}
.products ul li em{ font-size:16px; line-height:36px; height:36px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.product_image{ width:100%; margin:0; overflow:hidden;}
.game163{ width:360px; float:left;}
.game163 .bigImg{ position:relative;}
.game163 .bigImg li img{ width:360px; height:270px;}
.game163 .smallScroll{ height:46px; margin-top:8px;}
.game163 .sPrev,.game163 .sNext{ float:left; display:block; width:24px; height:46px; text-indent:-9999px;background:url(../images/pro_next.jpg) no-repeat 0 -19px; }
.game163 .sNext{ background-position:-26px -19px;}
.game163 .smallImg{ float:left; margin:0 8px; display:inline; width:296px; overflow:hidden;}
.game163 .smallImg ul{ height:46px; width:9999px; overflow:hidden; }
.game163 .smallImg li{ float:left; padding:0 7px; width:60px; cursor:pointer; display:inline;}
.game163 .smallImg img{ border:2px solid #f2f2f2; width:56px; height:42px;}
.game163 .smallImg .on img{ border:2px solid #4285f4;}

.xq_right{ float:right; width:56%;}
.xq_right .pp_name{ font-size:16px; color:#4285f4; line-height:24px; font-weight:bold; border-bottom:#ccc 1px dotted; margin:0 0 12px 0; display:block; padding:0 0 8px 0;}
.xq_right .pp_jianj{ font-size:14px; color:#525252; line-height:25px;}
.xq_right .pp_lx{ margin:12px 0 0 0;}
.xq_right .pp_lx a{ background:#f4f4f4; display:block; padding:8px 10px; font-size:16px; color:#4285f4; line-height:22px;}
.xq_right .pp_lx a:hover{ text-decoration:none; color:#4285f4;}

.czxqing{ width:100%; margin:24px auto 16px auto; overflow:hidden; border:#eee 1px solid; border-left:none; border-right:none;}
.czxqing span{ display:inline-block; font-size:16px; color:#fff; background:#4285f4; line-height:36px; padding:0 18px; font-weight:bold;}
.xq_jis{ width:100%; margin:16px auto 24px auto; overflow:hidden; font-size:14px; color:#525252; line-height:25px;}
.xq_jis img{ max-width:100%;}

.pro_xiangguan{ margin:24px auto 12px auto; overflow:hidden; background:#f4f4f4; line-height:30px; border-bottom:#ddd 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#4285f4; float:left; margin:8px 10px 0 8px;}
.pro_xgcp{ margin:12px 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:#4285f4 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ display:block; text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0;}
.pro_xgcp ul li a{ color:#666;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#4285f4;}

/*partner*/
.single_path{ width:100%; margin:0 auto 26px auto; overflow:hidden; position:relative;}
.single_path:after{ position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ccc; content:""; z-index:1;}
.single_path p{ position:relative; display:inline-block; font-size:14px; color:#666; line-height:28px; padding:8px 0 12px 0; z-index:2;}
.single_path p:after{ position:absolute; left:0; bottom:0; width:100%; height:3px; background:#4285f4; content:"";}
.single_path span{ font-weight:bold; color:#4285f4;}

.partner{ width:100%; margin:0 auto;}
.partner ul{ overflow:hidden;}
.partner ul li{ float:left; width:18.4%; margin:0 2% 2% 0; background:#fff; position:relative;}
.partner ul li:nth-child(5n){ margin:0 0 2% 0;}
.partner ul li a{ display:block; border:#ccc 1px solid; padding:5px;}
.partner ul li a:hover{ text-decoration:none;}
.partner ul li img{ width:100%;}
.partner ul li em{ font-size:14px; line-height:32px; height:32px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.partner ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#4285f4; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.partner ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s;}
.partner ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#4285f4; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.partner ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s;}
.partner ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#4285f4; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.partner ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s;}
.partner ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#4285f4; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.partner ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s;}

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

.shijian{ width:100%; margin:0 auto; overflow:hidden;}
.shijian dl{ width:45%; position:relative; overflow:hidden; border-bottom:#eee 1px solid; padding:0 0 0 55%;}
.shijian dl:nth-child(2n){ padding:0 55% 0 0;}
.shijian dl:before{ position:absolute; top:0; left:50%; background:#eee; height:100%; width:2px; content:""; margin:0 0 0 -1px;}
.shijian dl i:before{ position:absolute; left:50%; top:12px; background:#fff; border:#fbbc05 4px solid; content:""; width:10px; height:10px; border-radius:50%; margin:0 0 0 -9px; z-index:2;}
.shijian dl i:after{ position:absolute; left:50%; top:20px; background:#fbbc05; width:3%; height:2px; content:""; z-index:1;}
.shijian dl:nth-child(2n) i:before{ left:inherit; right:50%; margin:0 -9px 0 0;}
.shijian dl:nth-child(2n) i:after{ left:inherit; right:50%;}
.shijian dl dd{ width:100%; font-size:18px; color:#fbbc05; line-height:42px; overflow:hidden;}
.shijian dl:nth-child(2n) dd{ text-align:right;}
.shijian dl:nth-child(2n) dt{ text-align:right;}
.shijian dl:nth-child(2n) dt div{ float:right;}
.shijian dl:nth-child(2n) dt p{ float:right;}
.shijian dl dt{ position:relative; overflow:hidden; margin:0 0 8px 0;}
.shijian dl dt div{ float:left; width:9%; font-size:14px; color:#4285f4; line-height:24px;}
.shijian dl dt p{ float:left; width:91%; font-size:14px; color:#525252; line-height:24px;}

.honor{ width:100%; margin:0 auto;}
.honor ul li{ width:23.5%; float:left; margin:0 2% 2% 0;}
.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:2px; display:block;}
.honor ul li a:hover{ text-decoration:none; color:#4285f4; border:#4285f4 1px solid; box-shadow:0 2px 5px #888;}

/*ny_news*/
.ny_news{ width:96%; margin:0 auto; background:#f2f2f2; overflow:hidden; padding:2%;}
.ny_news .n_left{ float:left; width:28%;}
.ny_news .n_left img{ width:100%;}
.ny_news .n_right{ float:right; width:69%;}
.ny_news a{ font-size:12px; color:#666; line-height:22px;}
.ny_news a:hover{ color:#4285f4;}
.ny_news .n_right span{ display:block; color:#525252; font-size:14px; font-weight:bold;}
.ny_news .n_right i{ display:block; color:#888; font-size:12px; font-style:normal; margin:0 0 5px 0;}
.ny_news .n_right .p_more{ border:#ccc 1px solid; width:108px; text-align:center; margin:8px 0 0 0; font-size:12px; color:#666; padding:5px 0; border-radius:6px;}
.ny_news:hover .n_right .p_more{ border:#4285f4 1px solid; color:#4285f4;}
.ny_n_bt{ width:100%; margin:26px auto;}
.ny_n_bt ul{ overflow:hidden;}
.ny_n_bt ul li{ border-bottom:#eee 1px solid; overflow:hidden; font-size:14px; line-height:22px; padding:6px 0;}
.ny_n_bt ul li span{ float:right; color:#888; font-size:12px;}
.ny_n_bt ul li a{ display:block;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}
.news_name_n strong{ font-size:16px; color:#525252; line-height:25px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100% !important;}
.p_next{ width:100%; margin:20px auto; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px; color:#525252;}
.p_next a:hover{ color:#4285f4;}

/*support*/
.support{ width:100%; margin:0 auto;}
.support ul{ overflow:hidden;}
.support ul li{ border-bottom:#e9e5e6 1px solid; overflow:hidden; padding:10px 0;}
.support ul li a{ font-size:14px; color:#666; line-height:28px; display:block;}
.support ul li span{ float:left; width:80%; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.support ul li i{ float:left; width:22px; height:22px; background:url(../images/faq_jt.png) center no-repeat; margin:3px 10px 3px 0;}
.support ul li a:hover{ text-decoration:none; color:#4285f4;}

.support_show .support_name{ width:100%; margin:0 auto 22px auto; font-size:14px; line-height:25px; color:#666; text-align:center; border-bottom:#d1cfcf 1px dotted;}
.support_show .support_name span{ font-size:24px; line-height:36px; color:#333; display:block; margin:0 0 6px 0;}
.support_show .support_bti{ width:100%; margin:22px auto 0 auto;}
.support_show .support_dj{ text-align:right; margin:0 0 8px 0;}
.support_show .support_dj a{ font-size:14px; line-height:25px; color:#4285f4;}
.support_show .support_dj a:hover{ font-weight:bold;}
.support_show .support_xq{ font-size:14px; line-height:25px; color:#666;}
.support_show .support_xq img{ max-width:100%;}
.support_show .support_xq table{ width:100%; border:#ccc 1px solid;}
.support_show .support_xq table td{ border:#ccc 1px solid; padding:6px;}

/*join_us*/
.join_us{ width:100%; margin:0 auto 28px auto;}
.join_us ul{ background:#4285f4; overflow:hidden; border-bottom:#fff 1px solid;}
.join_us ul li{ line-height:28px; margin:10px 0; overflow:hidden;}
.join_us ul li span{ font-size:18px; color:#fff;}
.join_us dl{ overflow:hidden; border-bottom:#fff 1px solid;}
.join_us dl dt{ overflow:hidden; background:#f0f0f0;}
.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:#fff; 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:#fbbc05; 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:#fbbc05; font-size:16px; line-height:28px; margin:0 0 16px 0;}
.join_fuli{ width:100%; margin:28px auto 0 auto; overflow:hidden; font-size:14px; color:#525252; line-height:25px;}
.join_fuli em{ font-size:20px; color:#333; font-weight:bold; line-height:36px; display:block; margin:0 0 10px 0;}

/*contact_us*/
.contact_us{ margin:26px auto 52px auto;}
.contact_left{ float:left; width:43%; font-size:14px; color:#666; line-height:25px;}
.contact_left span{ display:block; font-size:17px; margin:0 0 6px 0; color:#333; font-weight:bold;}
.contact_right{ float:right; width:48%; position:relative; padding:1%;}
.contact_right:after{ width:140px; height:120px; background:#fbbc05; position:absolute; left:0; top:0; content:""; z-index:-1;}
.contact_right:before{ width:140px; height:120px; background:#fbbc05; position:absolute; right:0; top:0; content:""; z-index:-1;}
.contact_right i:after{ width:140px; height:120px; background:#fbbc05; position:absolute; left:0; bottom:0; content:""; z-index:-1;}
.contact_right i:before{ width:140px; height:120px; background:#fbbc05; position:absolute; right:0; bottom:0; content:""; z-index:-1;}
.contact_right iframe{ float:left; width:100%; height:416px;}