* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



body {

    font-family: "Microsoft Yahei";

    font-size: 16px;

    color: #000;

}



ul,

li {

    list-style: none;

    margin: 0;

}



p {

    margin: 0;

}



a {

    text-decoration: none;

    color: #000;

}



.logo {

    font-size: 0;

    line-height: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.logo img {

    max-width: 100%;

}



a:focus,

a:hover {

    color: #23527c;

    text-decoration: none;

}



.header {

    width: 100%;

    max-width: 1920px;

    background: #fff;

    height: 90px;

    position: fixed;

    top: 0;

    z-index: 99999;

}



.header>.flex {

    height: 100%;

    width: 1720px;

    margin: 0 auto;

    align-items: center;

    justify-content: space-between;

}



#black {

    position: fixed;

    left: 0;

    right: 0;

    top: 90px;

    bottom: 0;

    background: rgba(0, 0, 0, 0.5);

    z-index: 9998;

    display: none;

}



#Menuproduct {

    position: absolute;

    left: 0;

    width: 100%;

    z-index: 9999;

    background: #fff;

    border-top: 2px solid #294A6D;

    display: none;

}



#Menuproduct .left {

    width: 200px;

    background: #fff;

}



#Menuproduct .left li {

    padding: 10px 0;

    height: auto;

    line-height: 24px;

    /* text-align: center; */

    cursor: pointer;

}



#Menuproduct .left li p {

    color: #555555;

}



#Menuproduct .left .title {

    font-size: 16px;

    /* font-weight: bold; */

}



#Menuproduct .left .less {

    display: none;

    font-size: 14px;

}





/* #Menuproduct .left li.hover {

    background: #294a6d;

} */



#Menuproduct .left li.hover .less {

    display: block;

}



#Menuproduct .left li.hover p {

    color: #294a6d;

    text-decoration: underline

}



#Menuproduct .right {

    width: calc(100% - 200px);

    background: #f2f2f2;

}



#Menuproduct .right .pro {

    padding: 10px 50px;

    display: none;

    position: relative;

}



#Menuproduct .right .pro0 {

    display: block;

}





/* 

#Menuproduct .right .pro .swiper-button-prev {

    left: 565px;

}



#Menuproduct .right .pro .swiper-button-next {

    right: 360px;

} */



.swiper-button-next:focus,

.swiper-button-prev:focus {

    outline: none;

}



#Menuproduct .right .swiper-container {

    height: 100%;

}



#Menuproduct .right p {

    line-height: normal;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



#Menuproduct .right .swiper-slide a {

    width: 100%;

    height: 100%;

    padding: 30px;

    box-sizing: border-box;

    display: block;

    background: #fff;

}



#Menuproduct .right .swiper-slide .img {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 30px;

    width: 100%;

    height: 220px;

}



#Menuproduct .right .swiper-slide .img img {

    max-width: 100%;

    max-height: 100%;

}



#Menuproduct .right .title {

    font-size: 15px;

    font-weight: bold;

    color: #2a2a2a;

}



.flex {

    display: flex;

}



.menu {

    align-items: center;

    justify-content: space-between;

    margin: 0;

    height: 100%;

}



.menu>li {

    height: 100%;

    margin: 0 15px;

    line-height: 90px;

}



.menu>li.active>a {

    color: #294a6d;

    font-weight: bold;

    /* border-bottom: 3px solid #FF0000; */

    text-decoration: none;

}



.menu>li>a:hover {

    color: #294a6d;

    font-weight: bold;

    /* border-bottom: 3px solid #FF0000; */

    text-decoration: none;

}



.menu>li>a {

    width: 100%;

    height: 100%;

    display: block;

    font-size: 16px;

    /* border-bottom: 3px solid transparent; */

    color: #000;

}



.header_right {

    /* width: 330px; */

    align-items: center;

    justify-content: space-between;

    line-height: 140%;

}



.header_right>div {

    padding-left: 21px;

    background-position: center left;

    background-repeat: no-repeat;

}



.header_right .search {

    background-image: url(../image/sousuo1.png);

    position: relative;

}



.header_right .searchBox {

    position: absolute;

    top: 0;

    bottom: 0;

    right: -3px;

    margin: auto;

    display: none;

    align-items: center;

    justify-content: space-between;

    width: 300px;

    padding: 0 10px;

    background: #294A6D;

    height: 40px;

    border-radius: 20px;

    line-height: 40px;

}



.header_right .searchBox input {

    border: 0;

    background: #294A6D;

    color: #fff;

    height: 30px;

    width: 120px;

}



.header_right .searchBox input:focus {

    outline: none;

}



.header_right .searchBox span {

    color: #fff;

    cursor: pointer;

}



.header_right .login {

    margin: 0 10px;

    background-image: url(../image/denglu.png);

}



.header_right .language {

    background-image: url(../image/diqiu.png);

}



.banner {

    font-size: 0;

    /* margin-bottom: 50px; */

}



.banner img {

    max-width: 100%;

}



.center {

    text-align: center;

}



h1.center {

    font-weight: bold;

    margin-bottom: 30px;

}



p.center {

    font-size: 22px;

    color: #737373;

}



.index_pro {

    background-position: bottom left;

    background-repeat: no-repeat;

    width: 100%;

    padding: 50px 0;

}



.index_pro .container {

    width: 1720px;

    margin: 0 auto;

    padding: 0;

}



.index_pro .container .left {

    width: 40%;

    /* height: 700px; */

    border-right: 1px solid #ddd;

    background: #fff;

}



.index_pro .container .left a {

    display: block;

    width: 100%;

    height: 100%;

    padding: 40px;

    text-align: center;

    color: #2a2a2a;

}



.index_pro .container .left a .img {

    width: 100%;

    height: 420px;

    align-items: center;

    justify-content: center;

    margin-bottom: 35px;

}



.index_pro .container .left a .img img {

    max-width: 100%;

    max-height: 100%;

}



.index_pro .container .left .title {

    font-size: 24px;

    font-weight: bold;

}



.index_pro .container .left .less {

    font-size: 18px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.index_pro .container .right {

    flex-wrap: wrap;

    width: 60%;

}



.index_pro .container .right li {

    width: 33.33%;

    height: 50%;

    border-bottom: 1px solid #ddd;

    border-right: 1px solid #ddd;

    background: #fff;

}



.index_pro .container .right li:nth-child(n+4) {

    border-bottom: 1px solid transparent;

}



.index_pro .container .right li:nth-child(3n) {

    border-right: 1px solid transparent;

}



.index_pro .container .right li:nth-child(3n):hover {

    border-right: 1px solid #294a6d;

}



.index_pro .container .right li a {

    width: 100%;

    height: 100%;

    display: block;

}



.index_pro .container .right li a>div {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-around;

    width: 100%;

    height: 100%;

}



.index_pro .container .right li a>div .content {

    text-align: center;

}



.index_pro .container .right li a .img {

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

}



.index_pro .container .right li .hov {

    display: none;

    background: #294a6d;

    padding: 30px 0 50px;

}



.index_pro .container .right li .nor {

    display: flex;

    padding: 50px 0;

}



.index_pro .container .right li:hover {

    border-bottom: 0px solid transparent;

}



.index_pro .container .right li:hover .hov {

    display: flex;

}



.index_pro .container .right li:hover .nor {

    display: none;

}



.index_pro .container .right li a .nor .title {

    color: #294a6d;

    font-size: 16px;

    font-weight: bold;

}



.index_pro .container .right li a .nor .content {

    font-size: 16px;

    text-align: center;

    color: #5b5b5b;

}



.index_pro .container .right li a .hov .title {

    color: #fff;

    font-size: 16px;

    font-weight: bold;

}



.index_pro .container .right li .img {

    width: 80px;

    height: 80px;

}



.index_pro .container .right li .index_pro {

    width: 56px;

    height: 56px;

    margin: 0 auto;

    background: url(../image/left.png) no-repeat;

}



.index_pro .container .right li .icon_right {

    width: 56px;

    height: 56px;

    margin: 0 auto;

    background: url(../image/right.png) no-repeat;

}



.index_about {

    padding:320px 0 0;

}



.index_about .container {

    width: 1500px;

    margin: 0 auto;

    color: #fff;

 margin-left:40px; 

}








.index_about h1 {

    font-weight: bold;

}



.index_about p {

    line-height: 24px;

    text-align: justify;

    margin-bottom: 30px;

}



.index_about .text p {

    text-indent: 2em;

    font-size: 16px;

}



.index_about .text p:first-child {

    width: 80%;

}



.index_about .text p:nth-child(2) {

    width: 60%;

}



.index_about .text p:nth-child(3) {

    width: 40%;

}



.index_about .more {

    height: 40px;

    display: inline-block;

    line-height: 33px;

    padding: 0 50px;

    border-radius: 20px;

    background: #D4DBE2;

    color: #294A6D;

    border: 2px solid transparent;

    cursor: pointer;

}



.index_about .more:hover {

    background: #294A6D;

    color: #fff;

    border: 2px solid #ddd;

}



.index_about .right {

    display: flex;

    align-items: center;

    justify-content: center;

}



.index_sche {

    height: 500px;

    /* padding: 50px 0; */

    background-repeat: no-repeat;

    background-position: bottom center;

}



.index_sche .container {

    width: 1720px;

    margin: 0 auto;

    color: #fff;

}



.index_sche .container p.center {

    color: #fff;

}



.index_sche .flex {

    align-items: center;

    justify-content: space-between;

}



.index_sche .flex h1 {

    margin-bottom: 10px;

}



.index_sche .flex .more {

    height: 40px;

    display: inline-block;

    line-height: 33px;

    padding: 0 50px;

    border-radius: 20px;

    background: #D4DBE2;

    color: #294A6D;

    border: 2px solid transparent;

    cursor: pointer;

}



.index_sche .flex .more:hover {

    background: #294A6D;

    color: #fff;

    border: 2px solid #ddd;

}



#certify {

    position: relative;

    width: 1200px;

    margin: 30px auto 0;

}



#certify .swiper-container {

    padding-bottom: 60px;

}



#certify .swiper-slide {

    width: 400px;

    height: 600px;

}



#certify .swiper-slide img {

    display: block;

}



#certify .swiper-pagination {

    width: 100%;

    bottom: 20px;

}



#certify .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 5px;

    border: 3px solid #fff;

    background-color: #d5d5d5;

    width: 10px;

    height: 10px;

    opacity: 1;

}



#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {

    border: 3px solid #00aadc;

    background-color: #fff;

}



#certify .swiper-slide .nor {

    margin-top: 400px;

    display: block;

    height: 200px;

    background-color: #fff;

    padding: 50px 30px;

    text-align: center;

}



#certify .swiper-slide .nor .title {

    font-size: 30px;

    font-weight: bold;

    color: #353535;

}



#certify .swiper-slide .nor .content {

    font-size: 18px;

    color: #929292;

}



#certify .swiper-slide .hov {

    display: none;

    background: rgba(0, 0, 0, 0.5);

    width: 100%;

    height: 100%;

    padding: 50px 30px;

    flex-direction: column;

    justify-content: space-between;

}



#certify .swiper-slide .hov .title {

    font-size: 30px;

    font-weight: bold;

    color: #fff;

    text-align: center;

}



#certify .swiper-slide .hov .content {

    font-size: 16px;

    line-height: 33px;

    color: #fff;

}



#certify .swiper-slide.swiper-slide-active:hover .hov {

    display: flex;

}



#certify .swiper-slide.swiper-slide-active:hover .nor {

    display: none;

}



#certify .more_btn {

    margin: 0 auto;

    background: #294A6D;

    color: #fff;

    font-size: 16px;

    height: 50px;

    width: 150px;

    display: block;

    text-align: center;

    line-height: 50px;

    border-radius: 25px;

}



#certify .more_btn:hover {

    background: #fff;

    color: #294A6D;

}



.index_new {

    padding: 250px 0 50px;

}



.index_new .container {

    width: 1720px;

    margin: 0 auto;

}



.index_new .container h1 {

    margin-bottom: 20px;

}



.index_new .new_menu {

    margin: 50px 0;

    background: #294A6D;

    height: 80px;

    padding-top: 11px;

}



.index_new .new_menu .container {

    align-items: center;

    justify-content: center;

}



.index_new .new_menu li {

    background: #294A6D;

    height: 69px;

    width: 200px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 24px;

    padding-bottom: 11px;

    color: #fff;

    cursor: pointer;

}



.index_new .new_menu li:hover {

    background: url(../image/new_list_hov.png) no-repeat;

    background-size: 100% 100%;

    color: #294A6D;

}



.index_new .new_menu li:hover a {

    color: #294A6D;

}



.index_new .new_menu li a {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 24px;

    padding-bottom: 11px;

    color: #fff;

}



.index_new .new_list {

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 30px;

}



.index_new .new_list li {

    width: 49%;

    background: #fff;

    border-radius: 10px;

    margin-bottom: 20px;

    border: 1px solid #ddd;

}



.index_new .new_list li a {

    display: flex;

}



.index_new .new_list li a .img {

    width: 200px;

    height: 200px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.index_new .new_list li a .img img {

    max-width: 100%;

    max-height: 100%;

}



.index_new .new_list li a .text {

    flex: 1;

    padding: 30px 20px;

}



.index_new .new_list li:hover a .text .title {

    color: #294A6D;

}



.index_new .new_list li a .text .title {

    font-size: 24px;

    color: #292929;

    font-weight: bold;

    margin-bottom: 10px;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.index_new .new_list li a .text .content {

    color: #747474;

    font-size: 16px;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.index_new .more_btn {

    background: #294A6D;

    color: #fff;

    font-size: 16px;

    height: 50px;

    width: 150px;

    display: block;

    text-align: center;

    line-height: 50px;

    border-radius: 25px;

    float: right;

    margin-top: 50px;

}



.index_new .more_btn::after {

    clear: both;

}



.index_new .more_btn:hover {

    background: #fff;

    color: #294A6D;

    border: 2px solid #294A6D;

}



.footer {

    padding: 100px 0 25px;

    background-image: url(../image/home_bg_07.jpg);

    background-repeat: no-repeat;
    background-size:100% 100%;

}



.footer .container {

    width: 1720px;

    margin: 0 auto;

    justify-content: space-between;

    align-items: flex-start;

}



.footer .container>img {

    margin-bottom: 100px;

}



.footer .container .flex {

    align-items: flex-start;

    justify-content: space-between;

    padding-right: 50px;

    margin-bottom: 71px;

}



.footer ul {

    display: flex;

    flex-direction: column;

}



.footer ul li {

    margin-bottom: 10px;

}



.footer ul a {

    color: #fff;

    font-size: 16px;

}



.footer ul a:hover {

    color: #042034;

}





/* .pro_list {

    padding: 50px 0;

    background-image: url(../image/blue_down.png);

    background-repeat: no-repeat;

    background-position: bottom center;

} */



.proFlex {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    width: 1200px;

    margin: 0 auto;

}



.pro_list .leftName {

    font-size: 24px;

    padding: 0 20px;

    margin-bottom: 20px;

}



.pro_list .proFlex>.left {

    width: 240px;

    background: #fff;

    border-radius: 10px;

    border: 1px solid #294A6D;

    padding: 20px 0;

}



.pro_list .left li {

    padding: 10px 20px;

    height: auto;

    line-height: 24px;

    /* text-align: center; */

    cursor: pointer;

}



.pro_list .left li p {

    color: #555555;

}



.pro_list .left .title {

    font-size: 16px;

    /* font-weight: bold; */

}



.pro_list .left .less {

    /* display: none; */

    font-size: 14px;

}



.pro_list .left li.hover {

    background: #294a6d;

}





/* .pro_list .left li.hover .less {

    display: block;

} */



.pro_list .left li.hover p {

    color: #FFF;

    text-decoration: underline;

}



.pro_list .right>.title {

    background: #294a6d;

    padding: 20px;

    font-size: 20px;

    font-weight: bold;

    color: #fff;

    line-height: 33px;

}



.pro_list .right>.title .container {

    width: 900px;

}



.pro_list .container {

    width: 940px;

    margin: 0 auto;

}



.pro_list .center {

    color: #294A6D;

}



.pro_list .swiper-container {

    /*margin: 40px auto;*/

}



.pro_list .swiper-container .swiper-wrapper {

    height: 420px;

}





/* .pro_list .container .swiper-button-prev{

    background-image: url(/Home/image/list_left.png);

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-size: auto auto;

    border-radius: 50%;

    top: 0;

    margin: 0;

}



.pro_list .container .swiper-button-prev:hover{

    background-image: url(/Home/image/list_left_hover.png);

}



.pro_list .container .swiper-button-next{

    background-image: url(/Home/image/list_right.png);

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-size: auto auto;

    border-radius: 50%;

    top: 0;

    margin: 0;

}



.pro_list .container .swiper-button-next:hover{

    background-image: url(/Home/image/list_right_hover.png);

} */



.pro_list .container .position {

    position: relative;

    height: 50px;

    width: 100%;

}



.pro_list .swiper-slide a {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

}



.pro_list .swiper-slide .img {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 240px;

}



.pro_list .swiper-slide .img img {

    max-width: 100%;

    max-height: 100%;

}



.pro_list .swiper-slide .nor {

    z-index: 999;

    position: absolute;

    padding: 30px;

    background: #fff;

    color: #2a2a2a;

    text-align: center;

    width: 100%;

    height: 100%;

}



.pro_list .swiper-slide .hov {

    position: absolute;

    display: flex;

    width: 100%;

    height: 100%;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    color: #fff;

    background-color: rgba(41, 74, 109, 0.8);

    /* background-image: url(../image/pro.png);

    background-size: 50% auto;

    background-position: center center;

    background-repeat: no-repeat; */

    padding: 30px;

}



.pro_list .swiper-slide .hov .title {

    font-size: 30px;

}





/* .pro_list .swiper-slide:hover .nor {

    z-index: 1;

}



.pro_list .swiper-slide:hover .hov {

    z-index: 999;

} */



.pro_list .little {

    font-size: 18px;

}



.pro_list .nor .little {

    color: #294A6D;

}



.pro_list>.title {

    background: #294A6D;

    padding: 20px 0;

    font-size: 20px;

    font-weight: bold;

    color: #fff;

    line-height: 33px;

}



.pro_list .hov .title,

.pro_list .hov .en {

    text-align: center;

}



.pro_list .content,

.pro_list .en {

    font-size: 16px;

}



.pro_list .xq_btn {

    margin-top: 40px;

    color: #fff;

    font-size: 16px;

    height: 50px;

    width: 150px;

    display: block;

    text-align: center;

    line-height: 50px;

    border-radius: 25px;

    border: 1px solid #fff;

}



.pro_list .xq_btn:hover {

    color: #294A6D;

    background: #fff;

    border: 0px solid #fff;

}



.pro_detail {

    padding: 50px 0;

    /* background-image: url(../image/blue_down.png); */

    background-repeat: no-repeat;

    background-position: bottom center;

}



.pro_detail .container {

    /* padding: 50px 0; */

    width: 1200px;

    margin: 0 auto;

}



.pro_detail .title {

    font-size: 30px;

    font-weight: bold;

    text-align: center;

    color: #294A6D;

}



.pro_detail .less {

    font-size: 18px;

    font-weight: bold;

    text-align: center;

    color: #294A6D;

    margin-bottom: 50px;

}



.pro_detail .img {

    width: 100%;

    height: 500px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.pro_detail .img img {

    max-width: 100%;

    max-height: 100%;

}



.pro_detail .content {

    font-size: 18px;

    font-weight: bold;

    color: #3e3e3e;

}



.pro_detail .pro_menu {

    background: #fff;

    margin: 50px 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    /* border-bottom: 2px solid #eaeaea; */

}



.pro_detail .pro_menu li a:focus {

    color: #fff;

    background: #f00;

}



.pro_detail .pro_menu li a {

    display: block;

    padding: 20px 0;

    text-align: center;

    /* border-bottom: 2px solid transparent; */

    font-size: 18px;

}



.pro_detail .pro_menu li:hover a {

    color: #294A6D;

    /* border-bottom: 2px solid #294A6D; */

    font-weight: bold;

}



.pro_detail .pro_menu li.hover a {

    color: #294A6D;

    /* border-bottom: 2px solid #294A6D; */

    font-weight: bold;

}



.pro_detail .pro_floor {

    margin-bottom: 30px;

    margin-top: 50px;

}



.pro_detail .pro_floor .flex {

    /* justify-content: space-between; */

    padding: 0 50px;

    background: #294A6D;

    color: #fff;

    line-height: 50px;

    border-radius: 25px;

    font-size: 18px;

    font-weight: bold;

}



.pro_detail .pro_menu_down {

    display: none;

    position: fixed;

    top: 90px;

    margin: 0;

    left: 0;

    right: 0;

    background: #294A6D;

}



.pro_detail .pro_menu_top {

    position: static;

    display: block !important;

}



.pro_detail .pro_menu_down .container {

    display: flex;

    justify-content: space-between;

    padding: 0;

}



.pro_detail .pro_menu_down .container li {

    flex: 1;

}



.pro_detail .pro_menu_down li a {

    color: #fff;

}



.pro_detail .pro_menu_down li.hover a {

    color: #fff;

    background: #f00;

}



.pro_detail .pro_menu_down li:hover a {

    color: #fff;

    background: #f00;

}



.pro_detail .pro_menu_down .container::before,

.pro_detail .pro_menu_down .container::after {

    display: none;

}



.pro_list .container>.title {

    background: #294A6D;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 15px 25px;

    color: #fff;

    border-radius: 15px;

}



.pro_list .title .top {

    font-size: 24px;

}



.pro_list .title .bot {

    font-size: 18px;

    font-weight: normal;

}



.pro_list .title a {

    color: #ccc;

}



.pro_list .title a:hover {

    color: #fff;

}



.siam_a:hover {

    color: #f12c2c !important;

}



.footer .container {

    color: #fff;

    flex-wrap: wrap;

}



.footer .container a {

    color: #fff;

}



.footer .container a.title {

    font-size: 24px;

    font-weight: bold;

}



.footer .container .left a {

    margin-right: 10px;

}



.footer .container .left {

    width: 55%;

}



.footer .container .right {

    text-align: right;

    width: 45%;

}



.footer .container .left p,

.footer .container .right p:nth-child(2) {

    margin: 20px 0;

}



.footer .container a:hover {

    color: #92c2f6;

}



.footer .container>p {

    width: 100%;

}



.index_about .left .title {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    margin-bottom: 15px;

}



.index_about .left .title span {

    font-size: 30px;

    font-weight: bold;

}



.index_about .left .title a {

    color: #fff;

}



.index_about .left .title a:hover {

    color: #294A6D;

}



.bg1 {

    background-image: url(../image/home_bg_04.jpg);

    background-repeat: no-repeat;

    background-position: 0 bottom;

    margin-top: 50px;

}



.bg2 {

    background-image: url(../image/home_bg_05.jpg);

    background-repeat: no-repeat;

    background-position: right 0;

}



.pageTitle {

    padding: 50px 0;

    /* margin:0 0 50px 0; */

    border-bottom: 1px solid #ddd;

}



.pageTitle .container {

    align-items: center;

    justify-content: space-between;

    width: 1200px;

    margin: 0 auto;

}



.pageTitle .container .left {

    font-size: 40px;

    font-weight: bold;

}



.pageTitle .container .right {

    display: flex;

    align-items: center;

    color: #000;

}



.pageTitle .container .right a {

    color: #666;

}



.pageTitle .container .right a:hover {

    color: #23527c;

}



.pageTitle .container .right span {

    margin: 0 10px;

}



.title_en {

    font-size: 30px;

    color: #666;

    text-align: center;

    margin-bottom: 30px;

    margin-top: 50px;

}



.title_cn {

    font-size: 40px;

    font-weight: bold;

    color: #333;

    text-align: center;

    margin-bottom: 30px;

}



.pro_less_detail .container {

    display: flex;

    justify-content: space-between;

    width: 1200px;

    margin: 0 auto;

}



.pro_less_detail .container .left {

    width: 38%;

}



.pro_less_detail .container .left .img {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

}



.pro_less_detail .container .left .img img {

    max-width: 100%;

    max-height: 100%;

}



.pro_less_detail .container .right {

    width: 58%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.pro_less_detail .container .right .top .title {

    font-size: 32px;

    margin-bottom: 10px;

}



.pro_less_detail .container .right .top .less {

    font-size: 16px;

    margin-bottom: 40px;

}



.pro_less_detail .container .right .top .robot {

    display: flex;

    align-items: center;

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 10px;

}



.pro_less_detail .container .right .top .line {

    width: 100%;

    height: 1px;

    background: #ddd;

    position: relative;

    margin-bottom: 15px;

}



.pro_less_detail .container .right .top .line .short {

    width: 20%;

    height: 3px;

    background: #294A6D;

    position: absolute;

    top: -1px;

    left: 0;

}



.pro_less_detail .container .right .top .content {

    font-size: 16px;

    line-height: 24px;

    color: #999;

}



.pro_less_detail .container .right .bot .imgless {

    height: 80px;

    width: 100%;

    display: flex;

    align-items: center;

}



.pro_less_detail .container .right .bot .imgless img {

    max-width: 80px;

    max-height: 80px;

    margin-right: 20px;

}



.new_list_container {

    display: flex;

    justify-content: space-between;

    width: 1200px;

    padding-top: 50px;

    margin: 0 auto;

    border-left: 1px solid #ddd;

}



.new_list_container .new_menu {

    width: 20%;

}



.new_list_container .new_menu li {

    margin-bottom: 30px;

    width: 200px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    overflow: hidden;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

}



.new_list_container .new_menu li .nor {

    display: block;

    background: #f7f7f7;

}



.new_list_container .new_menu li:hover .nor {

    display: none;

}



.new_list_container .new_menu li .hov {

    display: none;

    background: #294A6D;

    color: #fff;

}



.new_list_container .new_menu li:hover .hov {

    display: block;

}



.new_list_container .new_list {

    width: 78%;

}



.new_list_container .new_list>li {

    width: 100%;

    background: #F7F7F7;

    border-radius: 10px;

    margin-bottom: 30px;

    /* border: 1px solid #ddd; */

}



.new_list_container .new_list>li:hover {

    background: #fff;

    box-shadow: 0px 0px 20px #ddd;

}



.new_list_container .new_list>li a {

    display: flex;

}



.new_list_container .new_list>li a .img {

    width: 200px;

    height: 200px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.new_list_container .new_list>li a .img img {

    max-width: 100%;

    max-height: 100%;

}



.new_list_container .new_list>li a .text {

    flex: 1;

    margin: 30px 0 30px 30px;

    padding-right: 30px;

    border-right: 1px solid #ddd;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.new_list_container .new_list>li:hover a .text .title {

    color: #294A6D;

}



.new_list_container .new_list>li a .text .title {

    font-size: 24px;

    color: #292929;

    font-weight: bold;

    margin-bottom: 10px;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.new_list_container .new_list>li a .text .content {

    color: #747474;

    font-size: 16px;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



.new_list_container .new_list>li a .right {

    width: 200px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    margin: 30px 0;

    padding-left: 30px;

}



.new_list_container .new_list>li a .right .year {

    font-size: 30px;

}



.new_list_container .new_list>li a .right .date {

    font-size: 14px;

}



.new_list_container .new_list>li a .right .more {

    font-size: 16px;

}



.pageTitle .new_title {

    font-size: 46px;

    margin: 50px 0 20px;

}



.pageTitle .new_text {

    font-size: 16px;

}



.new_detail {

    width: 1200px;

    margin: 20px auto 30px;

}



.contact_list {

    width: 100%;

    margin-top: 50px;

}



.contact_list .one .container {

    display: flex;

}



.contact_list .one .container>div {

    width: 50%;

}



.contact_list .one .container>.left.text {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    justify-content: center;

}



.contact_list .one .container>.right.text {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    /* padding-left: 50px; */

}



.contact_list .one .container>.text .title,

.contact_list .one .container>.text .block,

.contact_list .one .container>.text .text {

    width: 600px;

}



.contact_list .one .container>.text .line {

    width: 100%;

    height: 1px;

    background: #ddd;

    margin-bottom: 20px;

}



.contact_list .one .container>.text .block .show {

    width: 50px;

    height: 10px;

    background: #294A6D;

}



.contact_list .one .container>.text .title {

    font-size: 33px;

    margin-bottom: 30px;

}



.contact_list .one .container>.text .text p {

    margin-bottom: 20px;

    font-size: 14px;

}



.contact_list .one .container>.text .text p:last-child {

    margin: 0;

}



.contact_list .one .container .img {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.contact_list .one .container .img img {

    max-width: 100%;

}



.pc {

    display: block;

    padding-top: 90px;

    max-width: 1920px;

    margin: 0 auto;

}



.mb {

    display: none;

}



.mb_menu {

    display: none;

}



.mb_menu_block {

    display: none;

}



.mb_pro {

    display: none;

}



.footer .less {

    display: none;

}



.footer .container .flex>span {

    display: none;

}



.pro_list.text .table table {

    width: 100%;

    margin: 20px 0 30px 0;

}



.list_nav ul {

    display: flex;

    align-items: center;

    justify-content: center;

}



.list_nav ul li {

    margin-right: 30px;

    background: #ddd;

}



.list_nav ul li a,

.list_nav ul li span {

    padding: 10px 20px;

    display: block;

}



.list_nav ul li a:hover {

    background: #294A6D;

    color: #fff;

}



.list_nav ul li:last-child {

    margin-right: 0px;

}



.about_container {

    width: 1200px;

    margin: 50px auto 0;

}



.about_container .title {

    font-size: 48px;

    font-weight: bold;

}



.about_container .less {

    font-size: 24px;

    margin: 20px 0;

    color: #888;

}



.about_container .text {

    padding: 30px;

    background: #F9F9F9;

    border-radius: 10px;

}



.about_container .text p {

    margin-bottom: 20px;

    text-indent: 2em;

    line-height: 30px;

}



.about_container .text p:last-child {

    margin: 0;

}



.about_image {

    margin: 50px 0;

}



.about_box {

    width: 1720px;

    margin: 0 auto;

    display: flex;

    justify-content: center;

}



.about_box>div {

    width: 50%;

}



.about_box .left {

    display: flex;

    align-items: center;

    justify-content: center;

}



.about_box .left img {

    max-width: 100%;

}



.about_box .right {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.about_box .right .top {

    padding: 50px;

}



.about_box .right .top .title {

    font-size: 48px;

    font-weight: bold;

}



.about_box .right .top .less {

    font-size: 24px;

    margin: 20px 0;

    color: #888;

}



.about_box .right .top p {

    margin-bottom: 20px;

    text-indent: 2em;

    line-height: 30px;

}



.about_box .right .top p:last-child {

    margin-bottom: 0;

}



.about_box .right .bot {

    display: flex;

    align-items: flex-end;

    border-bottom: 1px solid #294A6D;

}



.about_box .right .bot .left_right {

    font-size: 0;

    cursor: pointer;

    margin-right: 50px;

}



.about_box .right .bot span {

    font-size: 30px;

    color: #294a6d;

}



.about_text {

    margin: 50px auto;

    width: 1720px;

}



.about_text .title {

    font-size: 48px;

    font-weight: bold;

}



.about_text .less {

    font-size: 24px;

    margin: 20px 0;

    color: #888;

}



.about_text .text_list {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.about_text .text_list .one {

    width: 48%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    margin-bottom: 50px;

}



.about_text .text_list .one img {

    max-width: 100%;

}



.about_text .text_list .one .box {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    padding: 50px;

    background: rgba(41, 74, 109, 0.7);

    color: #fff;

}



.about_text .text_list .one .box .name {

    font-size: 30px;

}



.about_text .text_list .one .box .en {

    font-size: 20px;

    margin: 10px 0 50px;

}



.about_text .text_list .one .box .text p {

    font-size: 16px;

    line-height: 50px;

}



.swiper-button-next-cer {

    background-image: url(/Home/image/cer_right.png);

    width: 56px;

    height: 54px;

    background-size: 56px 54px;

    right: 0;

}



.swiper-button-prev-cer {

    background-image: url(/Home/image/cer_left.png);

    width: 56px;

    height: 54px;

    background-size: 56px 54px;

    left: 0;

}



.login .blackBox {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.5);

    display: none;

    z-index: 997;

}



.login #register,

.login #login {

    cursor: pointer;

}



.login #regBox,

.login #logBox {

    display: none;

    width: 300px;

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    margin: auto;

    z-index: 999;

    background: #fff;

    border-radius: 10px;

}



.login #regBox {

    height: 310px;

}



.login #logBox {

    height: 260px;

}



.login>div .close {

    position: absolute;

    top: -50px;

    cursor: pointer;

    right: 0;

}



.login>div .title {

    font-size: 30px;

    line-height: 80px;

    text-align: center;

    color: #294A6D;

    font-weight: bold;

}



.login>div .one {

    display: flex;

    width: 240px;

    margin: 0 auto 10px;

    height: 40px;

    border-radius: 20px;

    padding: 0 20px;

    align-items: center;

    justify-content: space-between;

    background: #F0F4F8;

}



.login>div .one img {

    padding-right: 10px;

    border-right: 2px solid #294A6D;

    margin-right: 10px;

}



.login>div .one input {

    width: 100%;

    color: #000;

    height: 30px;

    font-size: 16px;

    line-height: 30px;

    border: 0;

    background: transparent;

}



.login>div .one input:focus {

    outline: none;

}



.login>div .btn {

    width: 240px;

    height: 40px;

    text-align: center;

    border-radius: 20px;

    font-size: 20px;

    line-height: 40px;

    margin: 10px auto 10px;

    color: #fff;

    background: #294A6D;

    cursor: pointer;

}



.login>div .less {

    font-size: 12px;

    color: #aaa;

    cursor: pointer;

    text-align: center;

}



.about_image .swiper-slide {

    display: flex;

    align-items: center;

    justify-content: center;

}



.about_image .swiper-slide img {

    max-width: 100%;

}



#loginOut {

    cursor: pointer;

}



.searchBox {

    width: 1200px;

    margin: 0 auto;

    padding: 30px 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.searchBox input {

    padding: 8px;

    border: 1px solid #294A6D;

    border-right: 0;

    outline: none;

    font-size: 16px;

    height: 40px;

    width: 500px;

    box-sizing: border-box;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}



.searchBox select {

    height: 40px;

    width: 100px;

    border: 1px solid #294A6D;

    outline: none;

    font-size: 16px;

}



.searchBox .searchBtn {

    background: #294A6D;

    color: #fff;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    height: 40px;

    width: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}



.secondList {

    display: none;

    background: #fff;

    position: absolute;

    padding: 10px 0;

    border-top: 2px solid #294A6D;

    top: 90px;

}



.menu>li:hover .secondList {

    display: block;

}



.menu>li .secondList li {

    line-height: 33px;

    padding: 0 10px;

    text-align: center;

}





/* .menu>li .secondList li a:hover{

    font-weight: bold;

} */



.new_list .name {

    height: 50px;

    line-height: 50px;

    width: 100%;

    background: #294A6D;

    color: #fff;

    font-size: 20px;

    text-align: center;

}



.new_list .table {

    border-bottom: 1px solid #ddd;

    border-right: 1px solid #ddd;

    margin-bottom: 30px;

}



.new_list .table .tr {

    width: 100%;

    display: flex;

    align-items: center;

}



.new_list .table .tr:nth-child(even) {

    background: #F7F7F9;

}



.new_list .table .td {

    width: 33.333%;

    height: 50px;

    line-height: 50px;

    text-align: center;

}



.new_list .table .td:nth-child(1) {

    border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

}



.new_list .table .td:nth-child(2) {

    border-right: 1px solid #ddd;

}



.new_list .listName {

    width: 100%;

    padding-left: 30px;

    border-left: 1px solid #294A6D;

    height: 50px;

    line-height: 50px;

    font-size: 20px;

    background: #F7F7F7;

    margin-bottom: 30px;

}



.new_list .one {

    padding-left: 30px;

    background-image: url(../image/list-right.png);

    background-repeat: no-repeat;

    background-position: center left;

}



.new_list .one .content {

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #333;

    height: 50px;

    line-height: 50px;

    border-bottom: 1px solid #ddd;

}



.new_list .one .content:hover {

    color: #294A6D;

}



.new_list .one .content .oneName {

    width: calc(100% - 120px);

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.new_list .one .content .oneTime {

    width: 90px;

    text-align: right;

}



.searchContainer {

    width: 1200px;

    margin: 0 auto;

}



.searchList {

    width: 100%;

}



.searchList .one {

    margin-bottom: 50px;

}



.searchList .one .img {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 160px;

    height: 160px;

    margin-right: 30px;

}



.searchList .one .img img {

    max-width: 100%;

    max-height: 100%;

}



.searchList .one a {

    display: flex;

}



.searchList .one a .content {

    width: calc(100% - 190px);

}



.searchList .one a .all {

    width: 100%;

}



.searchList .one a .content .name {

    margin-bottom: 10px;

    display: flex;

    align-items: center;

}



.searchList .one a .content .name span {

    height: 24px;

    line-height: 24px;

    font-size: 14px;

    border-radius: 5px;

    border: 1px solid #294A6D;

    color: #294A6D;

    padding: 0 5px;

    margin-right: 10px;

    width: 40px;

}



.searchList .one a .content.all .name span {

    width: 68px;

}



.searchList .one a .content .name p {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    width: calc(100% - 50px);

}



.searchList .one a .content.all .name p {

    width: calc(100% - 78px);

}



.searchList .one a .content .text {

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size: 14px;

    color: #333;

    margin-bottom: 10px;

}



.searchList .one a .content .cate {

    color: #294A6D;

    font-size: 14px;

}



.searchList .one a .content .time {

    color: #666;

    font-size: 12px;

}



.pro_in_list {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.pro_in_list li {

    width: 23%;

    margin-bottom: 30px;

}





/* 如果最后一行是3个元素 */



.pro_in_list li:last-child:nth-child(4n - 1) {

    margin-right: calc(23% + 8% / 3);

}





/* 如果最后一行是2个元素 */



.pro_in_list li:last-child:nth-child(4n - 2) {

    margin-right: calc(46% + 16% / 3);

}



.pro_in_list li .img {

    width: 100%;

    height: 276px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.pro_in_list li .img img {

    max-width: 100%;

}



.pro_in_list .little {

    font-size: 16px;

    text-align: center;

    height: 42px;

}



.menu_top {

    position: relative;

}



.menu_top img {

    position: absolute;

    top: -20px;

    left: 20px;

}



.proMenu_container {

    width: 1200px;

    margin: 0 auto;

    display: flex;

}



.left_swiper .swiper-container {

    height: 0;

    overflow: hidden;

}



.left_swiper .swiper-container_left_swiper0 {

    height: auto;

}