.wrap {
    margin: 0px auto;
    overflow: hidden;
}


.clear{clear:both;height: 0;}


.wap-head{display: none;}

.wap-banner img{width: 100%;}


.c{}
.c:after{display: block; content: "";clear: both;height:0;}




/*header*/



.header{position: relative;}

/*head*/
.head{position: fixed;z-index: 1000;width: 100%;height: 114px;background: #fff;box-shadow: 0 0 5px rgb(0 0 0 / 10%);}
.head .logo{margin: 26px 0;}
.head .wrap{overflow: visible;position: relative;}

.ny-header .head{position: relative;}



/*banner*/
.banner{ width:100%;height: 100%;overflow: hidden;}
.banner img { width: 100%; height: 100%; }
.banner #banner-pg{position: absolute;margin: 0 auto;bottom: 2px;}
.banner #banner-pg  .swiper-pagination-bullet{margin: 0 12px;width: 52px;height: 8px;background: #006cb6;border-radius: 0;}


/*nav*/
.nav{margin-top:50px; position: relative;margin-left: 17%;}
.nav ul li{margin:0 35px;box-sizing: border-box;position: relative;float: left;text-align: center;z-index: 9999;}
/*.nav ul li:after{display: block;content: ""; width: 11px;height: 7px;background: url(../img/nav-icon.png)no-repeat center;position: absolute; transition: all 0.3s;top:6px;left:80px; }*/
.nav ul li:first-child:after{display: none;}
.nav ul li:hover:after{background: url(../img/nav-icon-on.png)no-repeat center;}
.nav ul li.on>a,.nav ul li:hover>a{color:#006cb6;}
.nav ul li>a{height: 75px;font-size: 18px;box-sizing: border-box;  line-height: 18px;color:#333333;display: block;}


.nav ul li .dropmenu{width:22rem;
    padding: 2.5rem;
    background: #fff;
    position: absolute;
    left: 0%;
    left: auto;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    top: 50px;
    display: none;
    font-size: 1rem;
    transition: 400ms ease-in-out;
    }

.nav ul li dl dd {height: 46px;line-height:46px;color: #666;}
.nav ul li dl dd a{position: relative;  font-size: 16px;text-align: left; line-height: 36px;  color: #666666; display: block;margin-bottom: 10px;} 
.nav ul li dl dd a:after{position: absolute;left:0;top:46px;   display: block;content: ""; width:160px;height: 1px;background: #dddddd;}
.nav ul li:hover dl {display: block;}
.nav ul li dl dd:hover a,.nav ul li dl dd.on a{color:#006cb6;}
.nav ul li dl dd:hover a:after,.nav ul li dl dd.on a:after{background:#006cb6;}
.nav ul li:hover .dropmenu{display: block;}

.head-ver{margin-top: 42px;}
.head-ver a{font-size: 18px;}
.head-ver a.on{color:#006cb6;}

.wap-head{background:rgb(255,255,255);z-index: 9999;box-shadow: 0 0 5px #ccc;padding: 2% 0;display: none;}
.wap-head .wap-nav{margin: 42px 0;}
.wap-head .logo{margin: 26px 0;}

.wap-nav-list {display: none;position: fixed;left: 0;top:178px;z-index: 99999;width: 100%;}
.wap-nav-list ul{ background: #fff;}
.wap-nav-list ul li{background: url(../img/tri.png)no-repeat 96% center ;border-bottom: solid 1px #ccc;margin: 0 0 1% 0; padding: 0 2% 0;height:44px;line-height:44px;}
.wap-nav-list ul li a{font-size:16px;display: block;}
.wap-nav-list ul li dl{display: none;background: #fafafa;height: auto;z-index: 99999;}

.wap-banner{display: none;}

.menuWrap{display: none;}




.sp_header{height: 64px;overflow:hidden;background:#fff;position:fixed;left: 0;top:0;  z-index:999999;width:100%;}
.sp_logo{padding: 5px;float:left;height: auto;}
.sp_logo img{margin: 0px auto;height: 50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top: 18px;}
.sp_nav span{display:block;background:#006cb6;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background: #f5f5f5;width:100%;height: calc(100% - 50px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top: 60px;}
.sjj_nav>ul>li{display: flex;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size: 16px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none;width: 100%;}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width: 30px;height: 30px;fill:#006cb6;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#006cb6;}
.sjj_nav ul li ul li>ul{margin-left:10px}




.index-tit{margin-bottom: 20px;text-align: center;}
.index-tit h2{background-image: linear-gradient(to right,#225eb7,#7de3e3);
background-clip:text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;  position: relative;text-align: center;position: relative;display: block;margin:0 auto 12px;font-size:40px;line-height:40px;}
.index-tit p{font-size: 16px;line-height: 16px;color: #565656;text-align: center;}






/*pro*/
.brand{width:100%;height: 100%;background:#f8f8f8;padding:15vh 0 4vh;box-sizing: border-box;}
.brand-class{ margin: 0px auto 23px;}
.brand-class ul{ text-align: center;}
.brand-class ul li{ display: inline-block;  margin: 0 40px;font-size: 16px;color: #333;border-radius: 17px; text-align: center;width:11%; height: 33px;line-height: 33px;}
.brand-class ul li h4{font-size: 20px;color: #006cb6;line-height: 20px;margin-top:16px;}




.brand-info{margin-top: 20px;}
.brand-info .swiper-wrapper{display: flex; }
.brand-info .swiper-slide{padding: 3%;  border-radius: 10px;height: 488px;}


.brand-info .swiper-slide.pro-item1{background: url(../img/pro-bg1.png)no-repeat center /cover;}
.brand-info .swiper-slide.pro-item2{background: url(../img/pro-bg2.png)no-repeat center /cover;}


.brand-info .swiper-slide h3{color: #fff;font-size:28px;line-height:28px;}
.brand-info .swiper-slide p{font-size: 15px;line-height: 28px; color: #fff;margin-top: 10px;}
.brand-info .swiper-slide  ul{margin: 30px 0 0;}
.brand-info .swiper-slide  ul li {margin:10px 0;}
.brand-info .swiper-slide  ul li a{color: #fff;font-size: 16px;line-height: 16px;}
.brand-info .swiper-slide a.more{text-align: center; transition: all 0.3s;	color: #fff;margin: 16px auto 20px;  line-height:40px; font-size: 16px;   display: inline-block;  width: 120px; height:40px;border-radius: 30px;background: url(../img/case-more.png)no-repeat center /cover;}
.brand-info .swiper-slide:hover a.more{background: url(../img/case-more-on.png)no-repeat center /cover;  color: #fff;}
.brand-info .swiper-slide .pic img{width: 100%;transition: all 0.3s;}
.brand-info .swiper-slide:hover .pic img{transform: scale(1.1);}







/*case*/
.case{    background: url(../img/case-bg.jpg)no-repeat center /cover;padding: 15vh 0 4vh;height: 100%;overflow: hidden;box-sizing: border-box;}
.case .index-tit p{color: #fff;}
.case .case-list {margin: 40px 0 0;}
.case .case-list .swiper-wrapper .swiper-slide{background: #fff;padding: 4% 2%;height: 580px;box-sizing: border-box;}
.case .case-list .swiper-wrapper .swiper-slide h3{ font-size: 28px;color: #333;line-height:28px;margin: 50px 0;}
.case .case-list .swiper-wrapper .swiper-slide i{display: block;  width: 30px;height: 3px;background:#f4f4f4;}
.case .case-list .swiper-wrapper .swiper-slide p{margin-top: 40px;  display: -webkit-box; 
   -webkit-line-clamp: 3; 
   -webkit-box-orient: vertical;
   overflow: hidden; }
.case .case-list .swiper-wrapper .swiper-slide .div-more{ transition: all 0.3s;	display: block;  margin-top: 60px;width: 120px;height: 40px;text-align: center;
color: #565656;background: url(../img/case-more.png)no-repeat center /cover;line-height: 40px;
}
.case .case-list .swiper-wrapper .swiper-slide:hover .div-more{color: #fff;background: url(../img/case-more-on.png)no-repeat center /cover;}



/*.news*/
.news{background: url(../img/news-bg.jpg)no-repeat center /cover;padding: 15vh 0 4vh;height: 100%;overflow: hidden;box-sizing: border-box;}

.news .index-tit p{color: #565656;}


.news-class ul li{float: left;transition: all 0.3s;margin-right: 20px;
    display: block;
    width: 180px;
    height: 60px;
    text-align: center;
    color: #565656;
    background: url(../img/case-more.png)no-repeat center /cover;
    line-height: 60px;}

.news-class ul li:hover{background: url(../img/case-more-on.png)no-repeat center /cover;}
.news-class ul li:hover a{color:#fff;}
.news-list{margin-top: 40px;}
.news-list .news-left {width: 48%;}
.news-list .news-left .pic{width: 100%;overflow: hidden;}
.news-list .news-left .pic img{width: 100%;transition: all 0.3s;}
.news-list .news-left .pic:hover img{transform: scale(1.5,1.5);}
.news-list .news-left:hover p{color:#006cb6;}
.news-list .news-left p{color: #333333;font-size: 18px;line-height: 18px;margin-top: 20px; }
.news-list .news-right{width: 48%; background: #fff;}
.news-list .news-right ul li{padding-left:30px ; padding-right: 30px; height: 112px;line-height: 112px;border-bottom: solid 1px #f8f8f8;}
.news-list .news-right ul li h4{width: 80%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 18px; color: #333;}
.news-list .news-right ul li .news-date{width: 20%;}
.news-list .news-right ul li .news-date span{font-size: 30px;color: #333;}
.news-list .news-right ul li:hover{ background-image: -moz-linear-gradient( 0deg, rgb(34,94,183) 0%, rgb(125,227,227) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(34,94,183) 0%, rgb(125,227,227) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(34,94,183) 0%, rgb(125,227,227) 100%);}
.news-list .news-right ul li:hover h4{color: #fff;}



/*foot*/
.footer{padding:43vh 0 4vh;height: 100%;overflow: hidden;}
.foot-logo{text-align:left;padding-bottom: 40px;}
.foot-logo img{margin-bottom:30px;}
.foot-con dl dt{color: #333;line-height: 28px;font-size: 24px;padding-bottom: 29px;}
.foot-con dl dd{}
.foot-con dl dd,.foot-nav dl dd a{font-size: 15px;line-height: 32px;color: #333;}
.foot .foot-info{display: flex;justify-content: space-between;}
.foot .wechat p{color: #333;line-height: 16px;margin-top: 20px;text-align: center;}


.ny-footer{padding:2vh 0;}

	
			

/*ny*/

.inBanner{
position: relative;
}

.inBanner img{
width: 100%;
height: auto;
}

.inBannerText{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 4%;

}

.inBannerText h3{
color: #fff;
font-size: 32px;
line-height: 40px;
}

.inBannerText p{
line-height:14px;
color: #fff;
font-size: 14px;
margin-top:10px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
width: 578px;
}

.inBannerText p span{
background: url(../img/icon_location.png) no-repeat left center;
background-size: cover;
width: 15px;
height: 15px;
display: block;
margin-right: 0%;
padding-right: 0%;
margin-right: 5%;
}

.inBannerText p a{
color: #ffff;
display: block;
}





/*ny-pro*/

.inAboutWrap{

margin: 4% auto;
}

.inAbout{

display: flex;

flex-direction: row;

align-items: baseline;

justify-content: space-between;
}


.inSideLeft{

width: 25%;

/* border: 1px solid #ccc; */

min-height: 38em;
}

.inSideLeft h3{

border-left: 5px solid #006cb6;

font-size: 20px;

line-height: 60px;

background: #f8f8f8;

text-align: left;

padding-left: 6%;

font-weight: 600;
}

.inSideLeft ul{

border: 1px solid #f8f8f8;
}

.inSideLeft ul li{

border-bottom: 1px solid #f0f0f0;
}

.inSideLeft ul li a{

display: block;

line-height: 54px;

padding: 0% 6%;

overflow: hidden;

font-size: 16px;
}


.inSideLeft ul li a span{
  float:right;
}

.inSideLeft ul li.on{
  background: #006cb6;
}


.inSideLeft ul li.on a{
  color:#fff;
}

.inSideLeft ul li:hover{
  background: #006cb6;
}


.inSideLeft ul li:hover a{
  color:#fff;
}


.inSideRight{

width: 72%;
}
.inSideRight .pro-item{padding-left: 30px;   background: #fcfcfc;height: 63px;}
.inSideRight .pro-item ul li{display: inline-block;}
.inSideRight .pro-item ul li a{margin-right: 48px;padding-right: 48px;border-right:solid 1px #cacaca;font-size: 18px;   line-height: 63px;color: #333;}
.inSideRight .pro-item ul li:first-child a{color:#006cb6;}

.inSideTitle{

border-left: 5px solid #006cb6;

font-size: 20px;

line-height: 60px;

background: #f8f8f8;

text-align: left;

padding-left: 3%;

font-weight: 600;
}

.inSideCont{

margin: 2% auto;
}
.inSideCont .gs {margin-bottom: 71px;}
.inSideCont .gs h4,.inSideCont .xx h4{font-size: 24px;color: #333;line-height: 24px;margin-bottom: 15px;}
.inSideCont .gs p{font-size: 15px; color: #666; line-height: 26px;}
.inSideCont .xx .xx-btn{margin: 30px 0;}
.inSideCont .xx .xx-btn li{cursor: pointer; font-size: 15px;  margin-right: 6px;   text-align: center;  line-height: 40px;height: 40px;width: 150px;display: inline-block;background-color:#f5f5f5;}

.inSideCont .gs .gs-info{background: #fafafa;}
.inSideCont .gs .gs-info-left{padding: 20px;width: 60%;overflow: hidden;}
.inSideCont .gs .gs-info-left b{display: inline-block;margin-bottom: 27px;font-size: 30px;line-height: 30px; color: #333;  font-weight: bold;}
.inSideCont .gs .gs-info-left dl {padding-top: 22px; border-top: dashed 1px #e5e5e5;overflow: hidden;}
.inSideCont .gs .gs-info-left dl dd { margin-bottom: 7px;  padding-left: 19px;  background: url(../img/circle.png)no-repeat left center;  width: 48%;    float: left;}
.inSideCont .jswd{margin-top: 50px;}
.inSideCont .jswd .jswd-class{margin-top: 20px;padding-bottom: 20px;border-bottom:solid 1px #006cb6 ;line-height:18px;  font-size: 18px;color: #333; font-weight: bold;}
.inSideCont .jswd ul{margin-top: 30px;}
.inSideCont .jswd ul li{display: flex; align-self: center;  padding-bottom: 30px;font-size: 16px;margin-bottom: 30px;  border-bottom: solid 1px #e9e9e9;}
.inSideCont .jswd ul li .icon{margin-right: 10px;}
.inSideCont .jswd ul li  b{height: 19px;line-height: 19px;}






.inSideCont p{

line-height: 32px;

font-size: 16px;

color: #5a5a5a;
}

.inSideCont img{

max-width: 100%;

height: auto;
}


.inSideHonor{

}

.inSideHonor ul{

overflow: hidden;

margin: 2% auto;
}

.inSideHonor ul li{

width: 31.33%;

float: left;

margin-bottom: 2%;

margin-left: 1%;

margin-right: 1%;

border:1px solid #fff;
}

.inSideHonor ul li a{
display: block;
}

.inSideHonor ul li{

width: 23%;

float: left;

margin-bottom: 1%;

margin-left: 1%;

margin-right: 1%;

border:1px solid #fff;

background:#eaeaea;
text-align: center;
height: 40px;
line-height: 40px;

}

.inSideHonor ul li:hover a{color: #fff;}


.inSideHonor ul li a img{

width: 100%;

height: auto;
}

.inSideHonor ul li a p{

line-height: 56px;

background: #e8e8e8;

padding: 1% 4%;

font-size: 16px;

height: 56px;

overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.inSideHonor ul li:hover{
border:1px solid #006cb6;

}

.inSideHonor ul li:hover img{
  -webkit-transition: -webkit-transform 1s,height 1s,width 1s;
  -webkit-transform: rotateY(-360deg);
  }

   
.inSideHonor ul li:hover{
border:1px solid #006cb6;
background: #006cb6;

}


.inSideHonor ul li:hover p{
color:#fff;
background:#006cb6;
}


.inSideContact{

}

.contactTitle{
  
margin: 2% auto;
  
font-size: 18px;
  
font-weight: 600;
}

.contactCont{

background: #f7f7f7;

padding: 2% 4%;
}

.contactCont p{

font-size: 15px;

line-height: 30px;
}

.contactItem{

margin: 4% auto;
}

.contactItemTitle{

}


.contactItemTitle p{
  font-size: 16px;
  line-height: 30px;
}


.contactItemMap{

margin-top: 2%;
}

.allmap{
  width: 100%;
  height: 300px;
}


.inSideNewsList{

}

.inSideNewsList ul {

overflow: hidden;

margin-bottom: 6%;
}

.inSideNewsList ul li{
  
border: 1px solid #ededed;
  
margin: 2% auto;
}

.inSideNewsList ul li a{
  
display: flex;
  
flex-direction: row;
  
justify-content: space-between;
  
align-items: flex-start;
  
padding: 2%;
}

.inNewsLeft{

width: 35%;
overflow: hidden;
}

.inNewsLeft img{

width: 100%;

height: auto;
transition: all 0.5s;
}


.inSideNewsList ul li:hover .inNewsLeft img{
  transform: scale(1.2);
}



.inNewsRight{

width: 62%;

padding-left: 0%;

padding-top: 0%;
}

.inNewsRight h3{

font-size: 18px;

line-height: 48px;

/* margin-top: 3%; */

/* padding-top: 4%; */
}

.inNewsRight p{

font-size: 14px;

line-height: 24px;
}

.inNewsRight span{display: block;margin-top: 10%;}



.inSideNewsShow{

padding: 2%;
}

.inNewsShowTitle{

border-bottom: 1px solid #f0f0f0;

padding-bottom: 4%;
}

.inNewsShowTitle h2{

text-align: center;

font-size: 20px;

font-weight: 500;

line-height: 60px;

margin-bottom: 2%;
}


.inNewsShowTitle p{

display: flex;

align-items: center;

justify-content: center;
}

.inNewsShowTitle p span{

margin: 0% 4%;

color: #999;
}

.inNewsShowCont{

padding: 2%;

margin: 2% auto;
}

.inNewsShowCont p{
  line-height: 32px;
  font-size: 16px;
  text-indent: 24px;
}
.inNewsShowCont img{
  max-width: 100%;
  height: auto;
  margin: 0px auto;
  text-align: center;
  display: block;
}

.inNewsShowCont table{
 border-collapse:collapse;
}

.inNewsShowCont table tr{
   
 }

.inNewsShowCont table tr td
{border: 1px solid #999!important;font-family: "微软雅黑"!important;}



.inSideCont table{
  border-collapse:collapse;
 }
 
 .inSideCont table tr{
    
  }
 
 .inSideCont table tr td
 {border: 1px solid #999!important;padding: 4px 8px;}
 

 

.inCasesShowTitle{
  padding-bottom: 0%;
}

.inSideLeftCases{

width: 25%;
}

.inSideLeftCases h3{

border-left: 5px solid #006cb6;

font-size: 20px;

line-height: 60px;

background: #f8f8f8;

text-align: left;

padding-left: 6%;

font-weight: 600;
}

.inSideLeftCases ul{

border: 1px solid #f0f0f0;
}


.inSideLeftCases ul li{

border-bottom: 1px solid #f0f0f0;

padding: 2% 0%;
}

.inSideLeftCases ul li p{

font-size: 16px;

line-height: 40px;

color: #006cb6;

padding-left: 15%;

display: flex;

align-items: center;

font-weight: 600;
}
.inSideLeftCases ul li p span{

color: #006cb6;

width: 13px;

display: flex;

font-size: 30px;

margin-right: 2%;

/* line-height: 34px; */

justify-content: center;

align-items: baseline;
}

.inCasesNav{

}

.inCasesNav a{
  
display: block;
  
padding-left: 30%;
  
line-height: 34px;
  
font-size: 16px;
}

.inCasesNav a:hover{
  
  color: #006cb6;
  }
  

.inSidejobsList{

}

.inSidejobsList ul{

}

.inSidejobsList ul li{

margin: 2% auto;
}

.inJobsTitle{

background: #eeeeee;

padding: 1% 2%;

display: flex;

align-items: center;

justify-content: space-between;
}

.inJobsTitle h3{

font-size: 16px;

line-height: 36px;

font-weight: 600;
}

.inJobsTitle span{

background: #006cb6;

width: 36px;

height: 36px;

border-radius: 18px;

}

.inJobsTitle span em{

color: #fff;

display: flex;

align-items: center;

display: flex;

justify-content: center;

line-height: 36px;

vertical-align: middle;

font-size: 24px;
}

.inJobsCont{

padding: 2%;

border: 1px solid #eeeeee;
}

.inJobsCont p{

font-size: 14px;

line-height: 32px;
}

.jnJobsMore{

}

.inJobsMore a{
  
display: block;
  
background: #eeeeee;
  
margin: 3% auto;
  
width: 160px;
  
line-height: 40px;
  
text-align: center;
  
border: 1px solid #eeeeee;
  
font-size: 18px;
}



.inSidejobsList ul li.on .jia{

  display: none;

 }


.inSidejobsList ul li.on .jian{

  display: block;

 }


.inSidejobsList ul li .jian{

   display: none;

  }


  .inJobsCont{
    display: none;
  }


  .inSidejobsList ul li.on .inJobsCont{

    display: block;
  
   }

  .inJobsMore a:hover{
    background-color: #006cb6;
    color:#fff;
  }


  .inSideSoftList{

margin: 3% auto;

}

  .inSoftTitle{

background: #006cb6;

display: flex;

flex-direction: row;

align-items: center;

padding: 0% 6%;

justify-content: space-between;

}

  .inSoftTitle span{

font-size: 18px;

color: #fff;

font-weight: 600;

line-height: 53px;

}


  .inSideSoftList ul{

  }

  .inSideSoftList ul li{

margin: 2% auto;

border-bottom: 1px solid #f0f0f0;

padding-bottom: 2%;

}

  .inSideSoftList ul li a{
    
display: flex;
    
flex-direction: row;
    
align-items: center;
    
justify-content: space-between;
    
padding: 0% 5%;
  }
  .inSideSoftList ul li a span{

font-size: 16px;

}

  .inSideSoftList ul li a span img{

  }


  .inSideSoftList ul li a:hover span{
      color:#006cb6;
  }

.inSideLeftSoft{
  width: 25%;  
  min-height: 38em;

}
.inSideLeftSoft h3{
border-left: 5px solid #006cb6;
    font-size: 24px;
    line-height: 60px;
    background: #f8f8f8;
    text-align: left;
    padding-left: 6%;
    font-weight: 600;
    color: #000;
}

.inSideLeftSoft ul{

margin: 0% auto;

border: 1px solid #f8f8f8;
}

.inSideLeftSoft li{

border-bottom: 1px solid #ffffff;
}

.inSideLeftSoft li.on{

}

.inSideLeftSoft li.on p {

background: #d4d4d4;

color: #333;
}

.inSideLeftSoft li.on p span{

}

.inSideLeftSoft li.on .inSoftNav{
  display: block;
}


.inSideLeftSoft li p{
background: #e7e7e7;
line-height: 40px;
padding: 0% 8%;
font-size: 16px;
overflow: hidden;
}

.inSideLeftSoft li p span{
float: right;
display: block;
font-weight: initial;
}
.inSideLeftSoft li p a{width: 310px;}



.inSoftNav{
  display: none;
}

.inSoftNav a{
display: flex;
line-height:40px;
font-size: 16px;
padding-left: 10%;
color: #333;
background: #e7e7e7;
border-bottom: 1px solid #ffffff;
align-items: center;
color: #006cb6;

}

.inSoftNav a span{
width: 6px;
height: 12px;
display: inline-block;
background:url(../img/arrow.png)no-repeat left center / cover;
margin-right: 7px;
}


.zhuan{
  -ms-transform:rotate(90deg); /* IE 9 */
  -moz-transform:rotate(90deg); /* Firefox */
  -webkit-transform:rotate(90deg); /* Safari and Chrome */
  -o-transform:rotate(90deg); /* Opera */
  /* transform:rotate(90deg); */
}




.inSoftNav a:hover{
  color:#006cb6;   
}


.nav2-info{display: flex;}


.inSideGuestbook{

}

.inSideGuestbook h3{

text-align: center;

line-height: 32px;

font-size: 20px;

margin: 2% auto;
}

.inGuestbook{

}

.inGuestbook ul{

}

.inGuestbook ul li{

margin: 2% auto;
}


.inGuestbook ul li .one{

display: flex;

align-items: center;

justify-content: flex-start;
}


.inGuestbook ul li .one span{

width: 100px;

text-align: right;
}


.inGuestbook ul li .one input{

width: 84%;

line-height: 42px;

border: 1px solid #ddd;

margin: 2% auto;

height: 42px;
}

.inGuestbook ul li .one em{

color: #006cb6;

font-size: 30px;
}


.inGuestbook ul li .two{

display: flex;

align-items: center;

justify-content: flex-start;
}


.inGuestbook ul li .two div{

width: 50%;

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;
}


.inGuestbook ul li .two div span{

width: 100px;

text-align: right;

font-size: 14px;
}


.inGuestbook ul li .two div input{

line-height: 42px;

border: 1px solid #ddd;

width: 70%;

margin: 0% 2%;

height: 42px;
}

.inGuestbook ul li .two div em{

color: #006cb6;

font-size: 30px;
}


.inGuestbookBtn{

display: flex;

align-items: center;

justify-content: center;

margin: 6% auto;
}

.inGuestbookBtn a{

display: block;

font-size: 16px;

background: #006cb6;

margin: 0% 2%;

color: #fff;

width: 140px;

height: 40px;

line-height: 40px;

text-align: center;

border-radius: 9px;
}

.guestbook_btn{

}

.guestbook_btn2{

background: #8e8e8e!important;
}

.inGuestbookText{

}

.inGuestbookText p{

}

.inGuestbook ul li .three{

display: flex;

flex-direction: row;

align-items: center;
}

.inGuestbook ul li .three span{

width: 100px;

text-align: right;
}

.inGuestbook ul li .three div{

margin: 0% 2%;

display: flex;

align-items: center;

justify-content: flex-start;

width: 61%;
}

.inGuestbook ul li .three div input{

line-height: 40px;

/* display: block; */

margin-left: 4%;

}

  


.inGuestbook ul li .three em{

color: #006cb6;

font-size: 30px;

line-height: 40px;
}


.inSideTouzi{

}

.inTouziTop{

margin: 2% auto;

margin-top: 2%;
}

.inTouziTop img{

width: 100%;

height: auto;
}

.inTouziTop p{

line-height: 32px;

font-size: 16px;

margin: 2% auto;

margin-top: 6%;
}

.inTouziCenter{

margin: 2% auto;
}

.inTouziCenter h3{

font-size: 20px;

font-weight: 600;

line-height: 52px;
}

.inTouziCenter p{

display: flex;

align-items: center;

justify-content: flex-start;

margin-top: 2%;

font-size: 16px;
}


.inTouziCenter p img{

margin-right: 3%;
}

.inTouziCenter p span{

}

.inTouziBottom{

margin: 4% auto;
}

.inTouziItem{

margin-bottom: 6%;
}

.inTouziItem h2{

border-bottom: 2px solid #006cb6;

display: flex;

align-items: center;

justify-content: flex-start;
}

.inTouziItem h2 span{

border: 2px solid #006cb6;

width: 160px;

height: 50px;

line-height: 50px;

display: block;

/* float: left; */

text-align: center;

font-size: 18px;

border-bottom: none;
}

.inTouziItem ul{

margin: 2% auto;

margin-top: 4%;
}

.inTouziItem ul li{

margin-bottom: 4%;
}


.inTouziItem ul li a{

display: flex;

align-items: center;

justify-content: space-between;
}

.inTouziLeft{

width: 14%;

background: #f4f4f4;

padding: 1%;
}

.inTouziLeft span{

display: block;

text-align: center;

line-height: 36px;

font-size: 16px;
}

.inTouziLeft span:nth-child(1){

border-bottom: 1px solid #ccc;
}

.inTouziLeft span:nth-child(2){

}


.inTouziRight{

width: 83%;
}

.inTouziRight h3{

font-size: 18px;

line-height: 42px;

font-weight: 600;

}
  


.inTouziRight p{

font-size: 14px;

line-height: 26px;
}


.inTouziItem ul li:hover .inTouziLeft{
  background-color: #006cb6;
  color:#fff;
}


.inTouziItem ul li:hover .inTouziRight{
     color:#006cb6;
}

 
.inSideHistory{
  margin: 4% auto;
}

 #banner { 
    position: relative;
    width: 100%;
    position: relative;
    overflow: hidden;  
	object-fit: cover;	
}


#banner img{
  max-width: 100%;
  height: auto;
image-rendering: -moz-crisp-edges; /* Firefox */     
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
image-rendering: crisp-edges; 
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
    object-fit: cover;
}

.inSideNewsList ul li:hover {
  border:1px solid #006cb6;
}


#banner .swiper-button-next:after, #banner .swiper-button-prev:after{
  display: none;
}

#caseCont .swiper-button-next:after, #caseCont .swiper-button-prev:after{
  display: none;
}

#news .swiper-button-next:after, #news .swiper-button-prev:after{
  display: none;
}


.inSideSearch{

padding: 4%;
}

.inSideSearch ul{

}
.inSideSearch ul li{

border-bottom: 1px dotted #f0f0f0;

margin-bottom: 2%;
}

.inSideSearch ul li a{

display: block;
}

.inSideSearch ul li a p{
  
line-height: 32px;
  
font-size: 16px;
}




.searchWapWrap{

margin-top: 8%;
}

#form_wap{

display: flex;

align-items: center;

justify-content: space-evenly;
}

#form_wap input{

border: 1px solid #dbdbdb;

border-radius: 32px;

line-height: 24px;

/* height: 32px; */

padding: 2% 5%;

width: 79%;
}

#form_wap img{

width: 26px;

height: auto;
}

.isWapShow{
  display: none;
}

.isPcShow{
  display: block;
}

.imgWap{

}

.imgWap img{
  width: 100%;
  height: auto;
}

.tableDiy {
  width: 100%;
  width: 100%;
  overflow-y: auto;
  _overflow: auto;
  margin: 0 0 1em;
}


.inSideCont table tr:nth-child(1){
  background: #006cb6 !important;
  color:#fff;
  line-height: 45px;
}


.inSideCont table tr:nth-child(2n+1) {
  background: #e8f8ff;
}


.inSideCont table {
  border-collapse: collapse;
  width: 100%!important;
}




 .isWapShow{
		   display:none;
 }





.wap-serlist{margin-bottom: 4%;}
.wap-serlist ul{width: 102%;}
.wap-serlist ul li{width: 31.33%;margin-right: 2%;float: left;}
.wap-serlist ul li .pic img{width: 100%;}





/*page*/
.page { padding-left: 0; margin: 2% 0; border-radius: 4px; clear: both; text-align: center; }
.page div { display: inline-block; }
.page a, .page span { position: relative; float: left; padding: 8px 14px; margin-left: -1px; line-height: 1.42857143; color: #006cb6; text-decoration: none; background-color: #fff; border: 1px solid #ddd; font-size: 14px; }
.page .current { background-color: #006cb6; border: 1px solid #006cb6; color: #fff; }
.page a:first-child, .page span:first-child { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.page a:last-child, .page span:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.goback{width: 200px;height: 48px;text-align:center;margin: 0 auto;background: #f8f8f8;border-radius: 10px;}
.goback a{display: inline-block;line-height: 48px;font-size: 16px;width: 100%;}
.goback:hover a{background: #006cb6; color: #fff;border-radius: 10px;}

/*bottom*/
.lfooter {display: none;    width:100%; height:70px; background-color:#006cb6;  bottom:0px; margin-top:5px; }
.lfooter>ul>li{ width:33.33%; height:auto; float:left; text-align:center; padding:10px 0px; }
.lfooter>ul>li>a { color:#fff; line-height:14px; font-size:14px;}
.lfooter>ul>li:nth-child(2){border-right:solid 1px #bdbdbd;border-left:solid 1px #bdbdbd;}



/*member*/
.inMemberWrap{background: ;}

.MyBox {
    padding: 50px 0 120px;
    background-color: #f0f0f0
}

.MyBox .con1100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.MyBox .con1100 .left {
    width: 170px
}

.MyBox .con1100 .left .MyTabBar {
    padding: 30px 10px 30px 24px;
    border-radius: 3px;
    background-color: #fff
}

.MyBox .con1100 .left .MyTabBar .tabTerm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.MyBox .con1100 .left .MyTabBar .tabTerm:not(:first-child) {
    margin-top: 25px
}

.MyBox .con1100 .left .MyTabBar .tabTerm .icon {
    width: 18px;
    max-height: 16px;
    font-size: 0
}

.MyBox .con1100 .left .MyTabBar .tabTerm .icon img.Lhide {
    display: none
}

.MyBox .con1100 .left .MyTabBar .tabTerm .t {
    font-size: 14px;
    color: #828282;
    -webkit-transition: all 0.3;
    -o-transition: all 0.3;
    transition: all 0.3;
    padding-left: 15px
}

.MyBox .con1100 .left .MyTabBar .tabTerm.active .icon img.Lshow {
    display: none
}

.MyBox .con1100 .left .MyTabBar .tabTerm.active .icon img.Lhide {
    display: block
}

.MyBox .con1100 .left .MyTabBar .tabTerm.active .t {
    color: #ee2823
}

.MyBox .con1100 .MyTabCont {
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px);
    background-color: #fff;
    padding: 25px 50px 60px;
    background-image: url(../images/bj5.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover
}

.MyBox .con1100 .MyTabCont .tabItem .title {
    font-size: 18px;
    color: #333;
    font-weight: bold
}

.MyBox .con1100 .MyTabCont .tabItem .con1 {
    margin-top: 20px
}

.MyBox .con1100 .MyTabCont .tabItem .con1 form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.MyBox .con1100 .MyTabCont .tabItem .con1 form .box {
    width: 47%;
    margin-bottom: 25px
}

.MyBox .con1100 .MyTabCont .tabItem .con1 form .box .tit {
    font-size: 14px;
    color: #666
}

.MyBox .con1100 .MyTabCont .tabItem .con1 form .box input {
    width: 100%;
    border: 1px solid #cecece;
    border-radius: 5px;
    padding: 0 20px;
    color: #333;
    line-height: 49px;
    background-color: #fff;
    margin-top: 5px
}

.MyBox .con1100 .MyTabCont .tabItem .con1 form .button {
    width: 100%;
    text-align: center;
    margin-top: 5px
}

.MyBox .con1100 .MyTabCont .tabItem .con1 form .button button {
    width: 220px;
    line-height: 49px;
    font-size: 14px;
    color: #fff;
    background-color:#006cb6;
    text-align: center;
    border-radius: 5px;
    border: none;
}

.MyBox .con1100 .MyTabCont .tabItem .con2 {
    margin-top: 20px;
    padding-bottom: 40px
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .top {
    border-bottom: 1px solid #006cb6;
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .top .t {
    font-size: 14px;
    color: #006cb6;
    padding-bottom: 5px;
    font-weight: bold
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .top .t:nth-child(1) {
    width: 57.5%
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .top .t:nth-child(2) {
    width: 23.5%
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .top .t:nth-child(3) {
    width: 100px;
    text-align: center
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li {
    position: relative
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li::before {
    content: "";
    width: 100%;
    height: 1px;
    background-image: url(../images/xian.png);
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lshow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 20px;
    position: relative
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lshow .t {
    font-size: 14px;
    color: #444;
    line-height: 28px
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lshow .t:nth-child(1) {
    width: 54%;
    margin-right: 20px;
    /*flex: 1;*/
    word-wrap: break-word;
    word-break: break-all;
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lshow .t:nth-child(2) {
    width: 24%
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lshow .t:nth-child(3) {
    width: 100px
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lshow .t.on {
    width: 100px;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    white-space: nowrap
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lshow .t.on.UnderReview {
    background-color: #444
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lshow .t.on.adopt {
    background-color: #ee2823
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lshow .t.on.fail {
    background-color: #bbb
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lshow .icon {
    font-size: 20px;
    color: #666;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.3s
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lshow.active {
    background-color: #f9f9f9
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lshow.active .icon {
    color: #ee2823
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lhide {
    width: 100%;
    padding: 25px 20px 35px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    display: none
}

.MyBox .con1100 .MyTabCont .tabItem .con2 .bot .li .Lhide span {
    color: #ee2823
}

.MyBox .con1100 .MyTabCont .tabItem .con3 {
    margin-top: 20px
}

.MyBox .con1100 .MyTabCont .tabItem .con3 form {
    width: 385px;
    max-width: 100%;
    margin: 0 auto
}

.MyBox .con1100 .MyTabCont .tabItem .con3 form .box {
    margin-bottom: 15px
}

.MyBox .con1100 .MyTabCont .tabItem .con3 form .box .tit {
    font-size: 14px;
    color: #666
}

.MyBox .con1100 .MyTabCont .tabItem .con3 form .box .input {
	width: 385px;
    border: 1px solid #cecece;
    position: relative;
    margin-top: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    border:none;
}
.MyBox .con1100 .MyTabCont .tabItem .con3 form .box .input textarea{width: 385px;}
.MyBox .con1100 .MyTabCont .tabItem .con3 form .box .input input {
    width: 100%;
    line-height: 49px;
    padding: 0 19px
}

.MyBox .con1100 .MyTabCont .tabItem .con3 form .box .input .icon i {
    font-size: 20px;
    color: #b1b1b2;
    line-height: 1;
    margin-right: 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer
}

.MyBox .con1100 .MyTabCont .tabItem .con3 form .box .input .icon i.icon2 {
    font-size: 14px
}

.MyBox .con1100 .MyTabCont .tabItem .con3 form .box .input .icon i.Lhide {
    display: none
}

.MyBox .con1100 .MyTabCont .tabItem .con3 form .box .input .icon i:hover {
    color: #333
}

.MyBox .con1100 .MyTabCont .tabItem .con3 form .box .input .icon.active i.Lhide {
    display: block !important
}

.MyBox .con1100 .MyTabCont .tabItem .con3 form .box .input .icon.active i.Lshow {
    display: none !important
}

.MyBox .con1100 .MyTabCont .tabItem .con3 form button {
    width: 100%;
    line-height: 49px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #006cb6;
    border-radius: 5px;
    margin-top: 5px;
    border:none;
}

.MyBox .con1100 .MyTabCont .tabItem .con3 .Success {
    margin: 55px auto 0;
    text-align: center;
    width: 350px;
    max-width: 100%;
    padding-bottom: 100px;
    display: none
}

.MyBox .con1100 .MyTabCont .tabItem .con3 .Success .icon {
    margin: 0 auto
}

.MyBox .con1100 .MyTabCont .tabItem .con3 .Success .t {
    font-size: 16px;
    color: #333;
    margin-top: 15px
}

.MyBox .con1100 .MyTabCont .tabItem .con3 .Success a {
    display: block;
    margin-top: 62px;
    line-height: 49px;
    text-align: center;
    background-color: #ee2823;
    font-size: 14px;
    color: #fff;
    border-radius: 5px
}

.MyBox .con1100 .MyTabCont .tabItem .con4 {
    margin-top: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.MyBox .con1100 .MyTabCont .tabItem .con4 .box {
    width: 47.57%;
    -webkit-box-shadow: 0px 0px 17px 3px rgba(189, 189, 189, 0.1);
    box-shadow: 0px 0px 17px 3px rgba(189, 189, 189, 0.1);
    border-radius: 5px;
    margin-bottom: 40px;
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MyBox .con1100 .MyTabCont .tabItem .con4 .box .img {
    width: 80px
}

.MyBox .con1100 .MyTabCont .tabItem .con4 .box .img .pictureBox {
}

.MyBox .con1100 .MyTabCont .tabItem .con4 .box .text {
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    padding-left: 39px
}

.MyBox .con1100 .MyTabCont .tabItem .con4 .box .text h5 {
    font-size: 16px;
    color: #333;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    max-height: 40px;
    min-height: 40px
}

.MyBox .con1100 .MyTabCont .tabItem .con4 .box .text .data {
    font-size: 14px;
    margin-top: 10px;
    color: #999
}

.MyBox .con1100 .MyTabCont .tabItem .layui-box {
    margin-top: 10px
}

.MyBox .con1100 .MyTabCont .tabItem .con5 {
    margin-top: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.MyBox .con1100 .MyTabCont .tabItem .con5 a {
    display: block;
    width: 30%;
    background-color: #f6f6f6;
    margin-bottom: 40px;
    position: relative
}

.MyBox .con1100 .MyTabCont .tabItem .con5 a::before {
    content: "";
    width: 0;
    height: 5px;
    background-color: #ee2823;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.MyBox .con1100 .MyTabCont .tabItem .con5 a:hover::before {
    -webkit-animation: donhua2 ease 1s forwards;
    -o-animation: donhua2 ease 1s forwards;
    animation: donhua2 ease 1s forwards
}

.MyBox .con1100 .MyTabCont .tabItem .con5 a:not(:nth-child(3n+1)) {
    margin-left: 4.879%
}

.MyBox .con1100 .MyTabCont .tabItem .con5 a .cen {
    padding-top: 100%;
    position: relative;
}

.MyBox .con1100 .MyTabCont .tabItem .con5 a .cen h5 {
    position: absolute;
    top: 25px;
    left: 30px;
    font-size: 18px;
    color: #333
}

.MyBox .con1100 .MyTabCont .tabItem .con5 a .cen .img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.MyBox .con1100 .MyTabCont .tabItem .con5 a .cen .img img {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.MyBox .con1100 .MyTabCont .tabItem .con5 a .cen:hover .img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.MyBox .con1100 .MyTabCont .tabItem .con6 {
    padding-bottom: 40px
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0 25px;
    position: relative
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box::before {
    content: "";
    width: 100%;
    height: 1px;
    background-image: url(../images/xian.png);
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box .img {
    width: 121px;
    height: 121px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box .text {
    width: -webkit-calc(100% - 121px);
    width: calc(100% - 121px);
    padding-left: 75px
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box .text h5 {
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box .text .t1 {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    margin-top: 10px
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box .text .bot {
    margin-top: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box .text .bot .data {
    font-size: 14px;
    color: #999
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box .text .bot .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box .text .bot .right .t2 {
    font-size: 12px;
    color: #000;
    opacity: 0.8;
    -webkit-transition: all 0.3;
    -o-transition: all 0.3;
    transition: all 0.3
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box .text .bot .right .icon {
    margin-left: 9px;
    -webkit-transition: all 0.3;
    -o-transition: all 0.3;
    transition: all 0.3
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box .text .bot .right .icon .Lhide {
    display: none
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box .text .bot .right:hover .t2 {
    color: #ee2823
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box .text .bot .right:hover .icon .Lhide {
    display: block
}

.MyBox .con1100 .MyTabCont .tabItem .con6 .box .text .bot .right:hover .icon .Lshow {
    display: none
}

.MyBox .con1100 .MyTabCont .tabItem .con7 {
    margin-top: 25px;
    position: relative
}

.MyBox .con1100 .MyTabCont .tabItem .con7 .bj img {
    width: 100%
}

.MyBox .con1100 .MyTabCont .tabItem .con7 .text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 38px;
    max-width: 70%
}

.MyBox .con1100 .MyTabCont .tabItem .con7 .text h5 {
    font-size: 24px;
    color: #fff;
    line-height: 1;
    font-weight: bold
}

.MyBox .con1100 .MyTabCont .tabItem .con7 .text .t {
    font-size: 12px;
    color: #eee;
    margin-top: 5px
}

.MyBox .con1100 .MyTabCont .tabItem .con7 .text .t2 {
    font-size: 18px;
    color: #006cb6;
    margin-top: 8px;
    font-weight: bold
}

.MyBox .con1100 .MyTabCont .tabItem .con8 {
    padding: 25px 0 60px
}

.MyBox .con1100 .MyTabCont .tabItem .con8 form {
    width: 385px;
    max-width: 100%;
    margin: 0 auto
}

.MyBox .con1100 .MyTabCont .tabItem .con8 form .box .tit {
    font-size: 14px;
    color: #666
}

.MyBox .con1100 .MyTabCont .tabItem .con8 form .box .tit span {
    color: #ff0000;
    padding-right: 10px
}

.MyBox .con1100 .MyTabCont .tabItem .con8 form .box .input {
    margin-top: 5px
}

.MyBox .con1100 .MyTabCont .tabItem .con8 form .box .input input {
    border-radius: 5px;
    width: 100%;
    line-height: 49px;
    border: 1px solid #cecece;
    font-size: 14px;
    color: #999;
    padding: 0 20px;
    background-color: #fff
}

.MyBox .con1100 .MyTabCont .tabItem .con8 form .box .input textarea {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #cecece;
    font-size: 14px;
    color: #999;
    background-color: #fff;
    border-radius: 5px;
    min-height: 150px
}

.MyBox .con1100 .MyTabCont .tabItem .con8 form .box:not(:first-child) {
    margin-top: 25px
}

.MyBox .con1100 .MyTabCont .tabItem .con8 form .button {
    width: 100%;
    text-align: center;
    margin-top: 30px
}

.MyBox .con1100 .MyTabCont .tabItem .con8 form .button button {
    width: 220px;
    line-height: 49px;
    font-size: 14px;
    color: #fff;
    background-color: #ee2823;
    text-align: center;
    border-radius: 5px
}

.icon_duihao:before {
    content: "\e6c6";
    font-size: 10px;
}
.securitySetting .title{font-size: 18px;color: #333;font-weight: bold;}
.securitySetting .hint{padding-top: 15px;font-size: 12px; color: #666;}

.securitySetting .securitySettingList{ border: 1px solid #cecece; margin-top: 20px; padding:20px 20px;}
.securitySetting .securitySettingList .list{border-bottom: 1px solid #cecece; padding: 20px 0px; display:flex; flex-wrap: wrap;}
.securitySetting .securitySettingList .list .icon{ width: 30px; height: 30px; border-radius: 100%; border: 1px solid #006cb6; display:flex; align-items: center; justify-content: center;}
.securitySetting .securitySettingList .list .icon_x{border-color: #cecece; color: #cecece; font-size: 12px;}
.securitySetting .securitySettingList .list .icon_duihao {border-color: #006cb6; color: #006cb6; font-size: 20px;}

.securitySetting .securitySettingList .list .subtitle{margin:0px 20px; font-size: 14px;}
.securitySetting .securitySettingList .list .desc{font-size: 12px; flex: 1;}
.securitySetting .securitySettingList .list .btn{margin-left: 100px; cursor: pointer;}
.securitySetting .securitySettingList .list .btn a{display:block; padding:7px 15px; font-size: 14px;background:#006cb6;color: #fff;border-radius: 35px;}
.securitySetting .securitySettingList .list:last-child{border-bottom: none;}

.securitySettingTab{display: none;}

.bindingVcode{position: absolute; right: 0px; top: 0px; line-height: 49px; background: #006cb6; padding:0px 20px; color: #fff;cursor: pointer;}


.register {
    width: 100%;
    min-height: 100vh;
    overflow-y: auto;
    text-align: center;
    background-image: url(../img/bj4.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
    padding:35px 0px;
    z-index: 1;
    position: relative;
    display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
}

.register .logo {
    width: 178px;
    display: block;
    margin: 0 auto
}

.register .logo img {
    width: 100%
}

.register .t {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    text-indent: 14px;
    letter-spacing: 14px
}

.register .con {
    width: 100%;
    margin-top: 35px;
    background-color: #fff;
    position: relative;
    padding: 30px 50px 40px;
    text-align: center
}

.register .con .title {
    font-size: 24px;
    color: #006cb6;
    font-weight: bold
}

.register .con::before {
    content: "";
    width: 0;
    height: 5px;
    background-color: #ee2823;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: donhua1 ease 1.5s forwards;
    -o-animation: donhua1 ease 1.5s forwards;
    animation: donhua1 ease 1.5s forwards
}

.register .con form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 32px
}

.register .con form .box {
    width: 47.5%
}

.register .con form .button {
    text-align: center;
    margin-top: 5px;
    width: 100%
}

.register .con form .button button {
    width: 220px;
    line-height: 53px;
    background-color: #006cb6;
    text-align: center;
    border: none;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    letter-spacing: 5px
}

.register .con .bot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.register .con .bot .left {
    font-size: 14px;
    color: #828282;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.register .con .bot .left a {
    font-size: 14px;
    color: #006cb6;
}

.register .con .bot .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.register .con .bot .right i {
    width: 18px;
    height: 18px;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    display: block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 0;
    line-height: 18px;
    transition: all 0.3s
}

.register .con .bot .right .t2 {
    font-size: 14px;
    margin-left: 10px;
    color: #828282
}

.register .con .bot .right a {
    font-size: 14px;
    color: #006cb6;
    display: block
}

.register .con .bot .right.active i {
    font-size: 14px;
    color: #fff;
    background-color: #ee2823;
    border-color: #ee2823
}

.register .box {
    text-align: left;
    margin-bottom: 25px
}

.register .box .tit {
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.register .box .tit span {
    font-size: 16px;
    color: #ff0000;
    padding-right: 3px
}

.register .box .input {
    width: 100%;
    background-color: #f3f4f5;
    position: relative;
    margin-top: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px
}

.register .box .input input {
    width: 100%;
    line-height: 53px;
    padding: 0 19px;
    color: #333
}

.register .box .input input::-webkit-input-placeholder {
    color: #bcbcbc
}

.register .box .input input::-moz-placeholder {
    color: #bcbcbc
}

.register .box .input input:-ms-input-placeholder {
    color: #bcbcbc
}

.register .box .input input::placeholder {
    color: #bcbcbc
}

.register .box .input .yzm {
    padding: 0 19px;
    line-height: 30px;
    border-radius: 30px;
    background-color: #006cb6;
    font-size: 14px;
    color: #fff;
    display: block;
    white-space: nowrap;
    margin-right: 20px
}

.register .box .input .yzm.off{
    background-color: #bbbbbb;
}

.register .box .input .icon i {
    font-size: 20px;
    color: #b1b1b2;
    line-height: 1;
    margin-right: 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer
}

.register .box .input .icon i.icon2 {
    font-size: 14px
}

.register .box .input .icon i.Lhide {
    display: none
}

.register .box .input .icon i:hover {
    color: #333
}

.register .box .input .icon.active i.Lhide {
    display: block !important
}

.register .box .input .icon.active i.Lshow {
    display: none !important
}

.register .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    bottom: 0px;
    padding-top: 25px;
    left: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-align: end;-webkit-align-items: end;-moz-box-align: end;-ms-flex-align: end;align-items: end;
}

.register .bottom a {
    display: inline-block;
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    white-space: nowrap
}

.register .bottom a:hover {
    color: #fff
}

.register .SignInCon {
    width: 100%;
    margin-top: 35px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    position:relative;
    z-index: 5;
}

.register .SignInCon .left {
    width: 56.36364%;
    background-color: #f3f4f5;
    padding: 30px 50px 70px
}

.register .SignInCon .left h5 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: left
}

.register .SignInCon .left .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 42px
}

.register .SignInCon .left .list .box {
    display: block;
    width: 19.442%
}

.register .SignInCon .left .list .box:nth-child(n+4) {
    margin-top: 25px
}

.register .SignInCon .left .list .box .icon {
    padding-top: 100%;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    position: relative
}

.register .SignInCon .left .list .box .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.register .SignInCon .left .list .box .text {
    font-size: 16px;
    color: #333;
    margin-top: 15px;
    text-align: center
}

.register .SignInCon .left .list .box:not(:nth-child(3n+1)) {
    margin-left: 19.442%
}

.register .SignInCon .left .list .box:hover .icon img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    -o-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.register .SignInCon .right {
    position: relative;
    width: 43.63636%;
    padding: 30px 50px 10px
}

.register .SignInCon .right::before {
    content: "";
    width: 0;
    height: 5px;
    background-color: #006cb6;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: donhua1 ease 1.5s forwards;
    -o-animation: donhua1 ease 1.5s forwards;
    animation: donhua1 ease 1.5s forwards
}

.register .SignInCon .right .title {
    font-size: 24px;
    color: #ee2823;
    font-weight: bold
}

.register .SignInCon .right form {
    margin-top: 34px
}

.register .SignInCon .right form .box {
    width: 100%;
    margin-bottom: 25px
}

.register .SignInCon .right form .box .tit {
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.register .SignInCon .right form .box .tit span {
    font-size: 16px;
    color: #ff0000;
    padding-right: 3px
}

.register .SignInCon .right form .box .input {
    width: 100%;
    background-color: #f3f4f5;
    position: relative;
    margin-top: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px
}

.register .SignInCon .right form .box .input input {
    width: 100%;
    line-height: 53px;
    padding: 0 19px;
    color: #333
}

.register .SignInCon .right form .box .input input::-webkit-input-placeholder {
    color: #bcbcbc
}

.register .SignInCon .right form .box .input input::-moz-placeholder {
    color: #bcbcbc
}

.register .SignInCon .right form .box .input input:-ms-input-placeholder {
    color: #bcbcbc
}

.register .SignInCon .right form .box .input input::placeholder {
    color: #bcbcbc
}

.register .SignInCon .right form .box .input i {
    font-size: 20px;
    color: #b1b1b2;
    line-height: 1;
    margin-right: 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer
}

.register .SignInCon .right form .box .input i.icon2 {
    font-size: 14px
}

.register .SignInCon .right form .box .input i.Lhide {
    display: none
}

.register .SignInCon .right form .box .input i:hover {
    color: #333
}

.register .SignInCon .right form button {
    width: 100%;
    font-size: 18px;
    line-height: 53px;
    background-color: #006cb6;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    letter-spacing: 5px;
    border:none;
}

.register .SignInCon .right .bot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

.register .SignInCon .right .bot a {
    font-size: 14px;
    color: #828282;
    display: inline-block
}

.register .SignInCon .right .bot .Botleft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.register .SignInCon .right .bot .Botleft a {
    color:#006cb6;
    padding-left: 10px
}

.register .ForgetMMCon {
    width: 480px;
    max-width: 100%;
    background-color: #fff;
    border-radius: 5px;
    margin: 35px auto 0;
    overflow: hidden
}

.register .ForgetMMCon .title {
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    background-color: #006cb6;
    color: #fff
}

.register .ForgetMMCon .title .Lhide {
    display: none
}

.register .ForgetMMCon form {
    padding: 40px 50px
}

.register .ForgetMMCon form button {
    width: 100%;
    margin-top: 5px;
    font-size: 18px;
    line-height: 53px;
    background-color: #006cb6;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    border:none;
}

.register .ForgetMMCon .successB {
    padding: 90px 50px 40px;
    text-align: center;
    display: none
}

.register .ForgetMMCon .successB .icon {
    margin: 0 auto
}

.register .ForgetMMCon .successB h5 {
    font-size: 16px;
    color: #333;
    margin-top: 15px
}

.register .ForgetMMCon .successB a {
    display: block;
    width: 100%;
    line-height: 53px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-radius: 3px;
    background-color: #ee2823;
    margin-top: 85px
}

.register .ForgetMMCon.active .title .Lshow {
    display: none
}

.register .ForgetMMCon.active .title .Lhide {
    display: block
}

.register .ForgetMMCon.active form {
    display: none
}

.register .ForgetMMCon.active .successB {
    display: block
}



.back_index {
    display: block;
    margin-bottom: 30px;
    text-align: center;
    width: 100px;
    line-height: 2;
    border-radius: 3px;
    color: #fff;
    transition: all .5s;
    background-color: #006cb6;
}

.loginTitleType{ text-align: left; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.loginTitleType a{display:block; padding: 10px 20px; font-size: 14px; margin-right: 15px; border: 1px solid #eee; color: #666;}
.loginTitleType a.cur{border-color:#006cb6;background-color: #006cb6; color: #fff;}
.loginTab{display: none;}
.acquirePass{position: absolute; right: 0px; top: 0px; line-height: 53px; background:#006cb6; padding:0px 20px; color: #fff;cursor: pointer;}
.loginVCode{position:absolute; right: 0px; height: 53px; cursor: pointer;}

.icon_yueduliang:before {
    content: "\e6a0";
}



#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #006cb6 !important;}
	












@media (max-width:992px){
    .acquirePass{line-height: 45px;}
}

@media (max-width:765px){
    .acquirePass{line-height: 40px;}
}

@media (max-width:500px){
    .bindingVcode{line-height: 35px;}
}

@media (max-width:768px){
    .securitySetting .securitySettingList{padding: 15px;}
    .securitySetting .securitySettingList .list{padding: 15px 0px;}
    .securitySetting .securitySettingList .list .icon{display: none;}
    .securitySetting .securitySettingList .list .subtitle{width: 100%;margin: 0px 0px 10px;font-weight: 600;}
    .securitySetting .securitySettingList .list .desc{width: 100%;}
    .securitySetting .securitySettingList .list .btn{margin-left: 20px;}
    .securitySetting .securitySettingList .list .btn a{font-size: 12px;}

}





 @media screen and (min-width: 340px) and (max-width: 1660px) {
     
      
    }

 @media screen and (min-width: 340px) and (max-width: 1450px) {
     
   .nav{margin-left: 8%;}  
   .nav ul li{margin: 0 30px;}  
     
      }
      

 @media screen and (min-width: 340px) and (max-width: 1440px) {
     
      
    }
  @media screen and (min-width: 340px) and (max-width: 1400px) {
     
     
     
     
      
    }   
    
 @media screen and (min-width: 340px) and (max-width: 1366px) {
     
      
    }

 @media screen and (min-width: 340px) and (max-width: 1360px) {
 	.nav {
    margin-left: 10%;
}
     .nav ul li { margin: 0 22px; }
     
      
    }
    
   @media screen and (min-width: 340px) and (max-width: 1319px) {
     .nav{margin-left: 3%;margin-top: 60px;}
     .head-ver { margin-top: 58px; }
    .nav ul li:after{left: 98px;}
      
    }  
    
    


 @media screen and (min-width: 340px) and (max-width: 1280px) {
     
      
    }

 @media screen and (min-width: 340px) and (max-width: 1200px) {
 	.header{display: none;}

     .ny-banner{display: none;}
     .menuWrap{display: block;}
      .news-list .news-left{}
     .news-list .news-left,.news-list .news-right{float: none;width:100%;}
     .inAbout{flex-wrap: wrap;}
     .inSideLeftSoft{width: 100%;float: none;}
     .inSideLeft,.inSideLeftCases,.inSideRight{width: 100%;}
     
     
      
    }
    @media screen and (min-width: 340px) and (max-width: 1199px) {
     .case,.brand,.news{padding:4vh 0;}
     
      
    } 
 @media screen and (min-width: 340px) and (max-width: 1024px) {
     
      
    }
 @media screen and (min-width: 340px) and (max-width: 998px) {
     
      
    }
 @media screen and (min-width: 340px) and (max-width: 768px) {
     .news-class ul li{margin: 0 1% 2% 1%;}
    .news-list{margin-top:2%; }




      
    }
 @media screen and (min-width: 340px) and (max-width: 640px) {
     .banner { display: none; }
    .wap-banner{display: block;} 
.news-list .news-right ul li h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}      
      
      
      
      
    }


@media screen and (min-width: 0px) and (max-width: 500px) {

      .foot-nav,.wechat{float: none;display:none;}
      
    }





 @media screen and (min-width: 0px) and (max-width: 414px) {
 .brand-class ul{}  
.brand-class ul li{width:23%;margin: 0 2%;}
.brand-class ul li h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 1% 0 3%;}
.brand-class ul li .pro-icon img{width: 70%;}
.case .case-list .swiper-wrapper .swiper-slide{height: 494px;}
.news{padding: 4vh 0 4vh;}
.news-class ul{display: flex;justify-content: center;text-align: center;flex-wrap: wrap;}   
  
.news-class ul li{float: none;margin-bottom: 20px;}
.news-list{margin: 2% 0 0;}     
.brand-class {margin: 0px auto 2%;}
.brand-info { margin-top:0px;}
.brand-info .swiper-slide{height: 374px;}
.brand-info .swiper-slide ul li { margin: 2px 0;}

.case{padding:4vh 0;}

.case .case-list .swiper-wrapper .swiper-slide {height: 436px;}
.index-tit{margin-bottom:1%;}
.index-tit p{font-size: 13px;}

.brand-class ul li h4 {font-size: 15px;}


.brand-info .swiper-slide{padding:6%;}
.brand-info .swiper-slide h3{font-size: 18px;}
.case .case-list .swiper-wrapper .swiper-slide h3{font-size: 20px;}
.brand-info .swiper-slide ul {
    margin: 1% 0 0;
}
.news-list .news-right {display: none;}
.news-list .news-right ul li{padding:0 2%;}

.news-list .news-left a{font-size: 15px;}
.case .case-list .swiper-wrapper .swiper-slide .pic img{width: 17%;}
.news-list .news-right ul li{height: 40px;line-height: 40px;}
.news-list .news-right ul li h4{font-size: 15px;height: 40px;line-height: 40px;}


.foot .foot-info{display: block;}
.foot-left,.foot-con{float: none;width: 100%;}


}



@media screen and (min-width: 0px) and (max-width: 390px) {

      
      
    }




@media screen and (min-width: 0px) and (max-width: 375px) {
.news-class ul li{width: 34%;}
.brand-info .swiper-slide ul li:nth-child(4),.brand-info .swiper-slide ul li:nth-child(5),.brand-info .swiper-slide ul li:nth-child(6) {display: none;}
  .case .case-list .swiper-wrapper .swiper-slide {
    height: 390px;
}    


      
    }


@media screen and (min-width: 0px) and (max-width: 320px) {
.brand-class { margin: 0px auto 0px;}
.brand-class ul li{width: 23%;margin: 0 2%;}
.brand-class ul li .pro-icon img{width:86%;}
.brand-class ul li h4{font-size: 14px;}
.brand-class ul li h4{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.brand-info .swiper-slide ul {margin:0;}
.brand-info .swiper-slide ul li {margin: 0px 0;}

.brand-info {margin-top: 0px;}
.brand-info .swiper-slide ul li:nth-child(4),.brand-info .swiper-slide ul li:nth-child(5),.brand-info .swiper-slide ul li:nth-child(6) {display: none;}

.case{padding:4vh 0;}
.case .case-list {margin: 0px 0 0;}
.case .case-list .pic img {max-width:18%;}
.case .case-list .swiper-wrapper .swiper-slide{height: 340px;}

.case .case-list .swiper-wrapper .swiper-slide h3 {margin: 5% 0;}
.news-class ul li{margin: 2%}

.news-class ul li {
    width: 39%;
}


.news-list .news-left{}
.news-list .news-right{width: 100%;float: none;}
.news-list .news-right ul li{height: 60px;line-height:60px;padding:0 2%;}
.news-list .news-right ul li h4{font-size: 16px;  overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}

.foot-con dl dt {
    font-size: 20px;
}
    }