/* CSS Document */
.banner-wrap {
    min-width: 1200px;
}

.banner-box {
    width: 1200px;
    height: 240px;
    overflow: hidden;
    margin: 0 auto;
}

.banner-p1 {
    text-align: center;
    line-height: 120px;
    color: black;
    font-size: 30px;
    font-family: "PingFang SC";
    margin-top: 60px;
}

.banner-p2 {
    text-align: center;
    color: black;
    font-size: 30px;
    font-family: "PingFang SC";
}
.zhuye{
    background:rgba(250,251,252,1);
    padding-top: 20px;
}
.banner-p3 {
    text-align: center;
    color: black;
    font-size: 32px;
    font-family: "PingFangSC-Regular";
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 30px;
}
.banner-p4 {
    text-align: center;
    color: black;
    font-size: 32px;
    font-family: "PingFangSC-Regular";
    font-weight: 400;
    margin-top: 90px;
    margin-bottom: 30px;
}
.flicker-banner{
    width: 1020px;
    margin: auto;
}
.banner-wrap1 {
    overflow: hidden;
    height: 650px;
    margin-top: 50px;
}

.banner-d1 {
    width: 18%;
    overflow: hidden;
    height: 60%;
    background: #d7d7d7 no-repeat;
    margin-top: 40px;
    margin-left: 5.5%;
    text-align: center;
    float: left;
}

.banner-d1 img {
    margin-top: 20px;
}

.csay_div {
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 30px;
}

.csay_p {
    text-indent: 28px;
    line-height: 23px;
    margin-top: 35px;
    text-align: left;
}

.csay_p1 {
    line-height: 23px;
    margin-top: 20px;
    text-align: right;
}

.banner-wrap2 {
    overflow: hidden;
}

.trade_div {
    width: 210px;
    overflow: hidden;
    height: 91px;
    background: #d7d7d7 no-repeat;
    margin-top: 10px;
    margin-left: 12%;
    text-align: center;
    float: left;
    cursor: pointer;
}

.trade_div:hover {
    background: #A8B4BF no-repeat;
}

.trade_div p {
    margin-top: 35px;
    text-align: center;
}

.trade_div2 {
    width: 60%;
    height: 89px;
    margin-top: 10px;
    float: left;
    border: 1px solid #000;
}

.trade_div2 img {
    margin: 20px;
}

.trade_last {
    margin-bottom: 100px;
}

/*搜索框*/
.search-box {
    width: 820px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 34px;
}

.search-input {
    float: left;
    width: 730px;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.33);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.search-img {
    width: 44px;
    height: 44px;
    overflow: hidden;
    background: url(../Images/searchicon.png) center center no-repeat;
    float: left;
}

.search-input input {
    float: left;
    height: 44px;
    width: 680px;
    line-height: 44px;
    border: none;
    outline: none;
    background-color: transparent;
    color: #ffffff;
    font-size: 16px;
    font-family: "PingFang SC";

}

input::-webkit-input-placeholder {
    color: #ffffff;
}

.search-button {
    width: 76px;
    height: 42px;
    margin-top: 1px;
    text-align: center;
    line-height: 42px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #0088cc;
    font-size: 16px;
    color: #f0f6fb;
    cursor: pointer;
    float: right;
}

.search-button:hover {
    background-color: #007ab7;
}

/*服务内容*/
.serve-container-wrap {
    min-width: 1200px;
    overflow: hidden;
}

.serve-container-box {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 30px;
}

.serve-title {
    padding-bottom: 30px;
    overflow: hidden;
    color: #425460;
}

.serve-title a {
    font-size: 13px;
    color: #425460;
}

.serve-title a:hover {
    color: #03a0ef;
}

.serve-title a:last-child {
    color: #425460;
    cursor: default;
}

.serve-container {
    overflow: hidden;
}

/*侧边导航*/
.serve-nav {
    width: 200px;
    float: left;
    overflow: hidden;
    background: #f1f1f1;
    margin-left: 3em;
    margin-bottom: 50px;
    margin-top: 30px;
    text-align: left;
    height: 416px;
}

/*子导航*/
.second-nav li {
    height: 58px;
    line-height: 58px;
    overflow: hidden;
    font-size: 16px;
    font-family: "PingFang SC";
    cursor: pointer;
    padding-left:32px;
}

.second-nav li:hover{
    background:#B6966A;
    color: #ffffff;
}
.current-color{
    background:#B6966A;
    color: #ffffff;
}

.nav-details {
    width: 240px;
    overflow: hidden;
    background: #f9fafb;
    display: none;
}

.nav-details dl {
    padding: 10px 0;
    overflow: hidden;
    background: #f9fafb;
}

.nav-details dl dd {
    margin: 10px 0;
    height: 30px;
    padding-left: 28px;
    border-left: 3px solid #f9fafb;
    line-height: 30px;
    font-size: 14px;

}

.nav-details dl dd a {
    color: #425460;
    width: 180px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.nav-details dl dd:hover {
    border-left:3px solid #B6966A;
    color:#B6966A;
}

.nav-details dl dd a:hover {
    color:#B6966A;
}

.nav-details dl .current-dd {
    border-left:3px solid #B6966A;
}

.nav-details dl .current-dd a {
    color:#B6966A;
}

/*导航标题对应内容*/
.right-container {
    width: 900px;
    float: left;
    overflow: hidden;
    padding: 0 20px 85px 30px;
}


.title-box {
    border-bottom: 1px dashed #dcdcdc;
    text-align: center;
    padding-bottom: 15px;
}

.title-box p {
    color: #333333;
    font-size: 26px;
    line-height: 66px;
}

.title-box dl {
    text-align: right;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    color: #888888;
    margin: 0 auto;
    overflow: hidden;
}

.title-box dl dd {
    float: right;
    padding-left: 17px;
    border-left: 2px solid #adadad;
}

.title-box dl dt {
    float: right;
    padding-right: 17px;
}

.right-container ul {
    overflow: hidden;
    padding-top: 30px;
}

.right-container ul li {
    display: block;
    text-indent: 2em;
    line-height: 32px;
    color: #666666;
    font-size: 14px;
}

.right-container ul li p {
    text-indent: 2em;
    font-size: 16px;
    color: #333333;
    line-height: 36px;
}

.layerWrap {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-top: 70px;
    background: url("../Images/co_icon01.png");
    background-size: cover;
    height: 420px;
}
.layer {
    position: absolute;
    top: 0px;
    align-self: center;
    height: 300px;
}

.title {
    position: relative;
    opacity: 1;
    margin-top: 132px;
    max-width: 999px;
    height: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 43px;
    color: #ffffff;
    font-family: "PingFang SC";
    font-size: 38px;
    font-weight: bold;
}

.colorDiv {
    position: relative;
    margin-top: 13px;
    background-color: #b6966a;
    width: 34px;
    height: 4px;
}

.desc {
    position: relative;
    opacity: 1;
    margin-top: 22px;
    max-width: 919px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    letter-spacing: 4px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
}

/*右侧栏目*/
.news-box{
    overflow:hidden;
}
.news-box ul{
    overflow:hidden;
}
.news-box ul li{
    overflow:hidden;
    width: 890px;
    margin:0px 0px 30px 5px;
    cursor:pointer;
    background-color:#ffffff;
    transition: 0.4s;
}
.news-box ul li:hover{
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow:0px 8px 30px 0 rgba(50,79,91,0.15);
    -moz-box-shadow: 0px 8px 30px 0 rgba(50,79,91,0.15) ;
    box-shadow: 0px 8px 30px 0 rgba(50,79,91,0.15) ;
}
.news-img{
    width:200px;
    height:80px;
    overflow:hidden;
    float:left;
    margin: 20px auto;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    position:relative;
}
.autoImg{
  width: 170px;
  height: auto;
}

.news-container{
    width:690px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    float:right;
    overflow:hidden;
    position: relative;
    box-sizing: border-box;
}
.news-container1{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    width: 650px;
}
.news-container1 p{
    font-size:18px;
    margin-left: 20px;
    color:#333333;
    padding:20px 0px 0px 0px;
}
.news-container1 div{
    margin-top: 20px;
    margin-right: 30px;
}
.news-container1 span{
    position: absolute;
    top:20px;
    right: 20px;
    font-size:12px;
    color:#1890FF;
    line-height:20px;
}

.container-text{
    margin-top: 10px;
    margin-bottom: 20px;
    padding:0 26px;
    overflow: hidden;
    width:620px;
    font-size:14px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:22px;
    box-sizing: border-box;
}
.container-text a{
    color:#666666;
}
.news-container i{
    padding-right:26px;
    font-size:14px;
    display:block;
    text-decoration:none;
    float:right;
    color:#0088cc;
    font-style:normal;
}
