@charset "utf-8";
/* CSS Document */


.w1200{ padding:0 1.65rem;}

.index_top{ margin:0 auto; text-align:right; text-transform:uppercase; padding:25px 1.65rem; font-size:12px;font-family: GEORGIA; padding-right:4.95rem;}
.index_top img{ width:254px;}
.list_box{ padding-top:40px; padding-bottom:40px;}
.list_box li{ width:29.33%; float:left; margin-right:6%; margin-bottom:6%; text-align:center;}
.list_box li:nth-child(3n){ margin-right:0;}
.list_box li:nth-child(3n+1){ clear:left;}
.list_box li .imgss img{ width:100%; height:100%; object-fit:cover;}
.list_box li h2{font-family: SourceSerifVariable; font-size:12px; font-weight:normal; letter-spacing:.15rem;display:block; padding:30px 0 10px; color:#444444;}

.index_main{padding:1.2rem 0;}

.index_main .w1200{ display:flex; align-items:center;}
.index_left{ width:32%;}
.fot_icon{ width:68%; text-align:center; float:right}

.index_ri{ width:68%; text-align:center;}
.index_ri b{ font-size:28px;font-family: GEORGIA; display:block; font-style:italic;}
.index_ri span{ font-size:14px; display:block; padding:15px 0;}
.index_ri a{ display:inline-block; color:#333; text-transform:uppercase; padding:0 15px; transition:all .3s; font-size:12px;font-family: GEORGIA;}
.index_ri img{width:97px;}
.tanchuangs{ z-index:999; display:none; position:fixed; top:0; left:0; background:rgba(0,0,0,.5); width:100%; height:100%;}
.tcbox{ box-shadow:0 0 10px rgba(0,0,0,.1);position:absolute; left:50%; top:50%; width:90%; max-width:11.84rem; background:#fff; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); display:flex; align-items:center;}
.tcbox .tc_video{ width:50%; height:6.7rem; background:#000;}
.tcbox .tc_intro{ width:50%; padding:.4rem; text-align:center; font-size:14px; color:#444444;font-family: SourceSerifVariable;}

.tcbox video{ height:100%; width:100%;}
.tanchuangs .video-js .vjs-big-play-button{ transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); left:50%; top:50%; width:50px; height:50px; line-height:50px; background:rgba(115,133,159,.5);}

.index_foot{ margin:0 auto;padding:40px 0;}

.index_left{ cursor: pointer;}


.intros_video{ display:none;}
.headerli{ padding:1rem 0;}
.headerli li{ display:inline-block; font-size:20px; margin-right:.9rem;}
.headerli li a{ letter-spacing:.2rem; color:#333; font-size:12px;font-family: SourceSerifVariable; line-height:1}
.headerli li.on a{ font-weight:bold;}
.logo img{ display:block; width:1.65rem;}
.logo{ text-align:right; padding-top:.15rem;}
.logo span{ color:#444; font-size:14px; display:block; padding-top:10px;font-family: SourceSerifVariable;}

	 .index_left img{ max-width:100%;}
	 .shipinli:after{ content: ""; display: block; clear: both;}

	 .more_click{ text-align: center; padding: 15px 0;}
	 .more_click a{ color: #333; font-size:12px;
font-family: SourceSerifVariable;}
.fot_icon img{ width:30px;}
.more_click a img{width:30px;}

.tcbox .tc_video iframe{ width:100% !important; height:100% !important; border:none;}
@media screen and (max-width:1200px){
.headerli li a{ letter-spacing:.15rem;}
}
@media screen and (max-width:768px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 
	 .w1200{ padding-left:20px; padding-right:20px;}
	 .list_box li{ width:46%; margin:2%;}
	 .list_box li:nth-child(3n){ margin-right:2%;}
	 .list_box li h2{ font-size:12px; padding-top:10px;}
	 .list_box li:nth-child(3n+1){ clear:none;}
	 .list_box li:nth-child(2n+1){ clear:left;}
	 .tcbox{ display:block; width:70%;}
	 .tcbox .tc_video{ height:10rem;}
	 .tcbox .tc_video,.tcbox .tc_intro{ width:100%;}
	 .tcbox .tc_intro{ padding:10px;}
	.index_main .w1200{ display:block;}
	 .index_ri{ width:100%; padding:40px 0;}
	 .index_left{ float:none; margin:0 auto; width:100%; max-width:420px;}

	 .index_foot{ padding:10px; text-align:center;}
	 /*.index_top{ padding:20px; font-size:12px;}*/
	 .index_ri a{ font-size:12px;}
	 .tcbox .tc_intro{ font-size: 12px;}
	 .more_click a{ font-size: 12px;}
  .index_ri a img{ width:97px;}
  .index_top img{ width:254px;}
  .fot_icon img{ width:30px;}
  .fot_icon{width:100%;}
	}


@font-face
{
font-family: GEORGIA;
src: url('../fonts/GEORGIA.TTF'); /* IE9+ */
}
@font-face
{
font-family: GEORGIAB;
src: url('../fonts/GEORGIAB.TTF'); /* IE9+ */
}
@font-face
{
font-family: GEORGIAI;
src: url('../fonts/GEORGIAI.TTF'); /* IE9+ */
}
@font-face
{
font-family: GEORGIA;
src: url('../fonts/GEORGIAZ.TTF'); /* IE9+ */
}

@font-face
{
font-family: SourceSerifVariable;
src: url('../fonts/hylxtj.ttf'); /* IE9+ */
}