.container .main div {}
.container .main div h3 {}
.container .main div p {}
.container .main ul {}
.container .main ul p {}
.container .main ul p span {}
.container .history {
    /* max-width: min(98%,1300px); */
    /* margin: 0 auto; */
}
.container .history .history-1 {
    width: 98%;
    max-width: min(98%,1300px);
    margin: 0 auto;
}
.container .history .history-1 h3 {}
.container .history .history-1 .content {}
.container .history .history-1 .content .left {}
.container .history .history-1 .content .left div {}
.container .history .history-1 .content .left div p {}
.container .history .history-1 .content .left div:nth-child(1) {}
.container .history .history-1 .content .left div:nth-child(3) {}
.container .history .history-1 .content .left div span {}
.container .history .history-1 .content .left .left-bottom:nth-child(3) {}
.container .history .history-1 .content .left .select span {}
.container .history .history-1 .content .rigth {}
.container .history .history-1 .content .rigth .case {}
.container .history .history-1 .content .rigth .case span {}
.container .history .history-1 .content .rigth .case div {}
.container .history .history-1 .content .rigth .case div h4 {}
.container .history .history-1 .content .rigth .case div p {
    white-space: normal;
    max-width: 100%;
}
.container .introduction {}
.container .introduction div {}
.container .introduction div h3 {}
.container .introduction div h3 img {}
.container .introduction div p {}
.container .lead {}
.container .lead .lead-1 {}
.container .lead .lead-1 img {}
.container .lead .lead-1 div {}
.container .lead .lead-1 div h3 {}
.container .lead .lead-1 div p {}
.container .recognition {}
.container .recognition h3 {}
.container .recognition p {}
.container .recognition div {}
.container .recognition div img {}
.container .source {}
.container .source .source-1 {}
.container .source .source-1 h3 {}
.container .source .source-1 p {}
.container .source .source-1 .source-img {}
.container .source .source-1 .source-img div {}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
@media screen and (max-width:1199px){
.container .main div {}
.container .main div h3 {
    font-size: 22px !important;
}
.container .main div p {}
.container .main ul {}
.container .main ul p {}
.container .main ul p span {}
.container .history {}
.container>div {
    max-width: 98%;
}
.container .history .history-1 h3 {}
.container .history .history-1 .content {}
.container .history .history-1 .content .left {}
.container .history .history-1 .content .left div {}
.container .history .history-1 .content .left div p {}
.container .history .history-1 .content .left div:nth-child(1) {}
.container .history .history-1 .content .left div:nth-child(3) {}
.container .history .history-1 .content .left div span {}
.container .history .history-1 .content .left .left-bottom:nth-child(3) {}
.container .history .history-1 .content .left .select span {}
.container .history .history-1 .content .rigth {width: calc(100% - 90px);}
.container .history .history-1 .content .rigth .case {
    height: auto;
}
.container .history .history-1 .content .rigth .case span {}
.container .history .history-1 .content .rigth .case div {
    width: auto;
}
.container .history .history-1 .content .rigth .case div h4 {}
.container .history .history-1 .content .rigth .case div p {}
.container >div {
    max-width: 98% !important;
}
.container .introduction div {}
.container .introduction div h3 {}
.container .introduction div h3 img {}
.container .introduction div p {}
.container .lead {}
.container .lead .lead-1 {}
.container .lead .lead-1 img {
    width: 50%;
    height: auto;
}
.container .lead .lead-1 div {}
.container .lead .lead-1 div h3 {}
.container .lead .lead-1 div p {}
.container .recognition {}
.container .recognition h3 {}
.container .recognition p {}
.container .recognition div {}
.container .recognition div img {}
.container .source {}
.container .source .source-1 {
    width: 98%;
}
.container .source .source-1 h3 {}
.container .source .source-1 p {
    font-size: 14px;
    line-height: 1.8;
}
.container .source .source-1 .source-img {}
.container .source .source-1 .source-img div {}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
}
@media screen and (max-width:979px){
.container .main div {}
.container .main div h3 {
    font-size: 20px !important;
}
.container .main div p {}
.container .main ul {}
.container .main ul p {}
.container .main ul p span {
    font-size: 32px !important;
}
.container .history {}
.container .history .history-1 {
    width: 98%;
}
.container .history .history-1 h3 {
    font-size: 20px;
}
.container .history .history-1 .content {}
.container .history .history-1 .content .left {}
.container .history .history-1 .content .left div {}
.container .history .history-1 .content .left div p {}
.container .history .history-1 .content .left div:nth-child(1) {}
.container .history .history-1 .content .left div:nth-child(3) {}
.container .history .history-1 .content .left div span {}
.container .history .history-1 .content .left .left-bottom:nth-child(3) {}
.container .history .history-1 .content .left .select span {}
.container .history .history-1 .content .rigth {}
.container .history .history-1 .content .rigth .case {}
.container .history .history-1 .content .rigth .case span {}
.container .history .history-1 .content .rigth .case div {}
.container .history .history-1 .content .rigth .case div h4 {}
.container .history .history-1 .content .rigth .case div p {}
.container .introduction {
    width: 98%;
}
.container .introduction div {
    width: 25%;
    height: auto;
}
.container .introduction div h3 {
    height: 50px;
    font-size: 16px;
}
.container .introduction div h3 img {
    max-height: 1em;
    width: auto;
}
.container .introduction div p {
    font-size: 14px;
    line-height: 1.7;
}
.container .lead {}
.container .lead .lead-1 {
    width: 98%;
}
.container .lead .lead-1 img {
    width: 50%;
}
.container .lead .lead-1 div {}
.container .lead .lead-1 div h3 {
    font-size: 22px;
}
.container .lead .lead-1 div p {
    line-height: 1.6;
}
.container .recognition {}
.container .recognition h3 {
    font-size: 22px;
}
.container .recognition p {
    font-size: 14px;
    line-height: 1.8;
}
.container .recognition div {}
.container .recognition div img {}
.container .source {}
.container .source .source-1 {}
.container .source .source-1 h3 {
    font-size: 22px;
}
.container .source .source-1 p {}
.container .source .source-1 .source-img {}
.container .source .source-1 .source-img div {}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
}
@media screen and (max-width:769px){
.container .main div {}
.container .main div h3 {
    font-size: 16px !important;
    margin-bottom: 15px !important;
}
.container .main div p {
    font-size: 14px !important;
    line-height: 1.8 !important;
}
.container .main ul {
    flex-wrap: wrap;
}

.container .main ul li {
    width: 30%;
}
.container .main ul p {
    font-size: 12px !important;
}
.container .main ul p span {
    font-size: 16px !important;
}
.container .history {}
.container .history .history-1 {}
.container .history .history-1 h3 {}
.container .history .history-1 .content {}
.container .history .history-1 .content .left {}
.container .history .history-1 .content .left div {}
.container .history .history-1 .content .left div p {}
.container .history .history-1 .content .left div:nth-child(1) {}
.container .history .history-1 .content .left div:nth-child(3) {}
.container .history .history-1 .content .left div span {}
.container .history .history-1 .content .left .left-bottom:nth-child(3) {}
.container .history .history-1 .content .left .select span {}
.container .history .history-1 .content .rigth {
    width: calc(100% - 0px);
}
.container .history .history-1 .content .rigth .case:last-child {
    margin-bottom: 0;
}
.container .history .history-1 .content .rigth .case span {
    display: none;
}
.container .history .history-1 .content .rigth .case div {
    padding: 15px 20px;
}
.container .history .history-1 .content .rigth .case div h4 {
    font-size: 20px;
    margin-bottom: 10px;
}
.container .history .history-1 .content .rigth .case div p {
    font-size: 14px;
}
.container .introduction {
    display: block;
}
.container .introduction div {
    width: 100%;
}
.container .introduction div h3 {}
.container .introduction div h3 img {}
.container .introduction div p {}
.container .lead {}
.container .lead .lead-1 {
    display: block;
    padding: 0;
}
.container .lead .lead-1 img {
    width: 100%;
    height: auto;
}
.container .lead .lead-1 div {
    height: auto;
    padding: 15px;
    border: none;
    background: #fff;
}
.container .lead .lead-1 div h3 {
    margin-bottom: 10px;
    font-size: 16px;
}
.container .lead .lead-1 div p {
    font-size: 14px;
}
.container .recognition {
    margin: 0px auto;
    padding: 15px;
}
.container .recognition h3 {
    font-size: 18px;
}
.container .recognition p {}
.container .recognition div {
    padding: 20px;
    border: 1px solid #e;
}
.container .recognition div img {}
.container .source {}
.container .source .source-1 {
    padding: 20px 15px;
}
.container .source .source-1 h3 {
    font-size: 18px;
}
.container .source .source-1 p {}
.container .source .source-1 .source-img {}
.container .source .source-1 .source-img div {}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
.container .main{
    padding: 0 15px;
    margin: 20px auto !important;
}
}