body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#333;}
html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
.fix_box{display:none!important}
a:hover{ color:#15499a;}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#c9c9c9;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#c9c9c9;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#c9c9c9;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#c9c9c9;}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select,a,button{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1580px; width:90%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.comflex5{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between; align-items:center;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pic_w a{ display:block;}

/*header*********************************************************************/
.head{ position:relative; z-index:505; height:95px; background:#fff;}
.head-fixed{ width:100%; position:fixed; top:0; left:0; right:0; background:#fff; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition:1s all ease; transition:1s all ease;}
.head-fixed .w{ position:relative;}
.logo{ width:13.10126582278481%;}
.logo img{ display:block; width:100%;}
.nav{ width:65.85%; padding-right:11.4%;}
.nav .plebans{ font-size:18px; line-height:95px;}
.nav .plebans a{ display:inline-block;}
.nav li{ position:relative;}
.nav li .jd:before{ color:#fff; font-size:18px; font-weight:400; margin-left:5px; transition:color 0.3s cubic-bezier(0.77,0,0.175,1);}
.nav li.on .plebans a,.nav li.cur .plebans a{ color:#15499a;}
.nav_bg{ display:none;}
.goutp{ display:none; position:absolute; top:100%; z-index:510; box-shadow:0 16px 16px 0 rgba(0,0,0,.05); left:50%; transform:translate(-50%,0); width:116px; padding:10px 0; background:#fff; border-radius:0 0 5px 5px; text-align:center;}
.goutp p{ font-size:16px; line-height:2.6;}
.goutp p a{ display:block; color:#666;}
.goutp p a:hover{ color:#15499a;}
.nav li.pro_li{ position:static;}
.nav li.pro_li .goutp{ transform:translate(0,0); left:0; right:0; width:auto; box-shadow:none;}
.nav li.pro_li .goutp::after{ content:''; display:block; position:absolute; left:-1000px; right:-1000px; top:0; bottom:0; font-size:0; overflow:hidden; background:#fff; box-shadow:0 16px 16px 0 rgba(0,0,0,.05);}
.nav li.pro_li .goutp dl{ width:100%; position:relative; z-index:2; margin-top:-10px;}
.nav li.pro_li .goutp dl dd{ width:15%; margin:0 2% 25px 0; font-size:16px;}
.nav li.pro_li .goutp dl dd .pic_w{ padding:15px;}
.nav li.pro_li .goutp dl dd:nth-child(6n){ margin-right:0;}
.hrt{ position:absolute; right:0; top:0; bottom:0;}
.search_ico{ height:20px; margin-right:28px; cursor:pointer;}
.search{ position:fixed; left:0; right:0; top:115px; display:none; z-index:999;}
.search_form{ width:50%; position:relative; overflow:hidden; margin:0 auto;}
.s_intxt{ border:none; border-radius:1000px; display:block; padding:12px 20px; line-height:1.5; background:#fff; font-size:16px; color:#333; width:100%;}
.s_inbut{ border:none; cursor:pointer; background:#15499a; position:absolute; top:0; bottom:0; right:0; font-size:16px; padding:0 30px; overflow:hidden; border-radius:1000px; transition:all .6s; color:#fff;}
.dropdown{ font-size:14px; position:relative;}
.dropdown em{ color:#666; line-height:30px;}
.dropdown em img{ height:20px; margin-right:12px;}
.dropdown p{ position:absolute; width:80px; left:50%; margin-left:-40px; top:100%; background:#f9f9f9; box-shadow:0 16px 16px 0 rgba(0,0,0,.05); border-radius:0 0 5px 5px; line-height:2.3; height:0; opacity:0; overflow:hidden; text-align:center;}
.dropdown p a{ display:block;}
.dropdown p a:hover{ background:rgba(0,0,0,.05);}
.dropdown.hover p{ display:block; height:auto; opacity:1;}
.head_on .head-fixed{ box-shadow:0 0 6px 0 rgba(0,0,0,.2);}

.sanh{ width:50px; padding:10px; position:absolute; right:calc(4% - 10px); top:50%; margin-top:-37.5px; display:none;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}
.sanh>div{ background-color:#15499a;}
.tesd>div{ background-color:#15499a!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}

.banner{ z-index:5;}
.banner .swiper-slide img{ display:block; width:100%;}
.banner .swiper-slide .w{ position:absolute; left:50%; transform:translate(-50%,0); top:0; bottom:0; z-index:6;}
.banner .swiper-slide .clear{ width:100%; text-align:center; line-height:1;}
.banner .swiper-slide .clear *{ transform:translateX(100px); opacity:0; color:#fff;}
.banner .swiper-slide .clear em{ display:block; font-size:60px; font-weight:bold; position:relative; padding-bottom:48px;}
.banner .swiper-slide .clear em::after{ content:''; display:block; position:absolute; left:50%; margin-left:-35px; bottom:0; width:70px; height:8px; font-size:0; overflow:hidden; background:#fff; border-radius:4px;}
.banner .swiper-slide .clear p{ font-size:36px; margin-top:40px;}
.banner .swiper-slide .clear p font{ font-weight:bold; color:#fff000; padding:0 12px;}
.banner .swiper-slide.swiper-slide-active .clear *,.banner .swiper-slide.swiper-slide-active .pic{ transition:all 1s ease 1s; transform:translateX(0); opacity:1;}
.banner .swiper-pagination{ bottom:7.5%;}
.banner .swiper-pagination-bullet{ width:15px; height:15px; background:#fff; opacity:1; margin:0 9px!important; border-radius:7.5px; transition:all 0.6s;}
.banner .swiper-pagination-bullet-active{ width:50px;}

.titc{ text-align:center;}
.titc em{ display:block; font-size:48px; font-weight:bold; line-height:1.291666666666667;}
.titc p{ font-size:18px; line-height:1.888888888888889; color:#555; margin-top:8px;}

.con1{ width:100%; overflow:hidden; padding:90px 0; background:#fff;}
.con1_1{ width:100%; margin-top:32px;}
.con1_1 dl{ border:4px solid #15499a; font-size:18px; line-height:1.777777777777778; min-width:82.28%;}
.con1_1 dt{ border-right:4px solid #15499a; background:#15499a; max-width:221px;}
.con1_1 dt a{ color:#fff; padding:25px 35px;}
.con1_1 dt img{ margin-right:20px; height:30px;}
.con1_1 dt i{ font-family:"simsun"; padding-left:15px;}
.con1_1 dd{ font-weight:bold; padding:25px; max-width:calc(100% - 221px); flex-grow:1;}
.con1_2{ padding:14px; margin:61px -14px -14px -14px; overflow:hidden;}
.con1_2 .swiper{ overflow:visible;}
.con1_list{ text-align:center;}
.con1_list li{ border:1px solid #cdcdcd; border-radius:0;}
.con1_list li a{ display:block;}
.con1_list li .pic_w{ left:5.263%; right:5.263%; top:5.263%; bottom:5.263%;}
.con1_list li .txt{ padding-bottom:11.85%;}
.con1_list li .txt em{ display:block; font-size:18px; line-height:1;}
.con1_list li .txt p{ font-size:14px; color:#888; margin-top:11px;}
.con1_list li.hover{ box-shadow:0 0 20px 0 rgba(21,73,154,.06); border-radius:10px; border-color:#15499a;}
.con1_list li.hover .txt em{ font-weight:bold; color:#15499a;}

.con2{ width:100%; overflow:hidden; padding:140px 0; background:url(../images/bg2.jpg) center top no-repeat; background-size:cover; position:relative; text-align:center;}
.con2:after{ content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; font-size:0; overflow:hidden; background:rgba(21,73,154,.85); z-index:1;}
.con2 .w{ position:relative; z-index:5;}
.con2 .titc em,.con2 .titc p{ color:#fff;}
.con2 .txt{ font-size:19px; line-height:2.105263157894737; margin-top:32px;}
.con2 .txt *{ color:#fff;}
.con2 .other{ margin-top:50px;}
.con2 .other a{ border-radius:1000px; background:#fff; font-size:20px; line-height:2.5; width:9.375%; min-width:150px; margin:0 10px;}

.con3{ width:100%; overflow:hidden; background:#fff; padding:95px 0; position:relative;}
.con3:before{ content:""; display:inline-block; position:absolute; top:0; bottom:0; left:0; font-size:0; overflow:hidden; width:1.5625%; background:#0b4e9f;}
.con3 .titc{ text-align:left;}
.con3c{ width:100%; position:relative; z-index:5;}
.con3_lf{ width:44.55128205128205%; margin:0; border-radius:18px 18px 0 0;}
.con3_lf .pic img{ display:block; width:100%;}
.con3_lf .txt{ background:#0b4e9f; padding:3.5% 5%;}
.con3_lf .txt *{ color:#fff;}
.con3_lf .txt em{ font-size:28px; font-weight:bold; display:block;}
.con3_lf .txt p{ font-size:20px; line-height:1.7; margin-top:14px;}
.con3_rt{ width:55.44871794871795%; padding-left:6.7%;}
.con3_rt .txt{ font-size:18px; color:#555; line-height:1.888888888888889; margin-top:50px;}
.con3c .swiper-pagination{ position:static; display:flex; flex-wrap:wrap; align-items:center; text-align:left; margin-top:85px;}
.con3c .swiper-pagination-bullet{ width:auto; height:auto; background:none; font-size:54px; line-height:1.2; font-weight:bold; color:#fff; opacity:1; margin:0 15.5% 0 0!important; transition:all .5s; position:relative; text-shadow:-1px -1px 0 #f0f0f0,  1px -1px 0 #f0f0f0,-1px  1px 0 #f0f0f0,1px  1px 0 #f0f0f0;}
.con3c .swiper-pagination-bullet:last-child{ margin-right:0!important;}
.con3c .swiper-pagination-bullet:before{ content:""; transition:all 0.6s; position:absolute; right:-17px; bottom:0; display:block; font-size:0; overflow:hidden; width:27px; height:27px; border-radius:50%;}
.con3c .swiper-pagination-bullet:after{ content:""; display:block; font-size:18px; font-weight:bold; color:#444; overflow:hidden; margin-top:7px; text-shadow:none; z-index:5; position:relative;}
.con3c .swiper-pagination-bullet:nth-child(1):after{ content:"SMT生产线";}
.con3c .swiper-pagination-bullet:nth-child(2):after{ content:"DIP生产线";}
.con3c .swiper-pagination-bullet:nth-child(3):after{ content:"ASSE生产线";}
.con3c .swiper-pagination-bullet:nth-child(4):after{ content:"";}
.con3c .swiper-pagination-bullet-active{ color:#0b4e9f; text-shadow:none;}
.con3c .swiper-pagination-bullet-active:before{ background:#cedcec;}

.con4{ width:100%; overflow:hidden; background:#fff;}
.con4 .w{ width:100%; max-width:100%; position:relative;}
.con4_list{ background:#fff;}
.con4_list *{ transition:all 0.6s;}
.con4_list li a{ display:block;}
.con4_list .swiper-slide{ width:auto; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; height:28.64583333333333vw; background:#fff;}
.con4_list .swiper-slide .txt{ transition:all 0.6s; position:absolute; left:0; top:0; width:100%; height:100%; font-size:30px; color:#fff; font-weight:bold; background:rgba(0,0,0,.8); z-index:5; text-align:center;}
.con4_list .swiper-slide .pic img{ display:block; width:100%; height:28.64583333333333vw;}
.con4_list .swiper-slide.active{ -webkit-box-flex:0; -webkit-flex:0 0 38.54166666666667vw; -ms-flex:0 0 38.54166666666667vw; flex:0 0 38.54166666666667vw;}
.con4_list .swiper-slide.active .pic{ padding-left:31%;}
.con4_list .swiper-slide.active .txt{ background:#0b4e9f; width:31%;}

.con5{ width:100%; overflow:hidden; padding:95px 0 85px 0; background:#fff;}
.con5 .pic_w img{ width:100%; height:100%; display:block;}
.con5c{ width:100%;}
.con5c .titc{ text-align:left;}
.con5c .but{ margin-top:70px;}
.con5c .swiper-button-prev,.con5c .swiper-button-next{ position:static; width:50px; height:50px; border:1px solid #15499a; border-radius:50%; margin-right:20px;}
.con5c .swiper-button-prev:after,.con5c .swiper-button-next:after{ display:none;}
.con5c .swiper-button-prev:hover,.con5c .swiper-button-next:hover{ background:#15499a;}
.con5c .swiper-button-prev:hover img,.con5c .swiper-button-next:hover img{ filter:invert(100%) brightness(1.5) contrast(1.2);}
.con5_lf{ width:36.39240506329114%; padding-top:20px;}
.con5_txt{ margin-top:110px;}
.con5_txt .swiper-slide{ cursor:pointer;}
.con5_txt .swiper-slide .pic{ border:1px solid #e6e6e6; border-radius:10px;}
.con5_txt .swiper-slide p{ text-align:center; font-size:16px; color:#666; margin-top:25px;}
.con5_txt .swiper-scrollbar{ position:static; margin-top:75px; height:2px; background:#bfbfbf;}
.con5_txt .swiper-scrollbar .swiper-scrollbar-drag{ background:#15499a;}
.con5_pic{ width:50%; margin:0;}
.con5_picc{ margin-right:-21.55%;}
.con5_pic .swiper-slide{ cursor:pointer;}
.con5_pic .pic{ border:1px solid #e6e6e6; transform:scale(.8); opacity:0;}
.con5_pic .pic .pic_w img{ max-width:100%; max-height:100%; object-fit:contain;}
.con5_pic .swiper-slide.swiper-slide-active *{ transition:all .5s ease .5s; transform:scale(1); opacity:1;}

.con6{ width:100%; overflow:hidden; padding:0 0 90px 0; background:#fff;}
.con6_1{ width:100%; margin-top:50px;}
.con6_1_lf{ width:50%; padding-right:1.139240506329114%;}
.con6_1_lf a{ display:block; border-radius:10px; overflow:hidden;}
.con6_1_rt{ width:50%;}
.con6_1_rt ul{ width:100%;}
.con6_1_rt ul li{ position:relative; margin-top:2.278481012658228%; width:48.86075949367089%;}
.con6_1_rt ul li a{ display:block; border-radius:10px; overflow:hidden; cursor:pointer;}
.con6_1_rt ul li.big{ width:100%; margin-top:0;}
.con6_1_rt ul li.big em{ position:absolute; left:0; top:0; bottom:0; width:46.2%; padding:0 5.695%; font-size:30px; color:#fff; font-weight:bold; line-height:1.3;}
.con6_1_rt ul li.video_pic i{ display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:15.5440414507772%; z-index:8;}
.con6_1_rt ul li.txt{ background:#15499a; border-radius:10px; transition:all 0.6s;}
.con6_1_rt ul li.txt a{ color:#fff; height:100%; display:flex;}
.con6_1_rt ul li.txt .clear{ width:100%; padding:0 11.5%;}
.con6_1_rt ul li.txt em{ font-size:16px; display:block;}
.con6_1_rt ul li.txt p{ font-weight:bold; font-size:17px; margin-top:15px; line-height:1.647058823529412; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con6_1_rt ul li.txt.hover{ background:rgba(21,73,154,.9);}
.con6_2{ width:100%; margin-top:50px;}
.con6_list2 li a{ display:block;}
.con6_list2 li h3{ font-size:18px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con6_list2 li em{ display:block; font-size:15px; color:#15499a; font-weight:bold; margin-top:10px;}
.con6_list2 li p{ margin-top:25px; font-size:15px; color:#888; line-height:1.733333333333333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}

.video-pop{ width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; z-index:999; display:none;}
.video-pop .pop-bg{ width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.8);}
.video-pop .pop-box{ width:1020px; height:575px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); background:#000; box-sizing:border-box;}
.video-pop .close{ width:36px; height:36px; position:absolute; right:0; top:0; cursor:pointer;}
.video-pop .video{ width:100%; height:100%;}

.com li .pic_w img,.nav li.pro_li .goutp dl dd .pic_w img,.con6_1_lf a img,.con6_1_rt ul li a img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%;}
.com li.hover .pic_w img,.nav li.pro_li .goutp dl dd.hover .pic_w img,.con6_1_lf.hover a img,.con6_1_rt ul li.hover a img{ transform:scale(1.05);}

/*foot style*********************************************************************/
.footer{ width:100%; background:#1b1b1b; overflow:hidden; font-size:15px;}
.footer a:hover{ color:rgba(255,255,255,.8)!important;}
.foot1{ width:100%; padding:60px 0;}
.foot1 span{ font-size:17px; font-weight:bold; display:block; color:#fff;}
.foot1 span a{ color:#fff;}
.f_nav{ width:64.25%; max-width:calc(100% - 200px);}
.f_nav li .txt{ margin-top:23px;}
.f_nav li p{ line-height:2.4; color:#999;}
.f_nav li p a{ color:#999;}
.f_nav li em{ display:block; margin-top:22px;}
.f_nav li em a{ color:rgba(255,255,255,.4);}
.f_nav li em a i{ padding-left:12px; font-family:"simsun";}
.f_ewm{ width:20%; min-width:200px;}
.f_ewm .txt1{ font-size:22px; color:#fff; line-height:1.59; margin-top:14px;}
.f_ewm dl{ width:100%; text-align:center; margin-top:17px;}
.f_ewm dl dd{ width:46.16%;}
.f_ewm dl dd img{ display:block; width:100%;}
.f_ewm dl dd p{ font-size:14px; color:#aeaeae; margin-top:17px;}
.f_links{ margin-right:-45px; padding:5px 0 18px 0;}
.f_links a{ color:rgba(255,255,255,.6); margin:5px 45px 0 0; padding-left:12px; position:relative;}
.f_links a:before{ content:'·'; display:block; position:absolute; left:0; top:0; overflow:hidden;}
.foot{ border-top:1px solid rgba(255,255,255,.2); padding:34px 0; text-align:center;}
.foot *{ color:rgba(255,255,255,.4);}
.foot em{ padding:0 6px;}