@charset "utf-8";
html{-webkit-font-smoothing:antialiased;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle;/* max-width: 100%;*/}
select,textarea,button,input[type=submit],input[type=reset],input[type=password],input[type=search],input[type=text],input[type=button]{ -webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
select{ outline: none; }
textarea{ font-family: Arial; }
body{ min-width: 1200px; font-size: 14px; color:#333;line-height:1.3; background:#fff; font: 14px/1.3  Arial,"Microsoft YaHei"; }
a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
input,img,div,a,li{ outline: none; }
a{ color: #333; }
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
a,input[type="submit"],.float_right li,.m_nav li,.img,.abo_hon_img .box img,li,.abo_pro_wrap li .text,
.news_vid li .img:before,.abo_net_bl li .num,.abo_his_more,.ser_qua_list li .text_p,.ser_qua_list li .shadow,
.join5_list .img img,.join8_list li span,.join8_list li h2,.join8_list li .text,.i_part_list li .text_p,
.j6_simg_slick .slick-slide font,.i_part_list li .text_p .btn{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.nav li{ transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
.w{ width: 100%; }
.w50 img{ max-width: 49.5%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.header .baseWidth,.footer .baseWidth,.wpb40{ width: calc(100% - 80px); margin: 0 auto; }
.baseWidth{ width: 100%; margin: 0 auto; box-sizing: border-box; }
.w1200{ width: 1200px; margin: 0 auto; }
.tover{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.zoom{ display:block; overflow:hidden;}
.zoom img,.zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 100%; display: block; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.zoom img:hover,.zoom span:hover,li:hover .zoom span,li:hover .zoom img{webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.over{ overflow: hidden; }
.bg_white{ background: #fff; }
.bg_f6f6f6{ background: #f6f6f6; }
.bg_eee{ background: #eee; }
.bg_f4f4f4{ background: #f4f4f4; }
.bg_333{ background: #333; }
.bg_d31636{ background: #d31636; }





/*首页*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%; height: 100%; text-align: center; }
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative; top: 0; left: 0; display: block; height: 100%;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{outline: none; display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: inline-block; max-width: 100%; max-height: 100%; }
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-arrow{ background-color: rgba(0,0,0,0); outline: none;border: none;width: 33px; height: 33px; top: 50%; margin-top: -16.5px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
.slick-dots{ height: 10px; line-height: 1; position: absolute; width: 100%; bottom: 20px; list-style: none; display: block; text-align: center; padding: 0px; }
.slick-dots li{ display: inline-block!important; vertical-align: top; border-radius: 5px; cursor: pointer; width: 10px; height: 10px; overflow: hidden; background: #eee; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 5px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active,.i_nslick .slick-dots li.slick-active{ overflow: hidden; background: #000; }
.banner{ clear: both; height: 830px; overflow: hidden; position: relative;}
.banner .slick-arrow{background-color: rgba(0,0,0,0); outline: none;border: none;width: 9px; height: 15px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
.banner-wrap{ height: 830px; }
.banner-wrap .banner-bg{background-size:cover;background-position: center center; height: 830px; display: block; background-size: cover; background-position: center; background-repeat: no-repeat;}
.banner .slick-dots li{ position: relative; width: 50px; margin: 0 5px; height: 2px; border-radius: 0; background: #fff!important; }
.banner .slick-dots li:after{ z-index: 1; content: ''; width: 0; position: absolute; left: 0; top: -2px; height: 2px; background: #000; transition: width 3s linear; -moz-transition: width 3s linear; -webkit-transition: width 3s linear; -o-transition: width 3s linear; }
.banner .slick-dots li button{ display: none; }
.banner .slick-dots li.on:after{ width: 100%; top: 0; }
.i_part{ padding-bottom: 86px; }
.i_part_tit{ padding: 42px 20px 38px; background: url(../images/bg1.jpg) center no-repeat; background-size: cover; text-align: center; }
.i_part_tit h2{ line-height: 46px; margin-bottom: 10px; font-weight: bold; font-size: 32px; color: #000; }
.i_part_tit .text{ font-size: 14px; color: #666; line-height: 28px; }
.i_part_list li{ box-shadow: 0 2px 10px rgba(0,0,0,.1); border-radius: 2px; overflow: hidden; float: left; margin-right: 3px; width: calc((100% - 7px) / 3); }
.i_part_list li:last-child{ margin-right: 0; }
.i_part_list li .img{ position: relative; height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_part_list li .text{ font-size: 16px; width: 100%; background: rgba(255,255,255,.8); text-align: center; height: 80px; line-height: 42px; padding: 19px 6.2%; box-sizing: border-box; }
.i_part_list li .text_p{ background: 0; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; overflow: hidden; line-height: 26px; font-size: 14px; padding: 0 6.2%; box-sizing: border-box; }
.i_part_list li .text_p p{  -webkit-transform: translateZ(0); height: 104px; overflow: hidden; }
.i_part_list li .text_p .btn{ width: 100px; height: 30px; line-height: 30px; border-radius: 4px; border: 1px solid #fff; color: #fff; text-align: center; margin: 25px auto 0; font-size: 15px; }
.i_part_list li .text_p .btn:hover{ color: #000; background: #fff; }
/*.i_part_list li:hover{ -webkit-transform: translateY(-4px); transform: translateY(-4px); }*/
.i_part_list li:hover .text_p{ background: rgba(0,0,0,.6); opacity: 1; padding: 30px 6.2%; }

/*公共*/
.wbanner{ height: 426px; clear: both; background-size: cover; background-position: center center; }
.m_nav_wrap{ position: relative; height: 0; }
.m_nav{ position: absolute; top: -70px; width: 1220px; text-align: center; font-size: 0; }
.m_nav li{ font-size: 16px; margin-right: 20px; width: 224px; height: 70px; line-height: 68px; box-sizing: border-box; border-top: 2px solid rgba(246,246,246,.9); background: rgba(246,246,246,.9); text-align: center; display: inline-block; }
.m_nav li.on,.m_nav li:hover{ background: #fff; border-color: #000; }
.m_nav li a{ display: block; color: #333; }
.m_nav .slick-prev{ left: -40px; width: 40px; height: 70px; margin-top: -35px; background: #fff url(../images/left.png) center no-repeat; }
.m_nav .slick-next{ right: -20px; width: 40px; height: 70px; margin-top: -35px; background: #fff url(../images/right.png) center no-repeat; }
.abo_base{ padding: 40px 0; }
.abo_base .text{ font-size: 14px; color: #333; line-height: 30px; padding: 36px 40px 30px; }
.abo_base img,.m_pd_bot img{ max-width: 100%; height: auto!important; }
.abo_base table,.m_pd_bot table{ max-width: 100%!important; word-wrap: break-word; }
.abo_tit h2{ color: #999; font-size: 36px; font-weight: 100; font-family: '微软雅黑'; text-transform: uppercase; }
.abo_tit h3{ line-height: 46px; font-size: 36px; color: #000; }
.abo_tit h3 em{ font-size: 48px; vertical-align: middle; }
.path{ height: 60px; line-height: 60px; font-size: 14px; color: #999; }
.path font{ margin: 0 10px; }
.path a,.path em{ color: #999; }
.path a:hover,.path span{ color: #333; }
.pages{ font-size: 0; margin: 0 auto; }
.pages a,.pages span{ border-radius: 2px; text-align: center; background-color: #fff; color: #555; height: 40px; display: inline-block; margin: 0 5px 5px; font-size: 20px; min-width: 40px; box-sizing: border-box; line-height: 40px; padding: 0 5px; }
.pages .current{ display: inline-block; vertical-align: top; background-color: #000; color: #fff; }
.pages .prev,.pages .next{ font-size: 0; vertical-align: top; font-weight: normal; background-repeat: no-repeat; background-position: center; }
.pages .prev{ background-image: url(../images/icon15.png); }
.pages .next{ background-image: url(../images/icon16.png); }
.pages a:hover{ background-color: #000; color: #fff; }





/*产品中心*/
.pro_top{ padding: 40px 6.25%; box-sizing: border-box; width: 100%; min-height: 830px; }
.pro_top .text{ float: left; width: 43.2%; }
.pro_top .text h2{ margin-top: 50px; font-weight: 100; font-size: 48px; color: #000; }
.pro_top .text h3{ margin: 10px 0 40px; font-size: 30px; color: #ccc; font-weight: 100; font-family: '微软雅黑'; text-transform: uppercase; }
.pro_top .text .text_p{ font-size: 14px; color: #000; line-height: 36px; }
.pro_top .video_box{ float: right; width: 48%; display: inline-block; vertical-align: middle; height: 450px; border: 2px solid #eaeaea; position: relative; background: #000; }
.video_box video{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; display: block; }
.video_box i{ cursor: pointer; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.5); background-image: url(../images/icon55.png); background-position: center; background-repeat: no-repeat; z-index: 666; }
.m_pro_select{ position: relative; text-align: center; padding: 25px 0; }
.m_pro_select .sod_select{ width: 220px; padding: 18px 10px; }
.m_pro_select .path{ position: absolute; right: 40px; top: 20px; }

/*产品中心详情*/
.m_pdetail{ padding-bottom: 40px; }
.m_pd_top{ min-height: 560px; background: #fff; margin-bottom: 15px; }
.m_pdt_l{ width: 820px; height: 560px; overflow: hidden; }
.bimg_slick{ width: 820px; height: 458px; background: #fff; }
.simg_slick{ margin: 0 54px; padding: 21px 0; }
.simg_slick .slick-slide{ position: relative; margin: 0 6px; cursor: pointer; padding: 4px; width: 90px; height: 60px; box-sizing: border-box; border: 1px solid #eee; }
.simg_slick .slick-slide.on,.simg_slick .slick-slide:hover{ border-color: #000; }
.simg_slick .slick-slide img{ width: 80px; height: 50px; background-color: #f6f6f6; background-image: url(../images/loading.png); background-position: center; background-repeat: no-repeat; }
.simg_slick .slick-prev{ left: -54px; width: 40px; height: 60px; margin-top: -30px; background: url(../images/left.png) center no-repeat; }
.simg_slick .slick-prev:hover{ background: url(../images/left_on.png) center no-repeat; }
.simg_slick .slick-next{ right: -54px; width: 40px; height: 60px; margin-top: -30px; background: url(../images/right.png) center no-repeat; }
.simg_slick .slick-next:hover{ background: url(../images/right_on.png) center no-repeat; }
.m_pdt_r{ padding: 44px 40px 0; width: 380px; box-sizing: border-box; }
.m_pd_info h2{ font-size: 24px; color: #000; margin-bottom: 10px; }
.m_pd_info .tit{ line-height: 26px; margin-bottom: 10px; }
.m_pd_info .tit a{ margin: 0 8px; font-size: 14px; color: #000; }
.m_pd_info .text_p{ min-height: 120px; padding-bottom: 14px; font-size: 12px; color: #777; line-height: 24px; }
.m_pd_rec{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 13px 0 18px; margin-bottom: 10px; }
.m_pd_rec h2{ margin-bottom: 34px; font-size: 16px; color: #000; }
.rec_slick{ height: 88px; margin-top: 34px; }
.rec_slick .slick-slide{ position: relative; margin: 0 6px; cursor: pointer; }
.rec_slick .slick-slide .img{ padding: 4px; width: 90px; height: 60px; box-sizing: border-box; border: 1px solid #eee; }
.rec_slick .slick-slide.on .img,.rec_slick .slick-slide:hover .img{ border-color: #000; }
.rec_slick .slick-slide img{ width: 80px; height: 50px; background-color: #f6f6f6; background-image: url(../images/loading.png); background-position: center; background-repeat: no-repeat; }
.rec_slick .slick-slide p{ line-height: 28px; font-size: 12px; color: #555; }
.rec_slick .slick-slide.on p,.rec_slick .slick-slide:hover p{ color: #000; }
.rec_slick .slick-dots{ top: -49px; right: 0; width: auto; }
.m_pd_other,.m_pd_other a{ font-size: 14px; color: #000; }
.m_pd_other .pro_btn{ margin-top: 26px; width: 150px; height: 50px; line-height: 48px; border: 1px solid #000; color: #000; font-size: 16px; border-radius: 2px; display: block; text-align: center; }
.m_pd_other .pro_btn:hover{ background: #000; color: #fff; }
.m_pd_bot{ background: #fff; }
.m_pd_bot .title{ height: 60px; border-bottom: 1px solid #f6f6f6; box-sizing: border-box; text-align: center; }
.m_pd_bot .title span{ display: inline-block; font-size: 18px; background: #000; color: #fff; width: 200px; height: 60px; line-height: 60px; }
.m_pd_bot .details{ padding: 40px;}