@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:"微软雅黑"; overflow-x:hidden;}
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,i{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% 微软雅黑; 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:#ee841a; 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:".";}
.width_all2{ width:96%; margin:0 auto;}
.width_all2:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ margin:0 auto;}
.head_top .logo{ float:left; width:190px; position:relative; z-index:9; margin:12px 0 22px 0;}
.head_top .logo img{ width:100%;}

.head_top .gouwudai{ float:right; margin:28px 0;}
.head_top .gouwudai a{ font-size:16px; color:#333; line-height:26px; transition:all .35s; cursor:pointer;}
.head_top .gouwudai a:hover{ color:#ee841a; text-decoration:none;}
.head_top .gouwudai i{ width:16px; height:16px; background:url(../images/gouwudai.png) center no-repeat; float:left; margin:5px 6px 5px 0; transition:all .35s;}
.head_top .gouwudai a:hover i{ background:url(../images/gouwudai_h.png) center no-repeat;}

.head_top .search_pc{ float:right; width:190px; height:30px; background:url(../images/search.jpg) left top no-repeat; margin:26px 2%;}
.head_top .search_pc .search{ float:left; padding:0 0 0 8px; width:160px; font-size:14px; line-height:30px; border:0; background:none; outline:none;}
.head_top .search_pc .button{ float:right; border:0; width:22px; height:30px; background:none; cursor:pointer; outline:none;}
.head_top .search_pc .search::-webkit-input-placeholder{ color:#333;}
.head_top .search_pc .search::-moz-placeholder{ color:#333;}

/*nav*/
.nav{ float:right; line-height:42px;}
.navbar_nav{ font-size:0;}
.navbar_nav li{ float:left; position:relative; text-align:center; padding:0 22px;}
.navbar_nav li:after{ content:""; position:absolute; left:0; bottom:0; width:100%; background:#ee841a; height:0; z-index:-1; -webkit-transition:0.3s;transition:0.3s;}
.navbar_nav li:hover:after{height:100%;}
.navbar_nav li a{ text-decoration:none; height:82px; line-height:82px; display:block; color:#333; font-size:16px;}
.navbar_nav li:hover>a{ color:#fff;}
.navbar_nav li.dropdown{ display:inherit; position:relative;}
.navbar_nav li.dropdown .dropdown_menu{ display:none; z-index:99; position:absolute; top:82px; width:1920px; overflow:hidden; left:0; background:#4f4f4f; padding:0 0 0 20px;}
.navbar_nav li.dropdown .dropdown_menu a{ float:left; height:60px; line-height:60px; font-size:14px; color:#ccc; margin-right:30px;}
.navbar_nav li.dropdown .dropdown_menu a:hover{ color:#ee841a;}

/*banner*/
.banner{ width:100%; margin:0 auto; overflow:hidden;}
.banner .top_bg_con .swiper-pagination .swiper-pagination-bullet{ opacity:1; background:#fff;}
.banner .top_bg_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background:#ee841a;}
.m-Pic{ text-align:center; display:block; font-size:0;}
.m-Pic b{ display:inline-block; height:100%; vertical-align:middle;}
.m-Pic img{ vertical-align:middle; max-width:100%; max-height:100%;}

/*home_img*/
.home_img{ width:100%; margin:6px auto;}
.home_img ul{ overflow:hidden;}
.home_img ul li{ float:left; width:33%; margin:0 0.5% 0 0; position:relative; overflow:hidden;}
.home_img ul li:last-child{ margin:0;}
.home_img ul li img{ width:100%; -webkit-transition:transform 1s; -moz-transition:transform 1s; -ms-transition:transform 1s; -o-transition:transform 1s; transition:transform 1s;}
.home_img ul li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.home_img ul li .text{ position:absolute; z-index:99; top:30%; margin-left:60px;}
.home_img ul li .text big{ display:block; font-size:32px; color:#020202; letter-spacing:5px;}
.home_img ul li .text small{ display:block; font-size:16px; color:#ee841a;}

/*news*/
.news_name{ margin:52px auto 30px auto; position:relative; text-align:center;}
.news_name p{ display:inline-block; font-size:32px; color:#020202; z-index:9; background:#fff; padding:0 26px; line-height:42px; letter-spacing:4px;}
.news_name:after{ position:absolute; z-index:-1; top:50%; left:10%; right:10%; content:""; border-top:1px solid #cfcfcf; visibility:inherit;}
.news{ margin:30px auto 52px auto;}
.news .news_left{ float:left; width:54%; overflow:hidden;}
.news .news_left img{ width:100%; -webkit-transition:transform 1s; -moz-transition:transform 1s; -ms-transition:transform 1s; -o-transition:transform 1s; transition:transform 1s;}
.news .news_left:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.news .news_right{ float:right; width:44%;}
.news .news_right dl{ overflow:hidden; border-bottom:1px solid #bbb; padding:0 0 10px 0; margin:0 0 10px 0;}
.news .news_right dl a{ color:#333;}
.news .news_right dl a:hover{ text-decoration:none; color:#ee841a;}
.news .news_right dl dd{ font-size:22px; color:#333; line-height:28px;}
.news .news_right dl dd span{ display:block; font-size:12px; color:#888;}
.news .news_right dl dt{ font-size:14px; line-height:25px;}
.news .news_right ul{ overflow:hidden;}
.news .news_right ul li{ line-height:32px; padding-left:25px; font-size:14px; color:#959494; background:url(../images/h_news_ico.png) no-repeat 5px 14px;}
.news .news_right ul li a{ color:#333; display:block;}
.news .news_right ul li a:hover{ text-decoration:none; color:#ee841a;}
.news .news_right ul li span{ float:right; color:#888; font-size:12px;}

/*footer*/
.footer{ background:#4f4f4f; overflow:hidden;}
.foot_w{ margin:32px auto 32px auto;}
.foot_l{ float:left; width:66%;}
.foot_l dl{ float:left; margin:0 10% 0 0;}
.foot_l dl dd{ font-size:16px; color:#fff; line-height:28px; margin:0 0 10px 0;}
.foot_l dl dt{ line-height:28px;}
.foot_l dl dt a{ font-size:14px; color:#ccc; display:block;}
.foot_l dl dt a:hover{ color:#ee841a; text-decoration:none;}
.foot_r{ float:right; width:34%;}
.foot_r span{ display:block; font-size:16px; color:#fff; line-height:28px; margin:0 0 10px 0;}
.foot_r font{ display:block; color:#ccc; font-size:14px; line-height:28px;}
.foot_r ul{ margin:12px auto 0 auto;}
.foot_r ul li{ width:38px; height:38px; float:left; margin:0 10px 0 0; border-radius:20px; background:#333; position:relative; transition:all .35s;}
.foot_r ul li:hover{ background:#ee841a;}
.foot_r ul li img{position:absolute; left:50%; top:50%; margin:-9px 0 0 -9px;}
.foot_r ul li .f_ewm{ display:none;}
.foot_r ul li:hover .f_ewm{ display:block; position:absolute; left:-10px; top:-70px; width:108px; z-index:2;}
.foot_r ul li .f_ewm img{ max-width:100%; border-radius:1px; margin:0;}

.foot_icp{ border-top:#585858 1px solid; font-size:14px; color:#ccc; text-align:center; padding:15px 0; line-height:24px; overflow:hidden;}
.foot_icp a{ color:#ccc;}
.foot_icp a:hover{ text-decoration:none; color:#ee841a;}

@media screen and (max-width:1200px) {

	.width_all2{ width:1200px;}
	.banner{ width:1200px;}
	.home_img{ width:1200px;}
	.footer{ width:1200px;}
	.ny_banner{ width:1200px !important;}

}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.ny_banner img{ width:100%;}
.lujing{ position:absolute; bottom:4.8%; left:0; width:100%; margin:0 auto; font-size:14px; color:#000; line-height:25px;}
.lujing a{ text-transform:uppercase; text-decoration:underline; color:#333;}
.lujing a:hover{ text-decoration:none; color:#000;}

/*ny_nav*/
.ny_nav{ margin:48px auto 22px auto;}
.ny_nav li{ float:left; margin:0 10px 10px 0;}
.ny_nav li a{ background:#fff; display:block; border:#ddd 1px solid; padding:6px 18px; line-height:28px; font-size:16px; color:#000;}
.ny_nav li a.hrdt{ background:#ee841a; color:#fff; border:#ee841a 1px solid;}
.ny_nav li a:hover{ text-decoration:none;}

/*company*/
.company{ margin:22px auto 52px auto; font-size:14px; color:#333; line-height:25px;}
.company img{ max-width:100%;}

/*products*/
.products{ margin:22px auto 52px auto;}
.products li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.products li:nth-child(4n){ margin:0 0 2% 0;}
.products li a img{ width:100%;}
.products li a{ border:#dfdfdf 1px solid; display:block; text-align:center; transition:all .3s;}
.products li a:hover{ text-decoration:none; box-shadow:0 4px 10px #dfdfdf; transform:translateY(-4px);}
.products li em{ display:block; font-size:14px; line-height:25px; padding:8px 0;}

.products_width{ margin:22px auto 52px auto;}
.products_text{ width:100%; margin:0 auto; overflow:hidden;}
.game163{ width:500px; float:left;}
.game163 .bigImg{ position:relative;}
.game163 .bigImg li img{ width:498px; height:498px; border:#ddd 1px solid;}
.game163 .smallScroll{ height:78px; margin-top:8px;}
.game163 .sPrev,.game163 .sNext{ float:left; display:block; width:24px; height:78px; text-indent:-9999px; background:url(../images/pro_next.jpg) no-repeat 0 -3px; }
.game163 .sNext{ background-position:-26px -3px;}
.game163 .smallImg{ float:left; margin:0 6px; display:inline; width:440px; overflow:hidden;}
.game163 .smallImg ul{ height:78px; width:9999px; overflow:hidden; }
.game163 .smallImg li{ float:left; padding:0 5px; width:78px; cursor:pointer; display:inline;}
.game163 .smallImg img{ border:2px solid #f2f2f2; width:74px; height:74px;}
.game163 .smallImg .on img{ border:2px solid #ee841a;}

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:#333; 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; width:90px; *width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px;}
.jqZoomWindow{	border:1px solid #f0f0f0; background:#fff;}

.product_right{ float:right; width:52%;}
.product_right .prr_name{ font-size:22px; color:#ee841a; line-height:30px; font-weight:bold;}
.product_right .p_ggao{ font-size:14px; color:#333; line-height:25px; margin:14px auto;}
.product_right .p_ggao img{ max-width:100%;}
.product_right .pp_lx{ width:100%; margin:12px auto;}
.product_right .pp_lx a{ background:#f2f2f2; display:block; padding:8px 10px; font-size:16px; color:#ee841a; line-height:22px;}
.product_right .pp_lx a:hover{ text-decoration:none; color:#ee841a;}

.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%; color:#000;}
.products_detwo_titel a.cur,.products_detwo_titel a:hover{ color:#fff; background:#ee841a; 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:#333; line-height:25px;}
.pro_con img{ max-width:100%;}
.pro_con table{ width:100%; margin:0 auto; border:#ddd 1px solid;}
.pro_con table td{ border:#ddd 1px solid; font-size:14px; color:#333; line-height:25px; padding:8px 0; text-align:center;}

.pro_xiangguan{ margin:26px auto 16px auto; overflow:hidden; background:#f4f4f4; line-height:42px; border-bottom:#ddd 1px solid; font-size:16px; color:#000;}
.pro_xiangguan i{ width:4px; height:16px; background:#ee841a; float:left; margin:14px 10px 0 8px;}
.pro_xgcp{ margin:16px 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:#ee841a 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:#ee841a;}

/*solution*/
.solution{ margin:22px auto 52px auto; font-size:14px; color:#333; line-height:25px;}
.solution img{ max-width:100%;}

/*support*/
.down_width{ margin:22px auto 52px auto;}
.down_width ul{ overflow:hidden;}
.down_width ul.d_title li{ font-size:14px; color:#333; line-height:20px; padding:8px 0; border-bottom:#cdcdcd 2px solid;}
.down_width ul.xiangxi li{ font-size:14px; line-height:20px; color:#333; border-bottom:#e1e1e1 2px solid; padding:8px 0; height:40px; word-break:break-all; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.down_width ul li.model{ width:30%; float:left; justify-content:left !important; padding:8px 2% 8px 2%;}
.down_width ul li.prodt{ width:35%; float:left; justify-content:left !important; padding:8px 2% 8px 2%;}
.down_width ul li.prodt2{ width:15%; float:left; text-align:center;}
.down_width ul li.pwm{ width:12%; float:left; text-align:center;}
.down_width ul li a{ font-size:14px; color:#ee841a; display:block; line-height:20px;}
.down_width ul li a:hover{ color:#ee841a; text-decoration:underline;}

.support{ margin:22px auto 52px auto;}
.faqs{ border:#eaeaea 2px solid;}
.faqs ul{ width:90%; margin:3% auto 4% auto; overflow:hidden;}
.faqs ul li{ border-bottom:#e9e5e6 1px solid; overflow:hidden; padding:18px 0 8px 0;}
.faqs ul li a{ font-size:16px; color:#333; line-height:28px; display:block;}
.faqs 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;}
.faqs ul li i{ float:right; width:22px; height:22px; background:url(../images/faq_jt.png) center no-repeat; margin:3px;}
.faqs ul li a:hover{ text-decoration:none; color:#ee841a;}
.faqs h2{ width:90%; margin:42px auto 28px auto; font-size:24px; color:#333; line-height:36px; padding:0 0 10px 0; text-align:center; border-bottom:#d1cfcf 2px dashed;}
.faqs .wenti{ width:86%; margin:28px auto 52px auto; font-size:18px; color:#333; line-height:30px;}
.faqs .wenti img{ max-width:100%;}

/*ny_news*/
.ny_news{ margin:22px auto 52px auto;}
.ny_news dl{ overflow:hidden; border-bottom:#d2d2d2 1px solid; margin:0 0 28px 0; padding:0 0 28px 0;}
.ny_news dl dd{ float:left; width:28%;}
.ny_news dl dd img{ width:100%;}
.ny_news dl dt{ width:66%; float:right; font-size:14px; color:#333; line-height:25px;}
.ny_news dl dt em{ display:block; font-size:20px; color:#333;}
.ny_news dl dt span{ display:block; color:#888; margin:6px 0 12px 0;}
.ny_news dl dt .ny_more{ width:114px; margin:16px 0 0 0;}
.ny_news dl dt .ny_more a{ font-size:14px; color:#fff; display:block; background:#ee841a; line-height:40px; text-align:center;}
.ny_news dl dt .ny_more a:hover{ text-decoration:none; background:#333;}

.newshow_bt{ font-size:20px; color:#ee841a; line-height:32px;}
.newshow_bt p{ font-size:14px; color:#333; line-height:25px; margin:6px 0 0 0;}
.newshow_bt em{ color:#333;}
.newshow_bt span{ color:#ee841a;}
.newshow{ margin:36px auto 60px auto;}
.newshow_sm{ border-bottom:#d2d2d2 1px solid; border-top:#d2d2d2 1px solid; font-size:14px; color:#333; line-height:25px; padding:30px 0; margin:26px auto;}
.newshow_sm img{ max-width:100%;}
.newshow_next{ margin:26px auto 0 auto;}
.newshow_next .n_next{ float:left; width:90%;}
.newshow_next .n_next ul{ overflow:hidden;}
.newshow_next .n_next ul li{ line-height:25px;}
.newshow_next .n_next ul li a{ font-size:14px; display:block; color:#333;}
.newshow_next .n_next ul li a:hover{ text-decoration:none; color:#ee841a;}
.newshow_next .n_fanhui{ float:right; width:8%;}
.newshow_next .n_fanhui a{ background:#ee841a; line-height:50px; text-align:center; display:block; color:#fff;}
.newshow_next .n_fanhui a:hover{ text-decoration:none;}

/*kefu*/
.four-con{ position:fixed; right:2%; top:50%; margin-top:-88px; z-index:22;}
.four-con ul li{ position:relative; width:50px; height:50px; margin-bottom:10px;}
.f-all-con{ left:-90px; top:6px; padding-right:17px; display:none; position:absolute;}
.f-a-bg{ position:relative; background-color:#333; 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 #333; 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;}
a.f-icon5, a.f-icon4, 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-icon4{ background:url(../images/ficon4.png) no-repeat 0 -51px;}
a.f-icon5{ background:url(../images/ficon5.png) no-repeat 0 -51px;}
.four-con ul li:hover a.f-icon5, .four-con ul li:hover a.f-icon4, .four-con ul li:hover a.f-icon1{ background-position:0 0;}