/* by Adon , CSS Document */





.footer{ padding-top:0}

.slider{overflow:hidden;position:relative;}

.slider,.slider li,.slider li a{float:left;width:100%; overflow:hidden;}

.slider li img{animation: imageZoom linear 10s infinite;-webkit-animation: imageZoom linear 10s infinite;-moz-animation: imageZoom linear 10s infinite;-ms-animation: imageZoom linear 10s infinite;}

.slider li{position:relative;overflow:hidden}

.slider .slider-p{position:absolute;right:0;top:50%;margin-top:-170px;width:100%;text-transform:uppercase}

.slider .slider-p .slider-l .p1{ font-size:15px; color:#fff; border-bottom:solid 1px #5a88a4; line-height:40px;}

.slider .slider-p .slider-l .p2{ font-size:32px; color:#fff; line-height:35px;padding-top:35px; padding-bottom:35px;font-weight:bold;}

.slider .slider-p .slider-l .p3{ font-size:23px; background:#fff; padding-top:15px; padding-bottom:15px;}

.slider .slider-p .slider-l .p4{ background:#fff; border-top:solid 1px #ececec; line-height:40px;}

.slider .slider-p .slider-l p{ padding:0 45px 0 35px;}

.slider .slider-p .slider-l{ background:#12547c;}

.slider .slider-p .slider-r{ color:#fff; padding:35px;}

.slider .slider-p .slider-r a{ color:#fff;}

.slider .slider-p .slider-r .p1{ font-size:70px; line-height:75px; font-weight:bold;}

.slider .slider-p .slider-r .p2{ font-size:45px;}

.news{ float:left; width:100%; background:#f3f3f3;margin:5% 0; padding-bottom:10%; overflow:hidden; max-height:850px;}

.news .video{ width:35%}

.news ul{ width:60%}

.news ul li{ float:left; width:32.33%;font-weight:bold;margin-left:1%; background:#fff; font-size:20px; padding:2.5% 0;height:377px;}

.news ul li em{font-style:normal; padding:0 10%}

.news ul li em.e1{ font-size:60px;line-height:60px;}

.news ul li p{ font-size:13px; color:#737373; padding:0 10%; height:75px; overflow:hidden;}

.news ul li span{ padding:15% 10% 0 10%; border-top: solid 1px #f3f3f3; margin:7.5% 0 10% 0;overflow:hidden; height:96px;}

.news ul li:hover a,.news ul li:hover p,.news ul li:hover span,.news ul li:hover em{ color:#fff;}

.news ul li:hover{ background:#12547c; height:477px; margin-top:-50px; padding-top:7.5%;}

.news ul li:hover span{border-top: solid 1px #296488;}











@media (max-width:1024px){

.slider li img{ width:125%; max-width:125%; margin-left:-15%}

.slider .slider-p .slider-r{ padding:50px;}

.slider .slider-p .slider-r .p1{ font-size:50px; line-height:55px;}

.slider .slider-p .slider-r .p2{ font-size:35px;}

.slider .slider-p .slider-l .p1{ font-size:14px;line-height:40px;}

.slider .slider-p .slider-l .p2{ font-size:26px;line-height:30px;padding-top:25px; padding-bottom:25px;}

.slider .slider-p .slider-l .p3{ font-size:20px; padding-top:15px; padding-bottom:15px;}

.slider .slider-p .slider-l .p4{line-height:40px;}

.news .video{ width:100%; text-align:center; display:block; margin-bottom:7.5%;}

.news{ max-height: inherit;}

.news ul{ width:100%;}

.news ul li{ margin-left:0; margin-right:1%; font-size:18px;}

}

@media (max-width:768px){

.slider .slider-p .slider-r .p1{ font-size:43px; line-height:50px;}

.slider .slider-p .slider-r .p2{ font-size:26px;}
}

@media (max-width:640px){

.slider li img{ width:150%; max-width:150%; margin-left:-25%}

.slider .slider-p .slider-l { display:none}

.slider .slider-p .slider-r{ padding:0;}

.slider .slider-p{ margin-top:-100px;}

.news ul li{ margin:1.5% 0;width:100%; height:auto; padding:7.5% 0 10% 0;}

.news ul li span{ height:auto; padding-top:10%; margin-bottom:5%;}

.news ul li em.e1{ font-size:45px; line-height:50px;}

.news ul li:hover{ height:auto; padding-top:7.5%; margin-top:1.5%}

.news ul li p{ height:auto;}

}

@media (max-width:480px){

.slider .slider-p .slider-r .p1{ font-size:26px; line-height:30px;}

.slider .slider-p .slider-r .p2{ font-size:18px;}

.slider .slider-p{ margin-top:-60px;}

.news{ margin:10% 0;}

.news ul li{ font-size:16px;}

}

@media (max-width:320px){

.slider .slider-p .slider-r .p1{ font-size:20px; line-height:25px;}

.slider .slider-p .slider-r .p2{ font-size:16px;}

.slider .slider-p{ margin-top:-50px;}

.news ul li{ font-size:15px;}

.news ul li p{ font-size:12px;}

}