@charset "utf-8";
/* CSS Document */
.content1{ padding:100px 0 0 0;}
.content1-lf{ float:left; width:50%}
.content1-rg{ float:right; width:50%;}
.font-title{ font-size:30px;}
.font-nr{ text-indent:30px; font-size:14px; line-height:30px; margin-top:45px;opacity: 0.8;}
.font2-title{ font-size:68px; line-height:30px; color:#e7e7e7;writing-mode:tb-rl;writing-mode: vertical-rl;display: inline-block; float:left; width:19%; overflow:hidden;margin-top: 50px;}
.content1-rg-img{ float:left; margin-left:-10px; width:80%;}
.content1-rg-img img{ width:100%;}

/*.content2{ margin:76px 0;}
.content2-box{width:40%; margin:0 auto; position:relative;}
.content2-box1{ position:absolute; left:0; top:0; margin:24px 0; width:24%; height:3px; background-color:#e7e7e7;}
.content2-box2{ font-size:20px; color:#e7e7e7; padding:10px 10px; border:3px solid #e7e7e7; width:50%; margin:0 auto; text-align:center;}
.content2-box3{ position:absolute; right:0; top:0; margin:24px 0; width:24%; height:3px; background-color:#e7e7e7;}
*/
.content3{ margin-bottom:20px; margin-top:40px;}
.content3 ul li{ float:left; width:25%; position:relative; overflow:hidden; transition:all .8s;}
.content3 ul li img{ display:block; width:100%; max-width:100%;}
.list-font{ border-bottom:1px solid #efefef; border-left:1px solid #efefef; border-right:1px solid #efefef;}
.list-font1{ font-size:16px; text-align:center; padding:15px; 0  15px 0;}
.list-font2{ font-size:14px; text-align:center; padding:5px 0 15px 0;}

.content{position: absolute; z-index: 2;background-color:rgba(45, 45, 45, 0.8);width: 100%;height: 100%; left: -100%;top: -101%; line-height: 198px;text-align: center;color: #fff;font-size: 70px;}
	
.content.trans {transition: all .2s;backface-visibility: hidden;}

.list-font-2{ position:absolute; top:50%; margin-top:-46px; left:0; right:0; text-align:center;}
.list-font1-a{ width:100%;height:60px;line-height: 60px;color: #fff; font-weight: bold; font-size: 18px; text-align: center;}
.list-font2-b{width:100%;height:32px;line-height: 32px;padding-top: 18px;font-size: 14px;color: #fff;text-align: center;}

.list-font2-b:after{ content:""; width:20px; height:2px; background-color:#FFF; position:absolute; top:calc(50%); left:calc(50% - 10px);}

.nav-left{ position:absolute; top:calc(50% - 50px); left:0; z-index:9999; width:35px;}
.nav-left img{ width:100%;}
.nav-right img{ width:100%;}
.nav-right{position:absolute; top:calc(50% - 50px); right:0; z-index:9999; width:35px;}

@media screen and (max-width:1219px){
  .content1{padding: 40px 0 0 0;}
  .font-nr{margin-top: 28px;}
	.font2-title{font-size: 46px;font-size: 4.6rem;}
}

@media screen and (max-width:1024px){

}

@media screen and (max-width:768px){
  .font2-title{ display:none;}
  .content1-lf{ float:none; width:100%;}
  .content1-rg{ float:none; width:100%; overflow:hidden; height:200px;}
  .content1-rg-img{ float:none; width:100%; margin-left:0;}
  .content1{ padding:20px 0 0 0;}
  .font-nr{ margin-top:5px; margin-bottom:20px;}
  .font-title{font-size: 18px;font-size: 1.8rem;}
  .content1{ width:90%; margin:0 auto;}
  .content3{ width:90%; margin:40px auto;}
}