@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:微软雅黑;}
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% 微软雅黑; 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:#2267aa; text-decoration:underline;}
.width_all{ max-width:1180px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; margin:0 auto; background:#f3f3f3; z-index:99;}
.head_top .logo{ float:left; /*width:120px;*/ margin:27px 0;}
.head_top .logo img{ width:100%;}
.head_top h1{ float:left; font-size:34px; color:#144e8f; line-height:42px; margin:40px 0 40px 10px;}
.head_top .search{ width:28px; float:right; margin:47px 0;}
.head_top .search img{ width:100%;}
.head_top .search .yuyan1{ display:none; position:absolute; top:70px; width:265px; padding:20px; }
.head_top .search .yuyan1 .input_txt{ float:left; width:218px; height:30px; outline:medium; border:1px solid #CCC; border-right:none; padding-left:5px; color:#aaaaaa;}
.head_top .search .yuyan1 .input_btn{ float:right; width:40px; height:30px; outline:medium; border:0 none; background:#3ab1c8 url(../images/pic11.png) no-repeat center; background-size:20px; cursor:pointer;}
.head_top .search .yuyan1 .jt{ width:20px; height:10px; position:absolute; right:5px; top:-10px; background:url(../images/pic10.png) no-repeat center top;}












.head_top .gouwudai{ float:right; margin:50px 18px 50px 28px; position:relative; z-index:999; padding:0 0 0 18px;}
.head_top .gouwudai:before{ background:#888; width:2px; height:16px; position:absolute; left:0; top:3px; content:"";}
.head_top .gouwudai p{ font-size:16px; color:#333; line-height:22px; transition:all .35s; cursor:pointer;}
.head_top .gouwudai i{ width:22px; height:22px; background:url(../images/gouwudai.png) center no-repeat; float:left; margin:0 8px 0 0; transition:all .35s;}
.head_top .gouwudai .yuyan{ position:absolute; top:22px; width:100%; left:50%; margin:0 0 0 -50%; display:none;}
.head_top .gouwudai .yuyan .yy_nav{ position:relative; padding:50px 0 0 0;}
.head_top .gouwudai .yuyan .yy_nav ul{ background:rgba(255, 255, 255, .88); box-shadow:0 0 6px #eee;}
.head_top .gouwudai .yuyan .yy_nav ul li{ line-height:36px;}
.head_top .gouwudai .yuyan .yy_nav ul li img{ width:18px; height:12px; margin:12px 10px 12px 14px;}
.head_top .gouwudai .yuyan .yy_nav ul li a{ display:block; font-size:14px; color:#333;}
.head_top .gouwudai .yuyan .yy_nav ul li a:hover{ text-decoration:none; color:#2267aa;}

.h_active{ position:fixed; left:0; top:0;}

/*nav*/
.header{ float:right;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10;}
.nav a{ display:block; font-size:16px; color:#000; line-height:122px; padding:0 16px;}
.nav li:hover a, .nav li a.cutter{ color:#2267aa; text-decoration:none;}
.nav .sub{ width:120%; margin:0 0 0 -10%; position:absolute; left:0; top:122px; background:rgba(255, 255, 255, .88);}
.nav .sub li{ text-align:center;}
.nav .sub li a{ color:#333; font-size:14px; line-height:40px; display:block; background:none; padding:0;}
.nav .sub li a:hover{ text-decoration:none; color:#fff; background:#2267aa;}
.menu{ display:none;}
.sub_menu{ display:none;}

/*new_product*/
.new_product{ width:100%; margin:0px auto 0 auto;}
.new_product ul{ overflow:hidden;}
.new_product ul li{ border-bottom:#f3f3f3 12px solid;position:relative; overflow:hidden;}
.new_product ul li img{ width:100%; transition:all .75s;}
.new_product ul li:hover img{ transform:scale(1.1);}
.new_product ul li a{ display:block;}
.new_product ul li a:hover{ text-decoration:none;}
.new_product ul li .n_p_width{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:left; flex-direction:column;}
.new_product ul li .new_p_w{ min-width:1180px; margin:0 auto;}
.new_product ul li .n_p_wenzi{ float:left; width:35%; margin:0 0 0 7%;}
.new_product ul li:nth-child(2n) .n_p_wenzi{ float:right; width:35%; margin:0 0 0 7%;}
.new_product ul li .new_P_name{ width:100%; margin:0 auto; overflow:hidden; font-size:24px; color:#303030; line-height:36px;}
.new_product ul li .new_p_category{ width:100%; margin:2px auto 30px auto; overflow:hidden; font-size:40px; color:#4a4a4a; line-height:52px; text-transform:uppercase;}
.new_product ul li .new_p_category span{ display:inline-block; border-bottom:#4a4a4a 2px solid;}
.new_product ul li .new_p_profiles{ width:100%; margin:30px auto 52px auto; overflow:hidden; position:relative; font-size:18px; color:#4a4a4a; line-height:30px;}
.new_product ul li .new_p_more{ width:100%; margin:0 auto; font-family:Arial;}
.new_product ul li .new_p_more a{ display:flex;}
.new_product ul li .new_p_more a:hover{ text-decoration:none;}
.new_product ul li .new_p_more font{ display:inline-block; background:#303030; border-radius:22px; width:129px; line-height:43px; font-size:20px; color:#fff; text-transform:uppercase; margin:2px 14px 2px 0; transition:all .75s; text-align:center;}
.new_product ul li .new_p_more:hover font{ background:#2267aa; letter-spacing:2.8px; width:142px;}
.new_product ul li .new_p_more span{ display:inline-block; width:62px; line-height:39px; font-size:40px; color:#303030; border:#303030 4px solid; border-radius:24px; margin:0; transition:all .75s; text-align:center;}
.new_product ul li .new_p_more:hover span{ border:#2267aa 4px solid; color:#2267aa; font-size:30px;}

/*hot_product*/
.hot_product{ width:100%; margin:0 auto; background:#f3f3f3;}
.hot_product ul{ overflow:hidden; position:relative;}
.hot_product ul:before{ position:absolute; left:50%; top:0; width:12px; height:100%; content:""; background:#f3f3f3; margin:0 0 0 -6px;}
.hot_product ul li{ float:left; width:50%; background:#fff;}
.hot_product ul li .hot_p_name{ width:88%; margin:68px auto 16px auto; font-size:30px; color:#303030; text-align:center; line-height:42px;}
.hot_product ul li .hot_p_profiles{ width:88%; margin:16px auto; font-size:16px; color:#525252; text-align:center; line-height:28px;}
.hot_product ul li .hot_p_more{ width:88%; margin:0 auto; font-family:Arial; text-align:center;}
.hot_product ul li .hot_p_more a{ display:flex; justify-content:center; align-items:center;}
.hot_product ul li .hot_p_more a:hover{ text-decoration:none;}
.hot_product ul li .hot_p_more font{ display:inline-block; background:#303030; border-radius:22px; width:129px; line-height:43px; font-size:20px; color:#fff; text-transform:uppercase; margin:2px 14px 2px 0; transition:all .75s;}
.hot_product ul li .hot_p_more:hover font{ background:#2267aa; letter-spacing:2.8px; width:142px;}
.hot_product ul li .hot_p_more span{ display:inline-block; width:62px; line-height:39px; font-size:40px; color:#303030; border:#303030 4px solid; border-radius:24px; margin:0; transition:all .75s;}
.hot_product ul li .hot_p_more:hover span{ border:#2267aa 4px solid; color:#2267aa; font-size:30px;}
.hot_product ul li .hot_p_img{ width:52%; margin:0 auto; overflow:hidden;}
.hot_product ul li .hot_p_img img{ width:100%; transition:all .75s;}
.hot_product ul li:hover .hot_p_img img{ transform:scale(1.1);}

/*footer*/
.footer{ width:100%; margin:0 auto; overflow:hidden; background:#060606;}
.foot_w{ margin:52px auto;}
.foot_l{ float:left; width:68%;}
.foot_l dl{ float:left; width:22%;}
.foot_l dl:last-child{ width:34%;}
.foot_l dl dd{ font-size:16px; color:#fff; line-height:32px; margin:0 0 18px 0; position:relative;}
.foot_l dl dd:after{ content:""; background:#686868; height:1px; width:64px; position:absolute; bottom:0; left:0;}
.foot_l dl dt{ line-height:30px; font-size:14px; color:#ccc;}
.foot_l dl dt a{ font-size:14px; color:#ccc; display:block; transition:all .3s;}
.foot_l dl dt a:hover{ color:#2267aa; text-decoration:none;}

.foot_r{ float:right; width:24%;}
.subscribe{ width:100%; margin:0 auto 20px auto; overflow:hidden;}
.subscribe p{ font-size:14px; color:#ccc; line-height:25px;}
.subscribe p.bt{ display:block; font-size:16px; color:#fff; line-height:32px; margin:0 0 20px 0;}
.subscribe p .text_input{ width:95%; border:none; padding:4px 0 4px 5%; font-size:14px; color:#666; line-height:24px; border-radius:16px; background:#eee; margin:6px 0 10px 0; outline:none;}
.subscribe .subscribe_button{ width:88px; line-height:28px; font-size:14px; color:#fff; text-align:center; background:#797979; cursor:pointer; border-radius:14px;}

.foot_icp{ width:100%; margin:0 auto; overflow:hidden; font-size:14px; color:#999; line-height:24px; padding:20px 0; background:#000;}
.foot_icp a{ color:#999;}
.foot_icp a:hover{ color:#666;}

@media screen and (max-width:1180px) {
	.head_top{ width:1180px !important;}
	.hot_product{ width:1180px !important;}
	.new_product{ width:1180px !important;}
	.footer{ width:1180px !important;}
	.foot_icp{ width:1180px !important;}
	.ny_banner{ width:1180px !important;}
	.lujing{ width:1180px !important;}
	.content{ width:1180px !important;}
}

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

/*lujing*/
.lujing{ width:100%; margin:0 auto; background:#fff; border-bottom:#eee 2px solid;}
.category_nav{ float:left;}
.category_nav ul{}
.category_nav ul li{ float:left; line-height:98px;}
.category_nav ul li a{ position:relative; padding:0 28px; display:block; transition:all .35s; border-left:#fff 1px solid; border-right:#fff 1px solid;}
.category_nav ul li a:hover,.category_nav ul li a.cutt{ text-decoration:none; font-weight:bold; color:#2267aa; border-left:#eee 1px solid; border-right:#eee 1px solid;}
.category_nav ul li a:after{ position:absolute; left:50%; bottom:-2px; width:0; height:2px; background:#2267aa; content:""; transition:all .35s;}
.category_nav ul li a:hover:after,.category_nav ul li a.cutt:after{ left:0; width:100%;}
.location{ float:right; font-size:14px; color:#333; line-height:24px; display:flex; align-items:center; height:98px;}
.location span{ margin:0 8px; font-size:14px; font-family:Arial;}
.location a{ color:#333;}
.location a:hover{ text-decoration:none; color:#2267aa;}
.location img{ width:18px; height:18px; margin:3px 0;}
.location font{ color:#2267aa; font-weight:bold;}

/*content*/
.content{ width:100%; margin:60px auto;}

/*company*/
.company_width{ width:100%; margin:60px auto; overflow:hidden; position:relative;}
.company_width .company_w_left{ float:left; width:45%;}
.company_width .company_w_left .c-text{ height:225px; overflow:hidden; transition:.5s; line-height:25px; color:#666;}
.company_width .company_w_left.active .c-text{ height:auto;}
.company_width .company_w_left .c-title{ margin:0 0 14px 0; font-weight:bold; font-size:36px; line-height:46px;}
.company_width .company_w_left .c-btn{ margin:20px 0 42px 0; display:block; width:170px; line-height:42px; text-align:center; color:#222; border:1px solid #222; border-radius:25px; transition:.5s; cursor:pointer;}
.company_width .company_w_left .c-btn:hover{ color:#fff; background:#2267aa; border-color:#2267aa;}
.company_width .company_w_left.active .c-btn i{ -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.company_width .company_w_left .c-num-box{ display:flex; justify-content:space-between; align-items:flex-start;}
.company_width .company_w_left .c-num-box .c-top-box{ display:flex; align-items:flex-start; color:#e50012;}
.company_width .company_w_left .c-num-box .c-top-box .c-p1{ font-size:72px; line-height:1em;}
.company_width .company_w_left .c-num-box .c-top-box .c-p2{ margin-left:10px; font-size:24px; line-height:30px;}
.company_width .company_w_left .c-num-box .c-item:first-child .c-top-box .c-p2{ font-size:16px;}
.company_width .company_w_left .c-num-box .c-p3{ margin-left:5px; padding-top:10px; line-height:26px;}
.company_width .company_w_img{ position:absolute; right:0; top:0; width:50%;}
.company_width .company_w_img img{ width:100%;}

.culture{ width:100%; margin:60px auto; background:#f6f6f6; overflow:hidden; position:relative;}
.culture_width{ width:100%; margin:0 auto; overflow:hidden; position:relative; height:640px;}
.culture_img{ display:none; width:100%; margin:0 auto; overflow:hidden; position:absolute; left:0; top:0;}
.imcut{ display:block;}
.culture_left{ float:left; width:50%;}
.culture_left img{ width:100%;}
.culture_w_s{ position:absolute; left:0; top:0; width:100%; height:100%;}
.culture_w_s2{ height:100%;}
.culture_right{ float:right; width:44%; height:100%; display:flex; justify-content:center; align-items:left; flex-direction:column;}
.culture_right .c_title1{ font-size:16px; color:#666; line-height:28px; margin:0 0 14px 0;}
.culture_right .c_title2{ font-size:36px; color:#333; line-height:48px; font-weight:bold;}
.cirbox{ position:absolute; bottom:10%; z-index:9; left:55%; cursor:pointer;}
.cir{ width:12px; height:12px; background:#2267aa; opacity:0.4; float:left; border-radius:6px; margin:0 8px 0 0; cursor:pointer;}
.cir:hover{ background:#2267aa; transition:0.8s;}
.cr{ opacity:1;}
.cr:hover{ background:#2267aa;}

.customer{ margin:60px auto;}
.customer_name{ width:100%; margin:0 auto 28px auto; overflow:hidden; font-size:30px; color:#333; line-height:42px; font-weight:bold; position:relative; padding:0 0 14px 0;}
.customer_name span{ display:block; text-transform: uppercase;}
.customer_name:before{ position:absolute; left:0; bottom:0; width:40px; height:3px; background:#bebebe; content:"";}
.customer_width{ width:100%; margin:0 auto;}
.customer_width ul{ overflow:hidden;}
.customer_width ul li{ float:left; width:16%; margin:0 0.8% 0.8% 0;}
.customer_width ul li:nth-child(6n){ margin:0 0 0.8% 0;}
.customer_width ul li img{ width:100%;}
.customer_width ul li a{ display:block; border:#eee 2px solid;}

.president{ width:100%; margin:0 auto; overflow:hidden;}
.president .president_left{ float:left; width:45%;}
.president .president_left .president_l_name{ font-size:24px; color:#2267aa; font-weight:bold; line-height:36px; margin:20px 0 8px 0;}
.president .president_left .pres_l_profiles{ font-size:14px; color:#666; line-height:25px;}
.president .president_right{ float:right; width:50%; position:relative;}
.president .president_right:before{ position:absolute; right:0; top:0; width:68%; height:100%; background:#2267aa; content:""; z-index:8;}
.president .president_right p{ position:relative; z-index:9; padding:20px 20px 20px 0;}
.president .president_right img{ width:100%;}

.canguan{ width:100%; margin:0 auto;}
.canguan ul{}
.canguan ul li{ width:22.9%; float:left; margin:0 2.8% 2.8% 0;}
.canguan ul li:nth-child(4n){ margin:0 0 2.8% 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:#2267aa; border:#2267aa 1px solid; box-shadow:0 3px 10px #999;}
.canguan_more{ width:198px; margin:42px auto 0 auto; overflow:hidden;}
.canguan_more a{ border:#666 1px solid; font-size:14px; color:#666; line-height:46px; display:block; text-align:center; border-radius:23px; transition:all .35s;}
.canguan_more a:hover{ text-decoration:none; border:#2267aa 1px solid; background:#2267aa; color:#fff;}

.honor{ width:100%; margin:0 auto;}
.honor ul{ display:flex; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; flex-flow:wrap; margin-bottom:40px;}
.honor li{ position:relative; cursor:pointer; width:31%; margin-right:2%; margin-bottom:2%; padding-bottom:20px; background-color:#fff; border:1px solid #eee;}
.honor li:nth-child(3n){ margin-right:0;}
.honor li:hover{ border-color:#fff; box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.honor li:hover .line_t,.honor li:hover .line_b{ width:0;}
.honor li:hover .line_r,.honor li:hover .line_l{ height:0;}
.honor li:hover .pic:after{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}
.honor li .pic{ position:relative; font-size:0; padding:35px 30px;}
.honor li .pic:after{ opacity:0; visibility:hidden; transform:translateY(10px); -webkit-transform:translateY(10px); -moz-transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); content:""; display:inline-block; width:50px; height:50px; border-radius:50%; position:absolute; left:50%; top:50%; z-index:10; margin-top:-25px; margin-left:-25px; background:#fff url(../images/search.png) no-repeat center center; box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.15); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.honor li .pic img{ width:100%; height:auto; object-fit:contain;}
.honor li .name{ font-size:16px; margin-top:10px; line-height:36px; text-align:center; padding:0 30px;}
.honor li a{ color:#999;}
.honor li a:hover{ text-decoration:none; color:#2267aa;}

/*products*/
.products{ width:100%; margin:0 auto; overflow:hidden;}
.products_left{ float:left; width:21%;}
.products_left .p_l_zhuti{ background:#2267aa; font-size:18px; color:#fff; font-weight:bold; line-height:32px; padding:8px 0 8px 20px;}
.products_left .p_l_clation{ margin:8px 0 32px 0;}
.products_left .p_l_clation ul{ overflow:hidden;}
.products_left .p_l_clation ul li{ border-bottom:#fff 1px solid;}
.products_left .p_l_clation ul li i{ float:right; font-family:宋体; font-style:normal; font-size:18px; transition:all .35s;}
.products_left .p_l_clation ul li:hover i{ transform:rotate(90deg);}
.products_left .p_l_clation ul li a{ display:block; background:#eee; font-size:16px; color:#333; line-height:24px; padding:8px 16px 8px 20px; transition:all .35s;}
.products_left .p_l_clation ul li a:hover{ text-decoration:none; color:#2267aa;}
.products_left .p_l_clation ul li dl{ margin:0;}
.products_left .p_l_clation ul li dl dd{ border-bottom:#eee 1px solid;}
.products_left .p_l_clation ul li dl dd a{ background:#fff; font-size:14px; color:#525252; padding:5px 0 5px 20px;}
.products_left .p_l_n_name{ background:#2267aa; font-size:18px; color:#fff; font-weight:bold; line-height:32px; padding:8px 0 8px 20px;}
.products_left .p_l_news{ width:100%; margin:8px auto; overflow:hidden; background:#eee;}
.products_left .p_l_news dl{ border-bottom:#fff 1px solid; padding:16px 12px;}
.products_left .p_l_news dl a{ display:block;}
.products_left .p_l_news dl a:hover{ text-decoration:none; color:#2267aa;}
.products_left .p_l_news dl dd{ font-size:16px; line-height:24px; color:#333; margin:0 0 8px 0;}
.products_left .p_l_news dl dt{ font-size:14px; line-height:25px;}
.products_right{ float:right; width:74%;}
.products_right .p_r_name{ width:100%; margin:0 auto 18px auto; overflow:hidden; font-size:20px; color:#333; line-height:32px;}
.products_right .products_profiles{ font-size:14px; color:#666; line-height:25px;}
.p_r_nrong{ width:100%; margin:0 auto;}
.p_r_nrong ul{ overflow:hidden;}
.p_r_nrong ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.p_r_nrong ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.p_r_nrong ul li .p_r_img{ border:#eee 1px solid; overflow:hidden; position:relative;}
.p_r_nrong ul li .p_r_img img{ width:100%;}
.p_r_nrong ul li .p_r_img:before{ position:absolute; left:0; bottom:0; width:100%; height:0; content:""; background:rgba(34,103,170,.5); transition:all .35s;}
.p_r_nrong ul li:hover .p_r_img:before{ height:100%;}
.p_r_nrong ul li .p_r_img .p_hover{ position:absolute; left:0; top:0; width:100%; height:100%;}
.p_r_nrong ul li .p_r_img .p_hover a{ display:block; width:100%; height:100%;}
.p_r_nrong ul li .p_r_img .p_xiangqing{ position:absolute; left:50%; margin:0 0 0 -20px; bottom:-40px; width:40px; height:40px; transition:all .35s;}
.p_r_nrong ul li:hover .p_r_img .p_xiangqing{ bottom:50%; margin:0 0 -20px -20px;}
.p_r_nrong ul li .p_r_i_name{ width:100%; margin:10px auto 16px auto; overflow:hidden; font-size:16px; line-height:28px; text-align:center;}
.p_r_nrong ul li .p_r_i_name a{ display:block; color:#333; transition:all .35s;}
.p_r_nrong ul li:hover .p_r_i_name a{ text-decoration:none; color:#2267aa;}
.p_r_nrong ul li .p_r_i_more{ width:108px; margin:0 auto; overflow:hidden;}
.p_r_nrong ul li .p_r_i_more a{ border:#2267aa 1px solid; display:block; font-size:14px; text-align:center; display:block; line-height:32px; border-radius:17px; color:#2267aa; transition:all .35s;}
.p_r_nrong ul li:hover .p_r_i_more a{ text-decoration:none; color:#fff; background:#2267aa;}

.products_text{ width:100%; margin:0 auto; overflow:hidden;}
.game163{ width:420px; float:left;}
.game163 .bigImg{ position:relative;}
.game163 .bigImg li img{ width:420px; height:420px;}
.game163 .bigImg li a{ display:block;}/* border:#eee 1px solid;*/
.game163 .smallScroll{ height:46px; margin-top:8px;}
.game163 .sPrev,.game163 .sNext{ float:left; display:block; width:24px; height:75px; text-indent:-9999px;background:url(../images/pro_next.jpg) no-repeat 0 -4px; }
.game163 .sNext{ background-position:-26px -4px;}
.game163 .smallImg{ float:left; margin:0 8px; display:inline; width:356px; overflow:hidden;}
.game163 .smallImg ul{ height:75px; width:9999px; overflow:hidden; }
.game163 .smallImg li{ float:left; padding:0 7px; width:75px; cursor:pointer; display:inline;}
.game163 .smallImg img{ width:75px; height:75px;}/* border:2px solid #f2f2f2;*/
.game163 .smallImg .on img{}/* border:2px solid #2267aa;*/

.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:#2267aa; 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 .p_rexian{ width:100%; margin:12px auto; overflow:hidden; font-size:18px; line-height:30px; color:#333; 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:#2267aa; font-size:16px; color:#fff; line-height:40px; display:block; text-align:center;}
.product_right .goumai a:hover{ text-decoration:none; background:#333;}

.products_titel{ width:100%; margin:48px auto 22px auto; overflow:hidden; background:#eee; font-size:16px; color:#333; line-height:30px; font-weight:bold; text-align:center; padding:4px 0;}
.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:38px; font-weight:bold; border-bottom:#ddd 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#2267aa; float:left; margin:12px 10px 0 10px;}
.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:#2267aa 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:#2267aa;}

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

/*news*/
.ny_news{ width:100%; margin:0 auto; border-bottom:#eee 1px solid;}
.ny_news_width{ margin:0 auto 4% auto; position:relative;}
.ny_news_width .ny_news_prev,.ny_news_width .ny_news_next{ position:absolute; display:block; width:46px; height:46px; top:50%; margin:-23px 0 0 0; z-index:97;}
.ny_news_width .ny_news_prev{ left:0; cursor:pointer; background:url(../images/ny_news_left.png) center no-repeat;}
.ny_news_width .ny_news_next{ right:0; cursor:pointer; background:url(../images/ny_news_right.png) center no-repeat;}
.ny_news_list{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.ny_news_list ul{ width:800%;}
.ny_news_list li{ float:left; width:12.5%; position:relative;}
.ny_news_list li .ny_news_img{ float:left; width:48%;}
.ny_news_list li .ny_news_img img{ width:100%;}
.ny_news_list li .ny_news_wenzi{ float:right; width:48%;}
.ny_news_list li .ny_news_wenzi .gall_time{ font-size:14px; color:#2267aa; line-height:30px; font-weight:bold;}
.ny_news_list li .ny_news_wenzi .gall_time span{ font-size:30px;}
.ny_news_list li .ny_news_wenzi .gall_time i{ font-style:normal; margin:0 8px;}
.ny_news_list li .ny_news_wenzi .gall_n{ font-size:20px; line-height:28px; color:#333; margin:8px auto 10px auto; height:28px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news_list li .ny_news_wenzi .gall_js{ font-size:14px; color:#525252; line-height:25px; height:200px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:8; -webkit-box-orient:vertical;}
.ny_news_list li .ny_news_wenzi .ny_news_more{ position:absolute; left:52%; bottom:0;}
.ny_news_list li .ny_news_wenzi .ny_news_more a{ width:142px; background:#2267aa; margin:28px 0 0 0; font-size:14px; display:block; color:#fff; line-height:42px; text-align:center;}
.ny_news_list li .ny_news_wenzi .ny_news_more a:hover{ text-decoration:none; background:#525252;}

.news_hove{ width:100%; margin:60px auto 0 auto; overflow:hidden; background:#f3f3f3; padding:48px 0;}
.news_hove ul{}
.news_hove ul li{ width:31.4%; float:left; margin:0 2.9% 4% 0; position:relative; background:#fff; height:478px; transition:all .75s;}
.news_hove ul li:nth-child(3n){ margin:0 0 4% 0;}
.news_hove ul li:hover{ box-shadow:0 0 26px #999;}
.news_hove ul li .n_h_img{ width:100%; margin:0 auto; overflow:hidden;}
.news_hove ul li .n_h_img img{ width:100%; transition:all .75s;}
.news_hove ul li:hover .n_h_img img{ transform:scale(1.1);}
.news_hove ul li .n_h_name{ width:90%; margin:14px auto 6px auto; font-size:18px; line-height:30px; height:30px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_hove ul li .n_h_profile{ width:90%; margin:6px auto 20px auto; font-size:14px; line-height:25px; height:50px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_hove ul li a{ color:#333; display:block;}
.news_hove ul li a:hover{ text-decoration:none; color:#2267aa;}
.news_hove ul li .n_h_more{ width:90%; margin:20px auto; position:relative; height:12px; transition:all .75s;}
.news_hove ul li:hover .n_h_more{ height:42px;}
.news_hove ul li:hover .n_h_more span{ opacity:1;}
.news_hove ul li .n_h_more span{ display:inline-block; width:142px; background:#2267aa; font-size:14px; color:#fff; line-height:42px; text-align:center; position:absolute; bottom:0px; left:0; opacity:0; transition:all .75s;}
.news_hove ul li .n_h_time{ width:90%; margin:20px auto 0 auto; border-top:#ddd solid 1px; font-size:14px; line-height:24px; color:#666; padding:8px 0;}

.news_show{ width:100%; margin:0 auto;}
.news_bt{ font-size:22px; color:#333; line-height:36px; text-align:center; margin:0 0 26px 0; border-bottom:#eee 1px solid;}
.news_bt p{ font-size:14px; color:#666;}
.news_js{ font-size:14px; color:#666; line-height:25px;}
.news_js img{ max-width:100%;}
.p_next{ width:100%; margin:20px auto 0 auto; border-bottom:#eee 1px solid;}
.p_next dl{ overflow:hidden;}
.p_next dl dd{ float:left;}
.p_next dl dd i{ float:left; width:18px; height:11px; background:url(../images/news_l.png) center no-repeat; margin:10px 5px 0 0;}
.p_next dl dt{ float:right;}
.p_next dl dt i{ float:right; width:18px; height:11px; background:url(../images/news_r.png) center no-repeat; margin:10px 0 0 5px;}
.p_next a{ font-size:14px; line-height:30px; color:#666;}
.p_next a:hover{ color:#2267aa; text-decoration:none;}

/*join_us*/
.join_us{ width:100%; margin:0 auto;}
.join_us ul{ background:#2267aa; overflow:hidden; border-bottom:#eee 1px solid;}
.join_us ul li{ line-height:28px; margin:6px 0; overflow:hidden;}
.join_us ul li span{ font-size:18px; color:#fff;}
.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:#2267aa; 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:#2267aa; 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:18px; color:#000; font-weight:bold; line-height:36px; display:block; margin:0 0 10px 0;}

/*contact*/
.contact_us{ width:100%; margin:0 auto 48px auto; overflow:hidden;}
.contact{ float:left; width:42%; font-size:14px; color:#333; line-height:25px;}
.contact_name{ font-size:24px; color:#2267aa; font-weight:bold; line-height:36px; margin:0 0 24px 0;}
.contact p{ font-size:14px; color:#333; line-height:25px;}
.feeback{ float:right; width:52%;}
.feedback_name{ font-size:14px; color:#666; line-height:25px; margin:0 auto 14px auto;}
.feedback_name span{ display:block; font-size:24px; color:#2267aa; font-weight:bold; line-height:36px; margin:0 0 24px 0;}
.message{ width:100%; margin:0 auto;}
.message ul{ overflow:hidden;}
.message li{ margin:0 2% 2% 0; float:left; width:49%;}
.message li:nth-child(2n){ margin:0 0 2% 0;}
.message li:nth-child(5n){ margin:0 0 2% 0;}
.message li.mess{ width:100%; float:none; overflow:hidden;}
.message .text-input{ width:95.6%; border:none; border:#dddee1 1px solid; padding:0 0 0 4%; font-size:14px; color:#666; line-height:38px; height:38px; background:fff; outline:none;}
.message .text-inputs{ width:97.8%; border:none; border:#dddee1 1px solid; padding:0 0 0 2%; font-size:14px; color:#666; line-height:38px; height:38px; background:fff; outline:none;}
.message .cont-input{ width:97.8%; padding:8px 0 0 2%; height:100px; font-size:14px; color:#666; line-height:25px; cue-after:none; background:#fff; border:#dddee1 1px solid; outline:none;}
.message .messages-button{ width:168px; line-height:48px; font-size:14px; color:#fff; text-align:center; background:#2267aa; cursor:pointer;}
.contact_map{ width:100%; margin:0 auto; overflow:hidden;}
.contact_map iframe{ float:left;}