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

body{ margin:0; padding: 0;}
html{ margin:0; padding: 0;}
div{ margin:0; padding: 0;}

ul{ list-style: none}
li{ list-style: none; list-style-position: outside;}

a{ text-decoration: none; color: #333;}



.index-cy{width:100%; overflow: hidden;}
.index-cy1{width:50%; float: left;}
.index-cy2{width:50%;float: left;overflow: hidden;}
.index-cy2:hover .index-cytitle p{font-size:2em;line-height:2; margin-top: 1%;}
.index-cy2:hover .index-cytitle span{font-size:1.2em;}
.index-cy2:hover .index-cysummary{opacity:0.8;margin-top:18%;}
.index-cy2:hover .index-cybtn{margin-top:13%;}
.index-cy2:hover .index-cybtn a{opacity:1; background: #fff; border-radius: 15px; color: #555; padding: 0 10px; font-size: 0.875em;}
.index-cy2:hover .index-cybg img{
    opacity: .6;transform: scale(1.05);
	overflow: hidden;
	width: 100%;
}
.index-cybg{
    position: relative;
    z-index: -1;
    background: #00406f;
}
.index-cytp{
    position: absolute;
    width: inherit;
    margin-top: 7%;
    text-align: center;
}
.index-cytitle{
    position: absolute;
    width: 43%;
    margin-top: 6%;
	padding-left: 7%;
    text-align: left;
}
.index-cytitle p{
    font-size: 1.8em;
	font-weight: bold;
    margin: 0;
    color: #fff;
     transition:.4s ease;
}
.index-cytitle span{
    text-transform: uppercase;
    color: #fff;
    transition:.4s ease;
    opacity: .8;
}
.index-cysummary{
    position: absolute;
    width: 38%;
	padding-left: 7%;
    font-size: 1em;
    line-height: 1.8;
    margin-top: 12%;
    transition:.4s ease;
    color: #fff;
    text-align: left;
}
.index-cybtn{
    position: absolute;
    width: 30%;
	text-transform: uppercase;
    margin-top: 20%;
	padding-left: 7%;
     transition:.4s ease;
    text-align: left;
}
.index-cybtn a{
    display: inline-block;
    width: 22%;
    line-height: 35px;
     transition:.4s ease;
    opacity: 1;
    color: #fff;
}
.index-cybg img{width:100%;transition: .4s ease;display: block;height: 100%;}



.width-1200{width:1200px;margin: auto;}
.width-1280{width:1280px;margin: auto;}
.red{ color: #e90000;}




.news{background: #fff;padding-top: 30px;padding-bottom: 70px;margin-top: 70px;overflow:  hidden;}
.news-top{width:94%; overflow: hidden; margin: auto}
.news-top h1{font-size: 36px;color: #353535;font-weight: normal;float: left; width:100% ; text-align: center; text-transform: uppercase; margin: 0}
.news-top h2{ font-size:22px; font-weight: normal; float: left;width:100% ; text-align: center}
.news-top h2 img{vertical-align:middle; margin-right: 10px;}

.newsbox{width: 100%;overflow:  hidden;margin-top: 30px;}
.newsbox ul{
    margin:  0px;
    padding:  0px;
}
.newsbox ul li{
    width: 46%;
    float:  left;
    background:  #fff;
    padding:  3% 2%;
}

.newsbox ul li:hover{background-color: #0062b2;color: white;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;}
.newsbox ul li:hover .newstitle{color: white;}
.newsbox ul li:hover .newsdate{color: white;}
.newsbox ul li:hover .newstext{color: white;}


.newsbox ul li .newstitle{
    width: 75%;
    float: left;
    overflow:  hidden;
    font-size:  22px;
    line-height:  22px;
    height:  22px;
	font-weight:bold
}


.newsbox ul li .newsdate{
    width: 100px;
    float: left;
    text-align:  center;
    line-height:  30px;
	color: #353535;
	height: 80px;
	padding-top: 5px;
}
.newsbox ul li .newsdate span{font-size:2.5em; display:block; margin-bottom: 10px}

.newsbox ul li .newstext{
	margin-top: 35px;
	color: #807f7f;
	line-height: 26px;
	height: 50px;
	overflow:  hidden;
}

.news-more .btn{ width:190px; height: 40px; line-height: 40px; color: #e90000; font-size: 14px; text-align: center;
display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
	border: 1px solid #e90000;
}

.news-more .btn:hover, .news-more .btn:focus, .news-more .btn:active {
  background-color: #e90000;
  color: white;border-radius: 50px;
}







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

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

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