body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#222;}

/*链接整体设置*/
a{ text-decoration:none; color:#222; transition:all .15s;}
a:hover{ color:#5d0c9a;}
.fix_box{display:none!important}
a:active{ color:#222;}
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:#7c7c7c;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#7c7c7c;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#7c7c7c;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#7c7c7c;}
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:1520px; width:85%; 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;}
.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:175px; background:#fff;}
.head .clear{ width:100%;}
.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;}
.h_top{ height:100px; position:relative;}
.logo{ width:16.31578947368421%; margin-right:1.578947368421053%;}
.logo img{ display:block; width:100%;}
.h_top .txt{ border-left:1px solid #e6e6e6; padding-left:1.578947368421053%;}
.h_top .txt p{ font-size:20px; color:#5d0c9a; line-height:1.1;}
.h_top .txt p:last-child{ color:#a10508; margin-top:10px;}
.h_top .txt i{ padding:0 15px;}
.tell{ font-weight:bold; font-size:24px; position:absolute; right:0; top:0; bottom:0; text-align:center;}
.tell em{ display:block; color:#5d0c9a;}
.tell a{ background:url(../images/tell.png) left center no-repeat; background-size:25px 25px; padding-left:38px; display:inline-block; margin-top:2px;}
.nav{ width:100%; background:#f2f2f2;}
.nav .w{ position:relative;}
.nav ul{ width:100%; padding:0 15.46052631578947% 0 1.315789473684211%;}
.nav .plebans{ font-size:20px; line-height:75px;}
.nav .plebans a{ display:inline-block; color:#1a1a1a;}
.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.cur .plebans a,.nav li.hover .plebans a{ font-weight:bold;}
.nav_bg{ display:none;}
.goutp{ display:none; position:absolute; top:100%; z-index:510; background:#fff; box-shadow:0 2px 8px 0 rgba(0,0,0,.16); left:-15px; right:-15px; border-radius:0 0 5px 5px;}
.nav li:nth-child(3) .goutp{ left:-35px; right:-35px;}
.goutp:before{ content:""; display:inline-block; position:absolute; top:-6px; left:50%; margin-left:-6px; width:0; height:0; font-size:0; overflow:hidden; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fff;}
.goutp p{ font-size:16px; line-height:2.6;}
.goutp p a{ display:block; color:#666; text-align:center;}
.goutp p a:hover{ color:#5d0c9a; background:#ededfd;}
.goutp p:last-child a{ border-radius:0 0 5px 5px;}
.search{ width:11.51315789473684%; position:absolute; right:0; top:0; bottom:0; min-width:150px;}
.search_form{ width:100%; position:relative; display:block;}
.s_intxt{ border:none; border-radius:1000px; display:block; padding:0 20px; line-height:40px; background:#fff; font-size:14px; color:#222; width:100%;}
.s_inbut{ border:none; cursor:pointer; background:url(../images/search.png) center top no-repeat; background-size:cover; width:22px; height:22px; position:absolute; top:50%; right:20px; margin-top:-11px; font-size:0; overflow:hidden;}
.head_on .head-fixed{ -webkit-transform:translateY(-100px); transform:translateY(-100px); box-shadow:0 0 6px 0 rgba(0,0,0,.2);}

.sanh{ width:50px; padding:10px; position:absolute; right: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:#5d0c9a;}
.tesd>div{ background-color:#5d0c9a!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; overflow:hidden; width:100%;}
.banner .swiper-slide{ pointer-events:auto; overflow:hidden; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.banner .w{ position:relative;}
.banner .pos_c{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:6;}
.banner img{ display:block; width:100%;}
.banner .w .clear{ width:100%;}
.banner .w .ban_txt{ width:49.67105263157895%;margin-top:-10%}
.banner .w em{ display:inline-block; position:relative; transform:translateX(-60px); opacity:0; font-size:49px; color:#fff; font-weight:600; text-shadow:1px 4px 0 #000; line-height:1.3; padding-bottom:5px; border-bottom:1px solid #fff;}
.banner .w .txt{ display:block; transform:translateX(-30px); opacity:0; font-size:30px; line-height:2; color:#fff; padding-top:15px;}
.banner .w a{ transform:translateX(-40px); opacity:0; display:inline-block; color:#fff; border:1px solid #fff; border-radius:1000px; font-size:20px; line-height:2.5; padding:0 30px; margin-top:55px;}
.banner .w .ban_pic{ width:50.32894736842105%;}
.banner .w .ban_pic img{ transform:translateX(-30px); opacity:0;}
.banner .swiper-slide.active .w *{ transition:all 1s ease 1s; transform:translateX(0); opacity:1;}
.banner .swiper-pagination{ position:static; display:flex; flex-wrap:wrap; align-items:center;}
.banner .swiper-pagination-bullet{ width:auto; height:auto; background:none; font-size:18px; color:rgba(255,255,255,.3); opacity:1; margin:0 8px 0 0!important; transition:all .5s; display:flex; flex-wrap:wrap; align-items:center;}
.banner .swiper-pagination-bullet:after{ content:""; width:100px; height:2px; font-size:0; overflow:hidden; background:#fff; margin-left:8px; opacity:.3;}
.banner .swiper-pagination-bullet-active{ color:#fff;}
.banner .swiper-pagination-bullet-active:after{ opacity:1;}
.banner .swiper-pagination-bullet:last-child:after{ display:none;}
.banner .m_ico{ width:49px; height:49px; margin-left:-24.5px; z-index:8; background:url(../images/ico0.png) 0 0 no-repeat; background-size:cover; bottom:5.45%; position:absolute; left:50%;}
.ban_page{ position:absolute; left:0; right:0; bottom:6.5%; z-index:8;}

.titc{ width:100%; position:relative; font-size:48px; font-weight:bold;}

.con1{ width:100%; overflow:hidden; padding:115px 0 65px 0; position:relative;}
.con1 .p_img{ position:absolute; left:0; width:100%; top:280px; display:block;}
.con1 .w{ position:relative; z-index:5;}
.con1 .tab{ position:absolute; right:0; top:11px;}
.con1 .tab em{ font-size:18px; color:#333; cursor:pointer; border-radius:10px; line-height:2.777; padding:0 20px; transition:all 0.6s; margin-right:25px;}
.con1 .tab em:last-child{ margin-right:0;}
.con1 .tab em.cur{ color:#fff; background:#5d0c9a;}
.con1c{ display:none; width:100%; padding:110px 0 0 0;}
.con1c.cur{ display:block;}
.con1_list li .pic{ overflow:visible;}
.con1_list li .pic:after{ content:""; display:inline-block; position:absolute; top:0; bottom:-20%; right:-2px; font-size:0; overflow:hidden; width:1px; background:#e6e6e6;}
.con1_list li .pic_w{ top:10%; bottom:10%;}
.con1_list li .txt{ padding:0 23.5%; font-size:18px; min-height:170px;}
.con1_list li .txt i{ display:inline-block; width:22px; height:3px; background:#5d0c9a; transition:all .5s; margin:20px 0 40px 0;}
.con1_list li .txt em{ display:block; color:#5d0c9a;}
.con1_list li .txt p{ margin-top:8px;}
.con1_list li.hover .txt{ text-align:center;}
.con1_list li.hover .txt i{ width:1px; height:100px; background:#e6e6e6; margin:-20px 0 25px 0;}
.con1_list li.hover .txt p{ font-weight:bold; color:#5d0c9a;}

.con2{ width:100%; overflow:hidden; background:#f3f3f3; padding:100px 0;}
.con2_1{ width:100%; text-align:center; padding:35px 0 75px 0;}
.con2_1 li{ line-height:1;}
.con2_1 li p{ font-size:26px; color:#8c8c8c;}
.con2_1 li p:last-child{ margin-top:25px;}
.con2_1 li img{ height:35px;}
.con2_1 li span{ font-size:60px; color:#5d0c9a; font-weight:bold; padding:0 8px 0 5px;}
.con2_2{ width:100%;}
.con2_lf{ width:54.60526315789474%; padding-right:5.92%;}
.con2_lf h3{ font-size:40px; color:#000; font-weight:bold;}
.con2_lf .txt{ font-size:20px; line-height:1.8; margin-top:25px;}
.con2_lf ul{ width:100%; margin-top:60px;}
.con2_lf ul li{ text-align:center; padding:10px 0 6px 0;}
.con2_lf ul li.line{ width:1px; background:#e6e6e6; font-size:0; overflow:hidden;}
.con2_lf ul li a{ display:inline-block;}
.con2_lf ul li img{ display:block; height:40px; margin:0 auto; filter:grayscale(100%); opacity:.75; transition:all 0.6s;}
.con2_lf ul li p{ font-size:20px; margin-top:12px;}
.con2_lf ul li.hover img{ filter:grayscale(0); opacity:1;}
.con2_rt{ width:45.39473684210526%;}
.con2_rt .pic{ border-radius:0 75px}
.con2_rt img{ display:block; width:100%;}

.con3{ width:100%; overflow:hidden; background:#fff; padding:160px 0; position:relative;}
.con3:before{ content:""; display:inline-block; position:absolute; top:0; bottom:0; left:0; font-size:0; overflow:hidden; width:1.355%; background:#5d0c9a;}
.con3:after{ content:""; display:inline-block; position:absolute; top:0; right:0; bottom:0; width:50%; font-size:0; overflow:hidden; background:url(../images/cbg.png) center center no-repeat; background-size:cover;}
.con3c{ width:100%; position:relative; z-index:5;}
.con3_lf{ width:47.36842105263158%; margin:0; border-radius:18px 18px 0 0;}
.con3_lf .pic img{ display:block; width:100%;}
.con3_lf .txt{ background:#5d0c9a; padding:3.33% 6.25% 6.25% 6.25%;}
.con3_lf .txt *{ color:#fff;}
.con3_lf .txt em{ font-size:28px; font-weight:bold; display:block;}
.con3_lf .txt p{ font-size:18px; margin-top:15px;}
.con3_rt{ width:52.63157894736842%; padding-left:6.578947368421053%;}
.con3_rt .txt{ font-size:18px; color:#555; line-height:1.888888888888889; margin-top:15px; padding-right:28%;}
.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:#cacaca; opacity:1; margin:0 15.5% 0 0!important; transition:all .5s;}
.con3c .swiper-pagination-bullet:last-child{ margin-right:0!important;}
.con3c .swiper-pagination-bullet:after{ content:""; display:block; font-size:18px; font-weight:bold; color:#444; overflow:hidden; margin-top:7px;}
.con3c .swiper-pagination-bullet:nth-child(1):after{ content:"一站式服务";}
.con3c .swiper-pagination-bullet:nth-child(2):after{ content:"安规认证";}
.con3c .swiper-pagination-bullet:nth-child(3):after{ content:"生产能力";}
.con3c .swiper-pagination-bullet:nth-child(4):after{ content:"服务支持";}
.con3c .swiper-pagination-bullet-active{ color:#5d0c9a;}

.con4{ position:relative; z-index:10; padding:150px 0 200px; overflow:hidden;}
.con4 .titc{ color:#fff;}
.industry_back{ position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%;}
.industry_back_lis{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:0.3s all;}
.industry_back_lis.active{ opacity:1; visibility:visible; transition:0.5s ease;}
.industry_back_lis .fixed_ratio{ height:100%;}
.industry_back_lis .fixed_ratio .dfimg{ height:100%!important;}
.industry_uls{ margin-top:190px; position:relative; z-index:1;}
.industry_uls::after{ content:""; position:absolute; left:50%; bottom:0; width:100vw; height:82px; transform:translateX(-50%); background-repeat:no-repeat; background-position:center; background-size:100% 100%; background-image:url("../images/line.png");}
.industry_uls ul{ position:relative; z-index:20; justify-content:space-between;}
.industry_uls li:nth-child(1){}
.industry_uls li:nth-child(2){ transform:translateY(-10px);}
.industry_uls li:nth-child(3){ transform:translateY(22px);}
.industry_uls li:nth-child(4){ transform:translateY(60px);}
.industry_uls li:nth-child(5){ transform:translateY(65px);}
.industry_uls li:nth-child(6){ transform:translateY(58px);}
.industry_uls li a{ display:block; width:175px;}
.industry_uls li .lis_top{ padding-left:25px; opacity:0; visibility:hidden;}
.industry_uls li.active .lis_top{ visibility:visible; opacity:1; transition:0.3s ease;}
.industry_uls li .lis_top .fixed_ratio{ overflow:hidden; background-color:#fff; border-radius:10px 10px 0px 0px;}
.industry_uls li .lis_top h4{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:#fff; font-size:16px; font-weight:normal; font-stretch:normal; line-height:1.5; letter-spacing:0px; color:#5d0c9a; padding:.6em 0; text-align:center;}
.industry_uls li .lis_bot{ margin-top:40px; position:relative; cursor:pointer;}
.industry_uls li .lis_bot .lis_bot_line{ width:48px; height:180px; position:absolute; left:0; bottom:78px; display:flex; flex-flow:column; align-items:flex-start; justify-content:flex-start; visibility:hidden; opacity:0;}
.industry_uls li.active .lis_bot .lis_bot_line{ visibility:visible; opacity:1; transition:0.3s ease;}
.industry_uls li .lis_bot .lis_bot_line .lis_bot_line_t{ display:block; width:calc(13 / 48 * 100%); height:calc(13 / 180 * 100%); background-color:#fff; border-radius:50%;}
.industry_uls li .lis_bot .lis_bot_line .lis_bot_line_c{ display:block; width:calc(13 / 48 * 100%); height:calc(122 / 180 * 100%);  background-image:linear-gradient(to bottom, #fff 0%, #fff 50%, transparent 50%); background-size:2px 8px; background-position:center top; background-repeat:repeat-y;}
.industry_uls li .lis_bot .lis_bot_line .lis_bot_line_b{ display:block; margin-left:auto; width:calc(40 / 48 * 100%); height:calc(45 / 180 * 100%);  background-repeat:repeat-x; overflow:hidden;}
.industry_uls li .lis_bot .lis_bot_line .lis_bot_line_b::after{ content:""; display:block; width:100%; height:110%; margin:-1px 0 0 -1px; transform:rotate(-45deg); transform-origin:center; background-image:linear-gradient(to bottom, #fff 0%, #fff 50%, transparent 50%); background-size:2px 8px; background-position:center top; background-repeat:repeat-y;}
.industry_uls li .lis_bot .lis_bot_roto{ width:50px; height:50px; margin-left:40px;}
.industry_uls li .lis_bot .lis_bot_roto1{ display:block; width:22%; height:22%; position:relative; top:39%; left:39%; border-radius:50%; background-color:#fff;}
.circle, 
.circle1, 
.circle2, 
.circle3{ width:100%; height:100%; background:rgba(255,255,255,0.75); border:1px solid rgba(255,255,255,0.85); border-radius:999px; position:absolute; top:0; left:0;}
.circle1,.circle2{ animation-name:circleChange; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:linear;}
.circle1{ animation-delay:1s;}
.circle2{ animation-delay:2s;}

@keyframes circleChange{
  0%{transform:scale(1);opacity:0.95;}
  25%{transform:scale(1.8);opacity:0.75;}
  50%{transform:scale(2.7);opacity:0.5;}
  75%{transform:scale(3.6);opacity:0.25;}
  100%{transform:scale(4.5);opacity:0.05;}
}
.industry_uls li .lis_bot .lis_bot_roto2{ background-color:rgba(255, 255, 255, 0.2); display:none; width:100%; height:100%; position:relative; border-radius:50%;}
.industry_uls li .lis_bot .lis_bot_roto2::before{ content:""; display:block; width:72%; height:72%; position:absolute; left:14%; top:14%; background-color:rgba(255, 255, 255, 1); border-radius:50%;}
.industry_uls li .lis_bot .lis_bot_roto2::after{ content:""; display:block; width:22%; height:22%; position:absolute; left:39%; top:39%; background-color:#5d0c9a; border-radius:50%;}
.industry_uls li.active .lis_bot .lis_bot_roto1{ display:none;}
.industry_uls li.active .lis_bot .lis_bot_roto2{ display:block;}
.industry_uls li .lis_bot .lis_bot_h4{ font-size:22px; font-weight:normal; font-stretch:normal; line-height:1.5; letter-spacing:0px; color:#fff; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:0.5em; width:6em; text-align:center;}

.con5{ width:100%; overflow:hidden; background:#fff; padding:115px 0;}
.con5 .w{ position:relative;}
.con5 .tab{ position:absolute; right:0; top:16px;}
.con5 .tab em{ margin-right:20px; font-size:18px; color:#333; cursor:pointer; border-radius:1000px; border:1px solid #5d0c9a; line-height:2.11; padding:0 40px; transition:all 0.6s;}
.con5 .tab em:last-child{ margin-right:0;}
.con5 .tab em.cur{ color:#fff; background:#5d0c9a;}
.con5c{ display:none; width:100%; padding:50px 0 0 0;}
.con5c.cur{ display:block;}
.con5c .clear{ width:100%;}
.con5_lf{ width:47.69736842105263%;}
.con5_lf .pic{ border-radius:10px;}
.con5_lf .pic img{ display:block; width:100%;}
.con5_lf .pic a{ display:block;}
.con5_lf .pic .txt{ position:absolute; left:0; right:0; bottom:0; padding:10.5% 5.5% 5.5% 5.5%; background:linear-gradient(to bottom,rgba(93,12,154,0),rgba(93,12,154,.95));}
.con5_lf .pic .txt em,.con5_lf .pic .txt p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:#fff;}
.con5_lf .pic .txt em{ font-size:24px; font-weight:bold;}
.con5_lf .pic .txt p{ font-size:20px; margin-top:15px;}
.con5_rt{ width:52.30263157894737%; padding-left:3.618421052631579%;}
.con5_list{ display:flex; flex-direction:column; height:100%;}
.con5_list li{ width:100%; background:#fff; border-bottom:2px solid #e1e1e1; overflow:hidden; align-items:center; display:flex; flex:1;}
.con5_list li:last-child{ border-bottom:none;}
.con5_list li a{ display:block; position:relative;}
.con5_list li h3{ font-size:20px; font-weight:bold; color:#333; margin-right:110px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.con5_list li .txt{ margin-top:7px; font-size:16px; color:#8c8c8c; line-height:1.9375; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.con5_list li em{ display:inline-block; font-size:18px; position:absolute; right:0; top:0; line-height:30px; color:#8c8c8c;}
.con5_list li.hover h3{ color:#193b7e;}

.com li .pic_w img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%;}
.com li.hover .pic_w img{ transform:scale(1.05);}

/*foot style*********************************************************************/
.footer{ width:100%; background:#131313; overflow:hidden; font-size:14px;}
.footer *{ color:#fff;}
.footer a:hover{ color:rgba(255,255,255,.8)!important;}
.f_infor{ width:100%; padding:70px 0 30px 0;}
.f_infor li em{ display:block; font-size:16px; font-weight:bold; position:relative; line-height:2.4375;}
.f_infor li em:after{ content:""; display:inline-block; position:absolute; bottom:0; left:0; width:42px; height:1px; font-size:0; overflow:hidden; background:#a1a1a1;}
.f_infor li p{ margin-top:20px;}
.foot1{ border-top:1px solid #898989; position:relative; min-height:215px; padding:30px 35% 30px 0;}
.f_ewm{ position:absolute; right:0; top:35px; width:29%;}
.f_ewm li{ width:28.41%; text-align:center;}
.f_ewm li em{ display:block; border-radius:5px; overflow:hidden;}
.f_ewm li em img{ display:block; width:100%;}
.f_ewm li p{ font-size:12px; color:rgba(255,255,255,.5); margin-top:15px;}
.foot{ width:100%; margin-top:35px;}
.foot p{ margin-top:10px;}
.foot em{ margin-right:15px;}
.foot em:last-child{ margin-right:0;}
.foot i{ padding:0 5px;}