﻿*{ margin:0px; padding:0px;}
body 
{
    line-height:1.5;
    font-family:微软雅黑;
}
a{ text-decoration:none;}
ul,li{ list-style:none; }
 
.con1,.con2,.con3,.con4,.con5,.con6,.con7{ padding:200px 0px;  }
.con1{ text-align:center; }

.con1 h2     
{
    transition: 1s ease-in-out 0.5s;     
    transform: translateY(150px);
    opacity: 0;
    transition: 1s ease-in-out;     
    font-size: 32px;
    color: #ea5415;
    margin-top: 5px;
    font-weight: 500; 
} 

.con1.active h2 {
    transform: translateY(0);
    opacity: 1;
}

.con2{ text-align:center; }

.con2 h2     
{
    transition: 1s ease-in-out 0.5s;     
    transform: translateY(150px);
    opacity: 0;
    transition: 1s ease-in-out;     
    font-size: 35px;
    color: #ea5415;
    margin-top: 5px;
    font-weight: 500; 
} 

.con2.active h2 {
    transform: translateY(0);
    opacity: 1;
}

.con3{ text-align:center; }

.con3 h2     
{
    transition: 1s ease-in-out 0.5s;     
    transform: translateY(150px);
    opacity: 0;
    transition: 1s ease-in-out;     
    font-size: 35px;
    color: #ea5415;
    margin-top: 5px;
    font-weight: 500; 
} 

.con3.active h2 {
    transform: translateY(0);
    opacity: 1;
}


.con4{ text-align:center; }

.con4 h2     
{
    transition: 1s ease-in-out 0.5s;     
    transform: translateY(150px);
    opacity: 0;
    transition: 1s ease-in-out;     
    font-size: 35px;
    color: #ea5415;
    margin-top: 5px;
    font-weight: 500; 
} 

.con4.active h2 {
    transform: translateY(0);
    opacity: 1;
}


.con5{ text-align:center; }

.con5 h2     
{
    transition: 1s ease-in-out 0.5s;     
    transform: translateY(150px);
    opacity: 0;
    transition: 1s ease-in-out;     
    font-size: 35px;
    color: #ea5415;
    margin-top: 5px;
    font-weight: 500; 
} 

.con5.active h2 {
    transform: translateY(0);
    opacity: 1;
}


.con6{ text-align:center; }

.con6 h2     
{
    transition: 1s ease-in-out 0.5s;     
    transform: translateY(150px);
    opacity: 0;
    transition: 1s ease-in-out;     
    font-size: 35px;
    color: #ea5415;
    margin-top: 5px;
    font-weight: 500; 
} 

.con6.active h2 {
    transform: translateY(0);
    opacity: 1;
}


.con7{ text-align:center; }

.con7 h2     
{
    transition: 1s ease-in-out 0.5s;     
    transform: translateY(150px);
    opacity: 0;
    transition: 1s ease-in-out;     
    font-size: 35px;
    color: #ea5415;
    margin-top: 5px;
    font-weight: 500; 
} 

.con7.active h2 {
    transform: translateY(0);
    opacity: 1;
}