/* css reset */
body, h1, h2, h3, h4, h5, h6, hr, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, p { margin: 0; padding: 0 }
body, button, input, select, textarea, pre { font: 14px/1.5 'Microsoft Yahei', arial, '宋体'; color: #333; border: none; outline: medium }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
table { border-collapse: collapse; border-spacing: 0 }
img { border: 0; vertical-align: top }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
address, cite, dfn, var { font-style: normal }
li { list-style: none }
a { text-decoration: none; vertical-align: baseline; zoom: 1; color: #999; outline: none; text-decoration: none !important }
a:hover, a.glink:hover, a.blink:hover { text-decoration: underline; outline: none }
img { border: 0 }
button, input, select, textarea { font-size: 100% }
html, body { overflow-x: hidden; }
em{font-style: normal;}
.row img{
    max-width: 100%;
}

/*css common*/
.fl,.left { float: left }
.fr, .right { float: right }
.row { zoom: 1 }
.clearfix:after { content: ""; display: table; clear: both }
.clearfix { zoom: 1 }
.c-width { width: 1200px; margin: 0 auto }
.no-m { margin: 0 !important }
.no-p { padding: 0 !important }
.no-mr { margin-right: 0 !important; }

.container{width: 1230px;margin: 0 auto;}
.c-title{font-size: .84rem;text-align: center;padding-top: 10px;font-weight: bold;}
.c-title em{
    vertical-align: middle;
    display: inline-block;width: 64px;height: 51px;background:url("../image/c-title-pic.png") no-repeat}


/* .banner{
    width: 100%;
    height: 722px;
    background:url("../images/banner_topic.jpg") no-repeat center;
} */
.banner img{
    max-width: 100%;
}

.section-content1{
    text-align: center;
    padding-bottom: 160px;
    padding-top: 75px;
    line-height: .93rem;
    background: url("../image/content1_bg.jpg") no-repeat center bottom;
}

.section-content1 p{
    font-size: 0.4rem;
}

.section-content1 p em{
    font-weight: normal;
    margin: 0 10px;
    color: #cdb078;
    font-size: .533rem;
}

.p_margin{
    margin: 1.33rem 0 ;
}

/* 2 */
.section-content2{
    padding: 1.77rem 0;
    color: #484848;
    height: 743px;
    font-size: 14px;
    background:url("../image/content2_bg.jpg") no-repeat center bottom;
}



.section-content2 .left,.section-content2 .right{
    width: 50%;
}
.section-content2 .container{
    
    position: relative;
    line-height: 24px;

}

.section-content2 .c-title{
    margin-bottom: 2rem;
    background:url("../image/title1.png") no-repeat center top;
}

.section-content2 .left{
    height: 416px;
}
.section-content2 .right{
    height: 384px;

}
.section-content2 .left,
.section-content2 .right{
    box-sizing: border-box;

}
.section-content2 .left{
    padding-right: 8px;
    position: relative;
    padding-left: 338px;
    box-sizing: border-box;
    background: url("../image/tx.png")no-repeat;
    background-position: left -10px;
}
.section-content2 .left:before{
    content: "";
    width: 32px;
    height: 32px;
    background: url("../image/tx-arrow.png") no-repeat center;
    position: absolute;
    left: -50px;
    top: 60px;
    ;
}

.section-content2 .left h3{
    font-size: .4rem;
    font-weight: bold;
    margin-left: -8px;

    margin-bottom: 8px;
}
.section-content2 .left .text{
    padding-top: 60px;
}


.section-content2 .left .text h4{
    margin-bottom: 20px;
    color: #bebebe;
}


.section-content2 .right{
    padding-left: 40px;
    border-left: 1px solid #d1d1d1;
    margin: 16px 0;
    padding-top: 5px;
}
.section-content2 .right p{
    margin-top: 7px;
}
.p_blue{
    color: #253153;
    font-weight: bold;
}


/* 3 */
.section-content3{
    height: 686px;
    font-size: 14px;
    padding-top: 1.77rem;
    background:url("../image/content3_bg.jpg") no-repeat center bottom;
    background-size: cover;
}
.section-content3 .c-title{
    margin-bottom: 1.55rem;
    color: #fff;
    background:url("../image/title3.png") no-repeat center top;
}


.section-content3 li{
    position: relative;
    line-height: 22px;
    border-bottom: 1px solid #fff;
    padding: 21px 0 21px 102px;
}
.section-content3 li b{
    position: absolute;
    left: 0;
    width: 86px;
    height: 86px;
    line-height: 86px;
    font-size: 0.88rem;
    color: #fff;
    text-align: center;
    background-color: #cdb078;
    
}
.section-content3 li:nth-child(2) b{
    background-color: #b9b7b7;
}
.section-content3 li:nth-child(3) b{
    background-color: #253153;
}


.section-content3 li h2{
    font-size:0.4rem;
    font-weight: bold;
    color: #fff;
    padding: 10px 0;
}

.section-content3 li p{
    color: #c3c5cd;
}



/* 4 */
.section-content4{
    padding-top: 2rem;
    padding-bottom: 1.77rem;
    text-align: center;
    background:url("../image/content4_bg.jpg") no-repeat center;
}
.section-content4 .c-title{
    margin-bottom: 58px;
    background:url("../image/title4.png") no-repeat center top;
}
.dl-wrap{
    background:url("../image/jz_line.png") no-repeat center center;
}
.section-content4 dl{
    display: inline-block;
    background-color: #2d3859;
    width: 265px;
    height:265px;
    border-radius: 100%;
    padding: 40px 28px 0;
    color: #d8d9dd;
    vertical-align: top;
}
.section-content4 dl h2{
    color:#fff;
    font-size: .4rem;
    font-weight: bold;
    text-align: center;
    margin: 15px 0 10px;
}

.section-content4 dl:nth-child(2){
    width: 290px;
    height: 290px;
    margin-top: 75px;
    margin: 75px 92px 0 92px;
    padding: 45px 50px 0;
}
.section-content4 dl:nth-child(3){
    width: 338px;
    height: 338px;
    margin-top: 50px;
    padding: 54px 74px 0;
}

.section-content4 dl p{
    line-height: 24px;

}

/* 5 */
.section-content5 {
    padding-top: 75px;
    padding-bottom: 100px;
    background: url("../image/content5_bg.jpg") no-repeat center;
}
.section-content5 .c-title{
    color: #fff;
    margin-bottom: 58px;
    background:url("../image/title5.png") no-repeat center top;
}

/* .com-section */
.com-section{
    position: relative;
}

.section-content5 .com-section li{
    font-size: .44rem;
    background-color: #c2bebe;
    color: #fff;
    border-radius: 10px;
    padding: 40px 35px 45px;
}
.section-content5 .com-section li.li-color{
    background-color: #d4b67e;
    padding-top: 30px;
    padding-bottom: 30px;
}




.com-section .left-con,
.com-section .right-con{
    width: 38%;
    padding: 0 30px;
 
}

.section-content5 .com-section .left-con li.li-color{
    margin-top: 87px;
}
.section-content5 .com-section .right-con li.li-color{
    margin-bottom: 82px;
}

.com-section .middle-con{
    width: 24%;
    text-align: center;
}
.com-section .middle-con img{
    max-width: 100%;
}
.com-section .left-con,
.com-section .middle-con,
.com-section .right-con{
    vertical-align: top;
    float: left;
}
.com-section .right-con{
    float: right;
}
.section-content5 li{
    position: relative;
}
.section-content5 li:before{
    content: "";
    display: inline-block;
    position: absolute;
    
    font-size: .85rem;
    width: 56px;
    height: 56px;
    line-height: 56px;
    background-color: #fff;
    color:#b9b7b7;
    text-align: center;

    border-radius: 100%;
    font-weight: bold;
}
.section-content5 .com-section li.li-color:before{
    color: #cdb078;
}

.section-content5 .left-con li:before{
    content: "1";
    left: -28px;
    top: -28px;
}
.section-content5 .left-con li.li-color:before{
    content: "2";
}

.section-content5  li:after{
    content:'';
    position: absolute;
    width: 19px;
    height: 100px;
}
.section-content5 .left-con li:after{
   background:url("../image/arrow_icon1.png") no-repeat;
    right: -18px;
    top: 26px;
}
.section-content5 .left-con li.li-color:after{
    background:url("../image/arrow_icon2.png") no-repeat;
     right: -18px;
     top: 5px;
 }

/* :right */
.section-content5 .right-con li:before{
    content: "4";
    right: -28px;
    top: -28px;
}
.section-content5 .right-con li.li-color:before{
    content: "3";
}

.section-content5 .right-con li{
    padding-top: 33px;
    padding-bottom: 33px;
}
.section-content5 .right-con li:after{
    background:url("../image/arrow_icon4.png") no-repeat;
     left: -18px;
     top: 5px;
 }
 .section-content5 .right-con li.li-color:after{
     background:url("../image/arrow_icon3.png") no-repeat;
     left: -18px;
      top: 26px;
  }



/* 6 */
.section-content6{
    padding: 88px 0 ;
}
.section-content6 .c-title{
    background: url("../image/title6.png") no-repeat center top;
}
.section-content6 h3{
    text-align: center;
    font-size: .53rem;
    margin-top: 18px;
}
.section-content6 h3 em{
    color: #cdb078;
    font-style: normal;
}
.section-content6 .com-section{
    margin-top: 70px;
    padding: 0 25px;
}

.section-content6 .com-section li{
    border-radius: 10px;
    font-size: .44rem;
    padding: 22px 40px;
    height:128px;
    position: relative;
}

.section-content6 .com-section li:nth-child(1){
    margin-bottom: 122px;
    margin-top: -20px;
}
.section-content6 .com-section li:nth-child(2){
    padding-top: 45px;

}
.section-content6 .com-section .left-con, 
.section-content6 .com-section .right-con{
    padding: 0;
    width: 34.2%;;
}

.section-content6 .com-section .middle-con{
    width: 31.5%;
    ;padding: 0 10px;

}

.section-content6 .com-section .middle-con img{
    max-width: 100%;
}

.section-content6 .com-section .left-con li:nth-child(1){
    background: url("../image/section6-bg1.png")no-repeat center;
}
.section-content6 .com-section .left-con li:nth-child(2){
    background: url("../image/section6-bg3.png")no-repeat center;
}

.section-content6 .com-section .right-con li:nth-child(1){
    background: url("../image/section6-bg2.png")no-repeat center;
}
.section-content6 .com-section .right-con li:nth-child(2){
    background: url("../image/section6-bg4.png")no-repeat center;
}


/* 7 */
.section-content7{
    padding-top: 100px;
    padding-bottom: 120px;
    text-align: center;
    background: url("../image/content7_bg.jpg") no-repeat center top;
}

.section-content7 .c-title{
    background: url("../image/title7.png") no-repeat center top;
}

.section-content7 h3{
    background-color: #cdb078;
    color: #fff;
    font-size: .53rem;
    display: inline-block;
    padding: 10px 27px;
    border-radius: 50px;
    margin: 30px 0 20px;
}

.section-content7 .kc-title{
    font-size: .84rem;
    font-weight: bold;
}

.section-content7 .kc-time{
    font-size: .66rem;
    margin: 10px 0 40px;
    font-weight: bold;
}
.kc-time em{
    color: #ce4b4e;
}
.section-content7 .kc-price{
    font-size: .53rem;
    display: inline-block;
    background-color: #fff;
    border: 6px solid #d5b77f;
    border-radius: 10px;
    padding: 55px 30px;
    background: url("../image/right_icon.png") no-repeat bottom right;
    position: relative;
    box-shadow: 0px 12px 30px #333
}
/* .section-content7 .kc-price em{
   
    width: 100%;
    height: 49px;
    border:1px solid red;
    position: absolute ;
    left: 0;
    bottom: 0;;
    background: url("../images/shadow.png") no-repeat;
} */

.section-content7 .kc-price b{
    font-size: 1.06rem;
    color: #ce4b4e;
}

/* 8 */
.section-content8{
    padding-top: 75px;
    padding-bottom: 75px;
    text-align: center;
    background: url("../image/content8_bg.jpg") no-repeat center top;
}

.section-content8 .c-title{
    color: #fff;
    margin-bottom: 25px;
    background: url("../image/title8.png") no-repeat center top;
}
.section-content8 .row{
    padding:  0 5px;
}
.section-content8 .row dt{
    font-size: .41rem;
    font-weight: bold;
    color: #253153;
    padding-top: 25px;
    margin-bottom: 15px;
}

.section-content8 .row dd{
    line-height: 24px;
    margin: 0 17px;
    padding-top: 15px;;
    border-top: 1px solid #253153;
}

.section-content8 dl{
    margin: 18px -5px 0;
    height: 250px;
    background-color: #fff;;
    background: url("../image/bottom-img.png") no-repeat bottom left #fff; 
    background-size: 100% auto;
}
.section-content8 .col-md-3:nth-child(2)  dd,
.section-content8 .col-md-3:nth-child(7)  dd{
    margin-left: 15px;
    margin-right: 15px;
}
.section-content8 .col-md-3:nth-child(8)  dd{
    margin-left: 19px;
    margin-right: 19px;
}


/* 9 */

.section-content9{
    padding-top: 70px;
    padding-bottom: 80px;
}
.section-content9 .c-title{
    background: url("../image/title9.png") no-repeat center top;
    margin-bottom: 45px;
}
.section-content9 .col-md-4 .r-con{
    border: 1px solid #b9b7b7;
    height: 400px;
    text-align: center;

}
.section-content9 dl{
    height: 233px;
    color: #fff;
    padding-top: 45px;

}
.section-content9 dl dd h2{
    font-size: .53rem;
    margin-top: 15px;
    margin-bottom: 10px;
}
.section-content9 dl dd p{
    color: #a3a5ae;
    text-transform: uppercase;
    font-weight: bold;
}
.section-content9 .col-md-4:nth-child(1) dl{
    background: url("../image/sh-img1.jpg")  no-repeat top center;
}

.section-content9 .col-md-4:nth-child(2) dl{
    background: url("../image/sh-img2.jpg")  no-repeat top center;
}
.section-content9 .col-md-4:nth-child(3) dl{
    background: url("../image/sh-img3.jpg")  no-repeat top center;
}
.section-content9 .b-con{
    padding:  33px 43px;
    line-height: 24px;
}


/* 10 */
.section-content10{
    padding-top: 70px;
    padding-bottom: 110px;
    background: url("../image/content10_bg.jpg") no-repeat center;
    background-size: cover;
    text-align: center;
}
.section-content10 .c-title{
    color: #fff;
    background: url("../image/title10.png") no-repeat center top;
    margin-bottom: 45px;
}


/* 11 */
.section-content11{
    padding-top: 80px;
    background: url("../image/section11_bg.jpg") no-repeat center top;
}
.section-content11 .container{
    width: 1113px;
}
.section-content11 .col-md-6{
    padding-left: 8px;

    padding-right: 8px;;
}
.section-content11 .c-title{
    background: url("../image/title11.png") no-repeat center top;
    margin-bottom: 65px;
}
.section-content11 dl {
    text-align: center;
    border: 2px solid #e8e8e8;
    padding: 40px 50px;
    background-color: #fff;
}

.section-content11 dl .tx-img{
    margin-bottom: 20px;
}
.section-content11 dl .tx-img img{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;width: 40%;height: 40%}
.section-content11 dl .name-en,
    .section-content11 dl .intro{
    font-size: .4rem;
}
.section-content11 dl .name-ch{
    font-size: .84rem;
    margin: 8px 0 12px;
}

.section-content11 dl .intro{
    color: #cdb078;
}
.section-content11 dl dd{
    color: #888;
    line-height: 28px;
    border-top: 1px solid #253153;
    padding-top: 20px;
    margin-top: 20px;
}

.section-content11 .hx-img{
    margin-left: -6px;
    margin-right: -6px;
    margin-top: 15px;
}
.section-content11 .hx-img img{
    max-width: 100%;
 
}

/* 12 */
.section-content12{
    padding: 60px 0;
}
.section-content12 .container{
    width: 1093px;
}
.section-content12 .c-title{
    background: url("../image/title12.png") no-repeat center top;
    margin-bottom: 65px;
}
.sp-slides dt{
    width: 32%;
}
.sp-slides dt img{
    max-width: 100%;
}
.sp-slides dd{
    width: 60%;
}
.sp-slides dt,
.sp-slides dd{
    display: inline-block;
    vertical-align: middle;
    margin-left: 2%;
}


/* .sp-top-thumbnails{
    width: 1090px!important;
    border: 1px solid red;
} */
/* 轮播图 */
.sp-slides-container{
    margin-top: 70px;
}

.sp-top-thumbnails:before{
    content: "";
    width: 100px;
    height: 1px;
    position: absolute;
}

.sp-slide dl{
    width: 72%;
    margin: 0 auto;
}


.sp-thumbnails,
.sp-thumbnail-container{
    line-height: 70px;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{
    position: static;
    text-align: center;
}
.sp-thumbnail-container:after{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;;
    background-color: #888888;
    bottom: 2px;
    top: auto;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    transition: all .2s ease;
    z-index: 9;
}
.sp-top-thumbnails.sp-has-pointer:after{
    content:"";
    position: absolute;
    width: 1150px;
    height: 2px;
    background: url("../image/slider-line.png") no-repeat -38px 0;
    background-size: 100% auto;
    bottom: 4px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{
    border: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #c9ad77;
    bottom: 0;
    top: auto;
}

/* bofore */
.sp-thumbnail-container:before{
    content: "";
    position: absolute;
    border-bottom: 2px solid #b9b7b7;
    top: auto;
    bottom: 5px;
    width: 100%;
}

.sp-thumbnail-container:before{
    /* display: none; */
    top: auto;
    bottom: 5px;
    margin-bottom: 0;;
    border-bottom: 2px solid #b9b7b7;
    display: none;
    
   

}

.sp-horizontal .sp-arrows{
    opacity: 1!important;
    
}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before{
    background-color: #888888;
}



.sp-thumbnail{
    font-size: 14px;
    font-weight: bold;

    width: 100%;
    text-align: center;
    transition: all .3s ease;
}
.sp-thumbnail-container{
    margin: 0!important;
}
.sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail{
    color: #cdb078;
    font-size: .53rem;
    font-weight: bold;
}
.sp-arrow:before,
.sp-arrow:after{
    display: none;
}
.sp-arrow{
    width: 40px;
    height: 50px;
    transform: none;
}
.sp-horizontal .sp-previous-arrow{
    left: 65px;
    background: url("../image/left-arrow.jpg")no-repeat center;
}
.sp-horizontal .sp-next-arrow{
    right: 65px;
    background: url("../image/right-arrow.jpg") no-repeat center;
}

/* 13 */

.section-content13 .c-title{
    background: url("../image/title13.png") no-repeat center top;
    margin-bottom: 65px;
}
.section-content13  li{
    color:#494949;
    border: 2px solid #bcbcbc;
    line-height: 24px;
    padding: 30px 55px;
    border-radius: 10px;
    height: 160px;
    margin-top: 25px;
}
.section-content13  li:nth-child(odd){
    border-bottom-left-radius: 70px;
}
.section-content13  li:nth-child(even){
    border-bottom-right-radius: 70px;
}
.section-content13  li h2{
    font-size: .53rem;
    margin-bottom: 15px;
}
.section-content13  li h2 b{
    font-size: .53rem;
    font-weight: normal;
    font-size: 14px;
    margin-left: 30px;
}
/* 14 */
.section-content14 {
    padding-top: 60px;
    padding-bottom: 70px;
}
.section-content14 .c-title{
    background: url("../image/title14.png") no-repeat center top;
    margin-bottom: 30px;
}


/* 14 */
.section-content14 .col-md-3{
    width: 20%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 20px 0;
    float: left
    ;
}
.section-content14 .col-md-3 img{
    max-width: 100%;
}
/* 
.sp-slides-container,
.sp-slides-container .sp-mask {
    width: 760px;
    max-width: 760px!important;
} */


/* 15 */
.section-content15{
    height: 540px;
    padding-top: 50px;
    color: #fff;
    background: url("../image/content15_bg.jpg") no-repeat center;
}
.section-content15 ul{
    width: 768px;
    margin-left: 380px;
}
.section-content15 li{
    line-height: 24px;
    
    height: 100px;
    padding-left: 120px;
    padding-top: 7px;
    margin: 35px 0;
}
.section-content15 li h2{
    font-size: .53rem;
    margin: 10px 0;
}
.section-content15 li:nth-child(1){
    background: url("../image/icon-team.png")no-repeat left center;
}
.section-content15 li:nth-child(2){
    background: url("../image/icon-team2.png")no-repeat left center;
}

.section-content15 li:nth-child(3){
    background: url("../image/icon-team3.png")no-repeat left center;
}


.section-content16{
    line-height: 34px;
    font-size: .38rem;
    color: #18284b;
    padding: 50px 0;
}

.section-content16 .f-logo{
    margin-bottom: 20px;
}
.section-content16 .col-md-4{
    text-align: right;
    padding-top: 60px;
}
.section-content16 .col-md-4,
.section-content16 .col-md-8{
    padding-left: 0;;
    padding-right: 0;;
}

@media screen and (max-width:768px){
    .container{
        width: 100%!important;
        padding: 0 14px!important;
    }
    /* .banner{
        background-size: 100% 300px;
        height: 300px;
    } */
    .section-content1{
        padding: 20px 0;
        background: none;
    }
    .p_margin{
        margin: 10px 0;
    }

    .c-title{
        font-size: .7rem;
        background-size: 88% auto!important;
    }

    /* 2 */
    .section-content2{
        padding: 1.2rem 0;
        height: auto;
        background-size: cover;
    }
    .section-content2 .left{
        border: 0;
        padding-right: 0;;
    }
    .section-content2 .right{
        padding-left: 0;
        height: auto;
    }
    .section-content2 .left, .section-content2 .right{
        width: 100%;
    }
    .section-content2 .c-title{
        margin-bottom: 1rem;
    }

    /* 3 */
    .section-content3{
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        height: auto;
    }
    .section-content3 .col-md-4{
        display: none;
    }
    .section-content3 .col-md-8{
        width: 100%;
    }
    .section-content3 .c-title{
        margin-bottom: .2rem;;
    }


    /* 4 */
    .section-content4{
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        background-size: cover;

    }
    .section-content4 .c-title{
        margin-bottom: .8rem;
    }
    .section-content4 dl:nth-child(2){
        margin-top: 20px;
    }
    .section-content4 dl:nth-child(3){
        margin-top: 20px;
    }
    .dl-wrap{
        background: none;;
    }


    .com-section .middle-con{
        display: none;
    }

    /* 5 */
    .section-content5{
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        background-size: cover;
    }

    .com-section .left-con, .com-section .right-con {
        width: 48%;

    }

    .com-section .left-con{
        padding-right: 0;
    }
    .com-section .right-con{
        padding-left: 0;
    }
    .section-content5 li{
        height: 140px;
    }
    .section-content5 li:after{
        display: none;
    }

    .section-content5 .com-section li{
        font-size: .4rem;
        padding: 20px;
    }

    .section-content5 li:before{
        width: 40px;
        height: 40px;
        font-size: .5rem;
        line-height: 40px;
    
    }
    .section-content5 .left-con li:before{
        left: -20px;
        top: -20px;
    }
    .section-content5 .right-con li:before{
        right: -20px;
        top: -20px;
    }
 
    .section-content5 .com-section .left-con li.li-color{
        margin-top: 30px;
    }
    .section-content5 .com-section .right-con li.li-color {
        margin-bottom: 30px;
    }

    /* 6 */
    .section-content6{
        padding: 1.2rem 0;
    }
    .section-content6 .com-section li{
        font-size: .34rem;
        background:none!important;
        border: 2px solid #253153;
        border-radius: 10px;
        padding: 20px;
        height: 109px;
    }

    .section-content6 .com-section li:nth-child(2){
        padding-top: 30px;
    }

    .section-content6 .com-section .left-con, .section-content6 .com-section .right-con{
        width: 48%;
    }

    .section-content6 .com-section li:nth-child(1){
        margin-bottom: 30px;
    }
    .section-content6 h3{
        font-size: .4rem;;
    }
    /* 7 */
    .section-content7 {
        padding: 1.2rem 0;;
    }
    .section-content7 .kc-title{
        font-size: .5rem;
    }
    .section-content7 .kc-time{
        font-size: .4rem;
    }
    .section-content7 .kc-price b{
        font-size: .8rem;
    }
    .section-content7 .kc-price{
        padding: 40px 20px;
        background-size: 46px auto;
    }

    /* 89 */
    .section-content8{
        background-size: cover;
    }
    .section-content9 .col-md-4 .r-con{
        height: 426px;
        margin-top: 10px;
    }
    .section-content9 .b-con {
        padding: 20px 10px;
    
    }

    .section-content9{
        padding: 1.2rem 0;
    }

    /* 10 */
    .section-content10{
        padding: 1.2rem 0;
    }
    .section-content10 img{
        margin: 10px 0;;
    }

    /* 11 */
    .section-content11{
        padding: 1.2rem 0 0;
    }
    .section-content11 .c-title {
        margin-bottom: 1rem;
    }

    .section-content11 dl .name-ch{
        font-size: .6rem;
    }
    .section-content11 dl .name-en, .section-content11 dl .intro{
        font-size: .34rem;
    }
    .section-content11 dl{
        padding: 24px 10px;
        height: 690px;
    }

    .section-content12{

        padding: 1.2rem 0;
    }

    /* .sp-slide dl{
        width: 480px;
    } */
    .sp-arrow {
        height: 35px;
        margin-top: -10px;
    }

    .sp-horizontal .sp-previous-arrow{
        left: 10px;
    }
    .sp-horizontal .sp-next-arrow{
        right: 10px;
    }

    .sp-top-thumbnails.sp-has-pointer:after{
        width: 830px;
    }
    .section-content13 .c-title{
        margin-bottom: .7rem;;
    }

    .section-content13 li{
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 10px!important;
        margin-top: 15px;
    }


    .section-content14{
        padding: .8rem 0;
    }
    .section-content14 .col-md-3{
        width: 25%;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .section-content15{
        background-position: right;
        padding: .5rem 0;
        height: auto;
    }
    .section-content15 ul{
        width: 90%;;
        margin-left: 30px;;
    }

    .section-content16,
    .section-content16 .col-md-4{
        text-align: center;
    }
    .section-content16 .col-md-4{
        padding-top: 20px;
        
    }

   


    @media screen and (max-width:500px){
    .sp-thumbnails, .sp-thumbnail-container{
        line-height: 40px;
    }
    .sp-slides-container{
        margin-top: 40px;
    }
}


@media screen and (max-width:480px){
    /* .banner{
        height: 155px;
        background-size: 100% 155px;
    } */
    .section-content1 p b{
        font-size: .45rem;
    }
    .section-content1{
        line-height: 22px;
    }
    .c-title{
        font-size: .56rem;
        background-size: 90% auto!important;
    }
    .section-content2 .c-title{
        margin-bottom: .4rem;
    }

    .section-content2 .left{
        background-size: 160px 185px;
        height: auto;
        padding-left: 0;
        padding-top: 190px;
        margin-bottom: 10px;
        background-position: center top;
    }
    .section-content2 .left .text{
        padding-top: 0;
        text-align: center;
    }
    .section-content2 .left h3,
    .section-content2 .left .text h4{
        margin-bottom: 2px;;
    }


    .section-content4 dl:nth-child(2){
        margin-left: 0;
        margin-right: 0;;
    }

    .com-section .left-con, .com-section .right-con{
        width: 100%;
        padding: 0;
    }
    .com-section li{
        height: 82px;
        margin: 10px 0 0!important;
    }
    .com-section li:before,
    .com-section li:after{
        display: none
    }

    .section-content5 .c-title{
        margin-bottom: .5rem;
    }

    .section-content6 .com-section{
        margin-top: .6rem;
        padding: 0;
    }
    .section-content6 h3{
        margin-top: 6px;
    }
    .section-content6 .com-section li{
        height: 85px;
    }

    .section-content7 .kc-price{
        padding-top: 25px;
        padding-bottom: 25px;;
    }
    .section-content7 h3{
        margin-top: 10px;
    }

    .section-content8 .col-xs-6 {
        width: 100%;

    }

    .section-content9 .c-title{
        margin-bottom: .6rem;
    }

    .section-content9 .col-md-4 .r-con{
        height: auto;
        margin: 15px;
    }

    .section-content9 .col-xs-6{
        width: 100%;
    }

    .section-content9{
        padding-bottom: .3rem;
    }

    .section-content10 img{
        max-width: 85%;
    }

    .section-content10 .c-title{
        margin-bottom: .6rem;
    }

    .section-content11 .c-title{
        margin-bottom: .6rem;
    }

    .section-content11 dl{
        height: auto;
        margin-top: 10px;
    }

    .sp-slide dl{
        width: 80%;
    }
    .sp-horizontal .sp-previous-arrow{
        left: 0;

    }
    .sp-horizontal .sp-next-arrow{
        right: 0;
    }
    .sp-arrow{
        height: 30px;
    }



    .section-content13 li{
        height: auto;;
        padding: 20px
    }
    .section-content13 li h2 b{
        /* display: block; */
        margin-left:3px;
        margin-top: 10px;
    }
    .section-content13 li h2{
        font-size: .45rem;
    }

    .section-content14 .col-md-3{
        width: 33.33%;
    }

    .section-content15 li{
        padding-left: 80px;
        background-size: 60px auto!important;
        margin-top: 0;
        margin-bottom: 20px;
        height:auto
    }

    
}