﻿*{ margin:0; box-sizing: border-box; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{ font-family: "microsoft yahei"; color:#333; font-size:16px; background: #FFFFFF;  }
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #0063ec;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
h4, .h4, h5, .h5, h6, .h6{ margin: 0;}
.auto1280{ width:1280px; position: relative; margin: 0 auto;}
.flex {display: flex; flex-wrap: wrap;}
.flex-center { display: flex; align-items: center; justify-content: center;}
.flex-center-contain { justify-content: space-between;}
.flex-center-contain1 { justify-content:center;}
.nodata{ text-align:center;}
.pt50{ padding:50px 0 !important; }

#home .home,
#products .products,
#news .news,
#contact .contact,
#about .about,
#solutions .solutions,
#cases .cases{border-bottom:2px solid #FFFFFF;}


#home header.current .home,
#products header.current .products,
#news header.current .news,
#contact  header.current .contact,
#about header.current .about,
#solutions header.current .solutions,
#cases header.current .cases{border-bottom:2px solid #00398d;}


input,button,select,textarea{ outline:none; font-family: "microsoft yahei";}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}

#warp{ width:100%; height:auto; overflow: hidden; position: relative;}
.HeaderM{ display: none;}

header.current{ background: #FFFFFF; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}
header.current .logo a{background: url(../images/logo1.svg) no-repeat;}
header.current .nav li a{ color: #333333;}
header.current .login a.loginA2{ border:1px solid #ccc;  color:#333; }
header.current .login a.loginA2:hover{ color: #FFFFFF;}
header.current .nav li ul:before{border-bottom:10px solid #EEEEEE;}
header.current .Hsea{   color: #333; }


header{ width: 100%; padding: 12px 0; height: 79px; position: fixed; left: 0; top: 0; z-index: 999; }
header .logo{ width: 126px; height: 55px;}
header .logo a{ display: block; width: 126px; height: 55px; background: url(../images/logo.svg) no-repeat;}
header .logo a h1{ display: none;}

header .login{ height: 55px; line-height: 36px; display: flex; align-items: center;}
header .login a{ display: inline-block; margin-left: 10px; height: 36px;}
header .login a.loginA1{ background: #00398d; color: #FFFFFF; padding: 0 42px; border-radius: 5px;}
header .login a.loginA1:hover{ background: #000000;}
header .login a.loginA2{ border:1px solid #FFFFFF; padding: 0 42px; border-radius: 5px; color:#FFFFFF; }
header .login a.loginA2:hover{background: #00398d;  border: #00398d;}

.Hsea{  width:55px; text-align: center; height: 55px; line-height: 55px; font-size: 24px; color: #FFFFFF; }
.Hsea i{ display: block;  line-height: 55px;}

.searchshow{ width: 248px; height: 34px; z-index: 10;  background: #FFFFFF; float:left; position:absolute; right:50px; top:50px;  display:none}
.searchshow .inputt{ width: 209px; padding: 0 10px; height: 34px; border: 1px solid #ddd; border-right:none ; float: left; font-size: 14px; color:#999;}
.searchshow .submitt{ width: 39px; height: 34px; float: left;  border: none; background:#0063EC; color: #FFFFFF; font-size: 18px; }


.nav{ display: flex; height: 55px; line-height: 55px; }
.nav li{ display: inline-block; position: relative; padding: 0 22px; line-height: 36px; font-weight: bold;}
.nav li a{ color: #FFFFFF; display: inline-block; }
.nav li a:hover{border-bottom:2px solid #FFFFFF; color: #FFFFFF;}
.nav li ul{ display: none; position: absolute; left: 0; top: 45px; background: #FFFFFF; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); width: 180px;}
.nav li ul:before{content: '';
      position: absolute;
     width:0;
			    height:0;
				border-right:10px solid transparent;
				border-left:10px solid transparent;
				border-bottom:10px solid #FFFFFF;
      left: 40px; 
      top: -10px;
      
}
.nav li:hover ul{ display: block;}
.nav li ul li{ padding: 0; width: 100%; text-align: center; height: 46px; line-height: 46px; border-bottom:1px solid #EEEEEE;}
.nav li ul li a{ color: #333333; font-weight: normal; font-size: 15px; display: block;}
.nav li ul li a:hover{ border: none; background: #0063EC; color: #FFFFFF;}

.nav li.navdown ul{ width: 260px;  padding: 15px 0;}
.nav li.navdown ul li{ float: left; text-align: center; width: 130px; border-bottom: none;}
.nav li.navdown ul em{ line-height: 32px; font-style: normal;}
.nav li.navdown ul img{ width: 100px; height: 100px;}





/**banner**/
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item img{ width: 100%; height: auto;}
.main_visual .owl-prev,.main_visual .owl-next{width:62px;height: 62px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -31px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-prev{background-image: url(../images/prev.png);left: 5%; }
.main_visual .owl-next{background-image: url(../images/next.png);right: 5%; }
.main_visual .owl-prev:hover{background-image: url(../images/prevs.png);}
.main_visual .owl-next:hover{ background-image: url(../images/nexts.png);}
.main_visual .owl-dots{ width: 1280px; height: 4px; position:absolute; left: 50%; margin-left: -640px; bottom: 60px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 46px; height: 4px; background:#FFFFFF; }
.main_visual .owl-dot.active span{width: 46px; height: 4px; background:#0063ec; }
.Bpic{ display: block !important;}
.Bmpic{ display: none !important;}

.indexChoose{ width: 100%; height: auto; background: #f7f8fa; padding-bottom: 70px;}
.indexTit{ width: 1000px; margin: 0 auto; height: auto; text-align: center; padding: 80px 0 50px 0;}
.indexTit h2{ color: #111; font-size: 38px; line-height: 58px; display: inline-block;}
.indexTit h2:before{ content: ""; width: 33px; height: 30px; background: url(../images/intitl.png) no-repeat; display: inline-block; margin-right: 20px;}
.indexTit h2:after{ content: ""; width: 33px; height: 30px; background: url(../images/intitr.png) no-repeat; display: inline-block; margin-left: 20px;}
.indexTit em{ display: block; font-style: normal; line-height: 32px; color: #666;}

.indexChooseLeft{ width: 490px; height: auto;}
.indexChooseLeft dl{ display: flex; margin-bottom: 34px;}
.indexChooseLeft dl dt{ margin-right: 32px;}
.indexChooseLeft dl dt img{ width: 90px; height: 90px;}
.indexChooseLeft dl dd em{ display: block; font-style: normal; font-weight: bold; line-height: 28px;}
.indexChooseLeft dl dd i{display: block; font-style: normal; color: #666666; line-height: 24px;}


.indexChooseRight{ width: 614px; height: auto;}
.indexChooseRight img{ width: 100%; height: auto;}



.indexServiceBg{ width: 100%; height: auto; padding-bottom: 70px; background: url(../images/indexservice.png) no-repeat center; background-size:cover;}
.indexServiceBg dl{ width: 31.3%; height: auto; overflow: hidden; margin-bottom: 2%;}
.indexServiceBg dl dt{ width: 100%; height: auto; overflow: hidden; }
.indexServiceBg dl dt img{width: 100%; height: auto; }
.indexServiceBg dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.indexServiceBg dl dd{ padding-top: 20px;}
.indexServiceBg dl dd em{ display: block; font-weight: bold; font-style: normal; line-height: 32px; font-size: 20px;}
.indexServiceBg dl dd i{display: block; font-style: normal; color: #666666; line-height: 24px;}

.indexSouBg{ width: 100%; height: auto; padding-bottom: 70px; background: url(../images/insoubg.jpg) no-repeat center; background-size:cover;}

.indexSouBox{ width: 1280px; height: 570px; background: url(../images/insoubox.png) no-repeat; margin: 0 auto; padding: 54px 20px;}

.indexSouBoxLeft{ width: 271px; height: 100%;   border-left: 2px solid rgba(255, 255, 255, .5);}
.indexSouBoxLeft a{ display: block; width: 100%; height: 11.1%; line-height: 55px; color: #FFFFFF; padding-left: 25px; font-size: 18px;}
.indexSouBoxLeft a.thistab{ font-weight: bold; background: linear-gradient( 271deg, rgba(255,255,255,0) 0%, #FFFFFF 200%); border-left:3px solid #FFFFFF ;}

.indexSouBoxRight{ width: 969px; height: 100%; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16); background: rgba(255,255,255,0.8); border-radius: 12px;}
.inSouList{ width: 100%; height: 100%; position: relative; padding:45px 50px;}
.inSouList b{ display: block; color:#111111; font-size: 28px; line-height: 42px;}
.inSouList p{ line-height: 26px; margin-top: 10px; margin-bottom: 25px;}

.inSouList .inSouListinfo{ width:100%; height:auto;}
.inSouList .inSouListinfo .inSouListinfoLeft{ float:left; width:40%; height:auto; padding-right:80px;}
.inSouList .inSouListinfo .inSouListinfoLeft li{ height:42px; line-height:42px; overflow:hidden; width:100%; background: linear-gradient( 90deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
box-shadow: 0px 6px 8px 1px rgba(141,189,255,0.1); margin-bottom:10px; padding:0 12px;}
.inSouList .inSouListinfo .inSouListinfoLeft li a{ display:block; line-height:42px; background: url(../images/insouicon.png) no-repeat left center; padding-left:25px; }


.inSouList .inSouListinfo .inSouListinfoRight{ float:left; width:60%; height:auto;}
.inSouList .inSouListinfo .inSouListinfoRight img{ max-width:100%; height:auto;}

.inSouList a.soumore{ display: block; position: absolute; left: 50px; bottom: 45px; margin: 0; width: 158px; height: 48px; text-align: center; line-height: 48px; background: #0063EC; color: #FFFFFF; border-radius: 5px;}
.inSouList a.soumore:hover{ background: #000;}

.indexYsBg{ width: 100%; height: auto; background: url(../images/inysbg.jpg) no-repeat center; background-size:cover; padding-bottom: 80px;}

.indexYs{ width: 1280px; height: 535px; position: relative; margin: 0 auto;}
.indexYs dl{ width: 370px; display: flex; position: absolute; z-index: 333;}
.indexYs dl dt img{ width: 90px; height: 90px; margin-right: 20px;}
.indexYs dl dd em{ display: block; color: #111111; font-size: 26px; font-style: normal; font-weight: bold; line-height: 28px; margin-bottom: 12px;}
.indexYs dl dd em span{ color: #00398D;}
.indexYs dl dd i{ display: block;  font-style: normal; font-size: 18px; line-height: 26px;}
.indexYs dl dd i span{ font-size: 26px; color: #EC0000; font-weight: bold;}
.indexYs dl.inYsdl1{ left: 0; top:102px}
.indexYs dl.inYsdl2{ left: 0; bottom:0}
.indexYs dl.inYsdl3{ right: 0; top:102px}
.indexYs dl.inYsdl4{ right: 0; bottom:0}

.indexYsMid{ width: 708px; height: auto; position: absolute; left: 50%; margin-left: -354px; top: 0;}
.indexYsMid img{ width: 100%; height: auto;}


.indexEnginBg{ width: 100%; height: auto; background: #FFFFFF; padding-bottom: 90px;}

.indexEnginTab{ width: 1280px; height: 50px; border-bottom:1px solid #CCCCCC; margin: 0 auto; display: flex;}
.indexEnginTab a{ font-size: 20px; color: #111111; margin: 0 70px; position: relative; line-height: 50px;}
.indexEnginTab a.thistab{ font-weight: bold; color: #0063ec; border-bottom:4px solid #0063ec;}
.indexEnginTab a.thistab:before{ content: ""; width: 0;  position: absolute; left: 50%; margin-left: -6px; bottom: -16px;
 	height: 0;
 	border-width: 6px;
 	border-style: solid;
 	border-color:#0063ec transparent transparent transparent;
}

.indexEnginBox{ width: 1280px; height: auto; background: #FFFFFF; padding: 50px 100px; margin: 0 auto; margin-top: 45px; box-shadow: 0px 4px 24px 1px rgba(0,0,0,0.1); border-radius: 5px;}
.inEnginList{ width: 100%; height: auto;}
.inEnginList img{ width: 100%; height: auto;}


.inPartnerBg{width: 100%; height: auto; background: url(../images/inpartnerbg.png) no-repeat center; background-size:cover; padding-bottom: 80px;}
.inPartner{ width: 1280px; margin: 0 auto;}
.inPartner li{ width: 19%; margin-bottom:1.2%; cursor: pointer; background: #FFFFFF; height: auto;  border:1px solid #CBE1FF; padding: 20px; overflow: hidden;}
.inPartner li img{ width: 100%; height: auto; }
.inPartner li:hover img{ filter: grayscale(1);}

.inPartnerBg a{ display: block;  margin: 0 auto; margin-top: 20px; width: 158px; height: 48px; text-align: center; line-height: 48px; background: #0063EC; color: #FFFFFF; border-radius: 5px;}
.inPartnerBg a:hover{ background: #000;}



.indexContactBg{ width: 100%; height: auto; padding: 88px 0; text-align: center; background: url(../images/indexcontactbg.png) no-repeat center; background-size:cover;}
.indexContactBg a{ display: inline-block; font-size: 20px; font-weight: bold;  width: 496px; height: 147px; line-height: 147px; color: #FFFFFF; background: url(../images/indexcontact.png) no-repeat center;}
.indexContactBg a:hover{ filter: grayscale(1);}

.indexNewsBg{ width: 100%; height: auto; background: #FFFFFF; padding-bottom: 90px;}
.indexNewsBox{ width: 1280px; height: auto; margin: 0 auto; padding-top: 40px;}

.inNewsList{ width: 100%; height: auto;}

.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%;height: 100%;  background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-carousel .item img{ width: 100%; height: 240px; margin-bottom: 30px; border-radius: 8px;}
.main_visual1 .owl-carousel .item em{ display: block; font-style: normal; color: #111111; line-height: 28px;}
.main_visual1 .owl-carousel .item strong{ display: block; color: #111111; font-size: 24px; line-height: 32px; height: 64px; overflow: hidden;}
.main_visual1 .owl-carousel .item p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 10px;}
.main_visual1 .owl-carousel .item span a{ display: block; height: 22px; line-height: 22px; background: url(../images/newsmore.png) no-repeat left center; font-size: 14px; padding-left: 35px; margin-top: 20px;}


.main_visual1 .owl-prev,.main_visual1 .owl-next{width:22px;height: 39px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -19px;text-indent: -999px; overflow: hidden;}
.main_visual1 .owl-prev{background-image: url(../images/hprev.png);left: -5%; }
.main_visual1 .owl-next{background-image: url(../images/hnext.png);right: -5%; }
.main_visual1 .owl-prev:hover{background-image: url(../images/hprevs.png);}
.main_visual1 .owl-next:hover{ background-image: url(../images/hnexts.png);}
.main_visual1 .owl-dots{ display: none; text-indent: -99999em;}




footer{ width: 100%; background: url(../images/footerbg.png) no-repeat center; background-size:cover; padding: 95px 0 60px 0; color: #FFFFFF;}
footer .FooterLeft{ float: left; width: 535px; height: auto; padding-right: 85px;}
footer .FooterLeft h2{ font-weight: normal; font-size: 28px; line-height: 38px;}
footer .FooterLeft p a{ color: #FFFFFF; line-height: 32px; display: block;}
footer .FooterLeft address{line-height: 32px; font-style: normal;}

.FooterLeft .fwx{ width:100%; height: auto; margin-top: 25px; float: left;}
.FooterLeft .fwxL{ float: left; width: 100px;}
.FooterLeft .fwxL img{ width: 100px; height: 100px;}

.FooterLeft .fwxR{ float: left; width: auto; margin-left: 23px;}
.FooterLeft .fwxR strong{ font-weight: normal; line-height: 45px;}
.FooterLeft .fwxR ul{ width: 100%; height: auto;}
.FooterLeft .fwxR ul li{ float: left; width: 42px; height: 42px; margin-right: 20px; position: relative;}
.FooterLeft .fwxR ul li a{ display: block;width: 42px; height: 42px; line-height: 42px; color: #FFFFFF; font-size: 18px; text-align: center; border-radius: 50%; background: #3e68ac;}
.FooterLeft .fwxR ul li .fwximg{ position: absolute; width: 100px; height: 100px; left: 0; top: -100px; display: none;}
.FooterLeft .fwxR ul li .fwximg img{ width: 100px; height: 100px;}
.FooterLeft .fwxR ul li:hover .fwximg{ display: block;}


.FooterRight{ width: 745px;}
.FooterRight dl dt{ font-weight: bold; font-size: 18px; line-height: 42px;}
.FooterRight dl dd a{ display: block; color: #FFFFFF; line-height: 36px;}
.FooterRight dl dd a:hover{ text-decoration: underline; }

.footerCopy{ width: 100%; line-height: 32px; padding: 20px 0; color: #FFFFFF; background: #003077;}
.footerCopy a{ color: #FFFFFF;}

.fposi{ display: none;}

.client-2 {
            position: fixed;
            right: -152px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 80px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 14px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 3px;
            margin-top: 10px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0063ec;
            color: #fff;
            height: 62px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0063ec;
            width: 97px;
            height: 62px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }





.banner2{ width: 100%; height: 450px; margin-top: 79px; position: relative; align-items: center;}
.banner2Txt{ width: 100%; height: auto;color: #FFFFFF; text-align: center;}
.banner2Txt h1{ font-size: 60px; line-height: 100px;  text-transform: uppercase;  font-family: Arial; width: 100%;}
.banner2Txt em{ display: block; width: 88px; height: 4px; background: #FFFFFF; margin: 0 auto;}
.banner2 a{ display:block; width:100%; height:100%;}

.abmenu{ width: 100%; height: 72px;  border-bottom: 2px solid #EEEEEE; line-height: 72px;}
.abmenuL{}
.abmenuL a{ display: block; float: left; padding: 0 25px;}
#lm_hover{ color: #FFFFFF; background:#0256FF; }
.abmenuR i{ padding-right: 10px; color: #0256FF; margin-top: 26px; font-size: 20px;}


.pro-lanmu{ display: none;}
.navbar-nav-more-body{ display: none;}

.about-info{ width:100%; padding:25px 0; line-height:26px;}
.about-info img{ max-width:100%; height:auto;}
.abList{ width:100%; padding:25px 0; }
.abList .auto1280{margin:0 auto;  }
.abList dl{ width: calc((100% / 5) - 20px); text-align:center; margin: 20px 0 0 20px;}
.abList dl dt{ width:100%; height:auto; overflow:hidden;}
.abList dl dt img{ width:100%; height:auto;}
.abList dl dd{ background:#f7f7f7; width:100%; height:42px; line-height:42px;}
.abList dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.casebox{ width:100%; padding:25px 0; }
.casebox .contain{ margin-left:-20px;}
.casebox dl{ width: calc((100% / 4) - 20px); text-align:center; margin: 20px 0 0 20px;}
.casebox dl dt{ width:100%; height:auto; overflow:hidden;}
.casebox dl dt img{ width:100%; height:auto; border-radius: 10px;}
.casebox dl dd{ font-size: 18px; height: 60px; line-height: 60px; overflow: hidden; padding: 0 20px;}
.casebox dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.caseShow{ width:100%; padding:35px 0;}
.caseShowTit{ width:100%; text-align:center; color:#111; font-weight:bold; font-size:34px; line-height:42px;  font-family: myFirstFont1;}
.caseShowTime{ width:100%; text-align:center; color:#999;line-height:22px; margin-top:10px;  }

.NewsList{ width: 1280px; height: auto; overflow: hidden; padding:30px 0; margin:0 auto; display:flex; }
.NewsList .auto1280{ margin-left:-10px; }
.NewsList dl{ float: left;  width: calc((100% / 3) - 20px); height: auto; overflow: hidden; margin: 20px 0 0 20px; background:#f7f7f7;}
.NewsList dl a{ display: block; width: 100%; height: auto; }
.NewsList dl a dt{width: 100%; height: auto; overflow: hidden;}
.NewsList dl a dt img{width: 100%; height: 250px; }
.NewsList dl a dd{ width: 100%; height: auto; box-sizing:border-box; padding:20px;}
.NewsList dl a dd h3{ line-height: 32px; height: 32px; overflow: hidden; font-weight: normal; font-size: 16px;}
.NewsList dl a dd h4{ line-height: 23px; overflow: hidden; font-weight: normal; border-bottom: 1px solid #eeeeee; margin-bottom:10px; padding-bottom:10px; font-size: 14px; color: #999999;}
.NewsList dl a dd p{ width: 100%; height:72px; overflow: hidden;  color: #999999;  line-height: 24px;}

.newsPrev{ width: 100%; height: auto; overflow: hidden;}
.newsPrev li{ width: 100%; height: 32px; line-height: 32px; overflow: hidden; font-size: 16px; color: #666666;}
.newsPrev li a{ color: #666666;}
.newsPrev li span{ color: #333333;}
.newsPrev li a:hover{ color: #225ca5;}

.Case-navigation{ width: 1280px; height: auto;  padding:50px 0; margin:0 auto;  }
.Case-navigation dl{ width:32.3%; height:auto; background:#fff;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); border-radius:10px; margin-bottom:1.5%; }
.Case-navigation dl dt {width:100%;   aspect-ratio: 16 / 9;overflow: hidden;}
.Case-navigation dl dt img{ width:100%; height:100%;  border-radius:6px 6px 0 0; object-fit: fill;border-bottom: 1px dashed #ececec;}
.Case-navigation dl dd{ text-align:center; font-size:1rem; line-height:30px; padding:15px 0; font-weight:bold;}


.CaseList{ width: 1280px; height: auto;  padding:30px 0; margin:0 auto;  }
.CaseList dl{ width:100%; height:auto; padding:30px; background:#fff;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); border-radius:10px; margin-bottom:25px; float:left;}
.CaseList dl dt{ float:left; width:30%; height:auto;}
.CaseList dl dt img{ width:100%; height:auto;}
.CaseList dl dd{ float:right; width:67%; height:auto; padding-top:20px;}
.CaseList dl dd h3{ font-size:24px; line-height:42px; height:42px; overflow:hidden;}
.CaseList dl dd em{ display:block; width:68px; height:4px; background:#0063ec; border-radius:5px; margin-top:10px; }
.CaseList dl dd p{ line-height:24px; color:#666; margin-top:20px;}


.conMap{ width: 1280px; height: 400px; overflow: hidden; margin:0 auto;}
.conBox1Left{ width: 1280px; height: auto; overflow: hidden;  margin:0 auto;}
.conBox1Left li{ width: 100%; height: 42px; margin-bottom: 10px;}
.conBox1Left .coninput1{ width: 100%; box-sizing:border-box; padding: 0 15px; height: 40px; border: 1px solid #EEEEEE;}
.conBox1Left .contex{ width: 100%; box-sizing:border-box; padding: 15px; height: 102px; border: 1px solid #EEEEEE;}
.conBox1Left .consub{ width: 100%; height: 55px; border: none; font-size: 16px; text-align: center; color: #FFFFFF; background: #0063ec;}

.about1{ width:1280px; margin:0 auto; margin-bottom:60px; display:flex; justify-content:space-between;}
.about1Left{ width:45%; height:auto;}
.about1Left img{ width:100%; height:auto;}
.about1Right{ width:55%; height:auto; padding-right:40px;}
.about1Right h3{ color:#111; font-size:26px; line-height:28px; }
.about1Right em{ font-size:13px; font-style:normal; line-height:20px; display:block;}
.about1Right i{ display:block; width:57px; height:4px; background:#2256e4; margin:25px 0;}
.about1Righinfo{ line-height:26px;}
.about1Righinfo p{ margin-bottom:25px;}


.about2Bg{width: 100%; height: auto; background: url(../images/about2bg.png) no-repeat center; background-size:cover; padding-bottom: 80px;}
.about2{ width:1280px; margin:0 auto; display:flex; flex-wrap:nowrap; justify-content:space-between;}
.about2 dl{ background:#fff; width:24%; text-align:center;  border: 1px solid #8DBDFF; border-radius:16px;}
.about2 dl dt img{ width:100%; height:auto; border-radius:16px 16px 0 0;}
.about2 dl dd{ padding:30px;}
.about2 dl dd em{ display:block; color:#111; line-height:52px; font-size:24px; font-style:normal; font-weight:bold;}
.about2 dl dd span{ display:block; width:39px; height:3px; background:#487ef5; margin:0 auto;}
.about2 dl dd i{ display:block; line-height:24px; font-style:normal; margin-top:15px;}



.about3Bg{width: 100%; height: auto; background: #fff; background-size:cover; padding-bottom: 50px;}
.about3{ width:1280px; margin:0 auto;}
.about3 dl{ width:31.3%; text-align:center; padding:60px; border:1px solid #487EF5;  border-radius:15px; margin-bottom:3%;}
.about3 dl dd{ width:100%; height:52px; line-height:52px; color:#111; font-weight:bold; font-size:24px; margin-top:10px;}

.abnumbg{ width: 100%; height: auto; margin-bottom:80px;}
.abnum{ width:1280px; margin:0 auto;}
.abnum dl{ width:20%; border-right:1px solid #eee; padding-left:60px;}
.abnum dl:first-child{ padding-left:0;}
.abnum dl:last-child{ border:none;}
.abnum dl dt{ height:32px; line-height:32px; font-size:18px;}
.abnum dl dd{ height:62px; line-height:62px; color:#2256e4;}
.abnum dl dd em{ display:inline-block; font-size:52px; font-weight:bold; font-style:normal;}
.abnum dl dd span{ display:inline-block; font-size:18px; padding-left:10px;}

.abYs{ width:100%; height:auto; margin-bottom:80px;}
.abYs dl{ position:relative; width:31.8%; text-align:center; color:#fff; cursor:pointer;}
.abYs dl dt img{ width:100%; height:auto; border-radius:20px;}
.abYs dl dd{display:none;  position:absolute; left:5%; bottom:20px;  width:90%; height:auto; padding:35px; background:rgba(34,86,228,0.8); border-radius:20px; z-index:333;}
.abYs dl dd em{ display:block; font-style:normal;  font-size:24px; font-weight:bold; line-height:38px;}
.abYs dl dd  i{display:block; font-style:normal; line-height:36px; font-size:16px;}
.abYs dl dd span{ display:block; width:45px; height:4px; background:#fff; margin:0 auto; margin-top:15px;}
.abYs dl div{ width:100%; position:absolute; left:0; bottom:20px;  height:80px; line-height:80px; font-size:24px; font-weight:bold; z-index:333; }
.abYs dl:hover div{ display:none;}
.abYs dl:hover dd{ display:block;}

.RzBanner{ width:100%; height:450px; margin-top: 79px; position: relative; align-items: center;}
.RzBannerTxt{ width:1280px; height:auto;  margin:0 auto;}
.RzBannerTxt h1{ color:#fff; font-size:36px; line-height:46px;}
.RzBannerTxt em{ background:#fff; width:50px; height:3px; margin:15px 0; display:block;}
.RzBannerTxt i{ font-style:normal; line-height:36px; color:#fff; display:block;}
.RzBannerTxt p{ width:100px; text-align:center; margin-top:20px;}
.RzBannerTxt p img{ width:100px; height:100px;}
.RzBannerTxt p span{ display:block; color:#fff; line-height:28px; }
.RzBannerTxt a{ text-align:center; display:block; width:196px; height:60px; line-height:60px; background:#0063ec; color:#fff; border-radius:5px; margin-top:20px;}
.RzBannerTxt a img{ margin-right:10px; vertical-align:middle;}
.RzBannerTxt a:hover{ background:#000;}
#solutions .RzBannerTxt i{width:600px !important;}


.RzBox1{ width:1280px; height:auto; margin:0 auto;}
.RzBox1 dl{ width:22%; border-radius:100%; background:#ebf5ff; padding: 50px; text-align:center;}
.RzBox1 dl dd{ padding-top:30px;}
.RzBox1 dl dd em{ display:block; font-weight:bold; font-style:normal; font-size:26px; line-height:42px; color:#111;}
.RzBox1 dl dd em span{ color:#ec0000;}
.RzBox1 dl dd i{ display:block;  font-style:normal; line-height:32px;}



.RzBg2{ width:100%; height:auto; background: url(../images/rzbg2.png) no-repeat center; background-size:cover; padding-bottom:80px; margin-top:80px;}
.RzBox2{ width:1280px; height:auto; margin:0 auto;}
.RzBox2 dl{ width:31.3%;  background:#fff;    margin-bottom:2%; padding: 50px; display:flex;}
.RzBox2 dl dt{ margin-right:20px;}
.RzBox2 dl dd em{ display:block; font-weight:bold; font-style:normal; font-size:24px; line-height:34px; color:#111;}
.RzBox2 dl dd i{ display:block;  font-style:normal; line-height:24px; margin-top:8px;}


.RzBox3{ width:1280px; height:auto; min-height:450px;  background: url(../images/rzbg3.png) no-repeat center bottom;  margin:0 auto;}
.RzBox3 dl{ width:18%;  background: url(../images/rz3bg.png) no-repeat top center;  min-height:308px; padding:70px 50px; text-align:center; }
.RzBox3 dl dd{ padding-top:15px;}
.RzBox3 dl dd em{ display:block; font-weight:bold; font-style:normal; font-size:20px; line-height:32px; color:#0063ec;}
.RzBox3 dl dd i{ display:block;  font-style:normal; line-height:32px;}
.RzBox3 dl dd span{ display:none;}
.RzBox3 dl:nth-child(odd){ margin-top:70px;}

/*0612*/
.RzN1box1{ width:1280px; height:auto; margin:0 auto;}
.RzN1box1 dl{ width:32.3%; text-align:center; background:#ebf5ff; border-radius:20px; padding:50px 40px;}
.RzN1box1 dl dd{ padding-top:30px;}
.RzN1box1 dl dd em{ display:block; color:#111; font-weight:bold; font-style:normal; font-size:24px; line-height:42px;}
.RzN1box1 dl dd i{ font-size:16px; line-height:24px; color:#666;  font-style:normal; }

.RzN1box1s{ width:1280px; height:auto; margin:0 auto; margin-top:20px;}
.RzN1box1s dl{ width:32.3%; text-align:center; background:#ebf5ff; border-radius:20px; padding:50px 40px; margin:0 0.8%;}
.RzN1box1s dl dd{ padding-top:30px;}
.RzN1box1s dl dd em{ display:block; color:#111; font-weight:bold; font-style:normal; font-size:24px; line-height:42px;}
.RzN1box1s dl dd i{ font-size:16px; line-height:24px; color:#666;  font-style:normal; }

.RzN2Box2{ width:1280px; height:auto; margin:0 auto;}
.RzN2Box2 dl{ width:31.8%;  background:#fff;    margin-bottom:2%; padding: 50px; display:flex; border: 1px solid rgba(23,128,255,0.5); border-radius:16px;}
.RzN2Box2 dl dt{ margin-right:20px;}
.RzN2Box2 dl dd em{ display:block; font-weight:bold; font-style:normal; font-size:24px; line-height:34px; color:#111;}
.RzN2Box2 dl dd i{ display:block;  font-style:normal; line-height:24px; margin-top:8px;}

.RzN2Bg3{ width:100%; height:auto; background: url(../images/rzn2bg3.jpg) no-repeat center; background-size:cover; padding:10px 0 80px 0;}
.RzN2Box3{ width:1280px; height:auto; margin:0 auto;}
.RzN2Box3 img{ max-width:100%; height:auto;}

.RzN2Box4{ width:1280px; height:auto;  margin:0 auto;  background: url(../images/rzn2box4line.png) no-repeat center 60px; }
.RzN2Box4 dl{ text-align:center;}
.RzN2Box4 dl dd{ font-size:18px; line-height:42px;}
.RzN2Box4 dl dd span{ display:none;}
.Joinbox1{ width:1280px; height:auto; margin:0 auto;}
.Joinbox1 dl{ width:31.3%;}
.Joinbox1 dl dt img{ width:100%; height:auto; border-radius:16px;}
.Joinbox1 dl dd{ padding-top:20px;}
.Joinbox1 dl dd em{ display:block; font-weight:bold; font-style:normal; font-size:24px; line-height:48px; color:#111;}
.Joinbox1 dl dd span{ display:block; width:39px; height:3px; background:#487ef5;}
.Joinbox1 dl dd i{ display:block;  font-style:normal; line-height:24px; margin-top:20px; }

.Joinbox2{ width:1280px; height:auto; margin:0 auto;}
.Joinbox2 dl{ width:24%;  background: url(../images/joinbox2.png) no-repeat center;  background-size:cover; min-height:370px; padding:80px 65px; text-align:center;}
.Joinbox2 dl dd{ padding-top:30px;}
.Joinbox2 dl dd em{ display:block; font-weight:bold; font-style:normal; font-size:24px; line-height:42px; color:#111;}
.Joinbox2 dl dd i{ display:block;  font-style:normal; line-height:24px;}

/*0626*/
.fedbg{ width:100%; height:560px; padding-top:170px;  background: url(../images/feabg.png) no-repeat center; margin-bottom:1px; }
.fedBox{ width:1280px; height:auto; padding-left:345px; color:#fff; margin:0 auto;}
.fedBox h2{ font-size:38px; line-height:58px;}
.fedBox h2 span{ font-size:16px; padding-left:10px;}
.fedBox h3{ font-size:24px; line-height:38px;}
.fedBox1{ width:100%; margin-top:15px; height:48px;}
.fedBox1 input{ width:31.3%; height:48px; line-height:48px; border:none; border-radius:6px; background: rgba(255,255,255,0.2); padding:0 22px; font-size:16px; color:#fff;}
.fedBox1 input::placeholder{ color:#fff;}
.fedBox2{ width:100%; margin-top:15px; height:88px;}
.fedBox2 textarea{ width:100%;  height:88px; padding:10px 22px; line-height:26px; border:none; border-radius:6px; background: rgba(255,255,255,0.2); color:#fff; font-size:16px;}
.fedBox2 textarea::placeholder{ color:#fff;}

.fedBox3{ width:100%; margin-top:30px; height:48px;}
.fedBox3 input{ border:none; color:#fff; font-size:16px; background:#0063ec;  border-radius:6px; width:158px; height:48px; line-height:48px; text-align:center; }

.fedBoxs{ width:1280px; height:auto; padding-left:345px; padding-top:60px; color:#fff; margin:0 auto; text-align:center;}
.fedBoxs h2{ font-size:46px; line-height:80px;}
.fedBoxs p{font-size: 20px; letter-spacing: 5px; line-height:48px;}
.fedBoxs a{ margin:0 auto; display:block; width:196px; height:60px; line-height:60px; background:#0063ec; color:#fff; border-radius:5px; margin-top:20px;}
.fedBoxs a img{ margin-right:10px; vertical-align:middle;}
.fedBoxs a:hover{ background:#000;}

.con0626Left{ width:30%; background:#2256e4; color:#fff; padding:75px 35px;}
.con0626Left h3{ font-size:30px; line-height:48px;}
.con0626Left em{ display:block; width:40px; height:5px; background:#fff; margin:38px 0;}
.con0626Left dl{ width:100%; margin-top:15px;}
.con0626Left dl dt{ line-height:26px; height:26px; font-size:16px; opacity:0.6;}
.con0626Left dl dd{ font-size:20px; font-weight:bold; line-height:32px;}
.con0626Left dl dd a{ color:#fff;}
.con0626Right{ width:70%;}

.sou1{ width:100%; margin-bottom:80px; text-align:center;}
.sou1 .auto1280 img{ max-width:100%; height:auto;}

.sou2{ width:100%; padding-bottom:80px;  background: url(../images/soubg2.png) no-repeat center; background-size:cover;  text-align:center;}
.sou2 .auto1280 img{ max-width:100%; height:auto;}

.sou3{ width:100%; padding-bottom:80px;  background: url(../images/soubg3.png) no-repeat center; background-size:cover;  text-align:center;}
.sou3 .auto1280 img{ max-width:100%; height:auto;}

.sou4{width:100%; padding-bottom:80px; background:#fff; }
.sou4 .auto1280{ padding-top:50px;}
.sou4Left{ width:45%;}
.sou4Left img{ max-width:100%; height:auto;}

.sou4Right{ width:55%; padding-left:100px;}
.sou4Right dl{ display:flex; width:100%; background:#f7f8fc; margin-bottom:15px; padding:30px 40px;}
.sou4Right dl dt{ margin-right:20px;}
.sou4Right dl dd{ padding-top:5px;}
.sou4Right dl dd em{ color:#111; font-size:20px; line-height:28px; display:block; font-style:normal; font-weight:bold;}
.sou4Right dl dd i{display:block; font-style:normal; font-weight:bold; line-height:24px; margin-top:10px;}

.sou5{width:100%; padding-bottom:80px; background:#fff; }
.sou5 .auto1280 img{ max-width:100%; height:auto;}

.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackbg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:800px;margin:-180px 0 0 -400px;z-index:999;background:#fff; height:auto; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}

.survey-box{ width:100%;}
.survey-box img{ max-width:100%; height:auto;}


.footer-box2{ padding-top:20px;}
.footer-box2 a{ color:#fff; margin-right:10px;}
.footer-box2 a:hover{ text-decoration:underline;}
.country-title{ font-size:1.6rem; line-height:32px; color:#111; font-weight:bold; text-align:center; padding-top:25px;}


@media (max-width: 768px) {

.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackbg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:320px;margin:-100px 0 0 -160px;z-index:999;background:#fff; height:auto; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}


    .auto1280{ width: 94%; height: auto; overflow: hidden;}
.HeaderM{ display: block ;   background:rgba(0, 0, 0, .7);  overflow: hidden; position: fixed; left: 0; top: 0; height: 60px; line-height: 60px; z-index: 9999; width:100%; padding: 0 3%;}
.HeaderM .logo{ float: left; width: 115px; height:50px;overflow: hidden; margin-top: 5px;}
.HeaderM .logo a{ display: block; overflow: hidden;   width: 115px; height:50px;}
.HeaderM .logo a img{width: 115px; height:50px;}
.HeaderM .mlang{ float: right; margin-right: 30px;}
.HeaderM .mlang img{ padding-right: 10px;}

.m-menu{float: right;width: 30px; padding-top: 15px;}
.m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.m-menu .icon>span{display: inline-block;width: 30px;height: 1px;background: #fff;margin: 4px 0;display: inline-block;}
.m-menu .drop-down{display: none;position: fixed;top: 60px;  left: 0;right: 0;background:rgba(0, 0, 0, .7); height: calc(100vh);z-index: 10;text-align: center;padding: 20px 3%; overflow-y: auto;z-index: 12;}
.m-menu .drop-down::-webkit-scrollbar{display: none;}
.m-menu .drop-down>ul>li{line-height: 60px;border-bottom: 1px solid #eeeeee; clear:both;}
.m-menu .drop-down>ul>li>a{font-size: 18px;color: #fff;display: block; width:100%;}
.m-menu .drop-down>ul>li>a>i{ padding-left: 10px;}
.m-menu .subnav{padding-bottom: 24px;display: none;}
.m-menu .subnav a{display: block;height: 40px;line-height: 40px;font-size: 16px;color: #fff; float:left; width:50%;}
.m-menu .drop-down .form{border: 1px solid #e5e5e5; background:#fff; display: inline-block;height: 43px;line-height: 43px;border-radius: 5px;font-size: 0;vertical-align: top;position: relative;}
.m-menu .drop-down .text{display: inline-block;vertical-align: top;width: 230px;height: 30px;margin-top: 6px;padding: 0 5px; border: none;}
.m-menu .drop-down .submit{display: inline-block;vertical-align: top;width: 44px; border: none; background: url(../images/icon2.jpg) center center no-repeat;font-size: 0;height: 42px;border-left: 1px solid #e5e5e5;cursor: pointer;}


.client-2{ display: none;}
header{ display: none;}



.main_visual{ margin-top:60px;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 8px; position:absolute; margin-left: 0; left: 0; bottom: 10px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 4px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 8px; height: 8px; background: #FFFFFF; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 14px; height: 8px; background:#0063ec; border-radius: 10px;}
.main_visual .owl-prev,.main_visual .owl-next{ display: none; text-indent: -9999em;}
.main_visual .owl-prev{background-image: none;}
.main_visual .owl-next{background-image: none;}
.main_visual .owl-prev:hover{background-image: none;}
.main_visual .owl-next:hover{ background-image: none;}

.Bpic{ display: none !important;}
.Bmpic{ display: block !important;}


.Header{ display: none;}
.fposi{ width:100%; height:70px; background:#0063ec; position:fixed; left:0; bottom:0; display:block; z-index:999;}
.fposi a{ display:block; float:left; text-align:center; width:25%; height:70px; color:#fff !important; border-right:1px solid #2366eb;  }
.fposi a:last-child{ border:none}
.fposi a img{ width:30px; height:auto; padding-top:8px;}
.fposi a p{ line-height:32px; font-size:0.9rem}



.indexChoose{padding-bottom:30px;}
.indexTit{ width: 96%;  padding: 30px 0;}
.indexTit h2{ font-size: 1.1rem; }
.indexTit h2:before{  margin-right: 10px;}
.indexTit h2:after{ margin-left: 10px;}
.indexTit em{ display: block; font-style: normal; line-height: 32px; color: #666;}

.indexChooseLeft{ width: 100%; height: auto;}
.indexChooseLeft dl{ margin-bottom: 20px;}
.indexChooseLeft dl dt{ margin-right:20px;}

.indexChooseRight{ width: 100%; height: auto;}

.indexServiceBg{ padding-bottom: 30px;}
.indexServiceBg dl{ width: 48%; height: auto; overflow: hidden; margin: 1%;}
.indexServiceBg dl dd em{  font-size: 1rem;}
.indexServiceBg dl dd i{ font-size:0.9rem;}

.indexSouBg{ padding-bottom: 30px; }

.indexSouBox{ width: 94%; height: auto;  padding: 20px; background-size:cover;}

.indexSouBoxLeft{ width: 100%; height: 100%;   border-left: none;}
.indexSouBoxLeft a{ display: block; float: left; width: 50%; height: 50px; line-height: 50px; padding-left: 15px; font-size: 1rem;}

.indexSouBoxRight{ width: 100%; margin-top: 20px;}
.inSouList{  padding:20px;}
.inSouList b{  font-size: 1.4rem; line-height: 42px;}
.inSouList p{  margin-bottom: 15px;}


.inSouList .inSouListinfo .inSouListinfoLeft{ float:none; width:100%;  padding-right:0;}


.inSouList .inSouListinfo .inSouListinfoRight{ float:none; width:100%; }



.inSouList a.soumore{ display: block; position: inherit; left: inherit; bottom: inherit; margin-top: 20px; }


.indexYsBg{ padding-bottom: 30px;}

.indexYs{ width: 94%; height: auto; position: relative; margin: 0 auto;}
.indexYs dl{ width: 100%; display: flex; position: inherit; z-index: 333; margin-bottom: 15px;}
.indexYs dl dt img{ width: 60px; height: 60px; margin-right: 20px;}
.indexYs dl dd em{  font-size: 1.2rem;  margin-bottom: 10px;}

.indexYs dl dd i{  font-size: 1rem; }
.indexYs dl dd i span{ font-size: 1.2rem; }
.indexYs dl.inYsdl1{ left: inherit; top:inherit}
.indexYs dl.inYsdl2{ left: inherit; bottom:inherit}
.indexYs dl.inYsdl3{ right: inherit; top:inherit}
.indexYs dl.inYsdl4{ right: inherit; bottom:inherit}

.indexYsMid{ width: 100%; height: auto; position: inherit; left: inherit; margin-left: 0; top: inherit;}

.indexEnginBg{ padding-bottom: 30px;}

.indexEnginTab{ width: 94%; height: 50px; border-bottom:1px solid #CCCCCC; margin: 0 auto; display: flex;}
.indexEnginTab a{ font-size: 1rem;  margin: 0 5px; }

.indexEnginBox{ width: 94%; padding: 30px; margin-top: 25px;}

.inPartnerBg{padding-bottom: 30px;}
.inPartner{ width: 94%; margin: 0 auto;}
.inPartner li{ width: 32.3%;  padding: 10px; }


.indexNewsBg{ padding-bottom: 30px;}
.indexNewsBox{ width: 94%;  padding-top: 20px;}

.inNewsList{ width: 100%; height: auto; padding-bottom:60px;}




.main_visual1 .owl-prev{left: 0; }
.main_visual1 .owl-next{right: 0; }
.main_visual1 .owl-dots{ text-indent:0;}
.main_visual1 .owl-prev,.main_visual1 .owl-next{width:0;height: 0}
.main_visual1 .owl-dots{ width: 100%; text-align:center; height: 10px; position:absolute; left: 0; margin-left: 0; bottom: -40px;  z-index: 999; display:block}
.main_visual1 .owl-dots .owl-dot{display: inline-block;  margin:0 4px ; border-radius:50%;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 10px; height:10px;  border-radius:50%; background:#ccc;}
.main_visual1 .owl-dot.active span{background:#0063ec; }

.indexContactBg{ display: none;}

footer{display: none;}


.footerCopy{ margin-bottom: 70px; text-align: center;}
.footerCopy a{ display: block; float: none;}

.abmenu{ width: 100%; height: 52px; line-height: 52px; font-size: 0.9rem; }
.abmenuL{ display: none;}
.abmenuR span{ float: left;}
.abmenuR i{ margin-top: 16px; }
.pro-lanmu{ display: block; font-size: 1.4rem; margin-bottom: 15px; margin-top:15px;}

.navbar-nav-more-body{ display: block; position:fixed;top:0;left:100%;width:100vw;height:100vh;overflow:hidden;z-index:1000;background-color:rgba(0,0,0,0.6);transition:.2s}
.navbar-nav-more-body .box-shadown{position:absolute;top:0;left:0;width:40%;height:100%}
.navbar-nav-more-body .offcanva{position:absolute;top:0;right:0;width:60%;height:100%;overflow:hidden;background-color:#0256FF; }
.navbar-nav-more-body .offcanvas-body{position:relative}
.navbar-nav-more-body .offcanvas-end{width:60%;z-index:999999}
.navbar-nav-more-body .top-menu-list{position:absolute;top:0px;right:0;width:100%;height:100%;transition:.2s;font-size:1rem;padding-top: 70px;}
.navbar-nav-more-body .top-menu-list.active{transform:translateX(-100%)}
.navbar-nav-more-body .top-menu-list>li{height:3.5rem;line-height:3.5rem;padding:0}
.navbar-nav-more-body .top-menu-list>li a{height:100%;padding:0 1rem;display:flex;align-items:center;justify-content:space-between; color: #FFFFFF; border-bottom: 1px solid #EEEEEE;}
.navbar-nav-more-body .top-menu-list ul{position:absolute;left:100%;width:100%;background-color:#fff;top:0;height:100%;padding:0;display:none}
.navbar-nav-more-body .top-menu-list ul.active{display:block}.navbar-nav-more-body .top-menu-list .icon{font-size:16px;color:#666}
.navbar-nav-more-body .top-menu-list ul.active .icon{margin-right:.5rem}

.banner2{  height: 200px; margin-top: 60px;}
.banner2Txt h1{ font-size: 1.8rem; line-height: 60px;}
.banner2Txt em{  width: 48px; height: 2px; }

.about-info{padding:15px 0;}
.abList{  padding:15px 0; }
.abList .auto1280{ margin-left:5px;}
.abList dl{ width: calc((100% / 2) - 10px); margin: 10px 0 0 10px;}

.casebox{  padding:15px 0; }
.casebox .contain{ margin-left:0;}
.casebox dl{ width: 100%; margin: 0 0 15px 0;}

.caseShow{ padding:15px 0;}
.caseShowTit{font-size:1.6rem; line-height:38px;}

.NewsList{ width: 94%; height: auto; overflow: hidden; padding:20px 0;}
.NewsList .auto1280{ margin:0 auto; width:100%;}
.NewsList dl{ float: none;  width: 100%; height: auto; overflow: hidden; margin: 0; margin-bottom:15px; }
.NewsList dl a dt img{ height:auto;}
.pt50{ padding:20px 0 !important; }

.conMap{ width: 100%; height: 300px; overflow: hidden;}
.conBox1Left{ width: 94%; height: auto; overflow: hidden;}


.about1{ width:94%;margin-bottom:10px; display:block; }
.about1Left{ width:100%; height:auto;}

.about1Right{ width:100%;  padding-left:0; padding-right:0;}
.about1Right h3{ font-size:1.2rem}
.about1Right i{ margin:10px 0;}

.about2Bg{padding-bottom: 30px;}
.about2{ width:94%;  flex-wrap:wrap; }
.about2 dl{  width:48%; margin:1%;}
.about2 dl dd{ padding:15px;}
.about2 dl dd em{ font-size:1.1rem; line-height:28px; margin-bottom:5px;}
.about2 dl dd i{font-size:0.9rem; line-height:22px;}


.about3Bg{ padding-bottom: 30px;}
.about3{ width:94%; margin:0 auto;}
.about3 dl{ width:31.3%;  padding:10px;  margin:1%;}
.about3 dl img{ width:45px; height:50px;}
.about3 dl dd{font-size:0.9rem; font-weight:normal; }
.about3 dl dd{ height:auto; line-height:22px;}


.abnumbg{ padding:5px 0; margin-bottom:20px;}
.abnum{ width:94%;}
.abnum dl{ width:48%; border-right:none; border-bottom:1px solid #eee; margin:1%; padding:15px 0 15px 0;}
.abnum dl:last-child{  border-bottom:1px solid #eee; }
.abnum dl dt{ font-size:1rem;}
.abnum dl dd em{  font-size:3rem;}
.abnum dl dd span{  font-size:1rem; }

.abYs{  margin-bottom:20px;}
.abYs dl{  width:48%; margin:1%; }


.CaseList{ width: 94%;  padding:20px 0;  }
.CaseList dl{ padding:20px; background:#fff;}
.CaseList dl dt{ float:none; width:100%;}
.CaseList dl dd{ float:none; width:100%; height:auto; padding-top:20px;}

.RzBanner{ width:100%; height:350px; margin-top: 60px; position: relative; align-items: center; text-align:left;}
.RzBannerTxt{ width:100%; height:auto;  margin:0 auto;}
.RzBannerTxt h1{ color:#000; font-size:1.2rem; line-height:34px; padding:0 25px;}
.RzBannerTxt em{ background:#fff; width:50px; height:3px; margin:5px auto; display:block;}
.RzBannerTxt i{line-height:24px; font-size:0.9rem; padding:0 135px 0 26px; color:#000; margin:0 auto; display:block;}
.RzBannerTxt p{ width:100%; text-align:center; margin-top:10px;}
.RzBannerTxt a{ margin:0; margin-top:20px;}
.RzBannerTxt a{ text-align:center; display:block; width:146px; height:45px; line-height:45px; background:#0063ec; color:#fff; border-radius:5px; margin-top:10px; margin-left:25px;}

#solutions .RzBannerTxt i{width:280px !important; padding:0 0 0 26px; margin:0;}

#products .RzBannerTxt h1{ color:#fff;  }
#products .RzBannerTxt i{ color:#fff;  }
#products .RzBannerTxt img{ width:120px; height:120px;}

.RzBox1{ width:94%; }
.RzBox1 dl{ width:49%; border-radius:10px;  padding:20px; text-align:center; margin-bottom:2%;}
.RzBox1 dl dd{ padding-top:20px;}
.RzBox1 dl dd em{ font-size:1.2rem; line-height:36px; }
.RzBox1 dl dd i{  line-height:26px;}



.RzBg2{  padding-bottom:50px; margin-top:30px;}
.RzBox2{ width:94%; }
.RzBox2 dl{ width:49%; min-height:355px; padding: 25px; margin-bottom:2%;}
.RzBox2 dl dd{ padding-top:30px;}
.RzBox2 dl dd em{ display:block;  font-size:1.2rem; line-height:36px;}
.RzBox2 dl dd i{  line-height:26px;}


.RzBox3{ width:94%; height:auto; min-height:auto;  background: none;  margin:0 auto;}
.RzBox3 dl{ width:49%; min-height:auto; padding:70px 30px; text-align:center; }
.RzBox3 dl dd{ padding-top:10px;}
.RzBox3 dl dd em{ font-size:1.2rem; }
.RzBox3 dl dd i{  line-height:26px;}
.RzBox3 dl:nth-child(odd){ margin-top:0;}

.RzBox3 dl dd span{ display:block; width:38px; height:38px; line-height:38px; font-size:18px; font-weight:bold; background:#0063ec; text-align:center; color:#fff; border-radius:50%; margin:5px auto; }
/*0612*/
.RzN1box1{ width:94%;}
.RzN1box1 dl{ width:31.3%; padding:15px; margin:1%;}
.RzN1box1 dl img{ width:40px; height:auto;}
.RzN1box1 dl dd{ padding-top:20px;}
.RzN1box1 dl dd em{  font-size:1rem; line-height:30px;}
.RzN1box1 dl dd i{ font-size:0.9rem; line-height:20px;}

.RzN1box1s{ width:94%;  margin-top:0;}
.RzN1box1s dl{ width:48%; padding:20px; margin:1%;}
.RzN1box1s dl img{ width:45px; height:auto;}
.RzN1box1s dl dd{ padding-top:20px;}
.RzN1box1s dl dd em{font-size:1rem; line-height:30px;}
.RzN1box1s dl dd i{ font-size:0.9rem; line-height:20px;}

.RzN2Box2{ width:94%; }
.RzN2Box2 dl{ width:31.3%; padding:15px; margin:1%; display:block; text-align:center;}
.RzN2Box2 dl dt{ margin-right:0; margin-bottom:10px;}
.RzN1box1 dl dt img{ width:40px; height:auto;}
.RzN2Box2 dl dd em{  font-weight:bold; font-style:normal; font-size:1rem; line-height:30px; color:#111;}
.RzN2Box2 dl dd i{ display:block;  font-style:normal; line-height:20px; margin-top:5px;  font-size:0.9rem;}

.RzN2Bg3{ padding:10px 0 40px 0;}
.RzN2Box3{ width:94%; }


.RzN2Box4{ width:94%;  background:none; }
.RzN2Box4 dl{ text-align:center; width:48%}
.RzN2Box4 dl dd{ font-size:1rem; line-height:52px;}
.RzN2Box4 dl dd span{ display:block; width:30px; height:30px; line-height:30px; margin:0 auto; margin-top:10px; font-weight:bold; color:#fff; border-radius:50%; background:#0063ec; text-align:center;}

.Joinbox1{ width:94%; }
.Joinbox1 dl{ width:48%; margin:1%;}
.Joinbox1 dl dd em{ font-size:1.2rem; line-height:36px; }
.Joinbox1 dl dd i{  margin-top:10px; }


.Joinbox2{ width:94%; }
.Joinbox2 dl{ width:48%; background:#fff; margin:1%;   min-height:auto; padding:20px; }
.Joinbox2 dl dd{ padding-top:20px;}
.Joinbox2 dl dd em{ font-size:1.4rem; line-height:36px; }



/*0626*/
.fedbg{ width:100%; height:auto; padding:125px 0 30px 0;  background: #01204c url(../images/mf.png) no-repeat top left; }
.fedBox{ width:94%; height:auto; padding-left:0;  margin:0 auto;}
.fedBox h2{ font-size:1.6rem; line-height:58px; }
.fedBox1{ width:100%; margin-top:0; height:auto;}
.fedBox1 input{ width:100%; margin-top:15px; }

.fedBoxs{ width:94%; height:auto; padding-left:0; padding-top:0;  margin:0 auto;}
.fedBoxs h2{font-size:1.6rem; line-height:58px;}
.fedBoxs p{font-size: 1.1rem; letter-spacing: 3px; }
.fedBoxs a{ margin-top:10px;}



.con0626Left{ width:100%; padding:30px;}
.con0626Left h3{ font-size:1.4rem; }
.con0626Left em{ margin:10px 0;}
.con0626Left dl{  margin-top:10px;}
.con0626Right{ width:100%; height:400px;}

.sou1{ margin-bottom:30px; }


.sou2{ padding-bottom:30px; }


.sou3{ padding-bottom:30px; }


.sou4{padding-bottom:30px; }
.sou4 .auto1280{ padding-top:20px;}
.sou4Left{ width:100%;}


.sou4Right{ width:100%; padding-left:0; margin-top:10px;}
.sou4Right dl{ margin-bottom:10px; padding:15px;}
.sou4Right dl dt{ margin-right:10px;}
.sou4Right dl dt img{ width:60px; height:auto;}
.sou4Right dl dd em{  font-size:1rem;}
.sou4Right dl dd i{ font-size:0.9rem; margin-top:0; line-height:22px;}

.sou5{padding-bottom:30px;  }
.abYs dl dd{ padding:15px;}
.abYs dl dd i{ line-height:22px; font-size:0.9rem}

.survey-box{ width:94%;}


.Case-navigation{ width: 94%;  padding:20px 0;}
.Case-navigation dl{ width:100%;  margin-bottom:3%; }
.Case-navigation dl dd{  font-size:1rem; padding:10px 0; }

.country-title{ font-size:1.3rem; line-height:32px; color:#111; font-weight:bold; text-align:center; padding-top:25px;}

}