/* CSS Document */
.bg-cont1 {
width: 100%;
float: left;
margin-bottom: 30px;
}
.cont1-left {
width: 22%;
float: left;
}
.cont1-right {
width: 78%;
float: left;
max-height: 200px;
overflow-y: scroll;
margin-top: 35px;
}
.cont1-news {
width: 100%;
float: left;
font-size: 1.3em;
margin-top: 35px;
}
.box-newss {
width: 98%;
float: left;
height: 200px;
line-height: 200%;
font-size: 15px;
color:#333;
}
ul.news2 li{
border-bottom: 1px dotted #ccc;
padding: 10px;
padding-left: 0;
}
}
.tit-news {
padding: 5px 15px 5px 15px;
color: #fff;
float: left;
background: #ff6600;
margin-right: 25px;
box-sizing: border-box;
}
.date-news {
float: left;
margin-right: 25px;
padding: 5px;
box-sizing: border-box;
}
.cont-news {
padding: 5px;
float: left;
box-sizing: border-box;
letter-spacing:-1px;
width:70%;
line-height:160%;
}
.bg-cont2 {
width: 100%;
float: left;
background: url(../img/index/bg-cont3.png) top center no-repeat;
background: url(../img/index/bg-cont2.png) top center no-repeat;
background-size: 100%;
background-size: cover;
}
.cont2 {
width: 100%;
float: left;
/* background: rgba(0,0,0,0.7);*/
background: rgba(255, 255, 255, 0.6);
padding-bottom: 70px;
}
.cont2-left {
width: 100%;
float: left;
/* color: #fff;*/
/* margin-top: 15px;
padding-left: 3%;*/
}
/*
.cont2-right {
width: 35%;
float: left;
margin-top: 20px;
}*/
.cont2-ii {
width: 100%;
/* max-width: 450px;
position: relative;*/
/* margin: 40px auto;*/
/* border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;*/
}
.cont2-ii img {
width: 100%;
/* border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;*/
}
.box-hvi {
position: absolute;
float: left;
width: 100%;
height: 100%;
top: 0;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.cont2-txt {
font-size: 1.6em;
float: left;
width: 100%;
line-height: 180%;
padding: 2%;
box-sizing: border-box;
/* padding-top: 5%;*/
margin-top: 20px;
color: #000;
}
.cont2-txt span {
font-weight: bold;
font-size: 105%;
}
.cont2-txt ul {
padding-left: 30px;
}
.cont2-txt ul li {
list-style: disc;
}
.cont2-img {
width: 100%;
float: left;
margin-top: 94px;
}
.cont2-img img {
width: 100%;
float: left;
}
.cont2-img1 {
width: 65%;
float: left;
}
.cont2-img1a {
width: 97%;
float: left;
position: relative;
margin: 0% 3% 3% 0%;
}
.cont2-img2 {
width: 33%;
float: left;
position: relative;
}
.box-hvi {
position: absolute;
float: left;
width: 100%;
height: 100%;
}
.box-hvi {
position: absolute;
float: left;
width: 100%;
height: 100%;
top: 0;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.hvi {
width: 100%;
height: 100%;
background: rgba(126, 188, 228, 0.63);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');
padding: 7px;
box-sizing: border-box;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
float: left;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
cursor: pointer;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.hvi:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.hvi-txt {
width: 100%;
height: 100%;
border: 1px solid #fff;
text-align: center;
box-sizing: border-box;
font-size: 1.8em;
font-weight: bold;
color: #fff;
display: table;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.hvi-txt span {
vertical-align: middle;
display: table-cell;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.cont3-rows {
width: 100%;
float: left;
padding: 3% 0% 3% 0%;
box-sizing: border-box;
border-top: 1px dotted #ccc;
}
.cont3-left {
width: 26%;
float: left;
}
.cont3-left img {
width: 100%;
}
.cont3-right {
width: 74%;
padding: 0% 1% 0% 4%;
float: left;
box-sizing: border-box;
}
.cont3-right span {
font-size: 1.3em;
line-height: 170%;
}
@media screen and (max-width: 960px) {
.bg-cont2 {background-size:cover;}
.cont-news {
width:63%;
}
}
@media screen and (max-width: 768px) {
.hvi-txt {
font-size: 2em;
}
.cont-news {
width:53%;
}
.cont2-left {
width: 100%;
padding-left: 0
}
.cont2-right {
width: 100%;
margin-top: 30px;
}
}
@media screen and (max-width: 730px) {
.cont1-left {
width: 100%;
}
.cont1-right {
width: 100%;
}
.cont1-news {
background: #F2F2F2;
padding: 5%;
box-sizing: border-box;
}
.date-news {
float: left;
width: 100%;
padding-top: 15px;
}
.cont-news {
float: left;
width: 100%;
line-height:160%;
}
ul.news2{
background: #DCE8FE;
padding: 5%;
box-sizing: border-box;
}
.bg-cont2 {
background-size: cover;
}
.cont2-left {
}
.cont2-right {
}
.cont2-img {
margin-top: 30px;
padding-bottom: 3%;
}
.cont2-img1 {
width: 100%;
}
.cont2-img1a {
width: 92%;
float: left;
position: relative;
margin: 0% 4% 1% 4%;
}
.cont2-img2 {
display: none;
}
.cont3-rows {
background: #F2F2F2;
border: none;
padding: 4%;
box-sizing: border-box;
}
.cont3-left {
width: 100%;
}
.cont3-right {
width: 100%;
padding: 0;
}
.cont3-right span {
font-size: 1.4em;
}
.tit-h3 {
text-align: center;
margin: 26px 0px 24px 0px;
line-height: 150%;
font-size: 2.4em;
}
.cont2-ii{
/* margin: 0 auto 40px;*/
}
.ico-sp-head{
}
.cont2-txt{
padding: 2% 5%;
}
}
@media screen and (max-width: 480px) {
}