@charset "utf-8";

.moveDown{
    -webkit-transition:-webkit-transform 0.5s ease-out;
    -moz-transition:-moz-transform 0.5s ease-out;
    -o-transition:-o-transform 0.5s ease-out;
    transition:transform 0.5s ease-out;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.moveUp{
    -webkit-transform:translateY(200px);
    -moz-transform:translateY(200px);
    -o-transform:translateY(200px);
    transform:translateY(200px);
}

#about{}
#about .box{width:1000px; text-align:left; margin:0 auto; padding:30px 0 320px 0; background:url(/Public/Website/assets/radiance/about_bg.png) no-repeat center bottom; background-size:100% auto; overflow:hidden; position:relative;}
#about .box .mobile{display:none;}
#about .box p{clear:both; line-height:25px; color:#313131; font-size:13px; padding-top:40px;}
#about .box p b{color:#A68D6A; font-size:32px; font-weight:bold;}
#about .box p img.a{width:490px; height:auto; padding-left:20px; float:right;}
#about .box p img.b{width:490px; height:auto; padding-right:20px; float:left;}
#about .box .slogan{height:170px; line-height:170px; color:#fff; font-size:48px; overflow:hidden; position:absolute; right:0; bottom:0;}

#progress .box{width:1000px; margin:0 auto; padding:40px 0; overflow:hidden;}
#progress .box .en{clear:both; height:110px; line-height:110px; color:#A68D6A; font-size:48px; font-weight:bold; overflow:hidden;}
#progress .box .cn{clear:both; height:40px; line-height:40px; color:#A68D6A; font-size:24px; font-weight:bold; overflow:hidden;}
#progress .box .list{clear:both; display:table; width:351px; min-height:150px; text-align:right; padding-right:150px; background:url(/Public/Website/assets/radiance/progress_list_bg_l.png) no-repeat right center; background-size:auto 150px; float:left; overflow:hidden; position:relative;}
#progress .box .list .wrap{*width:350px; vertical-align:middle; display:table-cell; *position:absolute; *top:50%;}
#progress .box .list .wrap p{line-height:25px; color:#313131; font-size:13px; *position:relative; *top:-50%;}
#progress .box .list .year{width:60px; height:60px; line-height:60px; color:#fff; font-size:24px; text-align:center; border:4px solid #d4a93e; background:#a68d6a; overflow:hidden; position:absolute; right:72px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
}
#progress .box .list.right{text-align:left; padding:0 0 0 150px; background:url(/Public/Website/assets/radiance/progress_list_bg_r.png) no-repeat left center; background-size:auto 150px; float:right;}
#progress .box .list.right .year{left:72px;}
#progress .box .list.a{margin-top:-25px;}
#progress .box .list.b{margin-top:-100px;}
#progress .box .list.c{margin-top:-87px;}
#progress .box .list.d{margin-top:-25px;}

#honor .box{width:1000px; margin:0 auto; padding-bottom:100px; overflow:hidden;}
#honor .box .cn{clear:both; height:155px; line-height:155px; color:#A68D6A; font-size:48px; font-weight:bold; overflow:hidden;}
#honor .box .list{clear:both; width:520px; text-align:left; background:url(/Public/Website/assets/radiance/honor_list_bg_l.png) repeat-y right top; float:left; overflow:hidden;}
#honor .box .list .year{height:36px; background:url(/Public/Website/assets/radiance/honor_year_bg.png) repeat-x center top; border:2px solid #A68D6A; overflow:hidden; position:relative;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}
#honor .box .list .year i{display:block; width:8px; height:8px; background:#fff; border:2px solid #A68D6A; overflow:hidden; position:absolute; right:12px; top:12px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
}
#honor .box .list .year span{display:block; width:23px; height:36px; background:#fff; overflow:hidden; position:absolute; left:0; top:0;}
#honor .box .list .year b{display:block; height:36px; line-height:36px; color:#A68D6A; font-size:24px; text-align:right; padding-right:68px; padding-left:17px; background:#fff; float:right;}
#honor .box .list .text{line-height:25px; padding:0 70px 0 0; overflow:hidden;}
#honor .box .list .text p{line-height:25px; color:#313131; font-size:13px; padding-top:20px; padding-left:13px; background:url(/Public/Website/assets/radiance/honor_text_bg.png) no-repeat left 28px;}
#honor .box .list.right{background:url(/Public/Website/assets/radiance/honor_list_bg_r.png) repeat-y left top; float:right;}
#honor .box .list.right .year i{left:12px; right:0;}
#honor .box .list.right .year b{float:left; padding-left:68px; padding-right:17px;}
#honor .box .list.right .year span{left:inherit; right:0;}
#honor .box .list.right .text{padding:0 0 0 70px;}
#honor .box .list.b{margin-top:-200px;}
#honor .box .list.c{margin-top:-60px;}
#honor .box .list.d{margin-top:-104px;}
#honor .box .list.e{margin-top:-250px;}
#honor .box .list.f{margin-top:-340px;}
#honor .box .list.g{margin-top:-320px;}
#honor .box .list.h{margin-top:-120px;}
#honor .box .list.i{margin-top:-360px;}

#culture .one,
#culture .two,
#culture .three{width:100%; height:840px; overflow:hidden; position:relative;}
#culture .one img.bg,
#culture .two img.bg,
#culture .three img.bg{width:1920px; height:100%; margin-left:-960px; position:absolute; top:0; left:50%;}
#culture .one .box,
#culture .two .box,
#culture .three .box{width:1000px; margin-left:-500px; position:absolute; top:0; left:50%;}
#culture .one .box .name,
#culture .two .box .name,
#culture .three .box .name{line-height:60px; color:#fff; font-size:50px; padding-top:390px;}
#culture .one .box .text,
#culture .two .box .text,
#culture .three .box .text{line-height:25px; color:#fff; font-size:16px; padding-top:30px;}
/*pad*/
@media only screen and (min-width:768px) and (max-width:1219px){

}
/*mobile*/
@media only screen and (min-width:320px) and (max-width:767px){
    #about{background:none;}
    #about .box{width:auto; padding:20px 15px 180px 15px;}
    #about .box p{line-height:20px; font-size:13px; padding-top:20px;}
    #about .box p b{font-size:16px;}
    #about .box p img.a{width:100%; height:auto; padding-left:0; float:inherit;}
    #about .box p img.b{width:100%; height:auto; padding-right:0; padding-bottom:20px; float:inherit;}
    #about .box .slogan{display:none;}

    #progress .box{width:auto; margin:0 auto; padding:20px 15px 40px 15px; overflow:hidden;}
    #progress .box .en{display:none;}
    #progress .box .cn{height:60px; line-height:60px; font-size:16px; text-align:left;}
    #progress .box .list{width:auto; min-height:42px; text-align:left; margin-bottom:30px; padding-right:0; padding-left:52px; background:none; float:inherit;}
    #progress .box .list .wrap{*width:100%;}
    #progress .box .list .wrap p{line-height:15px; font-size:11px;}
    #progress .box .list .year{width:36px; height:36px; line-height:36px; font-size:12px; border:3px solid #d4a93e; background:#a68d6a; position:absolute; left:0; right:0;}
    #progress .box .list.right{text-align:left; padding:0; padding-left:52px; background:none; float:inherit;}
    #progress .box .list.right .year{left:0;}
    #progress .box .list.a{margin-top:0;}
    #progress .box .list.b{margin-top:0;}
    #progress .box .list.c{margin-top:0;}

    #honor .box{width:auto; padding:20px 15px 40px 15px;}
    #honor .box .cn{height:35px; line-height:35px; font-size:16px; padding-top:10px; text-align:left;}
    #honor .box .list{width:100%; text-align:left; padding-top:20px; background:none;}
    #honor .box .list .year{height:30px; background-position:center -3px;}
    #honor .box .list .year i{display:none;}
    #honor .box .list .year b{height:30px; line-height:30px; font-size:16px; text-align:left; padding-right:15px; padding-left:15px; background:#fff; float:left;}
    #honor .box .list .year span{width:15px; left:inherit; right:0;}
    #honor .box .list .text{line-height:20px; font-size:11px; padding:10px 0;}
    #honor .box .list.right{background:none; float:inherit;}
    #honor .box .list.right .year{padding-left:0;}
    #honor .box .list.right .year i{display:none;}
    #honor .box .list.right .year b{float:left; padding-right:15px; padding-left:15px;}
    #honor .box .list.right .text{padding:10px 0;}
    #honor .box .list.b{margin-top:0;}
    #honor .box .list.c{margin-top:0;}
    #honor .box .list.d{margin-top:0;}
    #honor .box .list.e{margin-top:0;}
    #honor .box .list.f{margin-top:0;}
    #honor .box .list.g{margin-top:0;}
    #honor .box .list.h{margin-top:0;}
    #honor .box .list.i{margin-top:0;}

    #culture .one,
    #culture .two,
    #culture .three{height:480px;}
    #culture .one img.bg,
    #culture .two img.bg,
    #culture .three img.bg{width:1096px; height:100%; margin-left:-548px; position:absolute; top:0; left:50%;}
    #culture .one .box,
    #culture .two .box,
    #culture .three .box{width:100%; margin-left:0; position:absolute; top:0; left:0;}
    #culture .one .box .name,
    #culture .two .box .name,
    #culture .three .box .name{line-height:25px; font-size:16px; padding:200px 15px 0 15px;}
    #culture .one .box .text,
    #culture .two .box .text,
    #culture .three .box .text{line-height:17px; color:#fff; font-size:11px; padding:20px 15px 0 15px;}
}