@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,pre{ color:#666; 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:#666; text-decoration:none;}
a:hover{ color:#d81030; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ max-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%; border-bottom:1px solid #ddd;}
.head_left{ float:left; font-size:12px; color:#666; line-height:20px; margin:10px 0;}
.head_center{ position:absolute; top:0; left:33%; width:48%; text-align:center; font-size:12px; color:#666; line-height:20px; padding:10px 0;}
.head_center a{ font-size:12px; color:#666; line-height:20px; margin:0 8px 0 0;}
.head_center a:hover{ text-decoration:none; color:#35535d;}
.head_right{ float:right; border:1px solid #ddd; border-bottom:none; border-top:none;}
.head_right a{ padding:10px 28px; font-size:12px; color:#333; line-height:20px; display:block;}
.head_right a:hover{ background:#d81030; color:#fff; text-decoration:none;}

/*collar_department*/
.collar_department{ width:100%; background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebebeb));}
.collar_department h1{ width:296px; float:left; margin:29px 0;}
.collar_department h1 img{ width:100%;}
.company_name{ float:left; margin:41px 0 0 132px; font-size:14px; color:#333; line-height:22px; width:360px;}
.company_name span{ display:block; float:left; width:24%; text-align:right;}
.company_name b{ color:#d81030; display:block; width:36%; float:left; text-align:center;}
.company_name font{ display:block; float:right; width:40%; text-align:left;}
.rexian{ float:right; margin:29px 0 0 0;}
.rexian dl{ overflow:hidden; background:url(../images/rexian.png) no-repeat left center; padding:0 0 0 65px;}
.rexian dl dt{ font-size:16px; color:#333; line-height:16px; margin:4px 0 6px 0;}
.rexian dl dd{ font-family:"impact"; font-size:24px; color:#d81030; line-height:20px;}

/*nav*/
.nav{ width:100%; background:#35535d;}
.nav .m{ position:relative; float:left; 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.hover_h{ text-decoration:none; background:#d81030;}
.nav .sub{ width:218px; position:absolute; left:0; top:50px; box-shadow:0px 4px 5px rgba(0,0,0,0.3); background:#d81030; display:none;}
.nav .sub li{ line-height:20px;}
.nav .sub li a{ color:#fff; background:#d81030; border-bottom:1px solid #cf0627; display:block; font-size:14px; line-height:20px; padding:11px 0 11px 12px;text-align:left;}
.nav .sub li:last-child a{ border-bottom:none;}
.nav .sub li a:hover{ color:#fff; background:#cf0627; text-decoration:none;}
.menu{ display:none;}
.sub_menu{ display: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: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:#35535d; }
.flex-control-paging li a.flex-active{ background:#35535d; 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{ background:#f0f0f0; width:100%; overflow:hidden; padding:18px 0;}
.search .sea_wz{ font-size:14px; color:#333; line-height:30px; float:left;}
.search .sea_wz span{ font-weight:bold; color:#35535d;}
.search .sea_wz a{ font-size:14px; color:#333; margin:0 8px;}
.search .searchBox{ float:right; width:334px; height:30px; background:url(../images/searchbg.jpg) left top no-repeat;}
.search .searchBox .search{ float:left; padding:0 0 0 12px; width:232px; line-height:30px; border:0; color:#7d7d7d; background:none; outline:medium;}
.search .searchBox .button{ float:right; border:0; width:90px; height:30px; background:none; cursor:pointer; outline:medium;}

/*hezuo*/
.hezuo{ margin:48px auto 30px auto; background:url(../images/hzbg.png);}
.hezuo span{ display:block; background:#fff; width:220px; margin:0 auto; font-size:24px; color:#35535d; line-height:31px; font-weight:bold; text-align:center;}
.hezuo_w{ position:relative; margin:30px auto 32px auto; border-bottom:#c3c5c9 1px solid; padding:0 0 32px 0;}
.hezuo_w .h_pre,.hezuo_w .h_next{ position:absolute; display:block; width:39px; height:40px; top:50%; margin:-40px 0 0 0;}
.hezuo_w .h_pre{ left:0; cursor:pointer; background:url(../images/prev.jpg) no-repeat center;}
.hezuo_w .h_next{ right:0; cursor:pointer; background:url(../images/next.jpg) no-repeat center;}
.hezuo_p{ width:89%; margin:0 auto; overflow:hidden;}
.hezuo_p ul{ width:800%;}
.hezuo_p li{ float:left; display:inline; width:2.24%; margin:0 0.32% 0 0; text-align:center;}
.hezuo_p li a{ font-size:14px; color:#666; font-weight:bold; line-height:25px;}
.hezuo_p li a:hover{ text-decoration:none; color:#20262a;}
.hezuo_p li img{ width:100%; border:#ccc 1px solid;}
.hezuo_p li font{ display:block; margin:6px 0 0 0;}

/*new_product*/
.new_product{ margin:32px auto 8px auto;}
.new_product .new_p_left{ width:22%; float:left;}
.new_product .new_p_left div{ background:#35535d; padding:24px 19px 25px 24px; font-size:24px; color:#fff; line-height:28px; font-weight:bold; border-radius:8px 8px 0 0;}
.new_product .new_p_left div img{ float:right; width:20px; height:20px; margin:4px 0 0 0;}
.new_product .new_p_left ul{ border:#c7c9cd 1px solid; border-top:none; border-bottom:none;}
.new_product .new_p_left ul li{ border-bottom:#c7c9cd 1px solid;}
.new_product .new_p_left ul li a{ font-size:16px; color:#333; line-height:72px; font-weight:bold; padding:0 0 0 24px; display:block;}
.new_product .new_p_left ul li font{ float:right; color:#888; font-weight:normal; font-size:18px; margin:0 21px 0 0;}
.new_product .new_p_left ul li a:hover{ text-decoration:none; color:#35535d;}
.new_product .new_p_right{ width:75%; float:right; overflow:hidden;}
.new_product .new_p_right dl{ float:left; width:48%; margin:0 4% 4% 0;}
.new_product .new_p_right dl:nth-child(2n){ margin:0 0 4% 0;}
.new_product .new_p_right dl dd{ float:left; width:52%;}
.new_product .new_p_right dl dd img{ width:100%;}
.new_product .new_p_right dl dt{ float:right; width:44%; font-size:14px; line-height:20px;}
.new_product .new_p_right dl dt em{ display:block; font-weight:bold; border-bottom:#ccc 1px solid; margin:0 0 8px 0; padding:0 0 6px 0; color:#35535d;}
.new_product .new_p_right dl dt a{ color:#666;}
.new_product .new_p_right dl dt a:hover{ text-decoration:none; color:#d81030;}

/*advantage*/
.advantage{ width:100%; margin:8px auto 48px auto; overflow:hidden; background:#f2f2f2;}
.adv_name{ width:100%; margin:0 auto; overflow:hidden; background:#d81030; font-size:36px; color:#fff; text-align:center; line-height:66px; padding:20px 0;}
.adv_name span{ font-size:60px; font-weight:bold; margin:0 26px;}
.adv_bottom{ width:131px; margin:0 auto; overflow:hidden;}
.adv_bottom img{ width:100%;}
.advantages{ margin:38px auto 10px auto;}
.advantages dl{ position:relative; margin:0 0 28px 0;}
.advantages dl dd .shuzi{ float:left; width:55px; height:90px; background:url(../images/adv_sz.png) center no-repeat; font-size:60px; color:#fff; line-height:90px; font-weight:bold; text-align:center; font-family:Arial; margin:0 0 196px 0;}
.advantages dl dd .jieshao{ font-size:18px; color:#666; line-height:32px;}
.advantages dl dd .jieshao span{ display:inline-block; color:#35535d; font-size:36px; font-weight:bold; border-bottom:#35535d 1px solid; line-height:60px; margin:12px 0 22px 0;}
.advantages dl dd .jieshao font{ display:block;}
.advantages dl dt img{ width:100%;}
.advantages dl.adv1 dd{ float:left; width:50%;}
.advantages dl.adv1 dd .jieshao{ float:right; width:88%;}
.advantages dl.adv1 dt{ float:right; width:43%;}
.advantages dl.adv2 dd{ float:right; width:62%;}
.advantages dl.adv2 dd .jieshao{ float:right; width:90%;}
.advantages dl.adv2 dt{ width:36%; position:absolute; top:-98px; left:0;}
.advantages dl.adv3 dd{ float:left; width:45%;}
.advantages dl.adv3 dd .jieshao{ float:right; width:86%;}
.advantages dl.adv3 dt{ width:50%; position:absolute; right:0; top:-54px;}
.advantages dl.adv4 dd{ float:right; width:50%;}
.advantages dl.adv4 dd .jieshao{ float:right; width:88%;}
.advantages dl.adv4 dt{ float:left; width:50%;}
.advantages dl.adv5 dd{ float:left; width:45%;}
.advantages dl.adv5 dd .jieshao{ float:right; width:86%;}
.advantages dl.adv5 dt{ float:right; width:50%;}

/*yingyong*/
.yy_name{ margin:48px auto 30px auto; background:url(../images/hzbg.png);}
.yy_name span{ display:block; background:#fff; width:220px; margin:0 auto; font-size:24px; color:#35535d; line-height:31px; font-weight:bold; text-align:center;}
.yingyong{ margin:30px auto 18px auto;}
.yingyong dl{ float:left; width:31.6%; margin:0 2.6% 2.6% 0; border-bottom:#ddd 1px solid; padding:0 0 16px 0;}
.yingyong dl:nth-child(3n){ margin:0 0 2.6% 0;}
.yingyong dl dd{ float:left; width:54%; font-size:14px; color:#525252; line-height:24px;}
.yingyong dl dd a{ color:#525252; display:block;}
.yingyong dl dd a:hover{ text-decoration:none; color:#d81030;}
.yingyong dl dd span{ display:block; font-size:18px; font-weight:bold; color:#35535d; margin:0 0 8px 0;}
.yingyong dl dt{ float:right; width:42%;}
.yingyong dl dt img{ width:100%;}

/*about_us*/
.about_us{ width:100%; background:#f2f2f2; margin:18px auto 48px auto; overflow:hidden; padding:48px 0;}
.about_name{ margin:0 auto 30px auto; background:url(../images/hzbg.png);}
.about_name span{ display:block; background:#f2f2f2; width:220px; margin:0 auto; font-size:24px; color:#35535d; line-height:31px; font-weight:bold; text-align:center;}
.about{ background:#fff;}
.about .about_left{ width:43%; float:left;}
.about .about_left img{ width:100%;}
.about .about_right{ float:right; width:52%; margin:0 3% 0 0; font-size:14px; color:#525252; line-height:24px;}
.about .about_right b{ font-size:18px; display:block; line-height:26px; color:#35535d; margin:16px 0 8px 0;}
.a_width{ margin:2.2% auto 0 auto;}
.a_width ul{ overflow:hidden;}
.a_width ul li{ width:31%; float:left; margin:0 3.5% 0 0; overflow:hidden; position:relative;}
.a_width ul li:nth-child(3n){ margin:0;}
.a_width ul li img{ width:100%; transition:all .5s;}
.a_width ul li:hover img{ transform:scale(1.2);}
.a_width ul li font{ position:absolute; left:0; bottom:0; background:#35535d; width:136px; text-align:center;}
.a_width ul li a{ font-size:18px; color:#fff; font-weight:bold; line-height:38px;}
.a_width ul li a:hover{ text-decoration:none;}

/*news_faq*/
.news_faq{ margin:48px auto;}
.news_faq .news{ float:left; width:65%;}
.news_faq .news .news_name{ background:#35535d; overflow:hidden;}
.news_faq .news .news_name span{ float:left; font-size:24px; color:#fff; line-height:44px; margin:0 0 0 20px;}
.news_faq .news .news_name a{ float:right; margin:0 20px 0 0; font-size:12px; color:#fff; line-height:44px;}

.news_faq .news .news_nrong{ width:100%; background:url(../images/news_right.jpg) top right no-repeat; margin:20px 0 0 0;}
.news_faq .news .news_nrong .one_ns{ width:97%; font-size:14px; color:#666; line-height:22px; padding:0 3% 0 0; overflow:hidden;}
.news_faq .news .news_nrong .one_ns img{ float:left; border:#ccc 1px solid; padding:2px; width:196px; height:118px; margin:0 16px 0 0;}
.news_faq .news .news_nrong .one_ns span{ font-size:14px; color:#333; display:block; font-weight:bold; margin:0 0 5px 0;}
.news_faq .news .news_nrong .one_ns a{ color:#666;}
.news_faq .news .news_nrong .one_ns a:hover{ text-decoration:none; color:#d81030;}
.news_faq .news .news_nrong ul{ overflow:hidden; margin:6px 0 0 0;}
.news_faq .news .news_nrong ul li{ float:left; width:48%; background:url(../images/news_tb.png) left center no-repeat; padding:0 0 0 2%;}
.news_faq .news .news_nrong ul li a{ font-size:14px; color:#666; line-height:33px; font-weight:bold;}
.news_faq .news .news_nrong ul li a:hover{ text-decoration:none; color:#d81030;}

.news_faq .faq{ float:right; width:35%;}
.news_faq .faq .faq_name{ background:#d81030; overflow:hidden;}
.news_faq .faq .faq_name span{ float:left; font-size:24px; color:#fff; line-height:44px; margin:0 0 0 20px;}
.news_faq .faq .faq_name a{ float:right; margin:0 20px 0 0; font-size:12px; color:#fff; line-height:44px;}

.news_faq .faq .faq_nrong{ border-bottom:#ccc 1px solid; margin:0 0 0 20px; padding:20px 0;}
.news_faq .faq .faq_nrong .faq_biaoti{ margin:0 0 10px 0; font-size:14px; color:#333; line-height:23px; font-weight:bold;}
.news_faq .faq .faq_nrong .faq_biaoti font{ background:#35535d; font-size:16px; color:#fff; line-height:23px; width:23px; height:23px; display:block; text-align:center; float:left; font-weight:normal; font-family:Arial; margin:0 12px 0 0;}
.news_faq .faq .faq_nrong .faq_sming{ margin:0 0 10px 0; font-size:14px; color:#666; line-height:23px;}
.news_faq .faq .faq_nrong .faq_sming font{ background:#d81030; font-size:16px; color:#fff; line-height:23px; width:23px; height:23px; display:block; text-align:center; float:left; font-family:Arial; margin:0 12px 0 0;}

/*links*/
.links{ background:#f0f0f0; width:100%; padding:30px 0px; overflow:hidden;}
.links b{ font-size:18px; color:#35535d; display:block; margin:0 0 15px 0;}
.links .links_cnt{ border-bottom:1px solid #ddd; padding:0 0 8px 0;}
.links .links_cnt a{ font-size:14px; color:#666; line-height:24px;}
.links .links_cnt span{ color:#ccc; font-size:14px; margin:0 6px;}

/*footer*/
.footer{ background:#35535d; width:100%; padding:20px 0px; overflow:hidden;}
.footer .footer_nav{ background:url(../images/footer_bg.jpg) repeat-x bottom; width:100%; text-align:center; padding:10px 0 22px 0;}
.footer .footer_nav a{ font-size:16px; color:#fff; line-height:28px; margin:0 22px;}

.f_left{ float:left; background:url(../images/footer_line.png) no-repeat right center; min-height:207px; width:260px; margin:0 40px 0 0;}
.f_left strong{ font-size:16px; color:#fff; display:block; margin:36px 0 8px 0;}
.f_left em{ display:block; padding:0 40px 0 0;}
.f_left em a{ font-size:12px; color:#ccc; font-weight:bold; line-height:22px;}
.f_left em a:hover{ color:#fff; text-decoration:none;}
.f_left em span{ color:#999; font-size:12px; margin:0 6px;}

.f_center{ float:left; background:url(../images/footer_line.png) no-repeat right center; width:490px; min-height:207px;}
.f_center strong{ font-size:16px; color:#fff; display:block; margin:36px 0 8px 0;}
.f_center p{ font-size:12px; color:#ccc; line-height:34px;}
.f_center p i{ background:url(../images/d1.png) left center no-repeat; width:20px; height:34px; display:block; float:left; margin:0 6px 0 0;}
.f_center p.c1{ line-height:34px;}
.f_center p.c2{ line-height:34px;}
.f_center p.c1 i{ background:url(../images/d2.png) left center no-repeat;}
.f_center p.c2 i{ background:url(../images/d3.png) left center no-repeat;}

.f_right{ float:right; width:370px;}
.f_right dl{ margin:36px 0 0 0;}
.f_right dl dt{ float:left; width:114px;}
.f_right dl dt img{ width:100%;}
.f_right dl dd{ float:right; width:240px;}
.f_right dl dd strong{ font-size:16px; color:#fff; display:block; margin:0 0 8px 0;}
.f_right dl dd p{ font-size:12px; line-height:20px; color:#ccc;}

/*company_icp*/
.company_icp{ font-size:12px; color:#666; line-height:20px; padding:15px 0; text-align:center;}


/*ny_banner*/
.ny_banner{ height:350px; width:100%;  background-size:cover;  background-repeat:no-repeat; background-position:center;}

/*content*/
.content{ margin:30px auto 48px auto;}
.cont_left{ float:left; width:21%;}
.cont_left h2{ background:#35535d; line-height:53px; padding:0 0 0 20px; font-size:22px; color:#fff;}
.cont_left ul{ overflow:hidden;}
.cont_left li{ background:#eee; overflow:hidden; line-height:42px; font-size:16px;}
.cont_left li a{ display:block; z-index:2; padding:0 0 0 20px; border-top:1px solid #fff; position:relative;}
.cont_left li a:before{ content:' '; position:absolute; display:block; width:3px; height:100%; top:0; left:0; z-index:-1; background:#d81030; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.cont_left li a:hover::before{ width:100%;}
.cont_left li a:hover{ color:#fff; text-decoration:none;}
.cont_left li a.active::before { width:100%;}
.cont_left li a.active{ color:#fff;}
.hot_product{ width:100%; margin:20px auto 0 auto; overflow:hidden;}
.hot_product h5{ font-size:18px; color:#333; line-height:32px; font-weight:bold; margin:0 0 6px 0;}
.hot_product dl{ margin:0 0 16px 0;}
.hot_product dl a{ display:block; text-align:center; font-size:14px;}
.hot_product dl a:hover{ text-decoration:none;}
.hot_product dl dd{ border:#eee 1px solid;}
.hot_product dl dd img{ width:100%;}
.hot_product dl dt{ margin:5px 0 0 0;}

.cont_right{ float:right; width:76%;}
.cont_right h3{ font-size:22px; font-weight:bold; color:#35535d; border-bottom:1px solid #ccc; line-height:52px; margin:0 0 22px 0;}

/*company*/
.company{ font-size:14px; color:#666; line-height:25px;}

.yanfa{ width:100%; margin:0;}
.yanfa ul{ overflow:hidden;}
.yanfa ul li{ width:23.5%; float:left; margin:0 2% 2% 0;}
.yanfa ul li:nth-child(4n){ margin:0 0 2% 0;}
.yanfa ul li img{ width:100%;}
.yanfa 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;}
.yanfa ul li a{ color:#333; border:#eee 1px solid; padding:2px; display:block;}
.yanfa ul li a:hover{ text-decoration:none; color:#35535d;}

.clientele{ width:100%; margin:0 auto; overflow:hidden;}
.clientele ul{ overflow:hidden;}
.clientele ul li{ float:left; width:17.6%; margin:0 3% 3% 0; background:#fff; position:relative;}
.clientele ul li:nth-child(5n){ margin:0 0 3% 0;}
.clientele ul li a{ display:block; border:#ccc 1px solid; padding:5px;}
.clientele ul li img{ width:100%;}
.clientele ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#35535d; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.clientele ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s;}
.clientele ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#35535d; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.clientele ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s;}
.clientele ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#35535d; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.clientele ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s;}
.clientele ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#35535d; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.clientele ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s;}

/*products*/
.products{ width:100%; margin:0 auto; overflow:hidden;}
.products dl{ float:left; width:48%; margin:0 4% 4% 0;}
.products dl:nth-child(2n){ margin:0 0 4% 0;}
.products dl dd{ float:left; width:52%;}
.products dl dd img{ width:100%;}
.products dl dt{ float:right; width:44%; font-size:14px; line-height:20px;}
.products dl dt em{ display:block; font-weight:bold; border-bottom:#ccc 1px solid; margin:0 0 8px 0; padding:0 0 6px 0; color:#35535d;}
.products dl dt a{ color:#666;}
.products dl dt a:hover{ text-decoration:none; color:#d81030;}


.product_width{ width:100%; margin:0 auto; overflow:hidden;}
.game163{ width:414px; float:left;}
.game163 .bigImg{ position:relative;}
.game163 .bigImg li img{ width:414px; height:311px;}
.game163 .smallScroll{ height:57px; margin-top:8px;}
.game163 .sPrev,.game163 .sNext{ float:left; display:block; width:24px; height:57px; text-indent:-9999px;background:url(../images/pro_next.jpg) no-repeat 0 -12px; }
.game163 .sNext{ background-position:-26px -12px;}
.game163 .smallImg{ float:left; margin:0 7px; display:inline; width:352px; overflow:hidden;}
.game163 .smallImg ul{ height:57px; width:9999px; overflow:hidden; }
.game163 .smallImg li{ float:left; padding:0 6px; width:76px; cursor:pointer; display:inline;}
.game163 .smallImg img{ border:2px solid #f2f2f2; width:72px; height:53px;}
.game163 .smallImg .on img{ border:2px solid #35535d;}

div.jqZoomTitle{ z-index:5000; text-align:center; font-size:12px; height:20px; padding-top:2px; position:absolute; top:0px; left:0px; width:100%; color:#666; background:#f0f0f0;}
.jqZoomPup{	overflow:hidden; background-color:#fff;	-moz-opacity:0.6; opacity:0.6; filter:alpha(opacity = 60); z-index:10; border-color:#f0f0f0; border-style:solid; cursor:crosshair;}
.jqZoomPup img{	border:0px;}
.preload{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity = 80); color:#333; font-size:12px; text-decoration:none; border:1px solid #f0f0f0; padding:8px; text-align:center; background:#fff url(../images/zoomloader.gif) 43px 30px no-repeat; width:90px; *width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px;}
.jqZoomWindow{	border:1px solid #f0f0f0; background:#fff;}
.pro_sj{ display:none;}

.product_right{ float:right; width:51%;}
.product_right h4{ font-size:18px; color:#35535d; line-height:30px; font-weight:bold;}
.product_right h5{ font-size:14px; color:#666; line-height:25px; margin:10px auto;}
.product_right h6{ border:#eee 1px solid; border-left:none; border-right:none; font-size:14px; color:#666; line-height:25px; padding:6px 0;}

.products_detwo_titel{ border-bottom:solid 1px #e8e8e8; border-top:solid 1px #e8e8e8; height:40px; line-height:40px; background:#fff; margin:26px 0 0 0;}
.products_detwo_titel a{ cursor:pointer; float:left; font-size:16px; text-align:center; display:block; height:40px; border-right:solid 1px #e8e8e8; border-top:none; padding:0 4%;}
.products_detwo_titel a.cur,.products_detwo_titel a:hover{ color:#fff; background:#35535d; text-decoration:none;}
.borleft{ width:100%; margin:0 auto; border-left:solid 1px #e8e8e8;}
.products_decon{ width:100%; margin:0 auto;}
.pro_con{ display:none; padding-top:20px; font-size:14px; color:#666; line-height:25px;}
.pro_con img{ max-width:100%;}
.pro_con .biaoqian{ width:100%; margin:20px auto 0 auto; overflow:hidden;}
.pro_con .biaoqian span{ font-weight:bold; font-size:15px; color:#525252;}
.pro_con .biaoqian a{ font-size:14px; color:#666; line-height:25px; margin:0 0 0 8px;}
.pro_con .biaoqian a:hover{ text-decoration:none; color:#35535d;}

/*ny_news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ margin:0 0 20px 0; position:relative; overflow:hidden;}
.ny_news ul li .news_fl{ width:28%; float:left;}
.ny_news ul li .news_fl img{ width:100%;}
.ny_news ul li .news_fr{ width:67%; float:right; margin:0 2% 0 3%;}
.ny_news ul li h4{ font-size:15px; line-height:25px; color:#333; font-weight:bold; margin:10px 0 2px 0;}
.ny_news ul li span{ font-size:12px; color:#d81030; line-height:18px; margin:2px 0; display:block;}
.ny_news ul li em{ font-size:14px; line-height:22px; color:#666; margin:6px 0 10px 0; display:block;}
.ny_news ul li a{ display:block; border:#d9d9d9 1px solid; overflow:hidden;}
.ny_news ul li a:hover{ text-decoration:none;}
.ny_news ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#d81030; position:absolute; top:0; left:0;}
.ny_news ul li:hover::before{ width:100%; visibility:visible; z-index:2;}
.ny_news ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#d81030; position:absolute; bottom:0; right:0;}
.ny_news ul li:hover::after{ width:100%; visibility:visible; z-index:2;}
.ny_news ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#d81030; position:absolute; bottom:0; right:0;}
.ny_news ul li:hover i:before{ height:100%; visibility:visible; z-index:2;}
.ny_news ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#d81030; position:absolute; top:0; left:0;}        
.ny_news ul li:hover i:after{ height:100%; visibility:visible; z-index:2;}

.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%;}
.p_next{ width:100%; margin:20px auto 0 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:#d81030;}

.problem{ border-bottom:#ccc 1px solid; margin:0 0 20px 0; padding:0 0 10px 0;}
.problem .faq_biaoti{ margin:0 0 10px 0; font-size:15px; color:#333; line-height:23px; font-weight:bold;}
.problem .faq_biaoti font{ background:#35535d; font-size:16px; color:#fff; line-height:23px; width:23px; height:23px; display:block; text-align:center; float:left; font-weight:normal; font-family:Arial; margin:0 12px 0 0;}
.problem .faq_sming{ font-size:14px; color:#666; line-height:23px;}
.problem .faq_sming font{ background:#d81030; font-size:16px; color:#fff; line-height:23px; width:23px; height:23px; display:block; text-align:center; float:left; font-family:Arial; margin:0 12px 0 0;}

/*application*/
.application{ width:100%; margin:0 auto; overflow:hidden;}
.application h3{ font-size:22px; font-weight:bold; color:#35535d; border-bottom:1px solid #ccc; line-height:52px; margin:0 0 22px 0;}

/*support*/
.support{ font-size:14px; color:#666; line-height:25px;}
.download{ width:100%; margin:0 auto;}
.download ul{ overflow:hidden;}
.download ul li{ border-bottom:#ddd 1px dotted; overflow:hidden; padding:12px 0; position:relative;}
.download ul li a{ font-size:14px; color:#323232;; line-height:20px; float:left;}
.download ul li a:hover{ color:#d81030;}
.download ul li em{ float:right; font-size:14px; color:#666;; line-height:20px;}
.download ul li font{ position:absolute; top:9px; right:62px;}
.download ul li font img{ width:36px; height:26px;}

/*join*/
.join{ font-size:14px; color:#666; line-height:25px;}

.jobtitle{ width:100%; overflow:hidden; margin:0 auto; background:#f2f2f2; padding:10px 0;}
.jobtitle span{ float:left; width:24%; text-align:center; font-size:14px; color:#000; font-weight:bold; line-height:25px;}
.jobtitle:nth-child(3n) span{ width:28%;}
.jobpanel{ width:100%; overflow:hidden; margin:0 auto 18px auto; border-bottom:1px dotted #ccc;}
.jobpanel dl{ border-top:1px dotted #ccc;}
.jobpanel dl dt{ line-height:42px; overflow:hidden;}
.jobpanel dl dt span{ float:left; width:24%; text-align:center; font-size:14px; color:#666;}
.jobpanel dl dt:nth-child(3n) span{ width:28%;}
.jobpanel dl dt span a{ font-size:14px; color:#d81030;}
.jobpanel dl dt span a:hover{ text-decoration:none;}
.jobpanel dl dd{ display:none; padding:10px 0 20px 9%; line-height:25px;}
.jobpanel dl dd h6{ font-size:14px; color:#d81030; margin:0 0 6px 0; font-weight:bold;}

/*contact_us*/
.contact_us{ width:100%; margin:0 auto; overflow:hidden; background:#f0f0f0;}
.contact_us iframe{ margin:0; padding:0;}

.contact{ width:100%; margin:0 auto; overflow:hidden;}
.contact h3{ font-size:22px; font-weight:bold; color:#35535d; border-bottom:1px solid #ccc; line-height:52px; margin:0 0 22px 0;}
.contact_lx{ float:right; width:48%; font-size:14px; color:#666; line-height:25px;}
.contact_lx img{ max-width:100%;}

.feedback{ width:48%; float:left;}
.col-sm-5 .form-control{ display:block; width:65%; height:35px; padding:0px 12px; font-size:14px; line-height:33px; color:#555; background:#fff; background-image:none; border:1px solid #ccc; border-radius:4px;}
.col-sm-5 #FeedabckContent{ display:block; width:90%; height:150px; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#555; background:#fff; background-image:none; border:1px solid #ccc; border-radius:4px;}
.col-lg-12{ width:90%; margin-top:20px;}
.col-lg-12 .btn{ display:inline-block; padding:7px 40px; margin-bottom:0; font-weight:normal; border:1px solid #ccc; border-radius:5px; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; background-color:#fff; cursor:pointer;}
.col-lg-12 .btn:hover{ background:#35535d; border:1px solid #35535d; color:#fff;}

/*kefu*/
.four-con{ position:fixed; right:8px; top:50%; margin-top:-116px; z-index:22;}
.four-con ul li{ position:relative; width:50px; height:50px; margin-bottom:8px;}
.f-all-con{ left:-90px; top:6px; padding-right:17px; display:none; position:absolute;}
.f-a-bg{ position:relative; background-color:#d81030; padding:10px; border-radius:5px; font-size:14px; color:#fff;}
.f-a-bg b{ font-size:18px;}
.f-a-bg:after{ content:""; position:absolute; right:-7px; top:50%; width:0; height:0; margin-top:-6px; border-top:5px solid transparent; border-left:7px solid #d81030; border-bottom:5px solid transparent;}
.four-con ul li:hover .f-all-con{ display:block;}
.four-con ul li.a-w1 .f-all-con{ top:-6px; left:-174px;}
.four-con ul li.a-w2 .f-all-con{ top:-44px; left:-154px;}
.four-con ul li.a-w3 .f-all-con{ top:6px; left:-104px;}
a.f-icon4, a.f-icon3, a.f-icon2, a.f-icon1{ width:50px; height:50px; display:inline-block; background:url(../images/ficon1.png) no-repeat 0 -51px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; cursor:pointer;}
a.f-icon2{ background:url(../images/ficon2.png) no-repeat 0 -51px;}
a.f-icon3{ background:url(../images/ficon4.png) no-repeat 0 -51px;}
a.f-icon4{ background:url(../images/ficon5.png) no-repeat 0 -51px;}
.four-con ul li:hover a.f-icon4, .four-con ul li:hover a.f-icon3, .four-con ul li:hover a.f-icon2, .four-con ul li:hover a.f-icon1{ background-position:0 0;}