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

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:#000; transition:all .15s;}

a:hover{ color:#4275f4;}

a:active{ color:#000;}

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:1400px; width:94%; 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;}

.comflex6{ 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; overflow:hidden;}

.pic_w a{ display:block;}



/*header*********************************************************************/

.head{ position:relative; z-index:505; height:0; background:#fff;}

.head-fixed{ width:100%; position:fixed; top:0; left:0; right:0; background:rgba(255,255,255,.8); height:90px; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition:1s all ease; transition:1s all ease;}

.head-fixed .w{ position:relative;}

.logo{ width:16.28571428571429%;}

.logo img{ display:block; width:100%;}

.nav{ width:73.21428571428571%; padding-right:22.5%;}

.nav .plebans{ font-size:16px; line-height:90px; position:relative;}

.nav .plebans:after{ content:''; display:block; position:absolute; left:51%; right:51%; bottom:0; height:2px; font-size:0; overflow:hidden; background:#4275f4; transition:all 0.6s;}

.nav .plebans a{ display:inline-block;}

.nav li{ position:relative;}

.nav li .jd:before{ font-size:16px; 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:#4275f4; font-weight:bold;}

.nav li.on .plebans:after,.nav li.cur .plebans:after{ left:0; right:0;}

.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:110px; padding:6px 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:#4275f4;}

.hrt{ position:absolute; right:0; top:0; bottom:0; font-size:16px;}

.hrt span a{ border-radius:1000px; border:1px solid #4275f4; margin-right:10px; text-align:center; min-width:98px; background:#4275f4; color:#fff; padding:0 15px; transition:all .6s; line-height:38px;}

.hrt span a.login{ background:none; color:#000; border-color:#000;}

.hrt span a:hover{ color:#4275f4; background:none; border-color:#4275f4;}

.hrt span a.login:hover{ border-color:#4275f4; background:#4275f4; color:#fff;}

.dropdown{ position:relative;}

.dropdown em{ height:90px; font-size:16px;}

.dropdown em i{ border-radius:5px; border:1px solid #4275f4; color:#4275f4; padding:0 5px; transition:all .6s; line-height:38px;}

.dropdown p{ width:220px; max-height:252px; line-height:2.1; position:absolute; right:0; top:100%; background:#fff; box-shadow:0 16px 16px 0 rgba(0,0,0,.05); border-radius:0 0 5px 5px; height:0; opacity:0; font-size:15px;}

.dropdown p a{ display:block; color:#666; padding-left:10px;}

.dropdown p a:hover{ background:rgba(0,0,0,.05);}

.dropdown.hover em i{ border-color:#4275f4; background:#4275f4; color:#fff;}

.dropdown.hover p{ height:auto; opacity:1;}

.head_on .head-fixed{ box-shadow:0 0 8px 0 rgba(0,0,0,.1); background:#fff;}

.scroll{ overflow-y:auto;}

.scroll::-webkit-scrollbar-track{ border-radius:999px; background:rgba(0,0,0,.005);}

.scroll::-webkit-scrollbar-thumb{ background:#4275f4; border-radius:999px; min-height:20px;}

.scroll::-webkit-scrollbar{ width:3px; height:3px;}

.scroll::-webkit-scrollbar-corner{ background:transparent;}



.sanh{ width:36px; padding:8px 10px; position:absolute; right:calc(4% - 10px); top:50%; margin-top:-22.5px; display:none;}

.sanh>div{ height:3px; margin:5px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}

.sanh>div{ background-color:#4275f4;}

.tesd>div{ background-color:#4275f4!important;}

.tesd>div:nth-child(1){ transform:translate3d(0px,8px,0px) rotate(45deg);}

.tesd>div:nth-child(2){ opacity:0;}

.tesd>div:nth-child(3){ transform:translate3d(0px,-8px,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:90px; bottom:0; z-index:6; text-align:center;}

.banner .swiper-slide .clear{ width:100%;}

.banner .swiper-slide .clear span,.banner .swiper-slide .clear p,.banner .swiper-slide .clear i{ transform:translateX(100px); opacity:0; color:#fff;}

.banner .swiper-slide .clear p{ transform:translateX(-60px);}

.banner .swiper-slide .clear i{ transform:translateY(20px);}

.banner .swiper-slide .clear span{ display:inline-block; font-size:55px; position:relative;}

.banner .swiper-slide .clear span em{ text-shadow:0 0 18px rgba(0,0,0,.58); display:inline-block; font-weight:bold; color:rgba(255,255,255,0);}

.banner .swiper-slide .clear span b{ font-weight:bold; position:absolute; left:0; top:0; background-clip:text; -webkit-background-clip:text; color:transparent; background-image:linear-gradient(to right,#c865f7,#5fa9ff); display:inline-block;}

.banner .swiper-slide .clear p em{ display:block;}

.banner .swiper-slide .clear p{ font-size:50px; margin-top:10px;}

.banner .swiper-slide .clear p.p1{ font-size:40px; margin-top:30px;}

.banner .swiper-slide .clear i{ margin-top:45px;}

.banner .swiper-slide .clear a{ font-size:20px; color:#fff; line-height:3; padding:0 30px; border-radius:1000px; background:linear-gradient(to right,#4b72ff,#65bdff); transition:all 0.6s;}

.banner .swiper-slide .clear a img{ width:18px; margin-left:10px;}

.banner .swiper-slide .clear a:hover{ background:linear-gradient(to left,#4b72ff,#65bdff);}

.banner .swiper-slide.swiper-slide-active .clear span,.banner .swiper-slide.swiper-slide-active .clear p,.banner .swiper-slide.swiper-slide-active .clear i{ transition:all 1s ease 1s; transform:translateX(0); opacity:1;}

.banner .swiper-pagination{ bottom:3.462%;}

.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#a7a7a7; opacity:.8; margin:0 9px!important; border-radius:50%; transition:all 0.6s;}

.banner .swiper-pagination-bullet-active{ background:#4275f4; opacity:1;}



.titc{ text-align:center; font-size:44px; line-height:1.590909090909091;}



.con1{ width:100%; background:#f0f5ff; overflow:hidden; padding:44px 0 37px 0; position:relative; z-index:11;}

.con1_list{ width:100%;}

.con1_list li{ width:30%; position:relative; padding-left:6.1%;}

.con1_list li.line{ width:1px; padding:0; background:#e0e0e0; margin:20px 0;}

.con1_list li img{ height:60px; position:absolute; left:0; top:50%; display:block; transform:translate(0,-50%);}

.con1_list li .txt{ width:100%;}

.con1_list li .txt em{ display:block; font-weight:bold; font-size:26px; color:#25272b;}

.con1_list li .txt p{ font-size:18px; color:#4d4d4d; line-height:1.888888888888889; margin-top:6px;}



.con2{ width:100%; background:#fff; overflow:hidden; position:relative; z-index:12; padding:100px 0 125px 0;}

.con2_list{ margin-top:60px;}

.con2_list li{ width:49.28571428571429%; display:flex; flex-direction:column; justify-content:space-between;}

.con2_list li a{ display:block;}

.con2_list li .li_txt{ width:100%; position:relative; border-radius:30px; overflow:hidden;}

.con2_list li .pic_w img{ width:100%; height:100%;}

.con2_list li .txt{ position:absolute; left:0; top:0;}

.con2_list li .txt em{ display:inline-block; color:#fff; font-size:26px; font-weight:bold; text-transform:uppercase; line-height:2.769230769230769; padding:0 32px; border-radius:30px 0; background:linear-gradient(to right,#4d4bff,#70a8ff);}

.con2_list li .txtc{ font-size:30px; padding:0 32px; margin-top:22px;}

.con2_list li .txtc p{ position:relative; padding-left:27px; line-height:1.6;}

.con2_list li .txtc p:before{ content:''; display:block; position:absolute; left:0; width:8px; height:8px; border-radius:50%; top:20px; font-size:0; overflow:hidden; background:#4275f4;}

.con2_list li:nth-child(2) .txt em{ background:linear-gradient(to right,#3f99ff,#83beff);}



.con3{ width:100%; background:url(../images/bg3.jpg) center top no-repeat; background-size:cover; overflow:hidden; padding:100px 0 115px 0; position:relative; z-index:13;}

.con3_list{ width:101.870032725572698%; margin-top:50px;}

.con3_list li{ margin:26px 1.870032725572698% 0 0; width:23.1299672744273%; text-align:center; background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 2px 18px rgba(105,105,105,.06); transition:transform 0.5s ease;}

.con3_list li .pic_w img{ width:100%; height:100%;}

.con3_list li p{ font-size:28px; padding:24px 0;}



.con4{ width:100%; background:#fff; overflow:hidden; padding:120px 0 125px 0; position:relative; z-index:14;}

.con4c{ width:100%; margin-top:65px;}

.con4_lf{ width:30.71428571428571%;}

.con4_lf .pic{ border-radius:20px;}

.con4_lf .pic_w img{ width:100%; height:100%;}

.con4_rt{ width:67.85714285714286%; margin-top:-25px;}

.con4_rt li{ background:#f1f6ff; font-size:30px; border-radius:20px; margin:25px 0 0 20px; width:calc(33.33333333333333% - 20px); padding-left:4%; position:relative; transition:transform 0.5s ease;}

.con4_rt li em{ width:62px; height:62px; border-radius:10px; background:#fff; box-shadow:0 3px 18px rgba(66,117,244,.14); margin-right:30px;}

.con4_rt li em img{ display:block; width:100%;}

.con4_rt li:last-child a{ display:inline-block; color:#fff; border-radius:1000px; background:#1b1b1b; line-height:2.25; padding:0 20px; transition:all 0.6s; font-size:20px;}

.con4_rt li:last-child a:hover{ background:#4275f4;}

.con4_rt li:last-child img{ position:absolute; bottom:0; right:20px; height:calc(100% + 17px);}



.con5{ width:100%; background:url(../images/bg5.jpg) center top no-repeat; background-size:cover; overflow:hidden; padding:100px 0 90px 0; position:relative; z-index:15;}

.con5 .w{ width:100%; max-width:100%;}

.con5_1{ margin-top:55px;}

.con5_0{ overflow:hidden; width:100%; position:relative;}

.con5_0 .bd ul{ overflow:hidden; zoom:1; padding:22px 0!important;}

.con5_0 .bd ul li{ box-shadow:0 2px 30px rgba(105,105,105,.09); background:#fff; border-radius:10px; margin:0 22px 0 0; width:calc(16.66666666666667% - 22px); _display:inline; overflow:hidden;}

.con5_0 .bd ul li .pic{ background:#fff;}

.con5_0 .bd ul li .pic_w{ overflow:visible; left:9.25%; top:18.15%; right:9.25%; bottom:18.15%;}



.con6{ width:100%; background:#fff; overflow:hidden; padding:90px 0 105px 0; position:relative; z-index:16;}

.con6c{ width:100%; margin-top:60px;}

.con6_lf{ width:60.07142857142857%;}

.con6_lf img{ display:block; width:100%;}

.con6_rt{ width:36.42857142857143%;}

.tit6{ font-weight:bold; font-size:28px; margin-top:33px;}

.con6_list1{ text-align:center; margin-top:28px; padding-bottom:47px;}

.con6_list1 li{ width:40.3921568627451%;}

.con6_list1 li em{ display:block; border:1px solid #dedede; border-radius:5px; overflow:hidden;}

.con6_list1 li em img{ display:block; width:100%;}

.con6_list1 li p{ font-size:18px; color:#464646; margin-top:18px;}

.con6_list2{ margin-top:30px;}

.con6_list2 li{ font-size:22px; color:#464646; border:1px solid #dedede; border-radius:5px; width:48.03921568627451%; padding:11px 0;}

.con6_list2 li img{ margin-right:15px; height:52px;}



.con7{ width:100%; background:url(../images/bg7.jpg) center top no-repeat; background-size:cover; overflow:hidden; padding:100px 0 60px 0; position:relative; z-index:17;}

.con7_list1{ width:101.714285714285714%; padding-top:26px;}

.con7_list1 li{ margin:24px 1.714285714285714% 0 0; width:23.28571428571429%; position:relative; background:rgba(255,255,255,.8); border-radius:10px; box-shadow:0 3px 18px rgba(66,117,244,.07); border:2px solid #fff; padding:0 0 0 7.79%;}

.con7_list1 li img{ height:64px; position:absolute; left:6.6%; top:50%; display:block; transform:translate(0,-50%);}

.con7_list1 li .txt{ padding:30px 0;}

.con7_list1 li .txt em{ display:block; font-size:22px; font-weight:bold; margin-bottom:6px;}

.con7_list1 li .txt p{ font-size:18px; color:#3d3d3d; line-height:1.666666666666667;}

.con7_list2{ text-align:center; margin-top:40px;}

.con7_list2 li{ width:25%; position:relative; line-height:1;}

.con7_list2 li:after{ content:''; display:block; position:absolute; right:-1px; height:40px; width:1px; top:50%; transform:translate(0,-50%); font-size:0; overflow:hidden; background:#c3d5ee}

.con7_list2 li:last-child:after{ display:none;}

.con7_list2 li span{ display:block; font-size:36px; color:#0060ef; font-weight:bold;}

.con7_list2 li p{ font-size:20px; color:#3d3d3d; margin-top:15px;}



.ai_shop1{ padding:90px 0; width:100%; background:#fff; position:relative; z-index:11; overflow:hidden;}

.ai_shop1c{ position:relative; width:100%; margin-top:70px;}

.ai_shop1c .pic{ width:60.07142857142857%; z-index:13; margin:0 auto;}

.ai_shop1c .pic img{ display:block; width:100%;}

.ai_shop1c ul{ width:100%; position:absolute; left:0; right:0; top:-25px; bottom:-25px; z-index:12;}

.ai_shop1c ul li{ font-size:28px; border:1px solid #dce3ee; width:17.3%; box-shadow:0 0 9px rgba(74,117,255,.13); border-radius:15px; margin:20px 0; transition:transform 0.5s ease;}

.ai_shop1c ul li img{ height:50px; margin-right:18px;}

.ai_shop1c ul li:nth-child(2n+1){ margin-right:55%;}

.ai_shop2{ padding:90px 0 100px 0; width:100%; background:url(../images/abg2.jpg) center top no-repeat; background-size:cover; position:relative; z-index:12; overflow:hidden;}

.ai_shop2c{ width:100%; box-shadow:0 6px 29px rgba(74,117,255,.25); border-radius:20px; padding:5px; background:linear-gradient(to bottom,#4a74ff,#64bcff); margin-top:50px;}

.ai_shop2w{ width:100%; background:#f8fcff; border-radius:15px; overflow:hidden; padding:11px 0;}

.ai_shop2_list{ width:100%;}

.ai_shop2_list li{ width:31.22302158273381%; margin-left:1.58273381294964%; display:flex; flex-direction:column; justify-content:space-between; transition:transform 0.5s ease;}

.ai_shop2_list li .as_c{ margin:11px 0; background:#fff; border-radius:20px; box-shadow:0 0 9px rgba(74,117,255,.15); padding:30px 0 5px 0; transition:transform 0.5s ease;}

.ai_shop2_list li:nth-child(2) .as_c{ height:100%;}

.ai_shop2_list li .txt{ padding-left:5.069124423963134%;}

.ai_shop2_list li .txt span{ display:block; font-size:30px; margin-bottom:8px;}

.ai_shop2_list li .txt p{ font-size:20px; color:#666; line-height:1.8;}

.ai_shop2_list li .txt p em{ margin-right:7px;}

.ai_shop2_list li .txt p em:last-child{ margin-right:0;}

.ai_shop2_list li .txt p font{ color:#4275f4; font-weight:bold; margin-right:7px;}

.ai_shop2_list li .pic{ width:100%; padding:0 5.069124423963134%;}

.ai_shop2_list li .pic img{ display:block; width:100%;}

.ai_shop2_list li .as_c.hover{ transform:scale(1.05);}

.ai_shop3{ padding:100px 0; width:100%; background:#fff; position:relative; z-index:13; overflow:hidden;}

.ai_shop3_list{ width:102.428571428571429%; padding-top:25px;}

.ai_shop3_list li{ background:#eafbff; border-radius:20px; margin:2.370990237099024% 2.370990237099024% 0 0; width:30.96234309623431%; padding:35px 0 0 0; transition:transform 0.5s ease;}

.ai_shop3_list li:nth-child(3n+1){ display:flex; flex-direction:column; justify-content:space-between;}

.ai_shop3_list li:nth-child(3n+2){ background:#f1eeff;}

.ai_shop3_list li:nth-child(3n+2) .pic{ margin-top:25px;}

.ai_shop3_list li:nth-child(3n+3){ background:#e7f1fd; padding-bottom:15px;}

.ai_shop3_list li .txt{ padding:0 7.88%;}

.ai_shop3_list li .txt em{ font-size:30px; font-weight:bold; display:block; margin-bottom:10px;}

.ai_shop3_list li .txt p{ font-size:18px; color:#5d5d5d; line-height:1.888888888888889;}

.ai_shop3_list li .pic{ width:100%; margin-top:15px;}

.ai_shop3_list li .pic img{ display:block; width:100%;}

.ai_shop4{ padding:95px 0 100px 0; width:100%;  background:#f1f5f9; position:relative; z-index:14; overflow:hidden;}

.ai_shop4_list{ width:101.9%; padding-top:24px;}

.ai_shop4_list li{ margin:1.86924622645918% 1.86924622645918% 0 0; width:23.13075377354082%; border-radius:15px; overflow:hidden; box-shadow:0 0 9px rgba(0,0,0,.08);}

.ai_shop4_list li .pic_w img{ width:100%; height:100%;}



.no_shop1{ padding:90px 0 100px 0; width:100%; background:#fff; position:relative; z-index:11; overflow:hidden;}

.no_shop1_list{ width:101.714285714285714%; padding-top:16px;}

.no_shop1_list li{ box-shadow:0 2px 16px rgba(105,105,105,.09); border:1px solid #f0f0f0; border-radius:20px; margin:1.685393258426966% 1.685393258426966% 0 0; width:23.31460674157303%; padding:1.75561797752809%; text-align:center; transition:transform 0.5s ease;}

.no_shop1_list li em{ display:block; font-size:28px; font-weight:bold;}

.no_shop1_list li em font{ color:#4275f4;}

.no_shop1_list li .pic{ border-radius:10px; margin-top:25px;}

.no_shop1_list li .pic_w img{ width:100%; height:100%;}

.no_shop1_list li .txt{ font-size:18px; line-height:1.777777777777778; padding:21px 0 9px 0;}

.no_shop2{ padding:90px 0; width:100%; background:url(../images/sbg2.jpg) center top no-repeat; background-size:cover; position:relative; z-index:12; overflow:hidden;}

.no_shop2_list{ width:100%; padding-top:25px;}

.no_shop2_list li{ position:relative; border:3px solid #aec0ff; border-radius:20px; width:49.14285714285714%; margin-top:1.714285714285714%; transition:transform 0.5s ease;}

.no_shop2_list li .txt{ position:absolute; left:-3px; top:-3px; right:0; z-index:18;}

.no_shop2_list li .txt em{ color:#fff; display:inline-block; font-weight:bold; font-size:24px; background:#2a3867; border-radius:20px 0; padding:0 30px; line-height:2.666666666666667;}

.no_shop2_list li .txtc{ font-size:24px; line-height:1.875; padding:0 30px; margin-top:10px;}

.no_shop2_list li .s_bg{ position:absolute; left:0; right:0; top:0; bottom:40%; background:linear-gradient(to bottom,rgba(233,238,255,1) 12%,rgba(233,238,255,0)); z-index:17; border-radius:17px;}

.no_shop2_list li .pic{ border-radius:17px;}

.no_shop2_list li .pic_w img{ width:100%; height:100%;}

.no_shop3{ padding:100px 0 110px 0; width:100%; background:#fff; position:relative; z-index:13; overflow:hidden;}

.no_shop3_list{ width:104.761857142857143%; padding-top:55px;}

.no_shop3_list li{ margin:0 4.545411157005071% 0 0; width:20.45458884299493%; position:relative;}

.no_shop3_list li:after{ content:''; display:block; position:absolute; left:76.66%; height:0; border-bottom:1px dashed #dcdcdc; width:66.66%; top:42px; font-size:0; overflow:hidden;}

.no_shop3_list li:last-child:after{ display:none;}

.no_shop3_list li .icos{ height:150px; position:relative; z-index:18;}

.no_shop3_list li .icos img{ display:block; margin:0 auto; height:56.66666666666667%;}

.no_shop3_list li .icos .ico11{ position:absolute; top:49px; left:50%; transform:translate(-50%,0); height:68%;}

.no_shop3_list li .txt{ text-align:center; margin-top:13px;}

.no_shop3_list li .txt em{ display:block; font-weight:bold; font-size:30px; margin-bottom:14px;}

.no_shop3_list li .txt p{ font-size:18px; color:#3d3d3d; line-height:1.777777777777778;}

.no_shop3_list li .pic{ border-radius:10px; margin-top:26px; box-shadow:0 5px 8px rgba(0,0,0,.11);}

.no_shop3_list li .pic_w img{ width:100%; height:100%;}

.no_shop4{ padding:100px 0; width:100%; background:url(../images/sbg4.jpg) center top no-repeat; background-size:cover; position:relative; z-index:14; overflow:hidden;}

.no_shop4_list{ width:102.642857142857143%; padding-top:8px;}

.no_shop4_list li{ box-shadow:0 2px 18px rgba(105,105,105,.06); border-radius:20px; overflow:hidden; background:#fff; margin:2.574808629088379% 2.574808629088379% 0 0; width:30.75852470424495%; border:1px solid #f0f0f0; transition:transform 0.5s ease;}

.no_shop4_list li .pic_w img{ width:100%; height:100%;}

.no_shop4_list li .txt{ padding:22px 5% 35px 5%;}

.no_shop4_list li .txt em{ display:block; font-size:28px; font-weight:bold; margin-bottom:17px;}

.no_shop4_list li .txt p{ color:#4e4e4e; font-size:18px; line-height:1.666666666666667; margin-right:-5px;}

.no_shop5{ padding:90px 0; width:100%; background:#fff; position:relative; z-index:15; overflow:hidden;}

.no_shop5c{ width:100%; margin-top:55px;}

.no_shop5c img{ display:block; margin:0 auto; max-width:100%;}

.no_shop6{ padding:75px 0 0 0; width:100%; background:url(../images/sbg6.jpg) center top no-repeat; background-size:cover; position:relative; z-index:16; overflow:hidden;}

.no_shop6 .w{ border-radius:20px 20px 0 0; background:#fafdff; padding:50px 0 0 0;}

.no_shop6 .titc{ text-align:left; line-height:1; padding:0 3.928571428571429%;}

.no_shop6_list{ width:100%; display:flex; align-items:flex-end; margin-top:-12px;}

.no_shop6_list li{ width:28.09523809523809%; margin-left:3.928571428571429%; border-radius:15px 15px 0 0; border:1px solid #e2e9ec; overflow:hidden; background:linear-gradient(to bottom,#f0faff,#d1e7f1);}

.no_shop6_list li .t6{ font-size:24px; background:#e2e9ec; border-radius:0 0 15px 0; display:inline-block; line-height:1.833333333333333; border-bottom:1px solid #e2e9ec; border-right:1px solid #e2e9ec; padding:0 25px;}

.no_shop6_list li .txt1{ font-size:20px; line-height:1.9; color:#3d3d3d; padding:5px 0 5px 19%;}

.no_shop6_list li .txt1 p{ position:relative; padding-left:20px;}

.no_shop6_list li .txt1 p:before{ content:''; display:block; position:absolute; left:0; height:8px; width:8px; border-radius:50%; background:#8f8f8f; top:15px; font-size:0; overflow:hidden;}

.no_shop6_list li .txt2{ padding:3px 10% 28px 10%;}

.no_shop6_list li .txt2 p{ font-size:26px; margin-top:25px; color:#3d3d3d; font-weight:bold; border-radius:1000px; border:2px solid #fff; background:linear-gradient(to bottom,#e2f4ff,#daf1ff); box-shadow:0 2px 10px rgba(90,155,255,.32); padding:7.5px 0 7.5px 7.8%;}

.no_shop6_list li .txt2 p img{ margin-right:10px; height:32px;}

.no_shop6_list li .txt3{ line-height:2; padding:10px 0 28px 0;}

.no_shop6_list li .txt3 p{ font-size:24px; color:#3d3d3d; border:2px solid #fff; background:rgba(255,255,255,.5); border-radius:1000px; margin-top:16px; box-shadow:0 2px 10px rgba(255,215,142,.32); padding:0 10px;}

.no_shop6_list li .txt3 p font{ font-size:22px; color:#3f8bff; padding-left:10px;}

.no_shop6_list li .txt3 p img{ height:23px;}

.no_shop6_list li:nth-child(2){ border-color:#bfe5ff; background:linear-gradient(to bottom,#f3faff,#afe0ff);}

.no_shop6_list li:nth-child(2) .t6{ background:#bfe5ff; border-bottom-color:#bfe5ff; border-right-color:#bfe5ff;}

.no_shop6_list li:nth-child(3){ border-color:#ffe1aa; background:linear-gradient(to bottom,#fff9ed,#ffe8be);}

.no_shop6_list li:nth-child(3) .t6{ background:#ffe1aa; border-bottom-color:#ffe1aa; border-right-color:#ffe1aa;}

.no_shop7{ padding:95px 0; width:100%; background:#fff; position:relative; z-index:17; overflow:hidden;}

.no_shop7c{ margin-top:50px;}

.no_shop7_list li{ border-radius:15px; overflow:hidden;}

.no_shop7_list li .txt{ position:absolute; z-index:18; left:5.555555555555556%; bottom:45px; right:5.555555555555556%; border-radius:15px; background:rgba(255,255,255,.9); padding:18px 5.555555555555556%;}

.no_shop7_list li .txt p{ font-size:18px; color:#737373;}

.no_shop7_list li .txt1{ width:100%;}

.no_shop7_list li .txt1 em{ width:100%; font-size:24px; margin-bottom:5px;}

.no_shop7_list li .txt1 em img{ margin-right:15px; height:42px; width:42px; border-radius:50%;}

.no_shop7_list li .txt2{ width:100%; padding-top:12px;}

.no_shop7_list li .txt2 dd{ width:50%;}

.no_shop7_list li .txt2 dd em{ font-size:28px; font-weight:bold;}

.no_shop7 .com_but{ overflow:hidden; margin-top:36px;}

.no_shop7 .swiper-button-prev,.no_shop7 .swiper-button-next{ transition:all 0.6s; width:45px; height:45px; border-radius:50%; background:#000; color:#fff; position:static; float:right; margin:0 0 0 16px;}

.no_shop7 .swiper-button-prev:after,.no_shop7 .swiper-button-next:after{ font-weight:bold; font-size:20px;}

.no_shop7 .swiper-button-prev:hover,.no_shop7 .swiper-button-next:hover{ background:#4275f4;}

.no_shop8{ background:#eff7ff!important;}

.no_shop8 .no_warehouse3_list li{ background:#fff;}



.no_warehouse1{ padding:90px 0 110px 0; width:100%; background:#fff; position:relative; z-index:11; overflow:hidden;}

.no_warehouse1_list{ width:101.857142857142857%; text-align:center; padding-top:13px;}

.no_warehouse1_list li{ background:#f6f7fa; border-radius:20px; margin:1.82328190743338% 1.82328190743338% 0 0; width:23.17671809256662%; padding:33px 0 40px 0; transition:transform 0.5s ease;}

.no_warehouse1_list li img{ height:90px; display:block; margin:0 auto;}

.no_warehouse1_list li p{ font-weight:bold; font-size:28px; margin-top:17px;}

.no_warehouse2{ padding:65px 0 90px 0; width:100%; background:url(../images/wbg2.jpg) center top no-repeat; background-size:cover; position:relative; z-index:12; overflow:hidden;}

.no_warehouse2_pic{ width:100%; margin-top:28px;}

.no_warehouse2_pic img{ display:block; margin:0 auto; max-width:100%;}

.no_warehouse3{ padding:100px 0 95px 0; width:100%; background:#fff; position:relative; z-index:13; overflow:hidden;}

.no_warehouse3_list{ width:102%; padding-top:25px;}

.no_warehouse3_list li{ border-radius:15px; background:#f6f7fa; margin:2% 2% 0 0; width:14.66666666666667%;}

.no_warehouse3_list li em{ font-size:24px; color:#fff; background:linear-gradient(to bottom,#26a2ff,#4275f4); border-radius:15px 0 0 0; line-height:2.166666666666667; position:relative; width:96.66666666666667%; padding-left:10px; font-weight:bold; position:relative;}

.no_warehouse3_list li em img{ position:absolute; left:100%; top:0; bottom:0; height:100%;}

.no_warehouse3_list li em i{ margin:0 12px 0 10px; background:#fff; width:1px; font-size:0; overflow:hidden; height:18px;}

.no_warehouse3_list li:last-child img{ display:none;}

.no_warehouse3_list li:last-child em{ width:100%; border-radius:15px 15px 0 0;}

.no_warehouse3_list li .txt{ margin:17px 0 18px 0;}

.no_warehouse3_list li .txt img{ display:block; margin:0 auto; height:65px;}

.no_warehouse3_list li .txt p{ font-size:18px; line-height:1.666666666666667; padding-left:7%; margin-top:16px;}



.cooper1{ padding:75px 0 95px 0; width:100%; background:#fff; position:relative; z-index:11; overflow:hidden;}

.cooper1_list{ width:100%; padding-top:20px;}

.cooper1_list li{ position:relative; background:linear-gradient(to bottom,#f1f7ff,#fff); border:1px solid #dce3ee; border-radius:20px; width:48.92857142857143%; margin:2.142857142857143% 0 0 0; padding-left:14.14285714285714%; transition:transform 0.5s ease;}

.cooper1_list li .pic{ width:28.9%; display:flex; position:absolute; left:0; top:50%; transform:translate(0,-50%);}

.cooper1_list li img{ width:60.6%; display:block;}

.cooper1_list li .txt{ width:100%; padding:35px 0; padding-right:5px;}

.cooper1_list li .txt em{ display:block; font-weight:bold; font-size:28px; margin-bottom:15px;}

.cooper1_list li .txt p{ font-size:22px; color:#3d3d3d; line-height:1.636363636363636; margin-top:6px;}

.cooper2{ padding:85px 0 95px 0; width:100%; background:url(../images/cbg2.jpg) left top no-repeat; background-size:cover; position:relative; z-index:12; overflow:hidden;}

.cooper2_list{ width:102%; margin-top:25px;}

.cooper2_list li{ background:#f1f6ff; font-size:30px; border-radius:10px; background:#fff; box-shadow:0 2px 18px rgba(105,105,105,.06); margin:2% 2% 0 0; width:31.33333333333333%; padding-left:2%; position:relative; min-height:138px; transition:transform 0.5s ease;}

.cooper2_list li em{ width:150px;}

.cooper2_list li em img{ display:block; margin:0 auto; width:66.66666666666667%;}

.cooper2_list li:last-child{ padding-left:3.5%;}

.cooper2_list li:last-child a{ display:inline-block; color:#fff; border-radius:1000px; background:#1b1b1b; line-height:2.291666666666667; padding:0 30px; transition:all 0.6s; font-size:24px;}

.cooper2_list li:last-child a:hover{ background:#4275f4;}

.cooper2_list li:last-child img{ position:absolute; bottom:0; right:20%; height:calc(100% + 17px); width:auto!important;}

.cooper3{ padding:85px 0; width:100%; background:#fff; position:relative; z-index:13; overflow:hidden;}

.cooper3_list{ width:103.928571428571429%; padding-top:5px;}

.cooper3_list li{ border-radius:20px; border:1px solid #f0f0f0; box-shadow:0 2px 16px rgba(105,105,105,.09); margin:3.1% 3.780068728522337% 0 0; width:29.553264604811%; padding:1.305841924398625%; transition:transform 0.5s ease;}

.cooper3_list li .pic{ border-radius:10px;}

.cooper3_list li .txt{ margin:32px 0 18px 0;}

.cooper3_list li .txt h3{ font-size:30px;}

.cooper3_list li .txt h3 img{ height:37px; margin-right:18px;}

.cooper3_list li .txt p{ font-size:20px; line-height:1.6; color:#666; margin-top:12px;}



.down_bg{ width:100%; background:url(../images/dbg.jpg) center top no-repeat; background-size:cover; position:relative; z-index:11; overflow:hidden; padding:190px 0 125px 0;}

.d_tit1{ text-align:center;}

.d_tit1 span{ display:block; font-size:50px; color:#181a1d;}

.d_tit1 em{ display:block; font-size:30px; color:#363a41; margin-top:30px;}

.d_tit1 p{ font-size:20px; color:#717171; margin-top:10px;}

.down_tabc{ width:100%; margin-top:45px;}

.down_tab{ text-align:center; padding:7px; background:#fff; border-radius:1000px; box-shadow:0 0 10px rgba(46,76,120,.13);}

.down_tab a{ font-size:18px; color:#83898f; border-radius:1000px; line-height:2.5; padding:0 20px;}

.down_tab a.cur{ color:#fff; background:#4275f4;}

.downc{ width:100%; display:none; margin-top:90px;}

.downc.cur{ display:block;}

.down_lf1{ width:46.78571428571429%;}

.d_tit2{ font-size:30px; line-height:1;}

.down_lf1_c{ /*width:67.17557251908397%; */width:90%;margin-top:40px;}

.down_lf1 ul.comflex{justify-content: flex-start;} 

.down_lf1_c li{ background:rgba(255,255,255,.6); border:1px solid #fff; border-radius:30px;/* width:46%;*/width:31%; margin-right:3%; text-align:center; position:relative; transition:all 0.6s;}

.down_lf1_c li:nth-child(3){ margin-right:0; }
.down_lf1_c li .clear{ width:100%; display:block; position:absolute; left:0; right:0; top:50%; transform:translate(0,-50%);}

.down_lf1_c li .clear.ch{ display:none;}

.down_lf1_c li img{ max-width:66.33663366336634%;}

.down_lf1_c li img.dfimg{ max-width:100%;}

.down_lf1_c li p{ font-size:18px; margin-top:8px;}

/*.down_lf1_c li:nth-child(1).hover p{ margin-top:23px;}*/

.down_lf1_c li.hover{ background:#fff;}

.down_lf1_c li.hover .clear{ width:100%; display:none;}

.down_lf1_c li.hover .clear.ch{ display:block;}

.down_rt1{ width:53.21428571428571%; padding:1.428571428571429%; background:rgba(246,247,249,.8); border-radius:10px;}

.down_rt1 img{ display:block; width:100%; border-radius:10px;}



.abcon{ padding:75px 0 85px 0; width:100%; background:#fff; position:relative; z-index:11; overflow:hidden;}

.abcon .titc{ text-align:left;}

.ab1{ width:100%;}

.ab1 .txt{ width:56.42857142857143%; font-size:20px; text-indent:2em; text-transform:uppercase; line-height:2; margin-top:16px;}

.ab1 .txt *{ color:#3d3d3d;}

.ab1 .pic{ width:40.71428571428571%; border-radius:15px; overflow:hidden; margin-top:-15px;}

.ab1 .pic img{ display:block; width:100%;}

.ab2{ width:102.857142857142857%; padding-top:20px;}

.ab2 li{ text-align:center; border-radius:10px; background:#f8faff; margin:2.777777777777778% 2.777777777777778% 0 0; width:22.22222222222222%; padding:37px 0 34px 0; transition:transform 0.5s ease;}

.ab2 li img{ display:block; margin:0 auto; height:85px;}

.ab2 li p{ font-weight:bold; font-size:24px; margin-top:16px;}



.com li .pic_w img,.con2_list .li_txt .pic_w img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%;}

.com li.hover .pic_w img,.con2_list .li_txt.hover .pic_w img{ transform:scale(1.1);}

.con3_list li.hover,.con4_rt li.hover,.ai_shop1c ul li.hover,.ai_shop3_list li.hover,.no_shop1_list li.hover,.no_shop2_list li.hover,.no_shop4_list li.hover,.no_warehouse1_list li.hover,.cooper1_list li.hover,.cooper2_list li.hover,.cooper3_list li.hover,.ab2 li.hover{ transform:translateY(-20px);}



/*foot style*********************************************************************/

.footer{ width:100%; background:#17181b; overflow:hidden; font-size:16px;}

.footer *{ color:#fff;}

.footer a:hover{ color:rgba(255,255,255,.7)!important;}

.f_nav{ width:100%; padding:100px 0 30px 0;}

.f_nav span{ font-size:24px; font-weight:bold; display:block;}

.f_nav li.li1{ width:48.5%;}

.ico0_list{ padding:15px 0 0 0;}

.ico0_list dd{ width:41px; height:41px; position:relative; margin:10px 16px 0 0;}

.ico0_list dd img{ display:block; width:100%; filter:alpha(opacity=70); opacity:.7; transition:all 0.6s;}

.ico0_list dd em{ display:block; border-radius:50%; overflow:hidden; background:#999; transition:all 0.6s; cursor:pointer;}

.ico0_list dd i{ display:none; position:absolute; bottom:120%; left:50%; transform:translate(-50%,0); background:#fff; width:175px; border-radius:20px; padding:15px 0 10px 0;}

.ico0_list dd i:after{ content:''; display:block; position:absolute; left:50%; transform:translate(-50%,0); height:0; width:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #fff; bottom:-8px; font-size:0; overflow:hidden;}

.ico0_list dd i img{ display:block; margin:0 auto; width:82.85714285714286%;}

.ico0_list dd font{ display:block; text-align:center; color:#000;}

.ico0_list dd.hover em{ background:#e9a248;}

.ico0_list dd:nth-child(2).hover em{ background:#2a2d32;}

.ico0_list dd:nth-child(3).hover em{ background:#e44747;}

.ico0_list dd:nth-child(4).hover em{ background:#e65c20;}

.ico0_list dd:nth-child(5).hover em{ background:#4f99cb;}

.ico0_list dd.hover i{ display:block;}

.ico0_list dd.hover img{ filter:alpha(opacity=100); opacity:1;}

.f_nav li.li3{ width:24%;}

.f_nav li .txt{ margin-top:17px; line-height:2.5; text-align:justify;}

.f_nav li .txt2{ margin-top:11px; line-height:3;}

.f_nav li .txt1{ font-size:20px; margin-top:19px; line-height:1.9;}

.f_nav li .ewm{ text-align:center; margin-top:21px;}

.f_nav li .ewm dd{ width:43.1547619047619%;}

.f_nav li .ewm img{ display:block; width:100%; border-radius:10px;}

.f_nav li .ewm p{ color:#999; margin-top:14px;}

.foot{ text-align:center; padding:25px 0;}

.foot a{ margin:0 5px; color:#999;}