.sub_banner{
    width:100%;
    text-align: center;
    position:relative;
    height:80vh;
}
.sub_banner>section>div{
    width:80%;
    margin:0 auto;
}
.sub_banner>section>div h1{
    line-height:80px;
    font-weight:bold;
}
.sub_banner>section>div h2{
    line-height:42px;
}
.bread_nav{
    position:absolute;
    top:150px;
    left:0;
    right:0;
    margin:0 auto;
}
.bread_nav ul li{
    display:inline-block;
    font-size:18px;
    font-weight:bold;
    color:#333;
    padding:0 20px;
}
.bread_nav ul li:first-child{
    border-right:1px solid #333;
}
.bread_nav ul li>a{
    font-weight:normal;
}
.bread_nav ul li.active>a{
    background:#3da7cf;
    color:#fff;
    padding:5px 15px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.sub_bottom_nav{
    width:100%;
    height:700px;
    background-size:cover;
}
.sub_bottom_nav article{
    text-align: center;
    margin-bottom:30px;
}
.sub_bottom_nav div{
    width:70%;
}
.sub_bottom_nav div ul{
    text-align:center;
}
.sub_bottom_nav div ul li{
    display:inline-block;
    width:20%;
    margin:0 40px;
}
.sub_bottom_nav div ul li a{
    display:inline-block;
    width:100%;
    padding:15px;
    background-color:#fff;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}
.sub_bottom_nav div ul li a div{
    width:100%;
}
.sub_bottom_nav div ul li a div img{
    display:block;
    width:100%;
}
.sub_bottom_nav div ul li a span{
    display:block;
    font-size:16px;
    margin-top:10px;
    line-height:30px;
    font-weight:bold;
}
.sub_block ul{
    width:100%;
}
.sub_block ul li{
    display:block;
    width:100%;
}
.sub_block ul li:nth-child(2n+1)>div{
    float:left;
}
.sub_block ul li:nth-child(2n)>div{
    float:right;
}
.sub_block ul li>div{
    width:50%;
    height:400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sub_block ul li>div section>div{
    width:60%;
    margin:0 auto;
}
.sub_block ul li>div section>div h4{
    font-size:24px;
    font-weight:bold;
    color:#3da7cf;
    margin-bottom:20px;
}
.sub_block ul li>div section>div span{
    font-size:16px;
}

/*tab_content*/

.tab_content{
    height:700px;
    width:75%;
}
.tab_content>section>div{
    width:70%;
}
.tab_content>section>div>section{
    display:none;
}
.tab_content>section>div>section:first-child{
    display:block;
}

.tab_bar{
    height:700px;
    width:25%;
    background:url(../images/about/tab_bar_bg.jpg) no-repeat center center;
}
.tab_bar>section>div{
    text-align: center;
}
.tab_bar .title h1{
    color:rgba(255,255,255,0.3);
    font-weight:bold;
}
.tab_bar .title h2{
    color:#fff;
    font-weight:bold;
    margin-top:-30px;
    margin-bottom:20px;
}
.tab_bar>section>div ul li{
    display:block;
    padding:20px;
    position:relative;
}
.tab_bar>section>div ul li i{
    position:absolute;
    left:-8px;
    font-size:30px;
    color:#3da7cf;
    display:none;
}
.tab_bar>section>div ul li a{
    color:#4bb4bf;
    font-size:20px;
    font-weight:bold;
}
.tab_bar>section>div ul li.active{
    background:#3da7cf;
}
.tab_bar>section>div ul li.active a{
    color:#fff;
}
.tab_bar>section>div ul li.active i{
    display:block;
}

/*pro_content*/
.pro_list{
    background:#f1f1f1;
}
.pro_content ul{
    width:60%;
    margin:0 auto;
    padding-top:100px;
    border-bottom:1px solid #f1f1f1;
}
.pro_content ul li{
    display:block;
    width:100%;
    background:#fff;
    margin-bottom:100px;
}
.pro_content ul li article{
    height:340px;
    width:60%;
}
.pro_content ul li article>section>div{
    width:80%;
}
.pro_content ul li article h3{
    font-weight:bold;
    margin-bottom:10px;
}
.pro_content ul li article h4{
    font-weight:bold;
    margin-bottom:10px;
}
.pro_content ul li article span{
    display:block;
}
.pro_img_box{
    width:300px;
    height:300px;
    background:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,0.2);
    margin-top:-30px;
}
.pro_content ul li:nth-child(2n+1) article{
    float:left;
}
.pro_content ul li:nth-child(2n+1) .pro_img_box{
    float:right;
    margin-right:80px;
}
.pro_content ul li:nth-child(2n) article{
    float:right;
}
.pro_content ul li:nth-child(2n) .pro_img_box{
    float:left;
    margin-left:80px;
}