.banner img{width:100%;}
.c1-title{font-size:30px; font-weight: bold; margin-top: 60px;}
.c1-font1{font-size:12px; font-weight: bold;}
.c1-img{margin: -6px 0px 4px;}
.c1-nr{margin-top: 40px;}
.c1-nr-lf{width: 60%; float: left; padding-right: 30px; box-sizing: border-box;}
.c1-nr-rg{width: 40%; float: left;}
.c1-nr-title{font-size:24px; font-weight: bold;}
.c1-nr-font1{margin-top: 42px;}
.c1-nr-font1 p{font-size:14px;  text-align: justify; line-height: 24px; margin-bottom: 22px;}
.c1-nr-rg img{width: 100%; padding: 72px 0 0 0; display: block; box-sizing: border-box;}
/*.content2{margin-top: 40px;}*/
.c2-nr{margin-top: 40px; height: 470px; background: url('/img/about/tu2.png')no-repeat center; background-size: cover;}
.c2-box{width: 1200px; margin: 0 auto;}
.c2-box1{width:293px; height:141px; border-left: 2px solid #DBAC4E; border-right: 2px solid #DBAC4E; float: left; margin-left: -2px; box-sizing: border-box; position: relative;}
.c2-nr-title{font-size: 24px; font-weight: bold; color: #DBAC4E; margin-bottom: 32px;}
.c2-nr-font1{font-size:16px; margin-bottom: 12px; color: #FFF; height:106px;}
.c2-font{border-bottom: 1px solid #DBAC4E; display: inline-block; position: absolute; left: 32px; top: 88px;}
.c2-e1{border: none; width: 176px;}
.c2-e2{border-bottom: 1px solid #DBAC4E; margin-bottom: 0; padding-bottom: 12px;}
.c2-nr-font2{color: #FFF; margin-top: 14px; text-align: justify; font-size: 14px; line-height: 20px; text-indent: 32px;}
.c2-nr-font2 span{color:#fff;}
.c2-nr-font2:nth-of-type(3){margin-top: 25px; text-indent: 0px;}
.c2-e3{border: none; width: auto;}
.c2-box1:nth-of-type(4){border-right:none;}

.c3-nr{height:922px; overflow-y: scroll; background: url('/img/about/tu16.jpg')no-repeat center; background-size: cover; margin-top: 40px;position:relative;}
/*.c3-nr:before{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.6);content:"";}*/
.c3-list{height: auto; padding-top: 20px; position: relative;background-color:rgba(0,0,0,0.3);}
.c3-xt{width: 2px; height: 100%; background-color: #DBAC4E; margin: 0 auto; position: absolute; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); -moz-transform: translate(-50%);}
.c3-tb{margin: 0 auto; position: absolute; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); -moz-transform: translate(-50%);}
.c3-box{margin-top: 130px;}
.c3-year{text-align: center; margin-top: 20px;}
.c3-year span{font-size: 23px; font-weight: bold; color:#DBAC4E;}
.c3-year .nian{display:inline-block; padding-right: 42px; position: relative; margin-right: 95px;}
.c3-year .yue{position: absolute; right: -55px; top:0;}
.c3-img1{text-align: center; margin-top: 27px;}
.c3-img-auto{display: inline-block; position: relative;}
.c3-img1 img{display: inline-block; transform: translateX(-48%);}
.img1-font {position: absolute; right: -43%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img1-font p{font-size: 14px; color: #FFF; line-height: 24px;}
.img1-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px;}

.c3-img2{text-align: center; margin-top: 27px;}
.c3-img2-auto{display: inline-block; position: relative;}
.c3-img2 img{display: inline-block; transform: translateX(48%);}
.img2-font{position: absolute; left: -22%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img2-font p{font-size: 14px; color: #FFF; line-height: 24px; text-align: right;}
.img2-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px; text-align: right;}

.c3-img3{text-align: center; margin-top: 38px;}
.c3-img3-auto{display: inline-block; position: relative;}
.c3-img3 img{display: inline-block; transform: translateX(-48%);}
.img3-font {position: absolute; right: -78%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img3-font p{font-size: 14px; color: #FFF; line-height: 24px;}
.img3-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px;}

.c3-img4{text-align: center; margin-top: 38px;}
.c3-img4-auto{display: inline-block; position: relative;}
.c3-img4 img{display: inline-block; transform: translateX(-47%);}
.img4-font {position: absolute; right: -134%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img4-font p{font-size: 14px; color: #FFF; line-height: 24px;}
.img4-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px;}

.c3-img5{text-align: center; margin-top: 27px;}
.c3-img5-auto{display: inline-block; position: relative;}
.c3-img5 img{display: inline-block; transform: translateX(47%);}
.img5-font{position: absolute; left: -92%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img5-font p{font-size: 14px; color: #FFF; line-height: 24px; text-align: right;}
.img5-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px; text-align: right;}

.c3-img6{text-align: center; margin-top: 120px;}
.c3-img6-auto{display: inline-block; position: relative;}
.c3-img6 img{display: inline-block; transform: translateX(-47%);}
.img6-font {position: absolute; right: -88%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img6-font p{font-size: 14px; color: #FFF; line-height: 24px;}
.img6-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px;}


.c3-img7{text-align: center; margin-top: 27px;}
.c3-img7-auto{display: inline-block; position: relative;}
.c3-img7 img{display: inline-block; transform: translateX(47%);}
.img7-font{position: absolute; left: -78%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img7-font p{font-size: 14px; color: #FFF; line-height: 24px; text-align: right;}
.img7-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px; text-align: right;}

.c3-img8{text-align: center; margin-top: 27px;}
.c3-img8-auto{display: inline-block; position: relative;}
.c3-img8 img{display: inline-block; transform: translateX(47%);}
.img8-font{position: absolute; left: -130%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img8-font p{font-size: 14px; color: #FFF; line-height: 24px; text-align: right;}
.img8-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px; text-align: right;}


.c3-img9{text-align: center; margin-top: 27px;}
.c3-img9-auto{display: inline-block; position: relative;}
.c3-img9 img{display: inline-block; transform: translateX(-47%);}
.img9-font {position: absolute; right: -230%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img9-font p{font-size: 14px; color: #FFF; line-height: 24px;}
.img9-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px;}


.c3-img10{text-align: center; margin-top: 87px;}
.c3-img10-auto{display: inline-block; position: relative;}
.c3-img10 img{display: inline-block; transform: translateX(47%);}
.img10-font{position: absolute; left: -176%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img10-font p{font-size: 14px; color: #FFF; line-height: 24px; text-align: right;}
.img10-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px; text-align: right;}

.c3-img11{text-align: center; margin-top: 50px;}
.c3-img11-auto{display: inline-block; position: relative;}
.c3-img11 img{display: inline-block; transform: translateX(47%);}
.img11-font{position: absolute; left: -198%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img11-font p{font-size: 14px; color: #FFF; line-height: 24px; text-align: right;}
.img11-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px; text-align: right;}


.c3-img12{text-align: center; margin-top: 50px;}
.c3-img12-auto{display: inline-block; position: relative;}
.c3-img12 img{display: inline-block; transform: translateX(47%);}
.img12-font{position: absolute; left: -227%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img12-font p{font-size: 14px; color: #FFF; line-height: 24px; text-align: right;}
.img12-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px; text-align: right;}

.c3-img13{text-align: center; margin-top: 27px;}
.c3-img13-auto{display: inline-block; position: relative;}
.c3-img13 img{display: inline-block; transform: translateX(-48%);}
.img13-font {position: absolute; right: -138%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img13-font p{font-size: 14px; color: #FFF; line-height: 24px;}
.img13-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px;}


.c3-img14{text-align: center; margin-top: 50px;}
.c3-img14-auto{display: inline-block; position: relative;}
.c3-img14 img{display: inline-block; transform: translateX(47%);}
.img14-font{position: absolute; left: -209%; top: 0; text-align: left; top: 50%;  transform: translateY(-50%);}
.img14-font p{font-size: 14px; color: #FFF; line-height: 24px; text-align: right;}
.img14-font .c3-title-time{font-size: 14px; color:#DBAC4E; line-height: 24px; text-align: right;}


.c4-nr{margin-top: 40px;}
.c4-nr ul li{width: 23%; margin: 0 1%; float: left; height: 310px; margin-bottom: 10px; cursor: pointer;}
.c4-nr ul li img{width:100%; display: block;}
.c4-js span{text-align: center; font-size: 14PX; line-height: 20PX; display: block; padding: 5px 0 0 0;}

.fixe_img{width: 50%; padding: 30px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: rgba(0,0,0,0.8); display: none;}
.ch{width:25px; height:25px; position: absolute; top: 15px; right: 15px; background: url('/img/about/close.png')no-repeat center; background-size: cover; cursor: pointer;}
.fixe_img img{width: 75%; display: block; margin: 0 auto;}

@media screen and (max-width:1219px){
    .c2-box{width:97%;}
    .c1-title{margin-top: 30px;}
    .c1-nr{margin-top: 35px;}
    .content2{margin-top: 30px;}
    .c2-nr{margin-top: 35px;}
    .c3-nr{margin-top: 35px;}
    .c4-nr{margin-top: 35px;}
}

@media screen and (max-width:1160px){
    .c1-title{font-size:24px;}
    .c1-nr-title{font-size: 20px;}
    .c1-nr-lf{float: none; width: 100%;}
    .c1-nr{margin-top: 30px;}
    .c1-nr-font1{margin-top: 30px;}
    .c1-nr-font1 p{margin-bottom: 25px;}
    .c1-nr-rg{display: none;}
    .c2-nr-title{font-size: 18px; margin-bottom: 18px;}
    .c2-nr-font1{font-size: 12px;}
    .c2-box{width:80%;}
    .c2-box1{width:25%;}
}

@media screen and (max-width:1024px){
    .c2-e1{width:80%;}
    .c2-font{left:20px;}
    .c2-e3{width:80%;}
    .c2-font{max-width: 80%;}
    .img13-font{right: -120%; top: 42%;}
    
}

@media screen and (max-width:768px){
    .c2-box1{height: auto; border: none; width: 100%; float: none; margin-left: 0; margin-bottom: 30px;}
    .c2-font{position: static;}
    .c2-nr{height: auto;}
    .c2-box{width:90%; padding: 25px 0;}
    .c2-font{width: 100%; max-width: 100%;}
    .c2-nr-font2{text-indent: 0;}
    .c2-nr-font1{margin-bottom: 5px;}
    .c2-e2{padding-bottom: 5px;}
    .c2-nr-font2 span{color: #FFF;}
    .c2-nr-font2:nth-of-type(3){margin-top: 0;}
    .c2-nr-title{margin-bottom: 10px;}
    .c3-xt{display: none;}
    .c3-box{margin-top: 0; width: 90%; margin: 0 auto;}
    .c3-year .nian{padding-right: 0; margin-right: 0;}
    .c3-year .yue{position: static;}
    .c3-year{text-align: left;}
    .c3-img1 img{display: none;}
    .img1-font, .img2-font, .img3-font, .img4-font, .img5-font, .img6-font, .img7-font, .img8-font, .img9-font,  .img10-font, .img11-font,  .img12-font,  .img13-font, .img14-font {position: static;  transform: none;}
    .c3-img1,.c3-img2,.c3-img3,.c3-img4,.c3-img5,.c3-img6,.c3-img7,.c3-img8,.c3-img9,.c3-img10,.c3-img11,.c3-img12,.c3-img13,.c3-img14{text-align: left; margin-top: 5px;}
    .c3-box p{float: left;}
    .c3-year span{font-size: 20px;}
    .c4-nr ul li{width: 48%; height: 350px;}
}

@media screen and (max-width:600px){
    .c1-title{font-size:16px;}
    .c1-nr-title{font-size:14px;}
    .c1-nr-font1 p{font-size:12px;}
    .c2-nr-title{font-size:16px;}
    .c2-nr-font2{font-size:12px;}
    .c3-year span{font-size:16px;}
    .c1-nr-font1{margin-top: 15px;}
    .c1-nr{margin-top: 15px;}
    .c1-nr-font1 p{margin-bottom: 12px;}
    .c4-nr ul li{height: 235px; margin-bottom: 20px;}
    .c3-year{display: none;}
    .c3-box p{float: none; text-align: left;}
    .c3-img2-auto{display: block;}
    .img2-font .c3-title-time{text-align: left;}
    .img5-font .c3-title-time{text-align: left;}
    .img7-font .c3-title-time{text-align: left;}
    .img8-font .c3-title-time{text-align: left;}
    .c3-img10-auto{display: block;}
    .img10-font .c3-title-time{text-align: left;}
    .img11-font .c3-title-time{text-align: left;}
    .img12-font .c3-title-time{text-align: left;}
    .img14-font .c3-title-time{text-align: left;}
}
<!--ºÄʱ1764541848.4261Ãë-->