

/*瀵顢嬮弽宄扮础1*/
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}


.cd-popup_2 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup_3 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup_2.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup_3.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
    position: relative;
    width:859px;
    margin:100px auto;
    height:650px;
    background: none!important;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);


}

.cd-popup-container_2 {
    position: absolute;
    margin-left: -600px!important;
    top: 80px;
    left: 50%;
    /* height:565px; */
    /* background: #FFF; */
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); */

}
.cd-popup-container_3 {
    position: relative;
    width:859px;
    margin:100px auto;
    /* height:565px; */
    /* background: #FFF; */
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); */


}




.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.cd-popup-close_2{ position: absolute;right:35px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.cd-popup-close_3{ position: absolute;right:35px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}

.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.is-visible_2 .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.is-visible_3 .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}


/*瀵顢嬮弽宄扮础2*/
.cd-popup1 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup1.is-visible1 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container1 {
    position: relative;
    width:400px;
    margin:250px auto;
    height:250px;
    background: #FFF;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.cd-popup-close_2{ position: absolute;    top: -17px;
    right: -7px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.cd-popup-close_3{ position: absolute;right:-63px;top:-2px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}

.is-visible1 .cd-popup-container1 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}




/*瀵顢嬮弽宄扮础3*/
.cd-popup2 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup2.is-visible2 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container2 {
    position: relative;
    width:400px;
    margin:250px auto;
    height:250px;
    background: #FFF;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;display: block;font-size:14px;}
.is-visible2 .cd-popup-container2 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/*瀵顢嬮弽宄扮础3*/
.cd-popup3{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup3.is-visible3 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}


.cd-popup-close{
    position: absolute;
    text-align: center;
    top:55px;
    right: 50%;
    margin-right: -500px;
    z-index: 10;
    z-index: 10;
    width: auto;
    height: 45px;
    display: block;
    font-size: 26px;
    color: #FFF;

}


.cd-popup-close_2{
    position: absolute;
    text-align: center;
    top: -17px;
    right: -7px;
    z-index: 10;
    z-index: 10;
    width: auto;
    height: 100px;
    display: block;
    font-size: 26px;

    padding: 0px 10px 2px 16px;
    line-height: 18px;
    border-radius: 20px;
    letter-spacing: 2px;

}



.pci_url{max-width:800px;border-radius:20px 20px 0 0 ;float: left;}




.cd-buttons,.cd-popup-container{ border-radius: 10px;}

.cd-buttons_2{ max-width: 1200px;
    position:relative; width: 1200px; text-align: center;    overflow: hidden auto;}
.cd-buttons_2 img {  max-width: 1200px;  }


.cd-buttons_3,.cd-popup-container_3{ border-radius: 10px;
    overflow: hidden;}

.cd-buttons_3_txt{ line-height: 22px; width: 100%; font-size: 18px; background: #fff; padding: 40px 40px 10px; text-align: left;}
.cd-buttons_3_txt p{ margin-bottom: 10px; line-height: 26px;font-size: 16px;   font-weight: 100; text-indent:32px }

.first_txt{ opacity: 0;}
.cd-buttos_txt {
    width: 100%;
    height: 100px;
    color: #fff;
    text-align: center;
    line-height: 28px;

    font-size: 24px;
    padding-top: 12px;
}
.cd-buttos_txt_2 {
    width: 100%;
    height: 100px;
    color: #fff;
    text-align: center;
    line-height: 28px;

    font-size: 24px;
    padding-top: 12px;
}
.cd-buttos_txt h2,.cd-buttos_txt_2 h2{ font-size: 16px; padding-top: 5px; margin-bottom: 5px;}
.cd-buttos_txt h3,.cd-buttos_txt_2 h3{ font-size: 24px; padding-top: 10px; margin-bottom: 10px;}
.cd-buttos_txt h4,.cd-buttos_txt_2 h4{ font-size: 16px; padding-top: 5px; margin-bottom: 5px; }
.cd-buttos_txt h5,.cd-buttos_txt_2 h5{ font-size: 16px;padding-top: 5px; margin-bottom: 5px;}
.cd-buttos_txt h6,.cd-buttos_txt_2 h6{ font-size: 16px;padding-top: 5px; margin-bottom: 5px;}





