.success-details-sec1{ width:100%; height: auto; display: block; position:relative; padding: 120px 0 50px;}
.success-details-sec1:after{content:''; display:block; clear:both;}
.success-details-sec1-box1{width:100%; height: auto; display: block; position:relative; }
.success-details-sec1-box1 h2{ width: 100%; height: auto; display: block;font-size: 46px; font-weight: 600; color: #3C3C3C;  line-height:50px; padding-bottom: 20px;}
.success-details-left{width:67%; height: auto; float: left; display: block; position:relative; padding-right: 3%;}
.success-details-left figure{width:100%; height: auto; display: block; position:relative; margin-bottom: 20px;}
.success-details-left figure img{width:100%; border-radius: 10px;}
.success-details-left h3{width: 100%; height: auto; display: block;font-size: 28px; font-weight: 400; color: #3C3C3C;  line-height:30px; padding-bottom: 20px; padding-top: 20px;}
.success-details-left p{width: 100%; height: auto; display: block;float: left; font-size: 18px; font-weight: 400; color: #3C3C3C;  line-height:22px; padding-bottom: 20px;}
.success-details-left h4{width:100%; height: auto; float: left; display: block; font-size: 22px; font-weight: 600; color: #000; line-height: 30px;  padding-left: 30px;  position: relative; margin-bottom: 20px; margin-top: 40px;}
.success-details-left h4:after { content: '';  position: absolute;  left: 0px; top: 0;  bottom: 0;  width: 1px ; height: 100%; background: #307FE2; }

.success-details-left h5{width:100%; height: auto; float: left; display: block; font-size: 25px; font-weight: 600; color: #535353; line-height: 30px;   position: relative; margin-bottom: 20px; margin-top: 20px;}
.success-details-iconlist{width:50%; height: auto; float: left; display: block; }
.success-details-iconlist ul{margin-left: -10px; margin-right: -10px; height: auto; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap; position:relative;}
.success-details-iconlist ul li{width:100%; height: auto; display: block; float: left; padding:10px 10px;}
.success-details-iconlist ul li aside{width:100%; height: auto;  position: relative; display: table; }
.success-details-iconlist ul li aside span{ width: 40px; height: 40px; border-radius: 10px; border: 1px solid #BFBFBF; display: table; position: absolute; left: 0; top: 0; }
.success-details-iconlist ul li aside span i{ display: table-cell; vertical-align: middle; text-align: center; line-height: 0px; font-size: 0px;  }
.success-details-iconlist ul li aside span i img{  display: inline-block; line-height: 0px;}

.success-details-iconlist ul li aside small{width:100%; min-height: 40px; display: flex; align-items: center; font-size: 16px; font-weight: 400; color: #535353;  line-height:20px; padding-left: 50px; float: left; }
.success-details-iconlist ul li aside small h6{font-size: 16px; font-weight: 400; color: #535353;  line-height:20px;}


.success-details-list{margin-left: -10px; margin-right: -10px; height: auto; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap; position:relative;}
.success-details-list li{width:50%; height: auto; display: block; float: left; padding:10px 10px;}


.recognition-box{width:100%; height: auto; float: left; display: flex; position:relative; padding: 25px 25px; border-radius: 10px; border: 1px solid #ececec; align-items: center; margin-top: 20px;}
.recognition-box figure{width:40%; height: auto; float: left; display: block;     margin-bottom:0px;}
.recognition-box figure img{ width: 100%; }
.recognition-box aside{width:60%; height: auto; float: left; display: block; padding-left: 5%; font-size: 23px; font-weight: 400; color: #535353;  line-height:30px; }



.success-details-right{width:33%; height: auto; float: left; display: block; position:relative; padding: 30px 30px; background: #ececec; border-radius: 10px;}
.success-details-right h2{ width: 100%; height: auto; display: block;font-size: 26px; font-weight: 500; color: #3C3C3C;  line-height:30px; padding-bottom: 20px;}







.our-success-sec2-box2{width:100%; height: auto; display: block; position:relative;}
.our-success-sec2-box2:after{content:''; display:block; clear:both;}
.our-success-sec2-box2 ul{margin-left: -10px; margin-right: -10px; height: auto; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap; position:relative;}
.our-success-sec2-box2 ul li{width:100%; height: auto; display: block; float: left; padding:10px 10px; overflow: hidden;}
.our-success-sec2-box2 ul li a{ width: 100%; height: 100%; float: left; position: relative; overflow: hidden; z-index: 1; background: #fff; border-radius: 6px; padding: 50px 20px 0px 20px ; transition: 0.4s; }
.our-success-sec2-box2 ul li a:hover{ background: #486aae;}
.our-success-sec2-box2 ul li a figure{width:100%; height: auto; display: block; position: relative; border-top-right-radius: 10px; border-top-left-radius: 10px; overflow: hidden;}
.our-success-sec2-box2 ul li a figure img{ width: 100%; display: block;border-top-right-radius: 10px; border-top-left-radius: 10px;  -webkit-transform: scale(1);transform: scale(1);	-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.our-success-sec2-box2 ul li a:hover figure img{	-webkit-transform: scale(1.1);transform: scale(1.1);}
.our-success-sec2-box2 ul li a aside{width: 100%; height: 120px; float: left; position: relative;  padding: 0px 0px 0 0px; transition: 0.4s;}
.our-success-sec2-box2 ul li a aside h2{font-size: 18px; font-weight: 400; color: #000; line-height: 36px; transition: 0.4s; padding-bottom: 10px;}
.our-success-sec2-box2 ul li a aside p{font-size: 16px; font-weight: 400; color: #000; line-height: 26px; transition: 0.4s; }
.our-success-sec2-box2 ul li a aside p strong{font-weight: 700;}
.our-success-sec2-box2 ul li a small{position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; transition: 0.4s;}
.our-success-sec2-box2 ul li a:hover aside h2{ color: #fff;}
.our-success-sec2-box2 ul li a:hover aside p{ color: #fff;}
.our-success-sec2-box2 ul li a small:after{content: ''; position: absolute; right: 0; top: 0; width: 16px; height:16px;  background: url(../images/arrow-right5.png) no-repeat left top; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in-out;}
.our-success-sec2-box2 ul li a:hover small:after{content: ''; position: absolute; right: 0; top: 0; width: 16px; height: 16px;  background: url(../images/arrow-right5-hover.png) no-repeat left top;}
.our-success-sec2-box2 ul li a:hover figure{-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26);
-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26);
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26);}





.sitemap{display:inline-block; width:100%; padding:0 0 0 0; margin-bottom:0;}
.sitemap ul{display:flex; flex-wrap:wrap; text-align: left;}
.sitemap ul li{width:100%; float:left; color:#646464; font-size:16px; line-height:26px; text-transform:uppercase; position:relative; font-weight:600; margin-bottom:0px;}
.sitemap ul li a{color:#646464;}
.sitemap ul li a.main{display:block; position:relative; padding-bottom:10px; margin-bottom:20px;  font-size: 16px; font-weight: 500; color: #292929; line-height: 18px; transition: 0.4s;}
.sitemap ul li a:hover.main{padding-left:0px;
    color: #E33861;}

.sitemap ul li a.main:after{content:''; width:100%; height:1px; background:#e6e6e6; position:absolute; left:0; bottom:0;}
.sitemap ul li a:hover{color:#000;}
.sitemap ul li ul{width:100%; margin-bottom:0; margin:10px 0; padding-bottom:10px;}
.sitemap ul li ul li{width:25%; display:inline-block; padding-left:0px; font-weight:700; margin-bottom:0px; font-size:14px; line-height:26px; text-transform:none;}
.sitemap ul li ul li a{float:left; width:100%; position:relative; padding:0 0 15px 20px;  font-size: 14px; font-weight: 400; color: #292929; line-height: 18px;transition: 0.4s; }
.sitemap ul li ul li a:hover {
    padding-left: 24px;
    color: #E33861;
}
.sitemap ul li ul li a:before{content:''; width:6px; height:1px; background:#646464; position:absolute; left:4px; top:9px; transition: 0.4s;}
.sitemap ul li ul li a:hover:before{content:''; width:6px; height:1px; background:#E33861; position:absolute; left:6px; top:9px;}
.sitemap ul li ul .inner{overflow:hidden; display:none; margin:5px 0;}
.sitemap ul li ul li a.menu-toggle2{position:relative; padding:0 20px 0 0; width:100%; display:inline-block;}
.sitemap ul li ul li ul li{width:100%; display:inline-block; padding-left:15px; font-weight:normal; margin-bottom:0;}

.error404{ width: 100%; height: auto; float: left; display: block;}
.error404.space{margin-top: 150px; margin-bottom: 30px;}
.error404-box{width: 100%; height: auto; float: left; display: block;}
.error404-box figure{ width: 100%; max-width: 150px; height: auto; margin: 0 auto; display: table; text-align: center;}
.error404-box figure img{ width: 100%;}

.success figure{max-width: 87px !important; }
.success figure img{ width: 100%;}
.error404-box h2{ width: 100%; height: auto;  display: block; font-size: 48px; font-weight: 600; color: #307fe2; line-height: 52px; text-align: center;}
.error404-box h3{ width: 100%; height: auto;  display: block; font-size: 28px; font-weight: 600; color: #000; line-height: 30px; text-align: center; padding-top: 10px;}
.error404-box p{ width: 100%; max-width: 550px; height: auto; margin: 20px auto 20px;  display: table; font-size: 16px; font-weight: 400; color: #000; line-height: 22px; text-align: center;}
.error404-box p a{color: #307fe2; }
.error-buttom{ width:auto; height: 50px; margin: 0 auto; display: table; }
.error-buttom a{padding: 0 20px; background: #307fe2; font-size: 16px; font-weight: 600; color: #FFF; line-height: 50px; display: block; border-radius: 25px;  background-image: linear-gradient(0, #000, #000);
    background-size: 0;
    transition: .8s;
    position: relative;
    background-repeat: no-repeat; }
.error-buttom a:hover{ background-size: 100%; -webkit-box-shadow: 0px 10px 9px -3px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 10px 9px -3px rgba(0,0,0,0.14);
    box-shadow: 0px 10px 9px -3px rgba(0, 0, 0, 0.14);}


@media screen and (max-width:800px){
.sitemap ul li ul li{width:33.333%; }
}

@media screen and (max-width:500px){
	.sitemap ul li ul li{width:50%; display:inline-block; padding-left:0px; font-weight:700; margin-bottom:0px; font-size:14px; line-height:26px; text-transform:none;}
	
}
@media screen and (max-width:479px){
	.sitemap ul li ul li{width:100%; display:inline-block; padding-left:0px; font-weight:700; margin-bottom:0px; font-size:14px; line-height:26px; text-transform:none;}
}





@media all and (max-width:800px){
.success-details-left { width: 100%; padding-right: 0%;}
.success-details-right { width: 100%; margin-top: 30px;}
.our-success-sec2-box2 ul li { width: 50%;}
.recognition-box { flex-wrap: wrap;}
.recognition-box figure { width: 100%;}
.recognition-box aside { width: 100%; padding-left: 0%;}

@media all and (max-width:550px){
.success-details-iconlist { width: 100%;}
.success-details-list li {width: 100%;}
.our-success-sec2-box2 ul li {width:100%;}
}