/**
 * Created by Administrator on 2017/6/21.
 * 支持
 */
.aws-part-title {
    display: block;
    text-align: center;
    color: #333;
    font-size: 30px;
    line-height: 100%;
	margin-bottom:20px;
	margin-top:20px;
}

.top-banner{
    background: url(../images/bg1.jpg) 50% no-repeat;
}

.proudcutTopContainer {
    width: 100%;
    min-height: 260px;
    position: absolute;
    top: 25%;
    background: #fff;
    padding: 30px 30px;
    margin-top: 60px;
}
.product-title1 {
    color: #202020;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    position: relative;
    top: 0;
}
.describle {
    font-size: 14px;
    line-height: 30px;
    color: #030303;

}
.small-title{font-size: 16px;color: #000;height: 88px;line-height: 88px;}
.row2{margin-top:101px; }

.support-tab{width: 100%;}
.col-md-2{    padding-left:20px;}
.tabContainer{width:81%;margin: 0 auto;min-height: 46px;line-height: 46px;margin-bottom: 70px;height: auto;overflow: hidden }
.tabContainer li{cursor: pointer }
.tab-nav-item{display: inline-block;float: left;height: 40px;min-width:130px;line-height: 40px;background: #e5e5e5;color: #333333;text-align: center;cursor: pointer; }
.tab-nav-item:hover,.tab-nav-item:focus,.active .tab-nav-item{
    background: #d9422f!important;
    color: white!important;
}
.supporttabBottom{margin-top: 83px;}
.service-method-img{
    margin-top: 50px;
}
.service-method-img>img{
    width: 100%;
}
.row3{margin-top: -50px;margin-bottom: 109px;}
.small-title1{line-height: 32px;margin-top: 10px;font-size: 15px;}
.pass-list{font-size: 14px;}
.pass-list li{line-height: 24px;overflow: hidden}
.kk{width: 3px;height: 3px;border-radius: 50%;background: #cc3333;float: left;margin-right: 10px;margin-top:17px; }
.passcontext{float: left}
.botmtab{display: none;}
.aws-title{font-size: 20px;color:#000;text-align: center; }

.img-boxs{margin-top: 102px;margin-bottom: 100px;}

.thumbnail {  margin-bottom: 80px;  background-color: transparent;  border: none;  }
.botmtab2 .thumbnail  img,.botmtab5 .thumbnail  img{border: 1px solid #d84435;border-radius: 50%;  }


.thumbnail  .caption a{color: #ff714d }
.red1{color: #ff714d }
/*.thumbnail  .caption a:hover{color: #d9422f ;text-decoration: none;}*/
.redhover{color: #d9422f }
.li_click{background: #d9422f!important;color: white!important;}

.botmtab3 .caption h4{color: #000}
.img-progress{display: block;margin: 0 auto;}
.botmtab4 .caption a{color: #030303;font-size: 16px;}

.app-boxs{margin-top: 80px;}
.awspaas-app{border-left:2.5px solid #ff7f50;padding-left: 10px;}
.boxesContentContainer4,.boxesContentContainer2,.boxesContentContainer3{display: none;}

/*第五部分开始*/
.fifith-part {
    width: 100%;
    min-height: 476px;
    height: auto;
    background: url(../../images/support/2.jpg) no-repeat left top 100%;
    padding-top: 75px;
}

.fifith-partContainer {
    width: 40%;
    margin-left: 10%;
    min-height: 300px;
    height: auto;
    background: white;
    opacity: 0.9;
    position: relative;
}


img{
    max-width: 100%;
}
×/

.person li {
    overflow: hidden;
}

@media screen and (min-width: 768px){
    .carousel-indicators {
        bottom: auto;
    }

}


    .carousel-indicators {
        position: inherit;
        bottom: auto;
        left: auto;
        z-index: 15;

        padding-left: auto;
        margin-left: auto;
        text-align: center;
        list-style: none;
    }
.carousel-indicators li {
    display: inline-block;
    width: 25%;
    height: auto;
    margin: auto;
    text-indent:0;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: none;
    border-radius:inherit;
}
.carousel-control.right ,.carousel-control.left{
     right: 0;
    left: auto;
    background-image: none;
    width: 20px;
    top:30px;
    filter:none;
    background-repeat: repeat-x;
}
.carousel-control.left{left:0px;}

.tab-boxes{width: 60%;margin: 20px auto;height:32px;line-height: 32px; }
.tab-boxes li{float: left;width: 33%;text-align: center;font-size:18px;color: #000;cursor: pointer; }
.tab-boxes li div{width: 70px; }
.tab-boxesContent{width: 90%;min-height:130px;height:auto;position:relative ;margin: 0 auto}
.controller-left{position: absolute;;left:10px;cursor: pointer}
.controller-right{position: absolute;right: 10px;cursor: pointer}

.boxesContentContainer {
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: 20px;
}
.li-active{border-bottom: 2px solid #d9422f}
.carousel {
    position: relative;
    width: 90%;
    margin: 0 auto;
}

.carousel-control img{display: block;margin: 20px auto;}
.carousel-indicators .active {
    width: 33%;
    height: auto;
    font-size: 18px;
    border-bottom: 2px solid #d9422f

}

/*第六部分开始*/
.sixth-part{width: 100%;min-height:450px;height: auto; }
.sixth-partContainer{margin-top: 139px;height:180px; }
.sixth-partContainer img{display: block;margin:0 auto; }
.sixth-partContainer p{ margin-top: 60px;font-size: 18px;color: #000000}
@media (max-width: 1200px){
    .clears{display: none!important;}
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{max-width: 100%}

    .fifith-partContainer {
        width: 66%;
        margin-left: 10%;
    }
}

@media screen and (max-width: 768px) {
    .fifith-partContainer {
        width: 90%;
        margin-left: 5%;
    }
}
@media (max-width: 414px){

    .tab-boxes{width: 80%;margin: 20px auto;height:32px;line-height: 32px; }
    .carousel{width: 100%}

    .boxesContentContainer {
        width: 90%;
        top: 0px;
    }

    .fifith-partContainer {
        width: 96%;
        margin-left: 2%;
    }
}

.kind-title {
    text-align: left;
    height: 16px;
    border-left: 3px solid #d9422f;
    font-size: 16px;
    color: #000000;
    text-indent: 16px;
    line-height: 16px;
    margin-bottom: 20px;
    display: inline-block;
}
.smart-kind-title {
    text-align: left;
    border-left: 3px solid #d9422f;
    font-size: 14px;
    color: #000000;
    /* text-indent: 13px; */
    line-height: 100%;
    margin: 20px 0;
    display: block;
    width: 100%;
    height: auto;
    padding-left: 10px;
}
.circle {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #cc3333;
    margin-right: 10px;
    margin-top: 8px;
}
.fl {
    float: left;
    font-size: 0.2em;
    color: #666;
}
.kind-content{
    display: inline-flex;
    position: relative;
}
.kind-content .kind-desc{
    display: inline-flex;
    padding-left: 30px;
    position: relative;
    line-height: 26px;
    height: 26px;
}
.aws-title{
    margin: 20px 0;
    font-size: 14px;
    line-height: 26px;
    color: #030303;
    height: auto;
    text-align: left;
}
.table {
    border-collapse: separate;
    border-spacing: 0 1px;
}
.table>tbody>tr{
    border: 0;
    background: #f1f1f1;
}
.table>tbody>tr.active>td{
    height:32px;
    line-height: 32px;
    border: 0;
    background: #f1f1f1;
    font-size: 13px;
    color: #666;
}
.table-title{
    background: #e5e5e5;
}
.person li{
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: 24px;
}
.person span{
    font-size: 13px;
    color: #666;
    float: left;
}
.person a,a:hover,a:focus{
    color: #cc3333;
}
.small-title-content{
    line-height: 20px;
    font-size: 13px;
    color: #666;
    padding-left: 20px;
    display: inline-block;
}
.smart-kind-title a,a:hover,a:focus{
    color: #cc3333;
}

.cloud-more{
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 13px;
    color: #d9422f;
    font-weight: 400;
}
.cloud-more:hover,.cloud-more:focus{
    color: #d9422f!important;
}

.container-fluid {
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.input-lg {
    height: 40px;
    padding: 10px 16px;
    font-size: 13px;
    line-height: 1.3333333;
    border-radius: 0;
    border: 0;
    background: #fff;
}

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 13px;
    line-height: 1.3333333;
}

.btn-danger {
    background: #d84535;
    border: 0;
    border-radius: 0;
    color: #fff;
    height: 38px;
}

.exam-head {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    padding: 10px 0;
}
.authenticate-con{
    padding-bottom: 80px;
    position: relative;
}
.wantAuthenticate{
    width: 30%;
    position: absolute;
    left: 50%;
    bottom: -6px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.exam-block {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    color: #666;
    position: relative;
    padding: 5px 0;
}

.exam-block .exam-title {
    width: 70px;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
}

.exam-block .exam-content {
    display: inline-block;
    width: 86%;
    position: relative;
    left: 65px;
    height: 100%;
    top: -8px;
    line-height: 2;
}

.exam-table {
    position: relative;
    top: 10px;
    width: 94%;
}

.exam-table table tr td {
    text-align: left;
    padding-left: 50px;
}

.authentication-btn {
    width: 120px;
    border: 0;
    background: #33a382;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 50px;
    bottom: 30px;
    color: #fff;
    font-weight: 300;
}

.authentication-btn:hover {
    color: #fff;
    background: #33a382;
}

.cert-panel ul li {
    display: block;
    height: 36px;
    line-height: 36px;
    width: 100%;
}

.cert-panel .cert-title {
    width: 80px;
    display: inline-block;
    text-align: center;
}

.boxshadow-img {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}

.success-link {
    font-size: 14px;
    font-weight: 600;
    margin: 0 2px;
}

.success-link:hover {
    font-size: 14px;
    font-weight: 600;
    margin: 0 2px;
}

.nav-head-link {
    display: inline-block;
    color: #de6363;
    font-size: 14px;
    margin-top: 20px;
    margin-right: 20px;
}