@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; color:#666; font-size:14px; font-family:"微软雅黑";}
body{ max-width:1920px; margin:auto;}
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:#666; text-decoration:none;}
a:hover{ color:#096fb9; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ width:1380px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ margin:0 auto;}
.head_top h1{ width:185px; float:left; margin:24px 0;}
.head_top h1 img{ width:100%;}
.head_top .cnen{ float:right; margin:53px 0 29px 0;}
.head_top .cnen ul{ overflow:hidden;}
.head_top .cnen ul li{ float:left; margin:0 8px 0 0;}
.head_top .cnen ul li:last-child{ margin:0;}
.head_top .cnen ul li a{ background:url(../images/cn.jpg) left center no-repeat; padding:0 0 0 34px; font-size:14px; color:#333; line-height:22px;}
.head_top .cnen ul li a.n1{ background:url(../images/en.jpg) left center no-repeat; padding:0 0 0 25px;}
.head_top .cnen ul li a:hover{ text-decoration:none; color:#096fb9;}
.head_top .search_pc{ float:right; width:192px; height:28px; background:url(../images/search.jpg) left top no-repeat; margin:45px 24px 31px 10px;}
.head_top .search_pc .search{ float:left; padding:0 0 0 12px; width:150px; font-size:12px; line-height:28px; border:0; color:#525252; background:none; outline:none;}
.head_top .search_pc .button{ float:right; border:0; width:30px; height:28px; background:none; cursor:pointer; outline:none;}

/*nav*/
.header{ float:right; width:55%; margin:26px 0 0 0;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10; padding: 0 8px;/*width:10%;*/}
.nav .m:nth-child(2n){ /*width:10%;*/}
.nav .m:nth-child(3n){ /*width:10%;*/}
.nav .m:nth-child(4n){/*width:10%;*/}
.nav .m:nth-child(5n){ /*width:10%;*/}
.nav .m:nth-child(6n){ /*width:10%;*/}
.nav .m:nth-child(7n){/*width:10%;*/}
.nav .m:nth-child(8n){ /*width:10%;*/}
.nav .m:after{ content:""; width:0; height:1px; background:#eee; position:absolute; bottom:0; left:0; transition:all .5s ease 0s;}
.nav .m:hover:after{ width:100%;}
.nav a{ display:block; font-size:16px; color:#000; line-height:78px; text-align:center;}
.nav li:hover a,.nav li a.hover_h{ text-decoration:none; color:#096fb9;}
.nav .sub{ width:169px; position:absolute; left:0; top:78px; background:#fff; box-shadow:0px 1px 2px rgba(102,102,102,0.3);}
.nav .sub li{ border-bottom:#eee 1px solid;}
.nav .sub li a{ color:#333; display:block; font-size:14px; line-height:20px; padding:11px 0 11px 12px; text-align:left;}
.nav .sub li a:hover{ background:#eee; text-decoration:none;}

/*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:#096fb9;}
.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%;}

/*categories*/
.categories{ margin:60px auto 36px auto;}
.categories li{ float:left; width:31%; margin:0 3.5% 0 0; position:relative; transition:all .4s;}
.categories li:last-child{ margin:0;}
.categories li img{ width:100%;}
.categories li:hover{ transform:translateY(-4px); animation-fill-mode:forwards; box-shadow:0 4px 30px rgba(0,0,0,.35);}
.categories li .brand_hover2{ display:none;}
.categories li:hover .brand_hover2{ display:flex; justify-content:center; align-items:center; flex-direction: column; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(9,111,185,.5);}
.categories li .brand_cn{ font-size:18px; color:#fff; font-weight:bold; line-height:28px; position:relative; padding:0 0 8px 0;}
.categories li .brand_en{ width:auto; margin:1% auto 5% auto; overflow:hidden; font-size:14px; color:#fff; line-height:24px; text-align:center;}
.categories li .brand_cn:after{ position:absolute; bottom:0; left:0; width:100%; height:2px; background:#fff; content:"";}
.categories li .brand_more{ width:108px; margin:0 auto; overflow:hidden; text-transform:uppercase;}
.categories li .brand_more a{ display:block; font-size:12px; color:#fff; line-height:36px; background:#096fb9; text-align:center; transition:all .35s;}
.categories li .brand_more a:hover{ text-decoration:none; background:#000;}

.categories li p{ position:absolute; top:-28px; left:0; font-size:18px; font-weight:bold; margin:0; color:#333; width:100%; text-align:center; opacity:1; transition:all .35s;}
.categories li:hover p{ opacity:0;}

/*about_us*/
.about_us{ margin:36px auto;}
.about{ float:left; width:48%;}
.about .about_name{ width:100%; margin:0 auto 28px auto; border-bottom:#cecece 1px solid;}
.about .about_name span{ float:left; font-size:18px; color:#333; font-weight:bold; line-height:38px; position:relative; text-transform:uppercase;}
.about .about_name span:before{ position:absolute; left:0; bottom:-1px; content:""; width:100%; height:3px; background:#096fb9;}
.about .about_name a{ float:right; margin:9px 0; background:#096fb9; font-size:12px; color:#fff; line-height:20px; padding:0 0 0 12px; text-transform:uppercase;}
.about .about_name a:hover{ text-decoration:none; background:#333;}
.about .about_name a i{ float:right; width:20px; height:20px; background:url(../images/more.jpg) center no-repeat; margin:0 0 0 12px;}
.about .company{ width:100%; margin:0 auto; overflow:hidden; font-size:12px; color:#666; line-height:22px;}
.about .company img{ width:100%;}
.about .company p{ margin:12px 0 0 0;}
.news{ float:right; width:48%;}
.news .news_name{ width:100%; margin:0 auto 28px auto; border-bottom:#cecece 1px solid;}
.news .news_name span{ float:left; font-size:18px; color:#333; font-weight:bold; line-height:38px; position:relative; text-transform:uppercase;}
.news .news_name span:before{ position:absolute; left:0; bottom:-1px; content:""; width:100%; height:3px; background:#096fb9;}
.news .news_name a{ float:right; margin:9px 0; background:#096fb9; font-size:12px; color:#fff; line-height:20px; padding:0 0 0 12px; text-transform:uppercase;}
.news .news_name a:hover{ text-decoration:none; background:#333;}
.news .news_name a i{ float:right; width:20px; height:20px; background:url(../images/more.jpg) center no-repeat; margin:0 0 0 12px;}
.news dl{ overflow:hidden; border-left:#fff 3px solid; padding:10px 0 6px 0;}
.news dl:hover{ border-left:#096fb9 3px solid; background:rgba(9,111,185,.1);}
.news dl dd{ float:left; width:14%; font-size:20px; color:#333; line-height:32px; text-align:center; font-family:Arial;}
.news dl dt{ float:right; width:82%; margin:0 4% 0 0;}
.news dl dt .news_bt{ width:100%; margin:0 auto 4px auto; overflow:hidden; font-size:16px; line-height:28px;}
.news dl dt .news_bt span{ float:left; width:68%; color:#333; height:25px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news dl dt .news_bt font{ float:right; font-size:14px; color:#888;}
.news dl dt p{ font-size:14px; color:#666; line-height:24px; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*footer*/
.footer_top{ width:100%; background:#eee; height:24px; border-bottom:#f8f8f8 1px solid; margin:0; overflow:hidden;}
.footer{ width:100%; background:#eee; margin:0; overflow:hidden; position:relative;}
.footer:before{ content:''; position:absolute; width:100%; border-top:#f8f8f8 1px solid; bottom:48px; }
.footer:after{ content:''; position:absolute; width:100%; border-top:#e8e8e8 1px solid; bottom:49px;}

.footer .footer_left{ width:28%; float:left; border-right:1px solid #f8f8f8; padding:0 2.5% 0 0; margin:25px 0 46px 0;}
#Feedbackform{ overflow:hidden;}
.col-sm{ padding-left:40px;}
.col-sm1{ background:url(../images/fdbk_name.png) top left no-repeat;} 
.col-sm2{ background:url(../images/fdbk_tel.png) top left no-repeat;} 
.col-sm3{ background:url(../images/fdbk_mail.png) top left no-repeat;} 
.col-sm4{ background:url(../images/fdbk_message.png) top left no-repeat; position:relative; padding-right:60px;} 
.col-sm .btn-default{ position:absolute; height:70px; width:50px; right:0px; top:0px; background:#fff; color:#333; font-size:12px;}
.col-sm .form-control{ display:block; width:100%; height:29px; padding:2px 6px; font-size:12px; line-height:25px; background:#fff; box-sizing:border-box; margin:0 0 10px 0;}
.col-sm .FeedabckContent{ display:block; width:100%; height:70px; padding:2px 6px; font-size:12px; line-height:22px; background:#fff; box-sizing:border-box;}
.col-sm .form-control::-webkit-input-placeholder,.col-sm .FeedabckContent::-webkit-input-placeholder{ color:#ccc;} 
.col-sm .form-control:-moz-placeholder,.col-sm .FeedabckContent:-moz-placeholder{ color:#ccc;}
.col-sm .form-control:-ms-input-placeholder,.col-sm .FeedabckContent:-ms-input-placeholder{ color:#ccc;}

.footer .footer_nav{ float:left; width:46%; margin:25px 0; padding:0 0 0 2.5%;}
.footer .footer_nav dl{ float:left; width:30%;}
.footer .footer_nav dl:last-child{ width:70%;}
.footer .footer_nav dl dd{ font-size:16px; line-height:22px; margin:0 0 12px 0;}
.footer .footer_nav dl dd a{ color:#333;}
.footer .footer_nav dl dd a:hover{ text-decoration:none; color:#000;}
.footer .footer_nav dl dt{ font-size:14px; color:#666; line-height:26px; overflow:hidden;}
.footer .footer_nav dl dt a{ font-size:14px; color:#666; line-height:26px; display:block;}
.footer .footer_nav dl dt a:hover{ text-decoration:none; color:#096fb9;}

.footer .footer_ewm{ width:20%; float:right; margin:25px 0;}
.footer .footer_ewm li{ width:48%; float:left; margin:0 4% 0 0;}
.footer .footer_ewm li:nth-child(2n){ margin:0;}
.footer .footer_ewm img{ width:100%;}
.footer .footer_ewm span{ font-size:12px; color:#666; line-height:20px; display:block; text-align:center; margin:5px 0 0 0;}

.icp{ font-size:12px; color:#666; line-height:22px; padding:13px 0;}

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

	.banner{ width:1180px;}
	.footer_top{ width:1180px;}
	.footer{ width:1180px;}
	
	.ny_banner{ width:1180px !important;}

}


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

.lujing{ margin:12px auto; border-bottom:#dfdfdf 1px solid; font-size:14px; color:#333; line-height:25px; padding:0 0 4px 0;}
.lujing a{ text-decoration:underline;}
.lujing a:hover{ text-decoration:none;}

/*content*/
.content{ margin:26px auto 36px auto;}
.content .con_left{ float:left; width:20%;}
.content .con_left span{ background:#096fb9; display:block; font-size:18px; color:#fff; line-height:26px; padding:10px 0 10px 16px;}
.content .con_left span.l_cot{ margin:16px 0 0 0;}
.content .con_left .l_contact{ border:#dfdfdf 1px solid; padding:12px 16px; font-size:14px; color:#333; line-height:25px;}
.content .con_left ul{ overflow:hidden; border:#dfdfdf 1px solid; border-bottom:none;}
.content .con_left ul li{ border-bottom:#dfdfdf 1px solid;}
.content .con_left ul li i{ width:7px; height:7px; background:url(../images/jtou.png) center no-repeat; float:left; margin:9px 6px 0 14px;}
.content .con_left ul li a{ font-size:14px; line-height:26px; display:block; padding:6px 0; text-decoration:none;}
.content .con_left ul li a.cuttr{ background:#dfdfdf;}

.content .con_right{ float:right; width:78%;}
.content .con_right h2{ background:#f0f0f0; font-size:18px; color:#525252; line-height:26px; padding:10px 0 10px 16px; font-weight:bold; margin:0 0 20px 0;}

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

.partner{ width:100%; margin:0 auto;}
.partner ul{ overflow:hidden;}
.partner ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.partner ul li:nth-child(4n){ margin:0 0 2% 0;}
.partner ul li a{ display:block; border:#eee 1px solid;}
.partner ul li img{ width:100%;}

/*products*/
.products{ width:100%; margin:0 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:#e2e2e2 1px solid; display:block; text-align:center; transition:all .3s;}
.products li a:hover{ text-decoration:none; box-shadow:0 5px 15px #e2e2e2; transform:translateY(-5px);}
.products li em{ font-size:14px; line-height:24px; margin:10px 0; height:24px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.products_text{ width:100%; margin:22px auto;}
.game163{ width:508px; float:left;}
.game163 .bigImg{ position:relative; float:right;}
.game163 .bigImg li img{ width:408px; height:408px; cursor:zoom-in;}
.game163 .smallScroll{ float:left; width:68px; height:290px; position:relative; padding-top:36px;}
.game163 .sPrev, .game163 .sNext{ position:absolute; left:50%; margin:0 0 0 -13px;}
.game163 .sPrev{ top:0px; background:url(../images/product_top.png) center no-repeat; width:27px; height:14px;}
.game163 .sNext{ bottom:-36px; background:url(../images/product_bottom.png) center no-repeat; width:27px; height:14px;}
.game163 .smallImg{ width:68px; margin:0 auto; height:100%; overflow:hidden;}
.game163 .smallImg ul{ overflow:hidden; position:relative; top:0; -webkit-transition:0.5s;transition:0.5s;}
.game163 .smallImg li{ width:68px; cursor:pointer; margin:0 0 6px 0;}
.game163 .smallImg img{ border:1px solid #f2f2f2; width:66px; height:66px;}
.game163 .smallImg .on img{ border:1px solid #888;}
.product_right{ float:right; width:42%;}
.product_right .prr_name{ font-size:16px; color:#333; line-height:28px;}
.product_right .p_ggao{ width:100%; margin:10px auto; font-size:18px; color:#096fb9; padding:6px 0; line-height:30px; border:#eee 1px solid; border-left:none; border-right:none;}
.product_right .miaoshu{ width:100%; margin:0 auto; font-size:14px; color:#666; line-height:25px;}

.products_detwo_titel{ border:solid 1px #eee; height:42px; line-height:42px; margin:0 auto;}
.products_detwo_titel a{ cursor:pointer; float:left; font-size:16px; color:#333; width:20%; text-align:center; height:42px; border-right:solid 1px #eee; border-top:none;}
.products_detwo_titel a.cur,.products_detwo_titel a:hover{ background:#f3f3f3; text-decoration:none;}
.borleft{ width:100%; margin:0 auto;}
.products_decon{ width:100%; margin:20px auto 0 auto;}
.pro_con{ display:none; font-size:14px; color:#666; line-height:25px;}
.pro_con img{ max-width:100%;}

/*ny_news*/
.ny_news{ width:100%;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ margin:0 0 20px 0; overflow:hidden; padding:0 0 16px 0; border-bottom:#ccc 1px dotted;}
.ny_news ul li .news_left{ float:left; width:80%;}
.ny_news ul li .news_left h3{ font-size:16px; color:#333; font-weight:bold; line-height:20px;}
.ny_news ul li .news_left h4{ margin:3px 0 10px 0; font-size:14px; color:#999; line-height:18px;}
.ny_news ul li .news_left h4 font{ color:#096fb9;}
.ny_news ul li .news_left h5{ font-size:14px; color:#666; line-height:25px; margin:0 0 10px 0;}
.ny_news ul li .news_left a{ background:#ccc; border-radius:0 10px; padding:6px 16px; box-shadow:0 3px 0 #999; font-size:14px; color:#666; line-height:25px;}
.ny_news ul li .news_left a:hover{ background:#096fb9; text-decoration:none; color:#fff;}
.ny_news ul li .news_right{ float:right; width:14%; background:#333; border-radius:0 10px; font-size:14px; color:#fff; line-height:25px; text-align:center; padding:12px 0;}

.news_names{ width:100%; text-align:center; border-bottom:#ccc 1px dashed; margin:0 0 26px 0;}
.news_names strong{ font-size:18px; color:#333; line-height:25px; margin:0 0 8px 0; display:block;}
.news_names em{ color:#888; font-size:12px; line-height:22px; display:block;}
.news_xq{ width:100%; color:#525252; font-size:14px; line-height:24px;}
.news_xq img{ max-width:100%;}
.news_xq td{ color:#525252; font-size:14px; line-height:24px; padding:4px 0;}

.gengduo{ margin:36px auto 36px auto; background:#f8f8f8; border:#eee 1px dashed; text-align:center; padding:15px 0;}
.gengduo a{ font-size:14px; color:#525252; line-height:20px; margin:0 6px;}
.gengduo a:hover{ color:#096fb9; text-decoration:none;}
.gengduo a span{ color:#096fb9; margin:0 15px;}
.gengduo a font{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

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

/*contact_us*/
.contact_us{ margin:26px auto 36px auto;}
.contact_us h2{ background:#f0f0f0; font-size:18px; color:#525252; line-height:26px; padding:10px 0 10px 16px; font-weight:bold; margin:0 0 20px 0;}
.contact{ width:100%; margin:20px auto 0 auto;}
.contact h3{ font-size:18px; line-height:25px; font-weight:bold; padding:0 0 0 33px; color:#096fb9; background:url(../images/contact_us.png) left center no-repeat; margin:0 0 15px 0;}
.contact .contact_left{ float:left; width:48%; font-size:14px; color:#333; line-height:25px;}
.contact .contact_right{ float:right; width:48%; font-size:14px; color:#333; line-height:25px;}

/*kefu*/
.four-con{ position:fixed; right:2%; top:30%; 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:#096fb9; 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 #096fb9; 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:-187px;}
.four-con ul li.a-w2 .f-all-con{ top:-44px; left:-154px;}
a.f-icon9,a.f-icon8,a.f-icon7,a.f-icon6,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;}
a.f-icon6{ background:url(../images/ficon6.png) no-repeat 0 -51px;}
a.f-icon7{ background:url(../images/ficon7.png) no-repeat 0 -51px;}
a.f-icon8{ background:url(../images/ficon8.png) no-repeat 0 -51px;}
a.f-icon9{ background:url(../images/ficon9.png) no-repeat 0 -51px;}

.four-con ul li:hover a.f-icon9, .four-con ul li:hover a.f-icon8, .four-con ul li:hover a.f-icon7, .four-con ul li:hover a.f-icon6, .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;}