﻿@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(aos.css);
@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.o_big_con{ overflow:hidden; position:relative;}
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;  width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards; min-height:948px;}
.o_big img{width: 100%; filter: Alpha(Opacity=0); opacity: 0;}
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; color:#fff; font-size:18px;}
.o_big_con .h3{font-weight:bold; margin-top:180px;  padding-bottom:30px; line-height:1.2; position:relative; overflow:hidden; color:#fff;}
.o_big_con .h3:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-20px; width:39px; height:3px; background:rgba(255,255,255,0.16);}
.o_big_con .p{ overflow:hidden; line-height:36px; color:rgba(255,255,255,0.81); margin:0 auto; max-width:970px; margin-top:2%;}
.o_big_con .ul{ margin-top:9%; margin-bottom:5%; }
.o_big_con .ul li{ float:left; width:30.66%; margin-right:4%; overflow:hidden; background:rgba(237,119,0,0.8); border-radius:6px; height:194px;transition:all 0.3s;}
.o_big_con .ul li:nth-child(3n+0){margin-right:0;}
.o_big_con .ul li:hover{transform: translate(0%, -10px);background:rgba(237,119,0,1.0);}
.o_big_con .ul li .h4{ font-weight:normal; line-height:1.3; margin-top:50px; color:#fff;}
.o_big_con .ul li .p2{ width:96%; margin:0 auto; color:rgba(255,255,255,0.5); overflow:hidden; line-height:28px; margin-top:10px;}

@media screen and (max-width: 1200px) {
.o_big{ min-height:700px;}
.o_big_con .cons{ font-size:16px;}
.o_big_con .h3{ margin-top:120px;}
.o_big_con .p{ line-height:30px;}
.o_big_con .ul{ margin-top:6%;}
.o_big_con .ul li{ height:174px;}
.o_big_con .ul li .h4{ margin-top:40px;}
}

@media screen and (max-width: 1100px) {


}
@media screen and (max-width: 1000px) {


}
@media screen and (max-width: 960px) {
.o_big{ min-height:600px;}
.o_big_con .cons{ font-size:15px;}
.o_big_con .h3{ margin-top:100px; padding-bottom:26px;}
.o_big_con .p{ line-height:26px; margin-top:3%;}
.o_big_con .ul{ margin-top:5%;}
.o_big_con .ul li{ height:150px; margin-right:2%; width:32%;}
.o_big_con .ul li .h4{ margin-top:30px;}
.o_big_con .ul li .p2{ line-height:26px;}
}
@media screen and (max-width: 830px) {


}
@media screen and (max-width: 780px) {


}

@media screen and (max-width: 640px) {
.o_big_con .cons{ font-size:14px;}
}

@media screen and (max-width: 520px) {

}
@media screen and (max-width: 480px) {
/*内页*/
.o_big_con .ul li .h4{ font-size:16px;}
.o_big_con .cons{ font-size:13px;}
.o_big_con .p{ line-height:24px;}
.o_big_con .ul li{ height:130px;}
.o_big_con .ul li .p2{ line-height:24px;}
.o_big_con .ul li .h4{ margin-top:20px;}

}

@media screen and (max-width: 420px) {
.o_big_con .cons{ font-size:12px;}
.o_big_con .p{ line-height:22px;}
.o_big_con .ul li .p2{ line-height:22px;}
}
@media screen and (max-width: 360px) {

}
