﻿/*通用*/
body,html{
    margin:0;
    padding:0;
    font-size:14px;
    font-family: '微软雅黑';
    min-width:1130px;
}
.container-fulled{
    width:100%;
}
img{
    border:none;
}
.container{
    width:1130px;
    margin:0 auto;
}
ul{
    list-style:none;
    margin:0;
    padding:0;
}
a,a:hover,a:active{
    color:inherit;
    text-decoration: none;
}
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:'';
    display:block;
    clear:both;
}
.whitespace {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.vertical{
    display: inline-block;
    vertical-align: middle;
}
/*通用结束*/
/*头部*/
#header{
    padding:30px 0;
    background: #ffffff;
}
#header a{
    margin-right:30px;
}
.zi{
    margin-left:20px;
    height:100px;
}
/*导航*/
#nav{
    background: #1077be;
    box-shadow: 0 1px 3px #e9e9e9;
}
#nav .nav .item{
    white-space: nowrap;
    position:relative;
    float:left;
    line-height: 55px;
    text-align: center;
}
#nav .nav .item>a{
    font-size: 18px;
    color: #ffffff;
    padding:0 28px;
}
#nav .nav .item.active>a{
    color:#000000;
}
/*轮播图*/
.runBox{
    overflow: hidden;
    width:100%;
    position:relative;
}
.runBox .runUl{
    position:absolute;
    left:0;
    top:0;
}
.runBox .runItem{
    float:left;
    position:relative;
}
.runBox .runItem img{
    width:100%;
    display: block;
}
.runBox .runItem .runText{
    font-size:30px;
    color:#ffffff;
    font-weight: 500;
    position:absolute;
    background:rgba(36, 80, 134, 0.8);
    padding:15px 30px;
    bottom:0;
}
.runCtrl{
    position:absolute;
    bottom:3%;
}
.runCtrl li{
    width:10px;
    height:10px;
    border-radius: 50%;
    cursor: pointer;
    float:left;
    background: rgba(204,204,204,1);
    margin-left:10px;
}
.runCtrl li.active{
    background: #1077be;
}
#runNext,#runPrev{
    position:absolute;
    width:10px;
    height:20px;
    background: #1077be;
    cursor: pointer;
}
/*轮播图结束*/
/*底部版权*/
#footer{
    color:#ffffff;
    background: #1077be;
    padding:20px 0;
    text-align: center;
    line-height:1.5;
}
/*正文*/
body{
    background: #edf0f5;
}
#body{
    margin-bottom:50px;
}
.letterTitle{
    padding:10px;
    text-align: center;
    margin-top:80px;
    /*background-image: linear-gradient(160deg, #008cff 0,#00ffd5 50%,#008cff 100%);;*/
}
.letterBody{
    box-sizing: border-box;
    line-height:24px;
    font-size:16px;
    padding:60px 20px;
}
/*1*/
.body-1,.body-2,.body-3{
    margin-top:50px;
    border-radius: 5px;
    padding:50px;
    box-shadow: 0 30px 50px rgba(36, 80, 134,0.14);
    background: #ffffff;
}
.body-img1{
    margin-top:50px;
    font-size:0;
}
.body-img1 div,.body-img1 p{
    height:180px;
    background: #ffffff;
    font-size:16px;
    box-shadow: 0 30px 50px rgba(36, 80, 134,0.14);
    border-radius: 5px;
}
.body-img1 div{
    width:300px;
    margin-right:30px;
}
.body-img1 p{
    width:800px;
    padding:30px;
    box-sizing: border-box;
}
.body-img1 img{
    width:100%;
}
.body-img2{
    background: #ffffff;
    font-size:16px;
    box-shadow: 0 30px 50px rgba(36, 80, 134,0.14);
    border-radius: 5px;
    margin:20px 132px;
/*    margin-top:20px;*/
    width:300px;
    float:left;
}
.body-img2:nth-of-type(2n){

}
.body-img2 img{
    width:100%;
}
.body-img2 div{
    width:300px;
    padding:40px 80px;
    box-sizing: border-box;
}
.body-img2 p{
    width:300px;
    padding:30px;
    box-sizing: border-box;
    text-align: center;
}
.content{
    margin-top:50px;
}