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

html, * {
	margin:0px;
	padding:0px;
	box-sizing: inherit;
	font-size: 100%;
	line-height: 1.618;
}
p{ margin:0px; padding:0px;}
body {
}
a {
	text-decoration:none;
}
li{ list-style:none;}

.back_to_top{  
    position: fixed;  
    bottom:30px;  
    right: 30px;  
    border:1px solid #00c0ff;
    z-index:2000;
    width:60px; height:80px;
    font-size:14px;
    
}  
.back_to_top img{ width:60px; height:60px;}
.back_to_top:hover{ background-color:#00c0ff; color:#FFF;
	}
.navtop {
	width:100%;
	height:80px;
	background-color:#FFF;
	position: relative;
	cursor:pointer;
}
.ctilogo {
	float:left;
	width:142px;
	margin-top:17px;
	margin-left:10px;
}
.ctilogo img {
	width:142px;
	height:46px;
}
.bt {
	margin-top:19px;
	width:139px;
	height:42px;
	border:1px solid #00c0ff;
	position: absolute;
	right: 1.618rem;
	text-align:center;
	
	border-radius:5px;
	margin-right:10px;
	cursor:pointer;
}
.bt a{ line-height:42px; }
.bt:hover {
	background-color:#00c0ff;
	color:#FFF;
}
.bannar {
	height: 500px;
	width: 100%;
	/*-o-object-fit: fill;*/
object-fit:fill;
	max-width: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position:relative;
}
.bannar .bannar-txt{
	position:absolute;
	z-index:1;
	color:#FFF;
	font-size:600%;
	
	}
	.bannar .scroll-down{  position:absolute; bottom:10vh;z-index:2; }
	.bannar .scroll-down .arrow-down{
	display: block;
    width: 30px;
    height: 36px;
    margin: 0 auto;
    text-align: center;
		}
		

.bannar  .scroll-down .arrow-down path{
	stroke: #fff;
    fill: transparent;
    stroke-width: 1px;
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
			}
			
.bannar  .scroll-down .arrow-down path.a1{
	animation-delay: -1s;
	-webkit-animation-delay: -1s;
	-moz-animation-delay: -1s;}
	.bannar  .scroll-down .arrow-down path.a2{
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;}
@keyframes arrow{
     0%{opacity: 0;}
     40%{opacity: .7;}
      80%{opacity: 0;}
      100%{ opacity: 0;}
    }	
@-moz-keyframes arrow{
     0%{opacity: 0;}
     40%{ opacity: .7;}
      80%{opacity: 0;}
      100%{opacity: 0;}
    }
@-webkit-keyframes arrow{
     0%{opacity: 0;}
     40%{ opacity: .7;}
      80%{opacity: 0;}
      100%{ opacity: 0;}
    }	
@-o-keyframes arrow{
     0%{opacity: 0;}
     40%{opacity: .7;}
      80%{opacity: 0;}
      100%{opacity: 0;}
    }	        	    	
			
.bannar .scroll-down img{ margin:0px auto;}	
.bannar .bannar img {
	width:100%;
	height:100%;
	object-fit: cover;
}
/*.bannar::after {白色斜块遮罩
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='2800' fill='%23FFF'%3E%3Cpath d='M0 100h2800V0z'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
content: "";
height: 100px;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 1;
bottom: -2px;;
}*/
.min {
	margin-top: 1.618rem;
	height:auto;
	overflow:hidden;
	margin-bottom:30px;
}
.min .box {
	max-width: none;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
       *zoom: 1;
	float: left;
	clear: none;
	text-align: inherit;
	width: 70%;
	margin-left: 0;
	margin-right: 3%;
	position: relative;
	left: 15%;
	display: block;
	text-align:center;
	
}

.min .box .tit {
	text-align:center;
	font-size:160%;
	font-weight:bold;
}
.min .box .lin {
	width:30%;
	height:2px;
	background-color:#00c0ff;
	margin:0px auto;
}

.min p {
	font-size: 100%;
	margin-top:2%;
	color:#1c1c1c;
	text-align:justify;
	line-height:26px;
}

.imgbox {
	padding: 0;
	clear: both;
	content: "";
	display: table;
	width:100%;
}
.imgbox .tile-grid {   /*padding:3px;margin: 1.618rem 0 0;*/
	display:flex;
	flex-direction: row;
}
.imgbox .tile-grid .is_6 {
	width:50%;
}
.imgbox .tile-grid .box_left {
	display:flex;
	flex-direction: column;
}
.imgbox .tile-grid .box_left .tile {
	display:flex;
	flex-direction: row;
}
.imgbox .tile-grid .box_right {
	position:relative;
}
.imgbox .tile-grid .is_6 .is_prent {
	padding:3px;
	height:40vh;
}
.imgbox .tile-grid .is_6 .tile .is_prent {
	padding:3px;
	height:40vh;
	width:100%;
}
.imgbox .tile-grid .box {
	position: relative;
	background-size: auto;
	background-position: 50%;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
}
.imgbox .tile-grid .box-caption {
	position: absolute;
transition: background-color .3s ease-out;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1em;
	background-color: rgba(0, 0, 0, .5);
	color:#FFF;
}

.imgbox .tile-grid article:hover .box-caption {
	transition: opacity .3s ease-out;
	opacity: 0;
	background-color: rgba(0, 0, 0, .0);
}

.imgbox .tile-grid .box-caption .box-txt {
position: absolute;
	left: 1em;
	bottom: 1em;
}
.imgbox .tile-grid .box-caption .box-txt .text{
	 position:absolute; bottom:30px;}
	 
/*.imgbox .box-caption .box_txt .txt_title{
   font-size:300%;
	}	*/ 
.imgbox .box-caption .box_txt .txt_title{
	font-size:220%;
	transition: opacity .3s ease-out;
	opacity: 1;
	position: absolute;
	left: 1em;
	top: 1em;
	}
.news .r_box{ width:100%; height:300px;}	
.news .news-img {
	width:100%;	
	height:300px;
	position:absolute;
	overflow:hidden;
}
.news .news-img figure {
	width: 100%;	
	padding: 0;
	position:  relative;
	top:center;
	left:center;
	display: block;
	height:auto; 
	overflow:hidden;
}
.news .news-img figure img {
transform: translate(0%, -15%) matrix(1, 0, 0, 1, 0, 0);
-ms-transform:translate(0%, -15%) matrix(1, 0, 0, 1, 0, 0); 	/* IE 9 */
-moz-transform:translate(0%, -15%) matrix(1, 0, 0, 1, 0, 0); 	/* Firefox */
-webkit-transform:translate(0%, -15%) matrix(1, 0, 0, 1, 0, 0); /* Safari 和 Chrome */
-o-transform:translate(0%, -15%) matrix(1, 0, 0, 1, 0, 0); 
opacity: 1;
transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
	height: auto;
	width: 100%;
}
.news {
	margin-top:40px;
}
.news .header {
	clear:both;
	width: auto;
	max-width: 67.5rem;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.news .post_title {
	margin-top:30px;
 margin-bottom: .809rem;
	font-size: 200%;
}
.news .box_txt .txt_title {
transition: opacity .3s ease-out;
	opacity: 1;
	position: absolute;
	left: 1em;
	bottom: 1em;
}
.news .post_txt {
	max-width: 67.5rem;
	margin:0px auto;
	font-size:100%;
	line-height:28px;
}
.news ul{ font-size:100%;}
.news table{ font-size:100%; }
.news table tr td{ padding:10px;}

.news .post_txt img{ text-align:center; margin:0px auto; display:block;}
.news .post_txt a{ width:auto; padding:0px 20px; height:34px; border:2px solid #ff4f1f;  border-radius:15px; display:inline-block; line-height:34px; color:#ff4f1f; text-align:center; margin-top:10px;}
.news .post_txt a:hover{ background-color:#ff4f1f; color:#FFF;}


.footer{ width:100%;  background-color:#162b75; height:260px; color:#FFF; padding-top:20px; margin-top:20px;}
.footer .minbox{ width:70%; margin:0px auto; font-size:13px;}
.footer .lx_tit{ font-size:30px;}
.footer .left{ border-right:1px solid #FFF; width:70%; float:left; height:122px;}
.footer .left ul li{ float:left; width:30%;}
.footer .right{ float:left; margin-left:40px;  height:142px;}
.footer .right ul li{ float:right; text-align:center;width:110px; height:100px; vertical-align:middle;}
.footer .right ul li img{ width:88px; height:88px; } 
.footer .right  div{ text-align:center;}
.footer .copy{  text-align:center; padding-top:20px; margin-top:20px;line-height:22px; clear:both;}
@media screen and (max-width: 1280px) {
	.footer .minbox{ width:90%; padding:0px 5%;}
	.footer .left{ border-right:1px solid #FFF; width:70%; float:left; height:122px;}
       .news .post_txt img{ max-width:800px;}
	.min .box .lin { width:80%;}
.news .news-img{ max-height: 180px;}

.post_txt{ padding:5%; width:90%;}
.post_txt a{ display:block; text-wrap:normal;}

	}
@media screen and (max-width: 1024px) {
	.news table{ width:100%;}
	.news table{}
	.back_to_top{  
    position: fixed;  
    bottom:30px;  
    right: 30px;  
    border:1px solid #00c0ff;
    z-index:2000;
    width:30px; height:40px;
    font-size:14px;
    
    
} 
.back_to_top img{ width:30px; height:30px;} 
.imgbox .box-caption .box_txt .txt_title { 
  font-size:200%;
}
	
 .bt {
width:30%;
}
 .min .box {
width:100%;
max-width:90%;
left:0px;
padding:5%
}

 .imgbox .tile-grid .is_6 {
}
.min .box .lin { width:80%;}
.news .news-img{ max-height: 180px;}

.post_txt{ padding:5%; width:90%;}
.post_txt a{ display:block; text-wrap:normal;}
.imgbox .tile-grid{flex-direction: column;}
.imgbox .tile-grid .is_6{ width:100%;}
.imgbox .tile-grid .box_left .tile{flex-direction: column;}
.imgbox .tile-grid .is_6 .tile .is_prent{ width:auto;}
.news .post_txt img{ width:96%; padding:2px;}

.footer { height:auto; overflow:hidden; padding-top:0px;}
.footer .minbox{ width:90%;}
.footer .left { float:none; height: auto; overflow:hidden;width:100%; text-align:center; }
.footer .right{ display:none;}
.footer .left ul li{ float:none; width:100%;}
.footer .right ul li{ float:none;}
.zzs_logo .row .col-xs-3{ padding:2px; text-align:center;}
.zzs_logo .row .col-xs-3 img{ width:100%;}
table{ font-size:14px;}
table tr td{ padding-left:10px; font-size:14px;}

.footer .left{ border:none;}
}
@media screen and (max-width:992px){
	.news .r_box{max-height:180px;overflow:hidden;}
	}
@media screen and (max-width:768px){
	.news .r_box{max-height:140px;overflow:hidden;}
	}
@media screen and (max-width:480px){
	.news .r_box{max-height:80px;overflow:hidden;}
	}