input {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
    background: none;
    vertical-align: middle;
}

ul,
ol,
li {
    list-style-type: none;
}

select,
input,
img,
select {
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table,
th,
td {
    vertical-align: middle
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

h1,
h2,
h3,
h4 {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

.wd1200 {
    width: 1200px;
    margin: 0 auto;
}

p {
    margin: 0;
}


/*滚动*/

#demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#indemo {
    float: left;
    width: 800%
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

#m_demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#m_indemo {
    float: left;
    width: 800%
}

#m_demo1 {
    float: left;
}

#m_demo2 {
    float: left;
}


/*热门搜索*/

.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img img {
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
}

.com-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}







/*搜索和热门搜索*/

.search {
    position: relative;
    float: right;
    width:65px;
    height:170px;
    cursor: pointer;
    z-index: 99;

}
.search1 {
    width:65px;
    height:170px;
    background: url(../images/7443fce9d0834f5e6053ff24b55982c0bd44e861.jpg) no-repeat center;
}

.soux {
    position: absolute;
    z-index: 20;
    top:110px;
    right:0;
    display: none;
    width:350px;
    margin-left: -20px;
height:120px;
    background:#ffffff;
}

#formsearch1 input {
    position: absolute;
    top: 1px;
   width: 82%;left:2%;
    height: 68px;
}


#formsearch1 input:focus {
    border-color: #66afe9;
    outline:none;border:none;

}

.sinput {
    position: relative;width:326px;
    height: 68px;background: url(../images/a19c1979c35abf60e6f9aca0e1c7611d2816d674.png) no-repeat;margin-top:10px;margin-left:20px
}

#formsearch1 input#keyword {
    outline: none;color:#bdbdbd;font-size:14px;background:none;border:none;padding-left:5px;
}

#formsearch1 input::placeholder{padding-left:5px;}
#formsearch1 input#s_btn {
    position: absolute;
    z-index: 2;
    top: 0px;
    right: -1px;
    width: 65px;
    height: 68px;
    border: 0;
   outline:none;background:none;border:none;
   cursor: pointer;
}





@media (max-width:1280px) {
    .search1{display:none;}
}






/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}

.max1600 {
    max-width: 1630px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.max1700 {
    max-width: 1730px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}


/*头部样式*/

@media (max-width:1440px) {
     .search1{
        height: 120px;
        line-height: 120px;
    }
    .x-header {
        height: 120px;
    }
    .header-section .box {
        height: 120px;
    }
    .x-logo {
        height: 120px;
        line-height: 120px;
    }
    .header-section .pc-nav-box ul li>a {
        height: 120px;
        line-height: 120px;
    }
    .header-section .pc-nav-box ul .nav {
        top: 120px;
    }
    .x-language {
        height: 120px;
        line-height: 120px;
    }
    @keyframes navDown {
        0% {
            z-index: -1;
            top: 60px;
        }
        100% {
            z-index: 10;
            top: 120px;
        }
    }
   
}


/* 主体样式 */

.layui_about {
    position: relative;
    background: url(../images/1e2dbb5db87e0f7c18419a3af980a97dc76830b0.png) no-repeat top;
    background-size: contain;
    padding: 5.125% 0 2.125%;
}

.layui_about .abb_ttt {
    position: relative;
}

.layui_about .abb_ttt h2 {
    font-size: 42px;
    color: #333333;
    position: relative;
    padding-left: 60px;
}

.layui_about .abb_ttt h2::before {
    position: absolute;
    left: 0px;
    top: 50%;
    height: 1px;
    background: #0184d4;
    width: 50px;
    content: "";
}

.layui_about .abbtxt {
    color: #666666;
    font-size: 17px;
    line-height: 1.9;
    margin-top: 1.125%;
}


 .abb_language{
    display: none;
    position: absolute;
    right: 50px;
    top: 18px;
    font-size: 16px;
    color: #fff;
}

.abb_language a {
    padding: 0 .8vw;
    margin: 0 .15vw;
    font-size: 16px;
    color: #fff;
}

@media (max-width:600px){
     .abb_language{
        display:block;
    }
}



.abb_contt {
    position: relative;
    margin-top: 5.125%;
}

.ableft {
    position: relative;
    float: left;
    width: 48%;
}

.ableft img {
    width: 100%;
    display: block;
}

.ableft h3 {
    background: #0184d4;
    font-size: 16px;
    color: #fff;
    padding: 30px;
    position: absolute;
    bottom: 8.125%;
    left: -30px;
    z-index: 9999;
    font-weight: normal;
    max-width: 400px;
    line-height: 2;
}

.abright {
    float: right;
    width: 52%;
    background: #fafafa;
}

.pinpai {
    padding: 8.88%;
    position: relative;
    height: 50%;
}

.pinpai h2 {
    display: inline-block;
    font-size: 42px;
    color: #333333;
    position: relative;
}

.pinpai h2::before {
    position: absolute;
    right: -60px;
    top: 50%;
    height: 1px;
    background: #333333;
    width: 50px;
    content: "";
}

.pinpai .pintxt {
    margin-top: 15px;
    line-height: 2;
    font-size: 17px;
    color: #666666;
}



.pinpai .pintxt p:nth-child(1){ font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    color: #0184d4;line-height:30px;margin-bottom:10px;}



.yanf {
    position: relative;
    height: 50%;
    background: url(../images/0c0f7b4cba770a980ce3fc3fdac38bf2bd41cdbe.png) no-repeat center;
    background-size: cover;
    display: flex;
    justify-content: center;
}

.yanf li {
    position: relative;
    width: 50%;
    text-align: center;
    padding: 8.225% 0;
}

.yanf li a {
    display: block;
}

.yanf li a img {
    max-width: 100%;
}

.yanf li h3 {
    font-size: 22px;
    color: #fff;
    padding: 25px 0 15px;
}

.yanf li span {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 1.7;
}

.abb_contt .ab_jia {
    z-index: 9999;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 0;
    left: -4%;
    bottom: 0;
    right: 0;
    margin: auto;
}

.abb_contt .ab_jia img {
    max-width: 100%;
}

@media (min-width:1440px) {
    .ableft img {
        height: 760px;
    }
    .pinpai {
        height: 380px;
    }
    .yanf {
        height: 380px;
    }
}

@media (max-width:1440px) and (min-width:1025px) {
    .layui_about .abb_ttt h1 {
        font-size: 36px;
    }
    .layui_about .abbtxt {
        font-size: 15px;
    }
    .ableft img {
        height: 600px;
    }
    .pinpai {
        height: 300px;
    }
    .yanf {
        height: 300px;
    }
    .pinpai h1 {
        font-size: 36px;
    }
    .pinpai .pintxt {
        font-size: 15px;
    }
}

@media (max-width:1025px) {
    .ableft {
        width: 100%;
        float: none;
    }
    .abright {
        width: 100%;
        float: none;
    }
    .abb_contt .ab_jia {
        display: none;
    }
    .ableft h3 {
        left: 0px;
    }
}

@media (max-width:992px) {
    .layui_about .abb_ttt h2 {
        font-size: 30px;
    }
    .layui_about .abbtxt {
        font-size: 14px;
    }
    .pinpai {
        padding: 5.125%;
    }
    .pinpai h2 {
        font-size: 30px;
    }
    .pinpai .pintxt {
        font-size: 14px;
    }
}

@media (max-width:500px) {
    .layui_about .abb_ttt h1 {
        font-size: 20px;
    }
    .ableft h3 {
        padding: 15px;
        max-width: 95%;
        font-size: 14px;
    }
    .pinpai h2 {
        font-size: 20px;
    }
    .pinpai .pintxt em {
        font-size: 18px;
    }
    .yanf .simg {
        line-height: 70px;
    }
    .yanf li h3 {
        font-size: 18px;
        padding: 15px 0 5px;
    }
    .yanf li span {
        font-size: 14px;
    }
}


/* c2_index */

.c2_index {
    position: relative;
    padding: 0% 8%;
}

.ttt2 {
    text-align: center;
    margin-bottom: 1.25%;
}

.ttt2 h2 {
    font-size: 42px;
    color: #333333;
}



.box1_bot{margin-top:3%;}

.promenu{display: flex;justify-content:center;align-content: center;}


.promenu li{background:url(../images/c6924b4059b589c0459cfc21833d86ba37466d33.png) no-repeat center right;width:260px;float:left;color:#636363;font-size:22px;text-align:center;}
.promenu li:last-child{background:none}
.promenu li a{color:#636363;text-align:center;}
.promenu li.on a{
    color: #0184d4;}


.b1b_index{margin-top:3%;}
.b1b_index li{ 
    width: calc(25% - 55px);
    margin: 0 27px;
    margin-bottom: 10px;
    float: left;
    position: relative;
}
.b1b_index li .ttmm{position:absolute;background:url(../images/35b4a882abeb6d6751968d55cd67997dfdd19374.png);width:100%;height:100%;left:0px;top:0px;display:none;background-size:100% 100%;}

.b1b_index li .b1img1{width:100%;height:auto;border:1px solid #f5f5f5;border-bottom:none;}
.b1b_index li .b1img1 img{width:100%;height:auto;}
.b1b_index li h4{line-height:70px;text-align:center;background:#f5f5f5;color:#000000;font-weight:400;text-align:center;font-size:24px;height:70px;}

.b1b_index li:hover h4{font-size:0px;}
.b1b_index li h2{color:#ffffff;font-size:24px;text-align:center;margin-top:30%;}
.b1b_index li span{color:#ffffff;font-size:16px;display:block;width:80%;margin:0 auto;margin-top:5%;line-height:35px;}



.b1b_index li .ttmm .mm2{width:97px;height:39px;border-radius:20px;text-align:center;color:#0184d4;line-height:39px;margin:0 auto;margin-top:10px;background:#fff;font-size:17px;text-transform:uppercase;}
.b1b_index li:hover .ttmm{display:block;}

@media (max-width:1500px) {
.b1b_index li span{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;

}
}

@media (max-width:1370px) {
.b1b_index li h2{color:#ffffff;font-size:24px;text-align:center;margin-top:15%;}
.b1b_index li h4{line-height:60px;text-align:center;background:#f5f5f5;color:#000000;font-weight:400;text-align:center;font-size:20px;height:60px;}

}




@media (max-width:1025px) {
    .ttt2 h2 {
        font-size: 30px;
    }
  .b1b_index li h4{line-height:50px;text-align:center;background:#f5f5f5;color:#000000;font-weight:400;text-align:center;font-size:16px;height:50px;}  
  .b1b_index li{ width: calc(50% - 14px);
    margin: 0 7px;
    margin-bottom: 10px;float:left;position:relative;} 
    
  .b1b_index li .ttmm .mm2{width:97px;height:39px;border-radius:20px;text-align:center;color:#0184d4;line-height:39px;margin:0 auto;margin-top:10px;background:#fff;font-size:14px;text-transform:uppercase;}  
    
}


@media (max-width:768px) {
 .promenu li{background:url(../images/c6924b4059b589c0459cfc21833d86ba37466d33.png) no-repeat center right;width:120px;float:left;color:#636363;font-size:15px;text-align:center;} 
    
}



/* c3_index */

.c3_index {
    position: relative;
    margin: 1.125% 0 3.125%;
}

.ttt3 {
    text-align: center;
}

.ttt3 h2 {
    font-size: 42px;
    color: #333333;
}

.c3_wap {
    position: relative;
    background: url(../images/25f95d429138731de2d567352a3618c3747aaace.jpg) no-repeat top;
    background-size: 100%;
    margin-top: 2.125%;
    padding-top: 5.125%;
}

.c3_wap::before {
    width: 1px;
    height: 10%;
    position: absolute;
    left: 50%;
    right: 0px;
    top: -20px;
    z-index: 999;
    content: "";
    background: #0184d4;
    z-index: 1;
}

.c3_list {
    position: relative;
}

.c3_list li {
    position: relative;
}

.c3_list li .simg {
    overflow: hidden;
}

.c3_list li .simg img {
    width: 100%;
}

.c3_list li .fu {
    width: 100%;
    margin: 0 auto;
    max-width: 750px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    padding-top: 8.88%;
}

.c3_list li .fu h2 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 25px;
    margin-bottom: 30px;
    background: url(../images/257e823eca9776b3eb840cfacff4b56b1b6fef85.jpg) no-repeat center bottom;
}

.c3_list li .fu div {
    color: #fff;
    font-size: 16px;
    line-height: 2;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.c3_list li .fu i {
    display: block;
    font-style: inherit;
    background: url(../images/08341b0863528f847934c6b87ea9bece7ddc2e4b.png) no-repeat center;
    margin: 30px auto;
    width: 25px;
    height: 25px;
}

.sort3 {
    position: absolute;
    max-width: 1200px;
    bottom: 0px;
    z-index: 999;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: space-between;
    margin: auto;
}

.sort3 li {
    position: relative;
    width: 25%;
    line-height: 95px;
    background: rgba(219, 179, 144, .80);
    text-align: center;
    cursor: pointer;
    margin: 0 .01%;
    padding: 0 3%;
    justify-content: space-between;
    display: flex;
}

.sort3 li:nth-child(2) {
    background: rgba(147, 209, 204, .80);
}

.sort3 li:nth-child(3) {
    background: rgba(129, 216, 181, 0.80);
}

.sort3 li:nth-child(4) {
    background: rgba(186, 186, 186, .80);
}

.sort3 li span {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.sort3 li i {
    position: relative;
    font-style: inherit;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
}

.sort3 li i::before {
    position: absolute;
    left: 50px;
    top: 50%;
    content: "";
    width: 60px;
    height: 1px;
    opacity: .6;
    background: #fff;
}

.sort3 li{transition-duration: .6s;}
.sort3 li:hover{transform: translateY(-10px);}



@media (max-width:1230px) {
    .sort3 {
        max-width: 100%;
        position: relative;
        margin-top: 10px;
    }
}

@media (max-width:1025px) {
    .sort3 li {
        line-height: 70px;
    }
    .sort3 li i::before {
        left: 35px;
        width: 45px;
    }
    .ttt3 h2 {
        font-size: 30px;
    }
}

@media (max-width:992px) {
    .c3_list li .fu h2 {
        font-size: 24px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .c3_list li .fu div {
        font-size: 14px;
        line-height: 1.7;
        padding: 0 10px;
    }
    .c3_list li .fu i {
        margin: 15px auto;
    }
    .sort3 {
        flex-wrap: wrap;
    }
    .sort3 li {
        width: 50%;
        margin: 0;
    }
}

@media (max-width:768px) {
    .c3_list li .fu {
        padding-top: 3.125%;
    }
    .c3_list li .fu h2 {
        font-size: 18px;
    }
}

@media (max-width:500px) {
    .c3_list li .fu i {
        display: none;
    }
}


/* c4_index */

.c4_index {
    position: relative;
    padding: 5.125% 0;
    background: url(../images/ceb61f6a26ef5cfd218db9bf1d78d98a96731c1c.jpg) no-repeat;
    background-size: cover;
}

.hon_left {
    position: relative;
    float: left;
    width: 32%;
}

.hon_left h2 {
    font-size: 36px;
    color: #0184d4;
}

.hon_left h3 {
    font-size: 24px;
    color: #333333;
    margin: 10px 0 20px;
}

.hon_left>p {
    font-size: 14px;
    color: #666666;line-height: 25px
}

.hon_left .himg {
    margin: 30px 0 50px;
}

.hon_left .himg img {
    max-width: 100%;
}

.hon_left .hh_more {
    position: relative;
    font-family: Arial;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    width: 182px;
    line-height: 50px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-top: 8%;
}


.hon_left .hh_more i {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -5px;
    width: 40px;
    height: 9px;
    margin-left: .2rem;
    background: url(../images/8c365710f5f4fadcb809aa5713c79daca53196b8.png) no-repeat;
}
.hon_left .hh_more:hover{
    background: #0184d4;
    color:#fff;
}

.hon_left .hh_more:hover i {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
}

.hon_right {
    float: right;
    position: relative;
    width: 66%;
    margin-top: 30px;
}

.honor_list {
    position: relative;
}

.honor_list li {
    display: inline-block;
    vertical-align: bottom;
    margin: 2px 10px;
    padding: 10px 10px 5px 10px;
    border: 1px solid #e5e5e5;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.honor_list li .img {
    display: block;
    overflow: hidden;
}

.honor_list li .img img {
    width: 100%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.honor_list li h3 a {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #333333;
    line-height: 1.6;
    padding: 1.5em 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.honor_list li:hover {
    border-color: #dbb390;
}

.honor_list li:hover h3 a {
    color: #0184d4;
}

.honor_list li:hover a.img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.honor_list .slick-prev,
.honor_list .slick-next {
    position: absolute;
    right: 0px;
    top: -60px;
    z-index: 9999;
    outline: none;
    border: none;
    width: 30px;
    height: 35px;
    font-size: 0;
}

.honor_list .slick-prev {
    right: 80px;
    background: url(../images/ae6d2b93b52dec7cd88adf381c1dae7dbfdfe329.png) no-repeat center;
}

.honor_list .slick-next {
    background: url(../images/ae6d2b93b52dec7cd88adf381c1dae7dbfdfe329.png) no-repeat center;
    transform: rotate(180deg);
}

.honor_list .slick-prev:hover {
    background: url(../images/733ed0fc3fc4226116947de2ae356a00664a22ca.png) no-repeat center;
    transform: rotate(180deg);
}

.honor_list .slick-next:hover {
    background: url(../images/733ed0fc3fc4226116947de2ae356a00664a22ca.png) no-repeat center;
    transform: rotate(0deg);
}

@media (max-width:1200px) {
    .hon_left h2 {
        font-size: 30px;
    }
    .hon_left h3 {
        font-size: 20px;
    }
    .hon_left .himg {
        margin: 20px 0 30px;
    }
}

@media (max-width:992px) {
    .hon_left {
        width: 100%;
        float: none;
    }
    .hon_right {
        width: 100%;
        float: none;
    }
}

@media (max-width:768px) {
    .hon_left h1 {
        font-size: 24px;
    }
    .hon_left h3 {
        font-size: 18px;
    }
    .hon_left .himg {
        margin: 10px 0 20px;
    }
    .honor_list .slick-prev,
    .honor_list .slick-next {
        display: none!important;
    }
    .honor_list li h3 a {
        padding: .8em 0;
        font-size: 14px;
    }
}


/* c5_index */

.c5_index {
    position: relative;
    padding: 8.88% 0;
    background: #fcfcfc;
}

.c5_index .c5img1 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 411px;
    height: 100%;
    z-index: 0;
}

.c5_index .c5img2 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 611px;
    height: 100%;
    z-index: 0;
}

.max1200 {
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.hezuo_list {
    position: relative;
    z-index: 999;
    float: left;
    width: 70%;
    margin-left: 2%;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}

.hezuo_list li:nth-child(4) {
    margin-right: 20%;
}

.hezuo_list li {
    position: relative;
    width: 19%;
    margin: .5%;
}

.hezuo_list li a {
    display: block;
    border: 1px solid #dedede;
    overflow: hidden;
    border-radius: 3px;
}

.hezuo_list li a img {
    width: 100%;
     -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.hezuo_list li:hover img{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
}





.c5_ttt {
    float: right;
    width: 26%;
    position: relative;
    z-index: 999;
}

.c5_ttt h2 {
    font-size: 42px;
    color: #333333;
    position: relative;
    padding-left: 60px;
}

.c5_ttt h2::before {
    position: absolute;
    left: 0px;
    top: 50%;
    height: 1px;
    background: #0184d4;
    width: 50px;
    content: "";
}

@media (max-width:992px) {
    .c5_index {
        padding: 3.88% 0;
    }
    .c5_index .c5img1,
    .c5_index .c5img2 {
        display: none;
    }
    .hezuo_list {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .c5_ttt {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    .c5_ttt h1 {
        font-size: 30px;
    }
}


/* c6_index */

.c6_index {
    position: relative;
    padding: 5.125% 0;
}

.c6_ttt {
    float: left;
    width: 30%;
    position: relative;
    height: 100%;
}

.c6_ttt h2 {
    position: relative;
    font-size: 41px;
    color: #333333;
    padding-left: 60px;
}

.c6_ttt h2::before {
    position: absolute;
    left: 0px;
    top: 50%;
    height: 1px;
    background: #0184d4;
    width: 50px;
    content: "";
}


.news_cc{height:0;overflow:hidden;}
.news_cc.aa{height:auto;}




.index-box-5 .news-box {
    width: 70%;
    float: right;
}

.index-box-5 .swiper-slide {
    font-size: 0;
    background: #f7f7f7;
}

.index-box-5 .swiper-slide a {
    position: relative;
    display: block;
    height: 586px;
}

.index-box-5 .pic {
    font-size: 0;
}

.index-box-5 .pic img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.index-box-5 .info {
    position: relative;
    padding: 40px 30px 0;
}

.index-box-5 .info .name {
    font-weight: 700;
    color: #000;
    font-size: 18px;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    letter-spacing: 1px;
    padding-right: 18px;
}

.index-box-5 .info .desc {
    font-size: 14px;
    color: #a1a1a1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 30px auto 35px;
    line-height: 2;
}

.index-box-5 .info .date {
    color: #cacbcd;
    font-size: 14px;
    padding-top: 60px;
}

.index-box-5 .more {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 59px;
    height: 59px;
    border: 1px solid #0184d4;
    background: url(../images/e127915eed3cf4d9184ebb14ef28093c3977cd2a.png) no-repeat center center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: background-position 0.3s ease;
    -webkit-transition: background-position 0.3s ease;
}

.index-box-5 .more:hover {
    background-position-x: 60%!important;
}

.index-box-5 .swiper-slide:hover {
    background: #0184d4 url(../images/5dc753d6f16d84e543888855a1a0a5b0d2d6dbe1.png) no-repeat right bottom;
}

.index-box-5 .swiper-slide:hover .pic img {
    height: 0;
}

.index-box-5 .swiper-slide:hover .info {
    padding-top: 86px;
}

.index-box-5 .swiper-slide:hover .info .name,
.index-box-5 .swiper-slide:hover .info .desc,
.index-box-5 .swiper-slide:hover .info .date {
    color: #fff;
}

.index-box-5 .swiper-slide:hover .info .date {
    padding-top: 30px;
}

.index-box-5 .swiper-slide:hover .more {
    margin-left: 30px;
    margin-top: 70px;
    position: static;
    border-color: #fff;
    background: url(../images/fe5fd14af9748e7b182c65851671634ce8bb9617.png) no-repeat center center;
}

.index-box-5 .btn-box {
    position: relative;


    z-index: 10;
    width: 60%;margin:0 auto;    margin-top: 5%;
}


.nort_tt{ margin-top: 70%;}
.nort_tt li{
    float: left;
    overflow: hidden;line-height:42px;width:124px;display: block;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition: all 0.4s linear;margin:0 8px;background:#f6f6f6;
}
.nort_tt li a{

font-size: 16px;
    color: #333333;
}
.nort_tt li.on{
    background: #0184d4

}
.nort_tt li.on a{
    color: #fff;}



.index-box-5 .btn-box .swiper-btn {
    display: inline-block;
    width: 19px;
    height: 16px;
}

.index-box-5 .btn-box .swiper-btn.prev {
    margin-right: 40px;
    background: url(../images/f34122ef66e15677ec33c0079eacd21d081c8344.png) no-repeat;
}

.index-box-5 .btn-box .swiper-btn.prev:hover {
    background: url(../images/4094e1000faebeb784397ea39cc6ad5040945564.png) no-repeat;
}

.index-box-5 .btn-box .swiper-btn.next {
    background: url(../images/0916eab7e44a81ac19680b0716d80857e887e908.png) no-repeat;
}

.index-box-5 .btn-box .swiper-btn.next:hover {
    background: url(../images/8dc6c20325d294e96ecb252a49110d8cb94a0cd7.png) no-repeat;
}

@media (max-width:1440px) {
    .index-box-5 .swiper-slide a {
        height: 486px;
    }
    .index-box-5 .pic img {
        height: 200px;
    }
    .index-box-5 .more {
        width: 49px;
        height: 49px;
    }
    .index-box-5 .info .date {
        padding-top: 10px;
    }
    .index-box-5 .swiper-slide:hover .info {
        padding-top: 56px
    }
}

@media (max-width:992px) {
    .c6_ttt h2 {
        font-size: 30px;
    }
}

@media (max-width:768px) {
    .c6_ttt h2 {
        font-size: 24px;
    }
    .c6_ttt {
        float: none;
        width: 100%;
        margin: 15px 0;
    }
    .index-box-5 .news-box {
        float: none;
        width: 100%;
    }
    .index-box-5 .btn-box {
        margin-top: 10px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: auto;
    }
    
   
 
}






/* c7_index */

.c7_index {
    position: relative;
    background: url(../images/ebf689f453ea00f3528afcb40063a315ddbbda0b.jpg) no-repeat;
    background-size: cover;
    padding: 5.125% 0;
}

.ttt7 {
    text-align: center;
}

.ttt7 h2 {
    font-size: 42px;
    color: #fff;
    background: url(../images/8870c72c05168af23e87d8d74266c67cf731ce74.jpg) no-repeat center bottom;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.c7_top {
    position: relative;
    margin-bottom: 5.125%;
}

.c7left {
    float: left;
    width: 70%;
}

.contact_list {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}

.contact_list li {
    width: 48%;
    text-align: left;
    line-height: 2;
    padding: 15px 0;
    margin: 0 1%;
}

.contact_list li a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.contact_list li span {
    font-size: 15px;
    color: #fff;
    padding-left: 10px;
}

.c7ewm {
    padding: 0 35px;
    width: 30%;
    float: right;
    text-align: center;
    line-height: 2.2;
    color: #fff;
    font-size: 14px;
}

.c7ewm img {
    max-width: 116px;
    padding-bottom: 10px;
}

@media (max-width:1200px) {
    .c7ewm {
        padding: 0 5px;
    }
}

@media (max-width:992px) {
    .c7ewm img {
        max-width: 100%;
    }
}

@media (max-width:768px) {
    .ttt7 h2 {
        padding-bottom: 15px;
        margin-bottom: 15px;
        font-size: 24px;
    }
    .c7left {
        width: 100%;
        float: none;
    }
    .contact_list li {
        width: 100%;
    }
    .c7ewm {
        width: 100%;
        float: none;
        margin: 15px 0;
        padding: 0;
    }
}


/* foo_wap */

.foo_wap {
    position: relative;
    padding: 1.125% 0;
}

.wapss {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.foot_logo {
    position: relative;
    padding: 0 10px;
    flex: 1;
}

.foot_logo img {
    max-width: 100%;
}

.linkss {
    position: relative;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    line-height: 1.7;
    max-width: 60%;
    flex: 3;
}

.linkss a {
    font-size: 16px;
    color: #666666;
    padding-right: 35px;
    font-weight: normal;
}

.fengx {
    position: relative;
    padding: 0 10px;
}

.fengx a {
    display: inline-block;
    margin: 0 6px;
}

@media (max-width:992px) {
    .x-copyright {
        float: none;
        width: 100%;
        margin: 5px 0;
    }
    .x-seo {
        float: none;
        width: 100%;
        margin: 5px 0;
    }
    
}






@media (max-width:992px) {
.nort_tt{ margin-top:5%;}  
  
  
  .layui_about .abb_ttt h2 {
    font-size: 20px;
    color: #333333;
    position: relative;
    padding-left: 60px;}
 .c5_ttt h2 { font-size: 20px;} 
 
 .ttt3 h2 {
    font-size: 20px;}
    
 .ttt2 h2 {
    font-size: 20px;}  
    
  .hon_left h2 {
    font-size: 20px;  
    
}   }






.chang {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;

    margin: 0 auto;
    margin-top:5%;
}



.ctp {
    width: 14%;
    overflow: hidden;background:#0184d4;margin-right:2%;padding:5% 3%
}

.ctp h2{color:#ffffff;font-size:18px;font-weight:600;}
.ctp h3{color:#ffffff;font-size:16px;font-weight:400;margin-top:20px;}

.news_listz {
    float: right;
    width: 84%;
}


.mm33{margin-top:20px;position:relative}
.mm33 a:hover .img1{display:none}
.mm33 a:hover .img2{opacity:1;top:5px;}
.mm33 a .img2{position:absolute;opacity:0}




.news_listz li{
    margin: 0 7px;
float:left;position:relative;}

.news_listz li .imz{width:37px;height:22px;}
.imz {
    margin-bottom: 15px
}

.news_listz li a {
    color: #666666;
    font-size: 16px; line-height: 30px;
}

.news_listz li dd {
    color: #666666;
    font-size: 14px;
    line-height: 28px;/*height:56px;overflow: hidden;*/margin-top:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}


.news_listz li .mx {
    margin-top: 10px;
    display: block;
    width: 92px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #5c5c5c;
    border: 1px solid #aaa9a9;
    font-size: 12px;
}
.news_listz li:hover .mx{
    background: #0184d4;
    
}

.news_listz li:hover .mx a{
    color:#fff;
}

.news_listz li .mx a{

    font-size: 12px;
}

@media (max-width:1370px) {
 .ctp {
    width: 15%;
    overflow: hidden;background:#0184d4;margin-right:1%;padding:3% 3%
} 

}



@media (max-width:1024px) {
.ctp {
    width: 16%;
    overflow: hidden;background:#0184d4;margin-right:0%;padding:3% 3%
} 
.ctp h2{color:#ffffff;font-size:16px;font-weight:600;}
.ctp h3{color:#ffffff;font-size:14px;font-weight:400;margin-top:20px;}


}




@media (max-width:992px) {
.chang {
    display: block;
    margin-top:5%;
}

.ctp {
   display:none;
} 
.news_listz {
    float: none;
    width: 100%;
}


}










/*内页样式*/
@media (min-width: 991px) {
    .page-wrap-left {
        display: none;
    }

}

@media (max-width: 768px) {
    .xypg-left-con2 .xypg-left-nav {
        display: none !important;
    }

    .xypg-right-content img {
        width: 100% !important;
        height: auto !important;
    }
}

.containers {
    max-width: 1600px;
    margin: 0 auto;
    padding: 3% 15px;
}

/* 内页左侧导航栏样式 */

.xypg-left-con2 .xypg-left-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3%;
}

.xypg-left-con2 .xypg-left-nav > li {
    width: 18%;
    position: relative;
    text-align: center;
    background: #f7f7f7;
    border-right: 1px solid #dedede;
}

.xypg-left-con2 .xypg-left-nav > li:last-child {
    border: none;
}

.xypg-left-con2 .xypg-left-nav > li > a {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #4c4c4c;
    padding: 15px 18px;
}

.xypg-left-con2 .xypg-left-nav > li:hover > a,
.xypg-left-con2 .xypg-left-nav > li.clicked > a {
    color: #fff;
    background: #0184d4;
}





/*phone底部导航*/

li {
    list-style: none;
}

.q_d_m {
    float: left;
    width: 100%;
    height: 50px;
}

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #0184d4;
    z-index: 999;
    border-top: 1px solid #fff;
}

.pf_down li {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 7px 0 4px 0;
    border-right: 1px solid #fff;
}

.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;
}

.pf_down li .d_name {
    width: 100%;
    float: left;
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}

.pf_down li.l1 .ico7 {
    background: url(../images/d20662c9e90a281f2ff4b0f33af76fb33d807aef.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(../images/dee7ad52aca5715f8995372ce6c052779ff91ea3.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(../images/6700451fd2fc64cb0e1a4865f37c4e4c0cc525f0.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li:nth-child(3n) {
    border: none;
}
    
.containers2{width:100%;max-width:1300px;margin:0 auto;padding:10px 10px 0px 10px;}