.gcd-relat{
    position: relative;
    padding: 20px 50px 10px 50px;
}
.gcd-titspan{
    margin-left: 25px;
}
.gcd-titspan>a{
    font-size: 16px;
    color: #666;
    text-decoration: none;
    font-weight: normal;
}
.gcd-titspan>a:hover{
    opacity: 0.85;
}
.gcd-titspan>a+a{
    background: url(../images/gcd-ic25.png) left 7px no-repeat;
    padding-left: 20px;
    margin-left: 10px;
}
.gcd-centertab{
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}
.gcd-centertab>a{
    display: inline-block;
    min-width: 120px;
    max-width:250px;
    overflow: hidden;
    padding-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    color: #666;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s  ease 0s;
    -moz-transition: all 0.4s  ease 0s;
    -ms-transition: all 0.4s  ease 0s;
    -o-transition: all 0.4s  ease 0s;}
.gcd-centertab>a:hover{
    font-size:20px;
}.gcd-centertab>a.active{
    font-size: 20px;
    color: #333;
    position: relative;
    font-weight: bold;
}
.gcd-centertab>a.active:before{
    position: absolute;
    content:"";
    width: 21px;
    height: 5px;
    border-radius: 10px;
    background: #248aec;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
}
.gcd-content{    padding: 20px 70px;
    margin-left: -2%;
    margin-right: -2%;    background-image: linear-gradient(to bottom, #8eb7eb 0%, #e9edf4 35% ) !important;
    background-image: -moz-linear-gradient(top,#8eb7eb 0%, #e9edf4 35% ) !important;
    background-image: -ms-linear-gradient(top,#8eb7eb 0%, #e9edf4 35% ) !important;
    background-image: -webkit-linear-gradient(top, #8eb7eb 0%, #e9edf4 35% ) !important;
    background-image: -o-linear-gradient(top,#8eb7eb 0%, #e9edf4 35% ) !important;}
.gcd-content.gcd-bg-qt{    padding: 20px 70px;
    margin-left: -2%;
    margin-right: -2%;    background-image: linear-gradient(to bottom, #8eb7eb 10%, #e9edf4 45% ) !important;
    background-image: -moz-linear-gradient(top,#8eb7eb 10%, #e9edf4 45% ) !important;
    background-image: -ms-linear-gradient(top,#8eb7eb 10%, #e9edf4 45% ) !important;
    background-image: -webkit-linear-gradient(top, #8eb7eb 10%, #e9edf4 45% ) !important;
    background-image: -o-linear-gradient(top,#8eb7eb 10%, #e9edf4 45% ) !important;}
.gcd-planet-top{
    background: url(../images/gcd-ic26.png) center center no-repeat;    height: 310px;
    position: relative;
    background-size:100% 310px;
    width: 1300px;
    margin: 0px auto;
    display: flex;
    display: -webkit-flex;    justify-content: center;
}
.gcd-planet-noset{
    position: absolute;
    bottom:18px;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    font-size: 15px;
    color: #333;
}
.gcd-planet-noset>a{
    color: #fa7751;
    text-decoration: underline;
}
.gcd-planet-noset>a:hover{
    opacity: 0.85;
}
.gcd-planet-noset>em{
    color: #fa7751;
    font-size:16px;
    font-weight: bold;
    margin-left: 5px;
}
.gcd-planet-tleft{
    position: absolute;
    left: -10px;
    top:0;
    background: url(../images/gcd-ic1.png) center center no-repeat;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    width: 288px;
    height: 284px;
}
.gcd-planet-tleft>span{
   font-size: 54px;
}
.gcd-planet-tleft>span>em{
    font-size: 21px;
 }
 .gcd-planet-tleft>p{
    font-size: 19px;
    font-weight: bold; }
 .gcd-planet-tleft>p>span{
     position: relative;
 }
.gcd-planet-i{
    position: absolute;
    left: 100%;
    top:-2px;
    background: url(../images/gcd-ic14.png) center center no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;}
.gcd-planet-tmiddle{
    background: url(../images/gcd-ic2.png) center center no-repeat;
    position: relative;
    width: 466px;
    height: 280px;
}
.gcd-planet-tbody{
    background: url(../images/gcd-ic24.png) center center no-repeat;
    display: flex;
    display: -webkit-flex;    justify-content: center;
    width: 335px;
    height: 280px;    margin: 0 auto;
}
.gcd-planet-th{
    position: absolute;
    left:-90px;
    top:110px;    color: #333;
    text-align: center;
}.gcd-planet-th>span{
    color: #ff6468;
    font-size: 37px;
}
.gcd-planet-th.gcd-pright{
    right: -90px;
    left: auto;
}
.gcd-planet-th.gcd-pright>span{
    color: #3e92ec;
}
.gcd-planet-th>span>em{    font-size: 25px;
}
.gcd-planet-th>div{    font-size: 15px;
}
.gcd-planet-th>p{    font-size: 18px;
    font-weight: bold;
}
.gcd-planet-tbody>ul{
    width: 100%;
    display: flex;
    display: -webkit-flex;    justify-content: space-around;
    align-items: center;
}
.gcd-planet-tbody>ul>li{
    color: #fff;    text-align: center;
}
.gcd-planet-tbody>ul>li.gcd-planet-xs>span>em{
    font-size: 27px;
    margin-top: 10px;
}
.gcd-planet-tbody>ul>li.gcd-planet-xs>p{
    font-size: 15px;
}
.gcd-planet-tbody>ul>li>span{
    font-size:20px;
}
.gcd-planet-tbody>ul>li>span>em{
    font-size:40px;
}
.gcd-planet-tbody>ul>li>p{
    font-size:16px;
}
.gcd-planet-tright{
    position: absolute;
    right: 40px;
    top:50%;
    transform: translate(0,-58%);
    -webkit-transform: translate(0,-58%);
    -moz-transform: translate(0,-58%);
    -ms-transform: translate(0,-58%);
}
.gcd-planet-tright>ul>li{
    width: 234px;
    height: 44px;
    line-height: 44px;
    border-radius: 25px;
    margin: 10px 0;
    font-size: 16px;
    color: #fff;
    padding-left:30px;    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
}
.gcd-planet-tright>ul>li>span{
    font-weight: bold;
}
.gcd-planet-tright>ul>li>em{
    font-size: 23px;
    font-weight: bold;
}
.gcd-planet-tright>ul>li>em>i{
    font-size:16px;
    font-weight: normal;
    margin-left: 5px;
}
.gcd-planet-tright>ul>li.gcd-ptlic1{
    background:url(../images/gcd-ic3.png) left 20px center no-repeat #3e92ec;
    border-radius: 25px;
}
.gcd-planet-tright>ul>li.gcd-ptlic2{
    background:url(../images/gcd-ic4.png) left 20px   center no-repeat #3bcead;
    border-radius: 25px;
}
.gcd-planet-tright>ul>li.gcd-ptlic3{
    background:url(../images/gcd-ic5.png) left  20px  center no-repeat #3c536b;
    border-radius: 25px;
}
.gcd-btmcontent{
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    align-items: stretch;
}.gcd-left-nav{    margin: 0px 5px;
    padding: 20px;
    width: 28%;
    max-width: 450px;
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #d0e3f7 0%, #fff 15% ) !important;
    background-image: -moz-linear-gradient(top,#d0e3f7 0%, #fff 15% ) !important;
    background-image: -ms-linear-gradient(top,#d0e3f7 0%, #fff 15% ) !important;
    background-image: -webkit-linear-gradient(top, #d0e3f7 0%, #fff 15% ) !important;
    background-image: -o-linear-gradient(top,#d0e3f7 0%, #fff 15% ) !important;}
.gcd-middle-nav{    margin: 0px 5px;
    flex: auto;
    width: 44%;
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #d0e3f7 0%, #fff 75% ) !important;
    background-image: -moz-linear-gradient(top,#d0e3f7 0%, #fff 75% ) !important;
    background-image: -ms-linear-gradient(top,#d0e3f7 0%, #fff 75% ) !important;
    background-image: -webkit-linear-gradient(top, #d0e3f7 0%, #fff 75% ) !important;
    background-image: -o-linear-gradient(top,#d0e3f7 0%, #fff 75% ) !important;}
.gcd-cstit{
    margin:5px 0 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}
.gcd-cstit.gcd-br-btm{
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
}
.gcd-cstit>span{
    position: relative;
    color: #000;
    font-size: 19px;
    font-weight: bold;
    padding-left: 15px;
}
.gcd-cstit>span:before{
    position: absolute;
    left:0;
    top:50%;
    margin-top: -8px;
    content: "";
    background: #62bffe;
    width: 4px;
    height: 16px;
    border-radius: 5px;}.gcd-cs-list{
   padding: 15px 0 50px;
   position: relative;
}
.gcd-cs-line{
    padding: 20px 0;
}
.gcd-swiper-pag{
    margin-top: 5px;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    left: 50%;
    bottom: 31px;
}
.gcd-swiper-pag .swiper-pagination{
     left: 50%;
     transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}
.gcd-swiper-pag .swiper-pagination>span{
    margin: 0px 5px;
}
.gcd-swiper-pag .swiper-pagination>span.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
.gcd-cstable>table {    width: 100%;
}.gcd-cstable>table>tbody>tr>td {
    padding: 5px;
    font-size: 15px;
    color: #333;
}.gcd-hidtext{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
    display: block;
}
.gcd-less-wid{
    width: 10%;
}
.gcd-less-wid>.gcd-hidtext{
    width: 60px;
}
.gcd-cstable>table>tbody>tr:first-child>td{
    padding-top: 20px;
}
.gcd-cstable>table>tbody>tr>td:first-child {
    padding-left: 17px;
}.gcd-cstable>table>thead>tr>td {
    border-bottom: 1px solid #d2d2d2;
    padding: 5px 5px 3px;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    white-space: nowrap;
}.gcd-cstable>table>thead>tr>td:nth-child(1) {
    width: 120px;
    padding-left: 17px;}.gcd-cstable>table>thead>tr>td:nth-child(2){
   text-align: center;
}
.gcd-cstable>table>tbody>tr>td.text-center{
   text-align: center;
}
.gcd-cstable>table>tbody>tr>td.text-right{
   text-align: right;
}
.gcd-cstable>table>tbody>tr>td:nth-child(3){
    width: 60px;
    white-space: nowrap;
    font-size: 15px;
    color:#888;
}
.gcd-more-gro{
    width: 40% !important;
}
.gcd-more-text{
    width: 8% !important;
    white-space: nowrap;
}
.gcd-icsort-z{
    margin-left: 6px;
    background: url(../images/gcd-ic7.png) center center no-repeat;
    width: 17px;
    height: 13px;
    display: inline-block;
}
.gcd-icsort-z-h{
    margin-left: 6px;
    background: url(../images/gcd-ic7-h.png) center center no-repeat;
    width: 17px;
    height: 13px;
    display: inline-block;
}
.gcd-icsort-z.down{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
a.gcd-iclinkmore{
    text-decoration: none;
    color: #fff;
    text-align: center;
    line-height: 19px;
    font-size: 12px;
    height: 19px;
    width: 40px;
    display: inline-block;
    background: #333;
    border-radius: 25px;
    float: right;
}
.gcd-newu-probg{
    border-radius:5px;
    text-align: left;
    height: 14px;
    background: #eee;
    margin: 5px 0;
 }
 .gcd-newu-xs-pro.gcd-newu-probg{
     height:10px;
 }
 .gcd-newu-xs-pro.gcd-newu-probg .gcd-z3-width>em{
     height: 10px;
 }
 .gcd-z3-width{
    width: 100%;
    position: relative;
    display: block;
    padding: 0px;
    text-align: left;
 }
 .gcd-z3-width>em{
    display: inline-block;
    background: #6fd071;
    vertical-align: top;
    height: 14px;
    border-radius:  5px;
    width: 100%;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    -webkit-animation: ham 1s ease 0s;
    -moz-animation: ham 1s ease 0s;
    -ms-animation: ham 1s ease 0s;
    -o-animation: ham 1s ease 0s;
    animation: ham 1s ease 0s;
 }
 @-webkit-keyframes ham {
    0% {
       width: 0;
    }
    100% {
        width:100%;
    }
}
@-moz-keyframes ham {
    0% {
        width: 0;
     }
     100% {
         width:100%;
     }
}
@-o-keyframes ham {
    0% {
        width: 0;
     }
     100% {
         width:100%;
     }
}
@keyframes ham {
    0% {
        width: 0;
     }
     100% {
         width:100%;
     }
}
.gcd-ec-box{
    padding:20px 10px;
}
.gcd-ec-box>img{
    max-width: 100%;
}
.gcd-mid-row1{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 15px 20px 0;
    background: url(../images/gcd-ic8.png) left center no-repeat;
}
.gcd-mid-row1>h4{
    font-size: 23px;    font-weight: bold;
    color: #333;
    margin: 5px 0 10px 28px;
}
.gcd-mid-rtab>a{
    background: url(../images/gcd-ic29.png) center center no-repeat;
    width: 138px;
    height: 27px;
    line-height: 27px;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.gcd-mid-rtab>a:hover{
    opacity: 0.85;
}
.gcd-mid-rtab>a.active{
    background: url(../images/gcd-ic28.png) center center no-repeat;
}
.gcd-mid-row2{
    display: flex;
    display: -webkit-flex;
    justify-content:center;
    align-items: center;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s  ease 0s;
    -moz-transition: all 0.4s  ease 0s;
    -ms-transition: all 0.4s  ease 0s;
    -o-transition: all 0.4s  ease 0s;}
.gcd-mid-colqw{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.gcd-mid-colzy{
    background: url(../images/gcd-ic9.png) center center no-repeat;
    width: 212px;
    height: 215px;
    display: flex;
    color: #333;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    font-size: 55px;    text-align: center;
    position: relative;
}
.gcd-mid-colzy>span{
    position: absolute;
    bottom: 19px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}.gcd-mid-column{
    width: 170px;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 125px;    background: #fff;
    box-shadow: 0 0 20px rgba(62,146,236,.3);
    margin: 6px;
}
.gcd-ras1{
    border-radius: 60px 60px 0 60px;
}
.gcd-ras2{
    border-radius: 60px  0 60px 60px;
}
.gcd-ras3{
    border-radius: 60px 60px 60px 0 ;
}
.gcd-ras4{
    border-radius: 0 60px 60px 60px;
}.gcd-mid-column>span{
    color: #3088f0;
    font-size: 31px;
    font-weight: bold;
}.gcd-mid-column>span>em{    font-size: 15px;
    color: #888;
    font-weight: normal;
}
.gcd-mid-column>div{    font-size: 15px;
    color: #333;
    font-weight: bold;
}
.gcd-mid-column>p{    font-size: 13px;
    color: #888;
}
.gcd-mid-row2,.gcd-mid-flipinY{    -webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;
    -webkit-animation-name:flipinY;-moz-animation-name:flipinY;-ms-animation-name:flipinY;animation-name:flipinY;
}
/* 翻入-Y轴 */@-webkit-keyframes flipinY{
    0%{-webkit-transform:perspective(800px) rotateY(90deg);opacity:0;}
    40%{-webkit-transform:perspective(800px) rotateY(-10deg);}
    70%{-webkit-transform:perspective(800px) rotateY(10deg);}
    100%{-webkit-transform:perspective(800px) rotateY(0);opacity:1;}
}
@-moz-keyframes flipinY{
    0%{-moz-transform:perspective(800px) rotateY(90deg);opacity:0;}
    40%{-moz-transform:perspective(800px) rotateY(-10deg);}
    70%{-moz-transform:perspective(800px) rotateY(10deg);}
    100%{-moz-transform:perspective(800px) rotateY(0);opacity:1;}
}
@-ms-keyframes flipinY{
    0%{-ms-transform:perspective(800px) rotateY(90deg);opacity:0;}
    40%{-ms-transform:perspective(800px) rotateY(-10deg);}
    70%{-ms-transform:perspective(800px) rotateY(10deg);}
    100%{-ms-transform:perspective(800px) rotateY(0);opacity:1;}
}
@keyframes flipinY{
    0%{transform:perspective(800px) rotateY(90deg);opacity:0;}
    40%{transform:perspective(800px) rotateY(-10deg);}
    70%{transform:perspective(800px) rotateY(10deg);}
    100%{transform:perspective(800px) rotateY(0);opacity:1;}
}
.gcd-mid-row3{
    padding: 20px 0;
    position: relative;
}
.gcd-mid-row3 .gcd-swiper-pag{
    bottom: 68px;
}
.gcd-mid-row3>h3{
    color: #fa7048;
    font-size: 19px;
    font-weight: bold;
    margin: 0px 20px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 6px;
    text-align: center;
}
.gcd-mid-row3>h3>em{
    font-size: 14px;
    color: #aaa;
    font-weight: normal;
}
.gcd-mid-row3cont{
    padding: 0 45px;
}
.gcd-mid-row3cont>ul{
    display: flex;
    display: -webkit-flex;    justify-content: center;
    align-items: center;
}
.gcd-mid-row3cont>ul>li{
    padding: 20px 15px 10px;    flex: auto;
    max-width: 276px;
}
.gcd-mid-row3cont>ul>li>div{     height: 122px;
     border-radius: 5px;
     background:url(../images/gcd-ic10.png) right 10px bottom no-repeat #fff1dc;
     position: relative;
     color: #fa7048;
     font-weight: bold;
     padding: 20px 0px 0px 25px;
     font-size: 21px;
     cursor: pointer;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
}
.gcd-mid-row3cont>ul>li>div>span{    text-align: right;
    color: #f69073;
    font-size: 16px;
    position: absolute;
    background: #ffe4be;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35px;
    padding-right: 15px;
    line-height: 35px;
    font-weight: normal;
    border-radius: 0 0 5px 5px;
}
.gcd-mid-row3cont>ul>li.gcd-mid-center-i>div{
   text-align: center;
   padding-left: 0;
   background-image:none;
}
.gcd-mid-row3cont>ul>li>div>em{
   font-size: 30px;
   font-weight: normal;
}
.gcd-mid-row3cont>ul>li>div>em>i{
    font-size: 13px;
}
.gcd-mid-row3cont>ul>li.gcd-mid-center-i>div>span{
    text-align: center;
    padding-right: 0px;
}
.gcd-mid-hover{
    visibility: hidden;
    background: rgba(0,0,0,.7);
    border-radius: 5px;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #fff;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.gcd-mid-row3cont>ul>li>div:hover .gcd-mid-hover{
    visibility: visible;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    -webkit-animation: flipinY 1s ease 0s;
    -moz-animation: flipinY 1s ease 0s;
    -ms-animation: flipinY 1s ease 0s;
    -o-animation: flipinY 1s ease 0s;
    animation:flipinY 1s ease 0s;
}
.gcd-mid-hover p{
    width: 110px;
    display: inline-block;
    text-align: left;
    margin: 0;
}
.gcd-mid-hover em{
    font-size: 25px;
    font-weight: bold;
    margin-left: 10px;    display: inline-block;
    vertical-align: middle;
}
.gcd-mid-hover i{
    display: inline-block;
    vertical-align: middle;
}
.gcd-mid-hover>p>em{
    color:#ffff00;
}
.gcd-mid-tips{
    color: #aaa;
    font-size: 13px;
    text-align: center;    margin-top: 30px;
}
.gcd-tipsico{
    background: url(../images/gcd-ic11.png) center center no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 5px;
}
.gcd-mid-row3 .swiper-button-next{
    background: url(../images/gcd-ic30.png) center center no-repeat #fff;
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(0,0,0,.2);
    width: 46px;
    height: 46px;
}
.gcd-mid-row3 .swiper-button-next:hover{
    background: url(../images/gcd-ic31.png) center center no-repeat #fff;
}
.gcd-mid-row3  .swiper-button-prev{
    background: url(../images/gcd-ic30.png) center center no-repeat #fff;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(0,0,0,.2);
    width: 46px;
    height: 46px;
}
.gcd-mid-row3  .swiper-button-prev:hover{
    background: url(../images/gcd-ic31.png) center center no-repeat #fff;
}
@media screen and (min-width:1600px){
    .gcd-mid-row3 .swiper-button-next{
       right: 20px;
   }
   .gcd-mid-row3 .swiper-button-prev{
       left: 20px;
   }
}
.gcd-zz-line>ul{
    padding: 20px 0;
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    display: -webkit-flex;    justify-content: center;
    align-items: center;
}
.gcd-zz-line.gcd-pad-bt15{
    padding-bottom: 15px;}
.gcd-zz-line>ul>li{
   flex: auto;
   text-align: center;
}
.gcd-zz-line>ul>li>span{
   font-size: 26px;
   color: #333;
   font-weight: bold;
}
.gcd-zz-line>ul>li>span>em{
    font-size: 16px;
    color: #adadad;
    margin-left: 3px;
}
.gcd-zz-line>ul>li>div{
    font-size: 14px;
    color: #666;
}
.gcd-cs-plai{
    position: relative;
}
.gcd-zz-org{
    color: #ff6468 !important;
}
.gcd-zz-tab{
    margin-left: -10px;
    margin-right: -10px;
}
.gcd-zz-tab>ul.gcd-zz-xswid{
    justify-content: flex-start
}
.gcd-zz-tab>ul.gcd-zz-xswid>li{
    width: 80px;
    flex: none;
}
.gcd-planet-ip{    background: url(../images/gcd-ic14-i.png) center center no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 3px;
}
.gcd-zz-tab>ul{
    display: flex;
    display: -webkit-flex;    justify-content: center;
    align-items: flex-end;
}
.gcd-zz-tab>ul>li{
     width: 50%;
     height: 38px;
     line-height: 38px;
     border-radius: 5px 5px 0 0;
     background: #cdcbcb;
     color: #fff;
     cursor: pointer;
     max-width: 190px;
     flex: auto;
     text-align: center;
     margin: 0px 5px;
     font-size: 15px;
     transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s  linear 0s;
    -moz-transition: all 0.4s  linear 0s;
    -ms-transition: all 0.4s  linear 0s;
    -o-transition: all 0.4s linear 0s;}
.gcd-zz-tab>ul>li.active{
    font-size: 16px;
    height:43px;
    line-height: 43px;
    background: #3e92ec;
    font-weight: bold;    position: relative;
}
.gcd-zz-tab>ul>li:hover{
    background: #3e92ec;
}
.gcd-zz-tab>ul>li.active:before{
    content:'';
    position: absolute;
    left: 50%;
    bottom: -6px;
    margin-left: -6px;
    border-top:6px solid #3e92ec;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    z-index: 10;
}
.gcd-zz-tablist>.gcd-cstable{
    box-shadow: 0 -3px  1px rgba(0,0,0,.1);
    margin-left: -20px;
    margin-right: -20px;
    padding:13px 20px 0;
}
.gcd-zz-tablist>.gcd-cstable>table>tbody>tr>td{
    padding: 8px 5px;
}
.gcd-zz-tablist>.gcd-cstable>table>tbody>tr:first-child>td{
    padding-top:15px;
}
.gcd-zz-tablist>.gcd-cstable>table>tbody>tr>td:last-child{
   color: #888;
}
.gcd-zz-ckmore{
    text-align: right;
    padding: 10px 0;
}
.gcd-zz-ckmore>a{
    color: #3e92ec;
    font-size: 13px;    text-decoration: none;
    background: url(../images/gcd-ic32.png) right center no-repeat;
    padding-right: 15px;
}
.gcd-zz-ckmore>a:hover{
    text-decoration: underline;
}
.gcd-min-wid-4{
    min-width: 1400px;
}
.gcd-slide-menu{
    position: fixed;
    z-index:1000;
    right: 0;
    top:0;
    height: 100%;
    width: 65px;
    background: #fff;
    box-shadow: -1px 0 2px rgba(0,0,0,.1);
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
.gcd-slide-menu>ul{
    width: 100%;
}
.gcd-slide-menu>ul>li{
    position: relative;
    text-align: center;}
.gcd-slide-menu>ul>li:not(:last-child):before{
     width: 50px;
     height: 1px;
     background: #e5e5e5;
     content:"";
     position: absolute;
     left: 50%;
     margin-left: -25px;
     bottom: 0;
     z-index: -1;
}
.gcd-slide-menu>ul>li>a{
    font-size: 12px;
    color: #777;
    text-decoration: none;
    position: relative;
    display: block;    padding: 10px 0;
}
.gcd-slide-menu>ul>li.active>a{
    color: #fff;
}.gcd-slide-menu>ul>li>a:before{
    content:"";
    position: absolute;
    z-index: -1;
    left:0;
    right: 0;
    bottom:100%;    opacity: 0;
    background: #3e92ec;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s  ease 0s;
    -moz-transition: all 0.4s  ease 0s;
    -ms-transition: all 0.4s  ease 0s;
    -o-transition: all 0.4s  ease 0s;}
.gcd-slide-menu>ul>li:hover>a:before{
     bottom:0;
      height: 100%;
      opacity: 1;
}
.gcd-slide-menu>ul>li.active>a:before{
    content:"";
    position: absolute;
    z-index: -1;
    left:0;
    top:0;
    bottom: 0;
    opacity: 1;
    right: 0;
    width: 100%;
    height: 100%;
    background: #3e92ec;
}
.gcd-slide-menu>ul>li.current>a:before{
    content:"";
    position: absolute;
    z-index: -1;
    left:0;
    top:0;
    bottom: 0;
    opacity: 1;
    right: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
.gcd-slide-menu>ul>li.current:hover>a{
    color: #777;
}
.gcd-slide-menu>ul>li:hover>a{
    color: #fff;
}
.gcd-slide-menu>ul>li>a>i{
    width: 100%;
    height:26px;
    display: block;
    margin-bottom: 5px;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s  ease 0s;
    -moz-transition: all 0.4s  ease 0s;
    -ms-transition: all 0.4s  ease 0s;
    -o-transition: all 0.4s  ease 0s;}
.gcd-slide-ic1{
    background: url(../images/gcd-ic15.png) center 0 no-repeat;
}
.gcd-slide-ic2{
    background: url(../images/gcd-ic16.png) center 0 no-repeat;
}
.gcd-slide-ic3{
    background: url(../images/gcd-ic17.png) center 0 no-repeat;
}
.gcd-slide-ic4{
    background: url(../images/gcd-ic18.png) center 0 no-repeat;
}
.gcd-slide-ic5{
    background: url(../images/gcd-ic19.png) center 0 no-repeat;
}.gcd-slide-ic6{
    background: url(../images/gcd-ic20.png) center 0 no-repeat;
}
.gcd-slide-ic7{
    background: url(../images/gcd-ic21.png) center 0 no-repeat;
}
.gcd-slide-ic8{
    background: url(../images/gcd-ic22.png) center 0 no-repeat;
}
.gcd-slide-menu>ul>li:hover>a>i{
    background-position:center   -43px;
}
.gcd-slide-menu>ul>li.active>a>i{
    background-position:center   -43px;
}
.gcd-select-i{    border: 1px solid #ccc;
    min-width: 135px;
    padding: 0px 20px 0px 23px;
    border-radius:5px;
    background: url(../images/gcd-ic6.png) right 12px center no-repeat #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 27px;
    line-height: 27px;
    appearance: none;
}
.gcd-line-t{
    background:url(../images/gcd-ic33.png) center center no-repeat;
    background-size: 100% 70px;
    height: 70px;
    margin: 10px 0 18px;
}
.gcd-lineblue{
    color: #3088f0 !important;
}
.gcd-lineorg{
    color: #ff6468 !important;
}
.gcd-line-t>ul{
    text-align: center;
}
.gcd-line-t>ul>li{
    font-size: 15px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    margin: 12px 15px;
}
.gcd-line-t>ul>li>em{
    font-size: 31px;    margin-right: 5px;
}
.gcd-line-swiper>ul{
    display: flex;
    display: -webkit-flex;
    justify-content:center;
    align-items:center;    flex-wrap:wrap;
}
.gcd-line-swiper>ul>li{    padding:7px 7px;
}
.gcd-line-swiper>ul>li>div{
    max-width:520px;
    height: 345px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding:10px 25px;
    background-image: linear-gradient(to bottom, #cae1fa 0%, #fff 25% ) !important;
    background-image: -moz-linear-gradient(top,#cae1fa 0%, #fff 25% ) !important;
    background-image: -ms-linear-gradient(top,#cae1fa 0%, #fff 25% ) !important;
    background-image: -webkit-linear-gradient(top, #cae1fa 0%, #fff 25% ) !important;
    background-image: -o-linear-gradient(top,#cae1fa 0%, #fff 25% ) !important;
    position: relative;
}
.gcd-line-swiper>ul>li>div>h4{
    display: flex;
    display: -webkit-flex;
    padding:0px 8px;
    justify-content:space-between;
    align-items:center;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
}
.gcd-line-swiper>ul>li>div>h4>span{
    font-size:19px;
    color: #000;
    font-weight: bold;
}
.gcd-line-swiper>ul>li>div>h4>span>i{
    display: inline-block;
    width: 30px;
    height:30px ;
    margin-right: 10px;
    vertical-align: middle;
}
.gcd-line-swiper>ul>li>div>h4>span>b{
    display: inline-block;
    vertical-align: middle;
}
.gcd-swiic1{
    background: url(../images/gcd-ic34.png) center center no-repeat;
}
.gcd-swiic2{
    background: url(../images/gcd-ic35.png) center center no-repeat;
}
.gcd-swiic3{
    background: url(../images/gcd-ic36.png) center center no-repeat;
}
.gcd-swiic4{
    background: url(../images/gcd-ic37.png) center center no-repeat;
}
.gcd-swiic5{
    background: url(../images/gcd-ic38.png) center center no-repeat;
}
.gcd-swiic6{
    background: url(../images/gcd-ic39.png) center center no-repeat;
}
.gcd-line-swiper>ul>li>div>h4>div{
    font-size: 13px;
    font-weight: bold;
    color: #333;
}
.gcd-line-swiper>ul>li>div>h4>div>em{
    font-size:31px;
    color: #ff6468;
    font-style:italic;
    margin-right: 10px;
}
.gcd-line-swiper>ul>li>div dl{
    display: flex;
    display: -webkit-flex;    justify-content:space-between;
    flex-wrap:wrap;
    padding:10px 0 5px;
}
.gcd-line-swiper>ul>li>div dl>dd{    width: 50%;    padding:6px;}
.gcd-line-swiper>ul>li>div dl>dd>a{
    display: block;
    color: #657287;
    background: #f4f7fd;
    padding:0px 5px;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    height: 60px;
    width: 100%;
    display: flex;
    display: -webkit-flex;    justify-content:center;
    align-items:center;
    flex-direction:column;
}
.gcd-line-mdcontent .swiper-button-next{
    background: url(../images/gcd-ic30.png) center center no-repeat #fff;
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(0,0,0,.2);
    width: 46px;
    height: 46px;
}
.gcd-line-mdcontent .swiper-button-next:hover{
    background: url(../images/gcd-ic31.png) center center no-repeat #fff;
}
.gcd-line-mdcontent  .swiper-button-prev{
    background: url(../images/gcd-ic30.png) center center no-repeat #fff;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(0,0,0,.2);
    width: 46px;
    height: 46px;
}
.gcd-line-mdcontent  .swiper-button-prev:hover{
    background: url(../images/gcd-ic31.png) center center no-repeat #fff;
}
.gcd-swipbig{
    padding:25px;
    text-align: center;
    position: relative;
    margin-top: 5px;    white-space: nowrap;    bottom: auto;
    left:auto;
}
.gcd-swipbig .swiper-pagination-bullet{
    width:13px !important;
    height: 13px !important;
}
.gcd-ul-cs{
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}
.gcd-zz-line>.gcd-ul-cs>li>span{
    font-size:14px;
    color: #666;
    font-weight: normal;
}
.gcd-zz-line>.gcd-ul-cs>li>span>em{
    font-size: 20px;
    color: #333;
    margin: 0 3px;
    font-weight: bold;
}
.gcd-csic1{
    background: url(../images/gcd-ic40.png) center top no-repeat;
    padding-top: 40px;
}
.gcd-csic2{
    background: url(../images/gcd-ic41.png) center top no-repeat;
    padding-top: 40px;
}.gcd-zz-tab>ul>li.gcd-zz-account{
    background: #3e92ec;
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    font-weight: bold;
    text-align: left;
    position: relative;
}
.gcd-cstable.gcd-cs-tab2{
    box-shadow: none;
    padding: 0px 15px;
}
.gcd-cs-tab2>table>thead>tr>td{
   padding: 10px;
   border-bottom: none;
   background: #f5f9fe;
}
a.gcd-zz-more{
    font-size: 12px;
    color: #666;
    background: #fff;
    border-radius: 25px;
    min-width:40px;
    text-align: center;
    height: 19px;
    line-height: 19px;
    position: absolute;
    right: 10px;
    top:50%;
    margin-top: -9px;
    font-weight: normal;
    display: inline-block;
}
a.gcd-zz-more:hover{
    color: #888;
}
.gcd-zz-dl{
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;    text-align: center;
    font-size:14px;
    color: #888;
}
.gcd-zz-dl{
    position: relative;
    margin-bottom: 20px;
}
.gcd-zz-dl>dt{
    position: absolute;
    left: -15px;
    border-radius: 50%;
    width: 50px;
    height: 50px;    background:radial-gradient(right top,#d4ddeb,#a4aec3);
    background: -moz-radial-gradient(right top,#d4ddeb,#a4aec3);
    background: -webkit-radial-gradient(right top,#d4ddeb,#a4aec3);
    background: -ms-radial-gradient(right top,#d4ddeb,#a4aec3);
    color: #fff;
    font-size:14px;
    padding: 9px 5px;
    text-align: center;
    line-height: 15px;
    font-weight: normal;
    z-index: 1;
    top:50%;
    margin-top: -25px;
}
.gcd-zz-dl>dd{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;    background: #f4f7fd;
    border-radius: 30px 0 0 30px;
    padding: 5px 0;
    position: relative;
    z-index: 0;
    padding-left: 14px;
}
.gcd-zz-dl>dd:before{
    position: absolute;
    content:"";
    top:-6px;
    left: 50%;
    margin-left:-6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #e3e8f0;
}
.gcd-zz-dl>dd+dd{
    margin-left: 2px;
    border-radius: 0 30px 30px 0;
    padding-left:0;
}
.gcd-zz-dl>dd>span{
    font-size: 16px;
    color: #666;
    font-weight: bold;
}
.gcd-zz-dl>dd>span>em{
    opacity: 0.5;
    font-size: 12px;
    font-weight: normal;
}
.gcd-zz-dl>dd>div{
    overflow: hidden;
}
dl.gcd-zz-ldl{
    display: flex;
    display: -webkit-flex;    justify-content:space-between;
    flex-wrap:wrap;
    padding:10px 0 5px;
}
dl.gcd-zz-ldl>dd{    width: 50%;    padding:6px;}
dl.gcd-zz-ldl>dd>a{
    display: block;
    color: #657287;
    background: #f4f7fd;
    padding:0px 5px;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    height: 50px;
    width: 100%;
    display: flex;
    display: -webkit-flex;    justify-content:center;
    align-items:center;
    flex-direction:column;
}
dl.gcd-zz-ldl>dd>a>span{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
dl.gcd-zz-ldl>dd>a:hover{
    color: #3088f0;
    background: #e2f1ff;
}
.gcd-tab-yw{    width: 140px;
    height: 27px;
    line-height: 27px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content:center;
}
.gcd-tab-yw a{    font-size: 14px;
    color: #333;    display: inline-block;
    width: 60px;
    height: 27px;
    text-align: center;
}.gcd-tab-yw a.active{
    color: #fff;}
.gcd-tab-yw a:first-child{    background: url(../images/gcd-ic43.png) center center no-repeat;}
.gcd-tab-yw a:last-child{
    margin-left: -6px;
    background: url(../images/gcd-ic44.png) center center no-repeat;}
.gcd-tab-yw a.active:first-child{
    background: url(../images/gcd-ic42.png) center center no-repeat;}
.gcd-tab-yw a.active:last-child{
    background: url(../images/gcd-ic45.png) center center no-repeat;}
.gcd-cssjy{
    position: relative;
    padding-bottom: 10px;
    width: 300px;
    margin: 0 auto;
}
.gcd-cssjy .gcd-swiper-pag{
    bottom: 10px;
}
.gcd-ec-itbr{
    border: 1px solid #eee;
    border-radius: 5px;
    padding:50px 10px;
}