@charset "utf-8";
.wp{min-width:1200px;max-width:1600px;margin:0 auto}
.ep{min-width:1200px;max-width:1200px;margin:0 auto}
a.imgzoom img{transition:all .3s ease 0s}
a.imgzoom:hover img{-webkit-transform-origin:center center;-webkit-transform:scale(1.1,1.1);-moz-transform-origin:center center;-moz-transform:scale(1.1,1.1)}
.banner .swiper-slide div{width:100%}
.banner .swiper-slide a{width:100%;display:block;height:100vh}
.banner .swiper-slide img{width:100%}
.banner .swiperpg{z-index:999999;position:absolute;left:0;bottom:50px!important;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.banner .swiperpg span{width:50px;height:4px;background:rgba(255,255,255,.8);opacity:1!important;border-radius:0!important}
.banner .swiperpg span.swiper-pagination-bullet-active{background:#000;border-radius:0!important}
.banner .swiperprev{cursor:pointer;z-index:99999;position:absolute;left:0;top:50%;margin-top:-45px;width:60px;height:90px;background:url(../images/ad_ctr.png) left top no-repeat}
.banner .swipernext{cursor:pointer;z-index:99999;position:absolute;right:0;top:50%;margin-top:-45px;width:60px;height:90px;background:url(../images/ad_ctr.png) left -90px no-repeat}
.content{font-size:16px;color:#333;line-height:2;text-align:justify}
.content div{padding-bottom:10px}
.content p{padding-bottom:10px}
.content ol{list-style-position:outside;padding-left:40px;padding-bottom:20px}
.content ol li{list-style-type:decimal}
.content ul{list-style-position:outside;padding-left:40px;padding-bottom:20px}
.content ul li{list-style-type:disc}
.content ul li ul li{list-style-type:circle}
.content img{max-width:100%!important;height:auto!important}
.content td{padding:5px}
.art h1{text-align:center;color:#333;font-size:25px}
.art div{text-align:center;font-size:16px;color:#999;padding:20px 0}
.pn{border-top:1px #fafafa solid;color:#333;font-size:18px;padding:20px 0;line-height:2;margin-top:20px}
.pn em{color:#333}
.pn a{color:#333}
.pn a:hover{color:#333;text-decoration:underline}
.nodata{padding:80px 0!important;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}
.nodata p{font-size:16px;color:#333;margin-top:10px}
.alist li{padding:20px 0;border-bottom:1px #efefef solid}
.alist li a{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}
.alist li a .d1{width:320px}
.alist li a .d1 img{width:100%}
.alist li a .d2{flex:1;margin-left:20px}
.alist li a .d3{color:#333;font-size:28px}
.alist li a .d4{color:#888;font-size:16px;padding:10px 0;font-weight:100}
.alist li a .d5{color:#888;font-size:16px;line-height:2;font-weight:100}
.alist li a .d3:hover{color:red;text-decoration:underline}
.topbg{border-bottom:1px rgba(255,255,255,.2) solid;position:fixed;left:0;top:0;width:100%;z-index:999999}
.topbg .top{height:90px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.topbg .top .logo img{height:52px;background:url(../images/logo.png) center center no-repeat;background-size:auto 100%}
.topbg .top .blogo img{height:65px}
.topbg .top .lan{margin-left:20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.topbg .top .lan em{height:20px;width:20px;background:url(../images/lan.png) center center no-repeat;background-size:auto 100%}
.topbg .top .lan span{color:#fff;font-size:14px;margin-left:10px}
.topbg .top .tel{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.topbg .top .tel em{height:20px;width:20px;background:url(../images/t.png) center center no-repeat;background-size:auto 100%}
.topbg .top .tel span{color:#fff;font-size:18px;margin-left:10px;font-family:BE;font-weight:700}
.topbg .top ul{flex:1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.topbg .top ul li{margin:0 25px}
.topbg .top ul li a{position:relative;color:#fff;font-size:16px;height:90px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.topbg .top ul li a:hover{color:#b4383d!important}
.topbg .top ul li a:hover::after{position:absolute;content:'';border-bottom:2px #b4383d solid;width:100%;left:0;bottom:0}
.topbg.cur{border-bottom:0 rgba(255,255,255,.2) solid;background:rgba(255,255,255,.9);box-shadow:rgb(0 0 0 / 20%) 0 0 3px 0}
.topbg.cur .top ul li a{color:#222}
.topbg.cur .top .logo img{background:url(../images/logo1.png) center center no-repeat;background-size:auto 100%}
.topbg.cur .top .lan em{background:url(../images/lan1.png) center center no-repeat;background-size:auto 100%}
.topbg.cur .top .lan span{color:#222}
.topbg.cur .top .tel em{background:url(../images/t1.png) center center no-repeat;background-size:auto 100%}
.topbg.cur .top .tel span{color:#222}
.about{padding:120px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.about .d1{flex:1}
.about .d1 .x1{color:#222;font-size:15px}
.about .d1 .x2{color:#222;font-size:34px;font-weight:700}
.about .d1 .x3{color:#b4383d;font-size:34px;padding:30px 0;font-weight:300}
.about .d1 .x4{color:#333;font-size:14px;line-height:2}
.about .d1 .x4.big{color:#333;font-size:16px;line-height:2}
.about .d1 .x5{margin-top:40px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.about .d1 .x5 a{padding:0 30px;width:190px;height:50px;background:#b4383d;transition:all .3s ease 0s;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.about .d1 .x5 a em{color:#fff;font-size:14px}
.about .d1 .x5 a img{margin-left:20px}
.about .d1 .x5 a:hover{padding-right:10px;background:#9e2529}
.about .d2{width:50%;margin-left:10%}
.about .d2 img{width:100%;-webkit-clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.about_ny{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.about_ny .d1{flex:1}
.about_ny .d1 .x4{color:#333;font-size:18px;line-height:2}
.about_ny .d2{width:50%;margin-left:5%}
.about_ny .d2 img{width:100%;-webkit-clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.tou{padding:80px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap}
.tou em{width:100%;color:#dabc88;font-size:40px;font-weight:900;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.tou em.bai{color:#fff}
.tou span{color:#222;font-size:16px;margin-top:0;font-weight:300}
.wh ul{padding-top:50px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.wh ul li{width:17.6%;margin-right:3%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap}
.wh ul li:nth-last-child(1){margin-right:0}
.wh ul li .d1{background:#fff;padding:30px 30px;border-radius:1115px;border:1px #fff solid;box-shadow:rgb(0 0 0 / 20%) 6px 4px 0 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.wh ul li .d1 img{width:50px}
.wh ul li .d2{margin-top:30px;font-size:26px;color:#222;font-weight:900}
.wh ul li .d3{font-size:16px;color:#333;line-height:1.5;font-weight:400;margin-top:25px;text-align:center}
.wh_bg{margin-top:90px;padding-bottom:120px;background:url(../images/xt.png) center center no-repeat #fff;background-size:100% auto}
.probg{background:#f4f5f7}
.pro{padding:80px 0;padding-bottom:50px}
.bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.bar .d1{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;flex-direction:column}
.bar .d1 em{line-height:1;color:#b4383d;font-size:25px;font-weight:500}
.bar .d1 span{line-height:1;margin-top:10px;color:#333;font-size:35px;font-weight:300;font-weight:700}
.bar .d2{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.bar .d2 em{color:#b4383d;font-size:18px;font-weight:400}
.bar .d2 a{color:#b4383d;font-size:18px;font-weight:400}
.catalog{padding:60px 0;display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap}
.catalog a{flex:1;height:450px;background:linear-gradient(to right,#ececec,#e0e0e0);position:relative;transition:all .31s ease 0s;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.catalog img{max-width:50%;transition:all .3s ease 0s}
.catalog em{color:#222;font-size:14px;position:absolute;width:100%;left:0;bottom:10%;text-align:center}
.catalog a:hover{width:18%;flex:initial}
.catalog a:hover em{color:#b4383d;font-size:18px}
.newsbg{background:#eee}
.news{padding:110px 0}
.nlist{margin-top:50px}
.nlist ul{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.nlist li{width:32%;margin-right:2%}
.nlist li:nth-child(3n){margin-right:0}
.nlist a{display:block;background:#fff}
.nlist a .d1{position:relative}
.nlist a .d1 .x1{overflow:hidden}
.nlist a .d1 .x1 img{width:100%;background:#eee}
.nlist a .d1 .x2{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.nlist a .d1 .x2 .s1{width:70%;position:relative}
.nlist a .d1 .x2 em{color:rgba(255,255,255,0);font-size:16px;transition:all .3s ease 0s;text-align:center}
.nlist a .d1 .x2 em::after{content:'';position:absolute;left:50%;bottom:-10px;width:100px;margin-left:-50px;border-bottom:1px rgba(255,255,255,0) solid;transition:all .3s ease 0s}
.nlist a .d1 .x2 em::before{content:'';position:absolute;left:50%;top:-10px;width:100px;margin-left:-50px;border-bottom:1px rgba(255,255,255,0) solid;transition:all .3s ease 0s}
.nlist a .d1 .x3{color:#fff;font-size:14px;position:absolute;left:-20px;top:10%;padding:10px 30px;background:rgba(220,189,135,.8);border-radius:5px 0}
.nlist a .d2{background:linear-gradient(to right,#e0e0e0,#ececec,#e0e0e0);padding:20px 20px;border-bottom:1px #efefef solid}
.nlist a .d2 .x1{color:#333;font-size:18px;font-weight:500}
.nlist a .d2 .x2{padding:10px 0;color:#999;font-size:14px;font-weight:100}
.nlist a .d2 .x3{color:#666;font-size:14px;line-height:2}
.nlist a:hover .d1 .x2{background:rgba(0,0,0,.6)}
.nlist a:hover .d1 .x2 em{color:rgba(255,255,255,1)}
.nlist a:hover .d1 .x2 em::after{width:50px;margin-left:-25px;border-bottom:1px rgba(255,255,255,1) solid}
.nlist a:hover .d1 .x2 em::before{width:50px;margin-left:-25px;border-bottom:1px rgba(255,255,255,1) solid}
.imglist ul{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.imglist li{width:32%;margin-right:2%;margin-bottom:30px}
.imglist li:nth-child(3n){margin-right:0}
.imglist a{display:block;background:#fff}
.imglist a .d1{position:relative}
.imglist a .d1 .x1{overflow:hidden}
.imglist a .d1 .x1 img{width:100%;background:#eee}
.imglist a .d1 .x2{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.imglist a .d1 .x2 .s1{width:70%;position:relative}
.imglist a .d1 .x2 em{color:rgba(255,255,255,0);font-size:16px;transition:all .3s ease 0s;text-align:center}
.imglist a .d1 .x2 em::after{content:'';position:absolute;left:50%;bottom:-10px;width:100px;margin-left:-50px;border-bottom:1px rgba(255,255,255,0) solid;transition:all .3s ease 0s}
.imglist a .d1 .x2 em::before{content:'';position:absolute;left:50%;top:-10px;width:100px;margin-left:-50px;border-bottom:1px rgba(255,255,255,0) solid;transition:all .3s ease 0s}
.imglist a .d1 .x3{color:#fff;font-size:14px;position:absolute;left:-20px;top:10%;padding:10px 30px;background:rgba(220,189,135,.8);border-radius:5px 0}
.imglist a .d2{background:#fff;padding:20px 20px;border-bottom:1px #efefef solid;border-left:1px #efefef solid;border-right:1px #efefef solid}
.imglist a .d2 .x1{color:#333;font-size:18px;font-weight:500}
.imglist a .d2 .x2{padding:10px 0;color:#999;font-size:14px;font-weight:100}
.imglist a .d2 .x3{color:#666;font-size:14px;line-height:2}
.imglist a:hover .d1 .x2{background:rgba(0,0,0,.6)}
.imglist a:hover .d1 .x2 em{color:rgba(255,255,255,1)}
.imglist a:hover .d1 .x2 em::after{width:50px;margin-left:-25px;border-bottom:1px rgba(255,255,255,1) solid}
.imglist a:hover .d1 .x2 em::before{width:50px;margin-left:-25px;border-bottom:1px rgba(255,255,255,1) solid}
.more{margin-top:60px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.more a{padding:10px 50px;border:1px #222 solid;background:#222;transition:all .3s ease 0s;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.more a em{color:#fff;font-size:14px}
.more a img{margin-left:10px;height:10px}
.more a:hover{border:1px #222 solid;background:#000}
.foot{background:url(../images/fbg.jpg) center center no-repeat #000;background-size:cover}
.footer{padding:60px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.footer .d1{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.footer .d1 a img{height:55px}
.footer .d2{margin-left:20px}
.footer .d2 .x2{margin-top:5px;color:#efefef;font-size:14px;line-height:1.5;font-weight:300}
.footer .d2 .x2 a{color:#efefef;text-align:center}
.footer .d3{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.footer .d3 a{color:#fff;font-size:14px;width:70px;height:70px;border:1px #fff solid;transition:all .3s ease 0s;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.footer .d4 em{color:#fff;font-size:28px;font-weight:300}
.proswiper .swiper-slide a{width:100%;display:block}
.proswiper .swiper-slide a .d1{position:relative;overflow:hidden}
.proswiper .swiper-slide a .d1 img{width:100%}
.proswiper .swiper-slide a .d2{height:50px;margin-top:10px;color:#333;font-size:14px;text-align:center}
.proswiper .swiper-slide a:hover .d1::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.proswiper_item{position:relative}
.proswiper_item .swiperprev{opacity:0;cursor:pointer;color:#000;font-size:18px;position:absolute;background:rgba(255,255,255,.8);border-radius:115px;left:20px;top:calc((100% - 60px)/ 2 - 21px);width:40px;height:40px;z-index:99;transition:all .3s ease 0s;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.proswiper_item .swipernext{opacity:0;cursor:pointer;color:#000;font-size:18px;position:absolute;background:rgba(255,255,255,.8);border-radius:115px;right:20px;top:calc((100% - 60px)/ 2 - 21px);width:40px;height:40px;z-index:99;transition:all .3s ease 0s;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.proswiper_item:hover .swiperprev{opacity:1}
.proswiper_item:hover .swipernext{opacity:1}
.subpro{padding:50px 0;padding-top:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.subpro .d1{line-height:1;color:#222;font-size:35px;font-weight:700;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.subpro .d6{flex:1;text-align:center}
.subpro .d6 i{font-size:28px;color:#666;font-weight:100}
.subpro .d2{line-height:1;color:#b4383d;font-size:18px;font-weight:400}
.subpro .d3 a{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative}
.subpro .d3 a img{height:15px}
.subpro .d3 a em{margin-left:10px;line-height:1;color:#333;font-size:18px;font-weight:300}
.subpro .d3 a:hover em{color:#b4383d}
.subpro .d4{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.subpro .d4 a{color:#666;font-size:14px}
.subpro .d4 a:hover{color:#000}
.subpro .d5 a{padding:10px 20px;border:1px #ccc solid;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.subpro .d5 a i{color:#222;font-size:12px}
.subpro .d5 a img{height:10px;margin-left:10px;background:url(../images/m.png) center center repeat-x;background-size:auto 100%}
.subpro .d5 a:hover{background:#222;border:1px #222 solid}
.subpro .d5 a:hover i{color:#fff}
.subpro .d5 a:hover img{background:url(../images/m1.png) center center repeat-x;background-size:auto 100%}
.casebg{background:#fff}
.case{padding-bottom:50px}
.clist{margin-top:60px}
.clist ul{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.clist li{width:23.5%;margin-right:2%}
.clist li:nth-child(4n){margin-right:0}
.clist li a{display:block}
.clist li .d1{overflow:hidden}
.clist li .d1 img{width:100%}
.clist li .d2{color:#333;font-size:16px;margin-top:10px;height:80px}
.procata_list{margin-bottom:50px}
.pro .procata_list:nth-last-child(1){margin-bottom:0}
.procata_list ul{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.procata_list li{width:24.1%;margin-right:1.2%}
.procata_list li:nth-child(4n){margin-right:0}
.procata_list a{width:100%;display:block}
.procata_list a .d1{position:relative;overflow:hidden}
.procata_list a .d1 img{width:100%}
.procata_list a .d2{height:50px;margin-top:10px;color:#333;font-size:18px;text-align:center}
.procata_list a:hover .d1::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.ban{position:relative}
.ban::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1)}
.ban img{width:100%}
.mypage{padding:60px 0}
.procata_list_end ul{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.procata_list_end li{margin-bottom:30px;width:24.1%;margin-right:1.2%}
.procata_list_end li:nth-child(4n){margin-right:0}
.procata_list_end a{width:100%;display:block}
.procata_list_end a .d1{position:relative;overflow:hidden}
.procata_list_end a .d1 img{width:100%}
.procata_list_end a .d2{height:100px;padding:0 20px;border-bottom:1px #fafafa solid;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.procata_list_end a .d2 .x1{max-width:50%;color:#333;font-size:18px;position:relative}
.procata_list_end a .d2 .x1::after{content:'';position:absolute;left:0;bottom:-5px;border-bottom:2px rgba(255,255,255,.5) solid;width:0;transition:all .3s ease 0s}
.procata_list_end a .d2 .x2{max-width:50%;color:#999;font-size:14px}
.procata_list_end a:hover .d1::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.procata_list_end a:hover .d2{border:1px #dcbd87 solid;border-top:0 #ccc solid;background:linear-gradient(to right,#dcbd87,#dcbd87)}
.procata_list_end a:hover .d2 .x1{color:#fff;font-size:20px}
.procata_list_end a:hover .d2 .x2{color:#fff}
.procata_list_end a:hover .d2 .x1::after{width:50px;max-width:50%}
.itemsliderbg{background:#fff;padding-bottom:60px}
.itemslider .swiper-slide a{display:block;text-align:center;overflow:hidden}
.itemslider .swiper-slide a img{max-width:100%}
.itemslider_dom{padding:40px;border:1px #f3f3f3 solid;position:relative;background:#fff;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}
.itemslider_dom .itemslider_dom_left{width:100%;position:relative}
.itemslider_title{padding:60px 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.itemslider_title h1{color:#222;font-size:32px;font-weight:400}
.itemslider_dom .swiperprev{z-index:99999;position:absolute;left:0;top:50%;margin-top:-20px;cursor:pointer;color:#333;font-size:18px;font-weight:700;width:40px;height:40px;background:rgba(198,198,198,.5);display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.itemslider_dom .swipernext{z-index:99999;position:absolute;right:0;top:50%;margin-top:-20px;cursor:pointer;color:#333;font-size:18px;font-weight:700;width:40px;height:40px;background:rgba(198,198,198,.5);display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.itemslider_dom .swiperprev:hover{background:#000;color:#fff}
.itemslider_dom .swipernext:hover{background:#000;color:#fff}
.sxpro{border-radius:5px 5px 0 0;margin-top:30px;background:#eee;padding:20px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.sxpro em{color:#333;font-size:16px}
.sxpro a{color:#333;font-size:16px}
.sxpro a:hover{text-decoration:underline;color:#222;font-size:16px}
.sxpro i{color:#333;font-size:16px}
.itemsliderbg .procata_list{margin-top:20px}
.itemsliderbg .res{border-radius:0 0 5px 5px;border:1px #eee solid;padding:30px 30px}
.pos{border-bottom:1px #efefef solid}
.pos .d1{color:#333;font-size:16px;height:60px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.pos .d1 i{font-size:18px;color:#606266;margin-right:10px}
.pos .d1 a{color:#333}
.pos .d1 label{padding:0 5px}
.catalist{padding:60px 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.catalist div{padding:0 10px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.catalist div a{border-radius:5px;background:#fafafa;padding:0 30px;height:50px;color:#333;font-size:18px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.catalist div.cur a{background:#b4383d;color:#fff}
.panel{background:#fff;margin-bottom:110px;padding:50px 50px;border-radius:15px;box-shadow:rgb(0 0 0 / 20%) 1px 2px 5px 0}
.panel .content.item{margin-top:60px}
.contact_top{margin-top:60px!important}
.ourservice{padding:60px 0}
.ourservice ul{border:1px #222 solid;background:#fff;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.ourservice li{flex:1;height:210px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.ourservice li:nth-child(1){background:#222}
.ourservice li:nth-child(1) em{color:#fff;font-size:34px;font-weight:300}
.ourservice li span{height:90px;width:100%;border-right:1px #f3f3f3 solid;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.ourservice li img{margin-right:20px;height:40px}
.ourservice li i{color:#333;font-size:18px}
.cataimg{padding:50px 0}
.cataimg ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.cataimg li{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.cataimg li a{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;transition:all .3s ease 0s}
.cataimg li a img{height:90px}
.cataimg li a em{color:#333;font-size:16px}
.cataimg li a i{color:#333;font-size:16px}
.cataimg li a:hover{transform:translateY(-10px)}
.cata_list{padding:50px 0;border-bottom:1px #f3f3f3 solid;background:#fafafa}
.cata_list ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.cata_list li{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.cata_list li a{color:#333;font-size:16px;transition:all .3s ease 0s}
.cata_list li a:hover{transform:translateY(-10px)}
/*! dwonload */
.lxb ul{padding:50px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.lxb ul li{cursor:pointer;width:23.5%;height:282px;background:#f2f2f2;margin-right:2%;transition:all .3s ease 0s;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap}
.lxb ul li .d1 img{width:64px}
.lxb ul li .d2{color:#000;font-size:22px;margin-top:30px}
.lxb ul li .d3{font-size:14px;font-weight:300;margin-top:5px}
.lxb ul li:nth-child(4){margin-right:0}
.lxb ul li:nth-child(1) img{background:url(../images/i/1.png) center center no-repeat;background-size:auto 100%}
.lxb ul li:nth-child(2) img{background:url(../images/i/2.png) center center no-repeat;background-size:auto 100%}
.lxb ul li:nth-child(3) img{background:url(../images/i/3.png) center center no-repeat;background-size:auto 100%}
.lxb ul li:nth-child(4) img{background:url(../images/i/4.png) center center no-repeat;background-size:auto 100%}
.lxb ul li:hover{background:#4d4d4d}
.lxb ul li:hover .d2{color:#fff}
.lxb ul li:hover .d3{color:#fff}
.lxb ul li.cur{background:#4d4d4d}
.lxb ul li.cur .d2{color:#fff}
.lxb ul li.cur .d3{color:#fff}
.lxb ul li:nth-child(1):hover img{background:url(../images/i/1s.png) center center no-repeat;background-size:auto 100%}
.lxb ul li:nth-child(2):hover img{background:url(../images/i/2s.png) center center no-repeat;background-size:auto 100%}
.lxb ul li:nth-child(3):hover img{background:url(../images/i/3s.png) center center no-repeat;background-size:auto 100%}
.lxb ul li:nth-child(4):hover img{background:url(../images/i/4s.png) center center no-repeat;background-size:auto 100%}
.lxb ul li:nth-child(1).cur img{background:url(../images/i/1s.png) center center no-repeat;background-size:auto 100%}
.lxb ul li:nth-child(2).cur img{background:url(../images/i/2s.png) center center no-repeat;background-size:auto 100%}
.lxb ul li:nth-child(3).cur img{background:url(../images/i/3s.png) center center no-repeat;background-size:auto 100%}
.lxb ul li:nth-child(4).cur img{background:url(../images/i/4s.png) center center no-repeat;background-size:auto 100%}
/*! dwonload */
.lxawm{margin-bottom:30px;border-radius:10px;border:1px #f3f3f3 solid;padding:10px 10px;display:none;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.lxawm.cur{display:flex}
.lxawm .d1 img{width:300px}
.lxawm .d2{flex:1;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}
.lxawm .d2 .x1{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap}
.lxawm .d2 .x1 .x2{margin-top:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap}
.lxawm .d2 .x1 .x2 .z1{color:#000;font-size:26px;margin-bottom:10px}
.lxawm .d2 .x1 .x2 .z2{color:#333;font-size:18px;font-weight:300;line-height:1.5}
.lxawm .d2 .d3{margin-left:180px}
.lxawm .d2 .d3 .x1{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap}
.lxawm .d2 .d3 .x2{color:#000;font-size:26px;margin-top:10px}
/*! dwonload */
.khtou{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap}
.khtou h2{color:#000;font-size:36px;font-weight:700}
.khtou h3{font-size:18px;font-weight:300;margin-top:10px}
.khslider{margin-top:30px}
.khslider .swiper-slide{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.khslider .swiper-slide a{margin:10px 0;width:19.2%;margin-right:1%;border:1px #f3f3f3 solid}
.khslider .swiper-slide a:nth-child(5n){margin-right:0}
.khslider .swiper-slide a img{width:100%;height:120px}
.khslider_dom{margin-bottom:60px}
.khslider_tab{border:1px #f3f3f3 solid;margin-top:60px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.khslider_tab a{cursor:pointer;height:122px;flex:1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}
.khslider_tab a em img{height:34px}
.khslider_tab a span{color:#333;font-size:18px}
.khslider_tab a.cur{background:#f3f3f3}