/*     头部和公共样式 */
	body{
      font-size:16px!important;
		padding-bottom:0!important;
    }
p{
	margin-bottom:0;
}
img{
	font-size:0;
}

    html {
		 font-size: 12px;
    margin-top: 0px !important;
}
   .headerBackImg>img {
        width: 26px;
    }
    
    .headerBack {
        padding: 0;
		cursor:pointer;
    }
    
    .headerBackText {
        color: #a8a8a8;
        font-size: 16px;
    }
    
    .headerBackImg {
        padding: 0;
        display: flex;
        align-items: center;
    }
    @media screen and (max-width: 768px) {
        .icon-caidan {
          font-size: 45px;
			color: #0181cb;
        }
        .changeP {
            padding: 0!important;
        }
        #headMenu .menu-item {
            padding: 0 1px!important;
        }
        #headMenu .menu-item a {
            font-size:16ox!important;
            white-space: nowrap;
        }
		    .productBoxRightContentTitle {
                font-size: 16px!important;
            }
            .productBoxLeftItem {
                font-size: 14px!important;
                padding-left: 0%!important;
            }
            .productBoxLeftItem img {
                width: 18px!important;
            }

    }
    
    * {
        margin: 0;
        padding: 0;
    }
    
    a:hover {
        color: #212529;
        text-decoration: none;
    }
    
    a {
        text-decoration: none;
        background-color: transparent;
        color: #6c757d;
    }
    a {
       outline: none!important;
       border: none;
        }
    .container-fluid {
        padding: 0;
        margin: 0;
    }
    
    .row {
        margin: 0;
    }
    
    ol,
    ul,
    li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    body {
        font-family: "Microsoft YaHei", "Arial", "黑体", "宋体", sans-serif;
       
        color: #353131;
       
        ;
    }
.productBoxLeftUl .activev a{
	color:#fff;
}
@media screen and (max-width:768px){
	.LogoLeft{
		padding-left:5px!important;
		
	}
      .login {
            margin-left: 10px!important;
            height: 45px!important;
            margin-bottom: 15px!important;
        }
	.merge .select li{
		padding:6px 0;
	}
	 .loginTitleItem {
            font-size: 16px!important;
           
            line-height: 20px!important;
           
          
        }

}
    @media screen and (max-width:1200px) {
        .header {
            text-align: center;
        }
    }
    
    #headMenu .menu-item::before {
        display: inline-block;
        content: "";
        height: 100%;
        vertical-align: middle;
    }
    
    #headMenu .menu-item a {
        color: #7d7d7d;
        font-weight: 600;
        font-size: 16px;
    }
    
    #headMenu .menu-item a:hover {
        color: #3670D2
    }
    
    .menuBox4 {
        display: none;
    }
    
         
    
    .headerMenu {
        text-align: center;
        /*             margin-right: 30px; */
    }
    
    @media screen and (max-width:1200px) {
        .header {
            text-align: center;
        }
    }
      .login {
        margin-top: 10px;
        margin-left: 50px;
/*         width: 200px!important; */
        height: 50px;
        margin-bottom: 10px;
		width:auto!important;
    }
 .loginTitleItem {
            font-size: 18px;
            font-weight: 900;
            line-height: 25px;
            color: #333333;
            padding-left: 8px;
	 color:#00479d;
        }
        
        .loginTitle {
            vertical-align: top;
            border-left: 2px solid #0181cb;
            color: #0181cb;
            margin-left: 8px;
            white-space: nowrap;
        }
.header .row{
	justify-content:center;
}
.LogoLeft{
	display:flex;
	align-items:center;
}
.row .LogoLeft{
	padding-left:15px;
	padding-right:15px;
}
.row .changeP{
	padding-left:15px;
	padding-right:15px;
}
#productBox .productBoxLeft{
		padding-left:15px;
	padding-right:15px;
}
#productBox .productBoxRight{
		padding-left:15px;
	padding-right:15px;
}
#solutionBox .productBoxLeft{
		padding-left:15px;
	padding-right:15px;
}
#solutionBox .productBoxRight{
		padding-left:15px;
	padding-right:15px;
}
    #headMenu .menu {
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 70px;
    }
    
    #headMenu .menuBox li {
        list-style-type: none;
    }
    
    #headMenu .menu-item {
        display: inline-block;
        font-size: 15px;
        cursor: pointer;
        height: 70px;
        line-height: 70px;
        padding: 0 10px;
    }
    
    #headMenu .menu-item::before {
        display: inline-block;
        content: "";
        height: 100%;
        vertical-align: middle;
    }
    
    #headMenu .menu-item a:hover {
        color: #3670D2
    }
    
    #productBox {
        width: 100%;
        -moz-box-shadow: 2px 2px 5px #333333;
        -webkit-box-shadow: 2px 2px 5px #333333;
        box-shadow: 0px 5px 10px #333333;
        position: absolute;
        background-color:#fff;
        top: 70px;
        left: 0;
        z-index: 555;
        padding: 20px 1%;
        text-align:left;
        display: none;
		opacity: 0;
		transition: all 0.8s ease 0s;
/*         align-items: stretch; */
/* 		align-items:flex-start; */
/*         min-height: 75vh; */
/* 		height: 500px; */
    }
    
    #solutionBox {
        width: 100%;
        -moz-box-shadow: 2px 2px 5px #333333;
        -webkit-box-shadow: 2px 2px 5px #333333;
        box-shadow: 0px 5px 10px #333333;
        position: absolute;
		background-color:#fff;
/*         background-color: #eeeeee; */
        top: 70px;
        left: 0;
        z-index: 555;
        padding: 20px 1%;
        text-align: left;
        display: none;
/* 		opacity: 0; */
/*         align-items: stretch; */
/*        height: 500px; */
    }
.header .menu-item>a{
width:100%;
	display:inline-block;
}
   @media screen and (max-width:1200px) {
            .productBoxN {
                top: 140px!important;
            }
            .solutionBoxN {
                top: 140px!important;
            }
        }    
    .productBoxLeft {
       
    }
    
    .productBoxRight {
       padding:0;
    }
    
    .changeP {
        position: static!important;
    }
    

        .productBoxRightContentImg {
    cursor: pointer;
    text-align: left;
    padding: 3px 0;
    display: flex;
    align-items: center;
    height: 153.33333333333333333333333px;
    white-space: nowrap;}
    .productBoxRightContentImg:last-of-type {
        /* 				display:flex;
				align-items:center; */
    }
    
/*     .moreMore {
        height: 100%;
        width: 100%;
        background-color: #fff;
        display: inline-block;
    } */
    
    .productBoxRightContentImg>img {
        max-width: 75%;
		height:100%;
/*                     height: 30vh; */
    }
    
    .productBoxLeft {
        /*             height: 100%; */
        display: flex;
    }
     .productBoxLeftItem {
background-color: #f7f7f7;
color: #888888;
        font-size: 18px;
/*         text-align: center; */
        border-bottom: 4px solid #fff;
		font-weight:500;
        height: 76.66666666666666px;
        cursor: pointer;
        border-radius: 3px;
		    padding-left: 4%;
    }
    
    .productBoxLeftItem img {
        display: inline-block;
        vertical-align:middle;
        width: 8%;
        margin: 0 2%;
    }
    /*         .productBoxLeftItem:hover {
            background-color: #00a0e8;
        } */
    
    .productBoxRightContentTitle {
     text-align: left;
    font-size: 15px;
    /* padding-top: 10px; */
    white-space: normal;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    display: inline-block;
		padding:0 25px 0 10px;
    }
    
    .productBoxLeftUl {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
		width:100%;
        /*             height: 100%; */
    }
    
    .productBoxLeftItem::before {
        display: inline-block;
        vertical-align: middle;
        content: "";
        height: 100%;
    }
    
    .productBoxRightContent {
        display: none;
        align-content: flex-start;
		flex-wrap:wrap;
		height:100%;
		overflow:hidden;
    }
    
    .activev {
        background-color: #00469c;
		color:#fff;
    }
    
    #headMenu .sub-menu {
        display: none!important;
    }
    
    @media(max-width: 768px) {
        #headMenu>div {
            display: none;
        }
        .menuBox4 {
            display: block;
        }
        .merge {
            position: static;
        }
        .merge>ul {
            display: none;
            text-align: left;
        }
        .merge>ul.select {
           
			margin-left:0;
            z-index: 100;
            background-color: #fff;
            font-size: 15px;
            font-weight: 600;
            padding: 1% 3%;
            position: absolute;
            top: 70px;
            left: 0;
            display: flex;
            flex-direction: column;
            width: 100%;
            transition: all 0.5s ease;
			box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.3);
        }
        .sub-menu {
            display: none;
        }
        .sub-menu {
            /*     display: flex; */
            display: none;
            flex-direction: column;
            margin-left: 18px;
        }
    }
    
    .subCloese {
        display: flex!important;
    }
  .headerBackImg>img {
            width: 26px;
        }
        
        .headerBack {
            padding: 0;
        }
        
        .headerBackText {
            color: #a8a8a8;
            font-size: 16px;
        }
        
        .headerBackImg {
            padding: 0;
            display: flex;
            align-items: center;
        }
        
        .headerBackText {
            padding: 0;
            /* 		   text-align:center; */
            padding-left: 6px;
            display: flex;
            align-items: center;
        }
/* 尾部公共样式 */
    /*     html {
            font-size: 10px;
        }
         */
	dl, ol, ul{
		margin:0;
	}
    	.jingxunPublic li a:hover{
			color:#86bbf2 !important;
		}
		.friend-gas li a:hover{
			color:#86bbf2 !important;
		}
		.endnote a:hover{
			color:#86bbf2 !important;
		}
	.c-tail-left-address a:hover{
		color:#86bbf2 !important;
	}
    button {
        background-color: transparent;
        border: none;
        color: #fff;
        cursor: pointer;
        outline: none;
    }
    
    .c-tail-left-address a {
        text-decoration: none;
        color: #fff !important;
    }
    
    .c-tail {
        position: relative;
        width: 100%;
        margin: 30px auto 0;
        background: url('../image/图层-2.jpg');
        background-size: 100% 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        padding-bottom: 16px;
    }
    
    .c-tail-left {
        width: 30%;
/*         height: 71%; */
        float: left;
        position: relative;
        z-index: 1;
        color: #fff;
        box-sizing: border-box;
        font-size: 3vh;
        margin-top: 3vw;
    }
    
    .c-tail-center {
        width: 50%;
        float: left;
/*         height: 71%; */
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        display: flex;
        color: #fff;
        font-size: 2.5vh;
        margin-top: 3vw;
        margin-left: 14px;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -o-user-select: none;
        user-select: none;
    }
    
    .c-tail-center>ul {
        flex-grow: 1;
    }
    
    .c-tail-right {
        width: 20%;
        float: left;
/*         height: 70%; */
        box-sizing: border-box;
        margin-top: 3vw;
        text-align: center;
        color: #fff;
        position: relative;
        display: flex;
/*         flex-direction: column; */
        align-items: center;
    }
    
    .code-wrapper {
        display: flex;
        margin-top: 20px;
    }
    
    .code-one,
    .code-two {
        width: 100%;
    }
    
    .c-tail-left p {
        margin-bottom: 0;
        margin-top: 1vh;
        font-size: 14px;
    }
    
    .c-tail-right p {
        margin-bottom: 0;
        font-size: 14px
    }
    
    .c-tail-left h4 {
        color: #fff;
        margin: 0 0 10px 0;
        font-size: 14px;
    }
	.backAllZhan{
		cursor:pointer;
	}
    .backAllZhan:hover {
    color: #86bbf2 !important;
}
    .jingxunPublic .c-aboutjingxun-this {
        font-size: 16px;
        margin-bottom: 15px;
    }
    
    .jingxunPublic li {
        margin-bottom: 10px;
        font-size: 12px;
    }
    
    .c-tail-righ-img {
        width: 60%;
        max-height: 86%;
        position: relative;
        margin: 3px 0;
    }
    
    .c-tail-content {
        width: 80%;
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
        position: relative;
        border-bottom: 1px solid #fff;
        padding-bottom: 20px;
			flex-grow:0;
		flex-shrink:0;
		
    }
    
    .friend-link {
        display: flex;
        align-items: center;
        margin: 16px 0 12px 0;
    }
    
     .friend-link>p {
                color: #fff;
                font-size: 14px;
                margin-bottom: 0 !important;
            }
    .friend-gas-wrapper {
        display: flex;
        height: 100%;
        align-items: center;
    }
    
    .friend-gas-wrapper>ul {
        margin-left: 10px;
    }
    
     .friend-gas-wrapper li>a {
                color: #fff;
                font-size: 14px;
            }
    
    .friend-gas {
        display: flex;
    }
    
    .friend-gas>li {
        margin-left: 10px;
    }
    
    .friend-gas>li:nth-child(2n) {
        display: flex;
        align-items: center;
    }
    
    .friend-gas span {
        background-color: #fff;
        width: 1px;
        height: 70%;
    }
    
    .download {
        margin-bottom: 20px;
    }
    
    .download>button {
        border: 1px solid #fff;
        padding: 3px 7px;
        font-size: 12px;
        outline: none;
    }
    
    .endnote {
        color: #fff;
        font-size: 12px;
        white-space: nowrap;
        text-align: center;
    }
    
    .endnote>a {
        font-size: 12px;
    }
    
    .endnote1 {
        display: none;
    }
    
    .endnote>a {
        color: #fff;
    }
    
    .endnote-containter {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    @media(max-width:1150px) {
        .c-tail-content {
            width: 90%;
        }
    }
    
    @media(max-width:1120px) {
        .c-tail-content {
            width: 90%;
            justify-content: center;
        }
    }
    
    @media(max-width:830px) {
        .c-tail-center {
            display: none;
        }
        .friend-link {
            display: none;
        }
        .c-tail-content {
            width: 92%;
            justify-content:space-between;
        }
        .c-tail-left {
            width: 60%;
        }
        .c-tail-right {
            width: 34%;
        }
        .endnote-containter {
            margin-top: 20px;
        }
        .endnote {
            display: none;
        }
        .endnote1 {
            display: block;
            font-size: 14px;
        }
    }
    
    @media(max-width: 540px) {
        .c-tail-left h4 {
            font-size: 14px
        }
        .endnote>a {
            font-size:12px;
        }
    }
    
    .button-data>a,
    .button-technology>a {
        color: #fff;
    }
    
    .jingxunPublic a {
        color: #fff;
    }
    
    .c-tail-left img {
        margin: 0 0 10px -16px;
    }
    .c-tail {
                    padding-bottom: 60px;
                }
                /* 底部留给固定导航的		 */
                
                @media (max-width:1024px) {
                    .c-tail {
                        padding-bottom: 16px;
                        /* 固定导航消失 */
                    }
                }







#dibutiao {
   position: fixed;
   left:0;
   bottom:0;
   box-sizing: border-box;
   
     
  
  left top repeat-x;
        z-index:9999;
}

@media only screen and (max-width: 1024px) { 
#dibutiao {
        display: none;
    }
  
}

  

  .popOutBg{ width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,.6); display: none;z-index:9998;}
  .popOut{ position:fixed; width:600px; height:400px; top:50%; left:50%; margin-top:-150px; margin-left:-300px; border-radius:8px; overflow: hidden; display: none; z-index:9998;}
  .popOut > span{ position: absolute; right:90px; top:-10px; height:42px; line-height:50px; color:#000; font-size:30px; cursor: pointer;}
  
  #imgItem{height:auto; z-index:-1;width:100%;}
  
  
  
  
  .buttomlg {
     display: flex;
 position:absolute;
 background: #0c3bbd;
 color: #fff;
 width: 160px;
 height: 100%;
     align-items: center;
    justify-content: center;
 text-align: center;
 font-family: 'Ubuntu', sans-serif;
 font-size: 16px;
letter-spacing: 1px;
 font-weight: bold;
 text-decoration: none;
 bottom:0px;
 right:200px;
 border-radius: 2px;
 cursor: pointer;
 overflow: hidden;
 float:right;
 -webkit-transition: all 1s ease-in;
 transition: all 1s ease-in;
}
.buttomlg:hover {
 background: #0c6eceeb;
}
.buttomlg:before {
 content: ' ';
 position: absolute;
 background: #fff;
 width: 25px;
 height: 50px;
 top: 0;
 left: -45px;
 
 opacity: 0.3;
 -webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
 -webkit-transform: skewX(-25deg);
         transform: skewX(-25deg);
}
.buttomlg:hover:before {
 width: 45px;
 left: 205px;
}