@charset "UTF-8";
body, ol, ul, h1, h2, h3, h4, h5, h6, p, pre, th, td, dl, dd, form, fieldset, legend, article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary { display: block; }

a { background-color: transparent; text-decoration: none; color: inherit; transition: 0.2s; }

body { min-width: 320px; position: relative; letter-spacing: 1px; font-size: 14px; font-family: "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1 !important; line-height: 200%; }

abbr[title] { border-bottom: 1px dotted; }

ol, dl, dt, dd, ul, li { list-style: none; }

h1, h2, h3, h4, h5, b, em, strong { font-weight: normal; }

i, em { font-style: normal; }

img { border: 0; display: block; }

a:hover, a:focus { text-decoration: none !important; }

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

.word_content { margin-top: 2%; box-sizing: border-box; font-size: 14px; color: #545353; }
.word_content img { max-width: 100%; display: inline-block; }

@media only screen and (min-width: 1200px) and (max-width: 1920px) { .pub_container, .top { margin: 0 auto; width: 96%; } }
@media only screen and (min-width: 0) and (max-width: 1200px) { .pub_container, .top { margin: 0 auto; padding: 0 2%; box-sizing: border-box; width: 100%; } }

html::-webkit-scrollbar { width: 5px; height: 5px; }
html::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); }
html::-webkit-scrollbar-thumb { background: #0265C8; border-radius: 6px; }
html::-webkit-scrollbar-corner { background: #82AFFF; }

@-webkit-keyframes beat { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } }
.center { width: 100%; max-width: 1680px; margin: 0 auto; }

@media only screen and (max-width: 1920px) { .center2 { width: 1200px; margin: 0 auto; } }
@media only screen and (max-width: 1199px) { .center2 { padding: 0 6%; width: auto; } }

@keyframes myfirst { from { transform: rotate(0deg); }
    to { transform: rotate(360deg); } }
.pub_bn_sd { height: 496px; }
.pub_bn_sd .swiper-container { height: 100%; }
.pub_bn_sd .swiper-container .swiper-wrapper { height: 100%; }
.pub_bn_sd .swiper-container .swiper-wrapper .swiper-slide { height: 100%; }
.pub_bn_sd .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width: 640px) { .pub_bn_sd { height: 200px; } }

.ind_bn_sd { position: relative; position: relative; padding: 20% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
@media only screen and (min-width: 1200px) { .ind_bn_sd { height: 807px; padding: 0 !important; } }
.ind_bn_sd .swiper-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.ind_bn_sd .swiper-container .swiper-slide { height: 100%; }
.ind_bn_sd .swiper-container .swiper-slide a { height: 100%; }
.ind_bn_sd .swiper-container .swiper-slide a img { object-fit: cover; height: 100%; width: 100%; }
.ind_bn_sd .swiper-container .swiper-slide img { object-fit: cover; height: 100%; width: 100%; }
.ind_bn_sd .swiper-container .swiper-slide .banner_text1 { text-align: center; font-size: 24px; color: #fefefe; line-height: 180%; display: block; position: absolute; right: 0; top: 50%; width: 214px; top: 96px; right: 0; transform: translateX(-200px); opacity: 0; transition: all 1s; }
.ind_bn_sd .swiper-container .swiper-slide .banner_text1:after { position: absolute; content: ""; width: 214px; height: 9px; background: #B59F66; top: -10px; left: 0; }
.ind_bn_sd .swiper-container .swiper-slide .ani-slide1 { transform: translateX(0) !important; opacity: 1 !important; }
.ind_bn_sd .swiper-container .swiper-slide .banner_text2 { text-align: center; font-size: 24px; color: #fefefe; line-height: 180%; display: block; position: absolute; right: 0; top: 50%; width: 214px; top: 96px; right: 0; transform: translateX(-200px); opacity: 0; transition: all 1s; }
.ind_bn_sd .swiper-container .swiper-slide .banner_text2:after { position: absolute; content: ""; width: 214px; height: 9px; background: #B59F66; top: -10px; left: 0; }
.ind_bn_sd .swiper-container .swiper-slide .ani-slide2 { transform: translateX(0) !important; opacity: 1 !important; }
.ind_bn_sd .swiper-pagination { bottom: 20px; width: 100% !important; right: auto !important; }
.ind_bn_sd .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 12px !important; height: 12px !important; background: #BFBFBF !important; opacity: 1 !important; }
.ind_bn_sd .swiper-pagination .swiper-pagination-bullet-active { background: #fff !important; border: 1px solid #1771CC; }

.ind_bn_hiden { position: absolute; left: 0; top: 200px; }

.leftUp img { -webkit-animation-name: leftUp; animation-name: leftUp; }

/*@-webkit-keyframes leftUp { 0% { transform: scale(1.1, 1.1) translate(4.545%, 4.545%); }*/
    /*100% { transform: scale(1.1, 1.1) translate(-4.545%, -4.545%); } }*/
/*@keyframes leftUp { 0% { transform: scale(1.1, 1.1) translate(4.545%, 4.545%); }*/
    /*100% { transform: scale(1.1, 1.1) translate(-4.545%, -4.545%); } }*/
/*.moveRight img { -webkit-animation-name: moveRight; animation-name: moveRight; }*/

/*@-webkit-keyframes moveRight { 0% { transform: scale(1.1, 1.1) translate(-4.545%, 0); }*/
    /*100% { transform: scale(1.1, 1.1) translate(4.545%, 0); } }*/
/*@keyframes moveRight { 0% { transform: scale(1.1, 1.1) translate(-4.545%, 0); }*/
    /*100% { transform: scale(1.1, 1.1) translate(4.545%, 0); } }*/
/*.moveDown img { -webkit-animation-name: moveDown; animation-name: moveDown; }*/

/*@-webkit-keyframes moveDown { 0% { transform: scale(1.1, 1.1) translate(0, -4.545%); }*/
    /*100% { transform: scale(1.1, 1.1) translate(0, 4.545%); } }*/
/*@keyframes moveDown { 0% { transform: scale(1.1, 1.1) translate(0, -4.545%); }*/
    /*100% { transform: scale(1.1, 1.1) translate(0, 4.545%); } }*/
/*.centerBig img { -webkit-animation-name: centerBig; animation-name: centerBig; }*/

/*@-webkit-keyframes centerBig { 100% { transform: scale(1.1, 1.1); } }*/
/*@keyframes centerBig { 100% { transform: scale(1.1, 1.1); } }*/
/*.rightDownBig img { -webkit-animation-name: rightDownBig; animation-name: rightDownBig; }*/

/*@-webkit-keyframes rightDownBig { 100% { transform: scale(1.1, 1.1) translate(4%, 4%); } }*/
/*@keyframes rightDownBig { 100% { transform: scale(1.1, 1.1) translate(4%, 4%); } }*/
.swiper-slide img { animation-duration: 5s; animation-timing-function: linear; animation-fill-mode: forwards; -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; }

.swiper-pagination-bullet { width: 20px; height: 20px; background: #fff; margin: 0 5px; }

.mobile-meun-nav { overflow-y: scroll; height: 86%; }
.mobile-meun-nav ul li { border-bottom: 1px solid #f2f2f2; }
.mobile-meun-nav ul li .tit { position: relative; display: block; height: 56px; line-height: 56px; overflow: hidden; padding: 0 20px 0 40px; margin: 0; font-size: 16px; color: #505050; font-weight: normal; letter-spacing: 1px; cursor: pointer; transition: .3s; }
.mobile-meun-nav ul li .tit:before { content: ""; position: absolute; top: 50%; left: 15px; width: 10px; height: 10px; margin-top: -5px; border: 1px solid #505050; border-radius: 50%; transition: .3s; }
.mobile-meun-nav ul li .tit:hover { color: #1b1b1b; }
.mobile-meun-nav ul li .tit:hover:before { background: #333333; }
.mobile-meun-nav ul li .tit a { display: block; }
.mobile-meun-nav ul li .tit i { float: right; margin-top: 18px; font-size: 18px; }
.mobile-meun-nav ul li .tit.chose { color: #1b1b1b; }
.mobile-meun-nav ul li .tit.chose:before { background: #333333; }
.mobile-meun-nav ul li .tit.active { color: #1b1b1b; }

.mobile-second-nav { display: none; margin-bottom: 0; }
.mobile-second-nav dd { border-top: 1px solid #f2f2f2; }
.mobile-second-nav dd a { display: block; height: 56px; line-height: 56px; overflow: hidden; padding: 0 10px 0 45px; font-size: 16px; color: #505050; letter-spacing: 1px; cursor: pointer; }
.mobile-second-nav dd a:hover { color: #0265C8; }

.mobile-nav-box { position: fixed; top: 0; left: 0; z-index: 999999; width: 250px; height: 100%; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); transform: perspective(450px) rotateY(-90deg); transform-origin: 0; transition: .4s ease; }

.mobile-nav-box-show { transform: perspective(450px) rotateY(0deg); }

.search-btn { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 14px 20px; margin: 0; background: #333; line-height: 56px; font-size: 16px; color: #fff; text-align: center; cursor: pointer; }
.search-btn i { margin-left: 10px; }
.search-btn button { width: 35px; height: 28px; outline: none; border: none; cursor: pointer; position: absolute; background: url("../images/search_ico.png") no-repeat center; top: 4px; right: 10px; }

.pub_search2 { width: 100%; margin: 0 auto; min-width: 175px; max-width: 248px; position: relative; display: inline-block; height: 34px; line-height: 34px; }
.pub_search2 input { background: #fff; vertical-align: top; box-sizing: border-box; width: 100%; height: 100%; line-height: 46px; padding: 0 50px 0 20px; border: 1px solid #DCDCDC; color: #8c8c8c; outline: none; transition: 0.4s; }
.pub_search2 input:focus { box-shadow: 0 0 10px #999; }
.pub_search2 input button { width: 35px; height: 28px; outline: none; border: none; cursor: pointer; position: absolute; background: url("../images/search_ico.png") no-repeat center; top: 4px; right: 10px; }

@media screen and (max-width: 1200px) { .nav_btn { display: block !important; } }
.nav_btn_open span { width: 0 !important; }
.nav_btn_open span:before { top: 0 !important; transform: rotate(45deg); }
.nav_btn_open span:after { top: 0 !important; transform: rotate(-45deg); }

@media screen and (max-width: 991px) { .mobile-out-link { position: absolute; top: 50%; right: 0; margin-top: -105px; opacity: 0; }
    .mobile-out-link a { display: block; margin: 10px 0; }
    .mobile-nav-box-show .mobile-out-link { right: -80px; opacity: 1; transition: .3s .5s; } }
.top { width: 100%; }
@media only screen and (min-width: 1200px) and (max-width: 1920px) { .top { height: 100px; }
    .top .top_holder { width: 100%; position: fixed; top: 0; left: 0; border-top: 2px solid #0265C8; left: 0; z-index: 9999; box-sizing: border-box; border-bottom: 1px solid #ccc; }
    .top .pub_container, .top .top { box-sizing: border-box; max-width: 1680px; }
    .top .t_logo { width: 17%; max-width: 280px; min-width: 160px; }
    .top .t_logo img { width: 100%; }
    .top .top_holder { height: 105px; background: #fff; }
    .top .pub_container, .top .top { display: flex; align-items: center; justify-content: space-between; height: 100%; }
    .top nav { width: 83%; text-align: center; height: 100%; }
    .top nav > ul { padding: 0 1%; margin-left: 4%; width: 100%; margin-bottom: 0; height: 100%; }
    .top nav > ul > .nav_tit { display: inline-block; width: 85px; padding: 0 7px 0 0; transition: 0.6s; float: left; height: 100%; display: flex; align-items: center; justify-content: space-between; }
    .top nav > ul > .nav_tit > a { text-align: center; font-size: 14px; color: #707070; line-height: 180%; display: inline-block; box-sizing: border-box; margin: 0 auto; transition: 0.6s; }
    .top nav > ul > .nav_tit > ul { display: none; overflow: hidden; box-sizing: border-box; position: absolute; z-index: 2; top: 98px; border-top: 1px solid #ccc; background: #fff; text-align: left; width: 100%; height: 50px; line-height: 50px; left: 0; }
    .top nav > ul > .nav_tit > ul > li { vertical-align: top; display: inline-block; height: 50px; line-height: 50px; margin: 0 10px; }
    .top nav > ul > .nav_tit > ul > li > a { text-align: inline-block; font-size: 18px; color: #707070; line-height: 180%; display: block; height: 50px; line-height: 50px; box-sizing: border-box; }
    .top nav > ul > .nav_tit > ul > li > a:hover { color: #0265C8; border-bottom: 2px solid #0265C8; }
    .top nav > ul > .nav_tit:before { position: absolute; content: ""; width: 1px; height: 30px; background: #E5E5E5; top: 33px; right: 4px; }
    .top nav > ul > .nav_tit:hover { background: url("../images/nav_bg.png") no-repeat; background-size: 100% 100%; }
    .top nav > ul > .nav_tit:after { display: block; clear: both; content: ""; visibility: hidden; }
    .top nav > ul li:nth-last-of-type(2):before { display: none; }
    .top nav > ul .active { background: url("../images/nav_bg.png") no-repeat; background-size: 100% 100%; }
    .top nav > ul .nav_last { width: 250px; float: right; height: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: content-box; }
    .top nav > ul .nav_last section .t_phone { text-align: center; font-size: 14px; color: #6f6f6f; line-height: 180%; display: block; margin-bottom: 6px; }
    .top nav > ul .nav_last section .t_phone em { color: #0265c8; font-style: italic; }
    .top nav > ul .nav_last section .pub_search { width: 100%; min-width: 175px; max-width: 248px; position: relative; display: inline-block; height: 34px; line-height: 34px; }
    .top nav > ul .nav_last section .pub_search input { background: transparent; vertical-align: top; box-sizing: border-box; width: 100%; height: 100%; line-height: 46px; padding: 0 50px 0 20px; border: 1px solid #DCDCDC; border-radius: 146px; color: #8c8c8c; outline: none; transition: 0.4s; }
    .top nav > ul .nav_last section .pub_search input:focus { box-shadow: 0 0 10px #999; }
    .top nav > ul .nav_last section .pub_search button { width: 35px; height: 28px; outline: none; border: none; cursor: pointer; position: absolute; background: url("../images/search_ico.png") no-repeat center; top: 4px; right: 10px; }
    .top nav .nav_home { display: none; }
    .top nav .nav_close { display: none; }
    .top nav .nav_sub_ul { display: none; }
    .top nav .nav_sub_ul li a:hover { color: #E67919; }
    .top nav .nav_hidden { display: none; } }
@media only screen and (max-width: 1410px) { .top nav > ul .nav_last{ width: 180px;float: none} }
@media only screen and (max-width: 1320px) { .top nav > ul .nav_last{ display: none!important;} }
@media only screen and (min-width: 1670px) { .top .nav_tit { width: 100px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1920px) { nav > ul { padding: 0 10px; width: 30vh; } }
@media only screen and (min-width: 0) and (max-width: 1200px) { .t_phone { display: none !important; } }
@media only screen and (min-width: 0) and (max-width: 1200px) { .top_holder { background: #fff; left: 0; border-bottom: 1px solid #ccc; padding: 3%; box-sizing: border-box; width: 100%; position: fixed; z-index: 999; }
    .pub_container, .top { display: flex; align-items: center; justify-content: space-between; max-width: 1680px; }
    .pub_search { display: none; margin: 3vh 0 0 0; text-align: center; border-bottom: none !important; }
    .pub_search form { position: relative; display: inline-block; height: 46px; line-height: 46px; }
    .pub_search form input { border: none; border-bottom: 1px solid #fff; background: transparent; vertical-align: top; box-sizing: border-box; width: 100%; height: 100%; line-height: 46px; padding: 0 10px 0 50px; color: #8c8c8c; outline: none; transition: 0.4s; }
    .pub_search form input:focus { box-shadow: 0 0 10px #999; }
    .pub_search form button { width: 35px; height: 28px; outline: none; border: none; cursor: pointer; position: absolute; background: url("../images/sc_ico.png") no-repeat center; top: 10px; left: 0; }
    .t_logo { order: 0; width: 60%; max-width: 200px; }
    .t_logo img { width: 100%; }
    .nav_sub_ul { display: none; text-align: center; }
    .nav_sub_ul li { text-align: center; font-size: 1rem; color: #0265C8; line-height: 180%; display: block; border: none !important; display: inline-block; }
    nav .nav_btn { background: #D6D6D6; border-radius: 4px; padding: 4px; position: relative; float: right; width: 30px; height: 30px; display: none; cursor: pointer; }
    nav .nav_btn span { position: absolute; top: 50%; left: 3px; display: block; width: 22px; height: 2px; margin-top: -1px; background: #fff; transition: .2s ease; }
    nav .nav_btn span:before { content: ''; position: absolute; top: -8px; left: 0; width: 22px; height: 2px; border-radius: 3px; background: #fff; transition: transform .2s ease, top .2s ease; }
    nav .nav_btn span:after { position: absolute; top: 8px; left: 0; width: 22px; height: 2px; content: ''; border-radius: 3px; background: #fff; transition: transform .2s ease, top .2s ease; }
    nav .nav_ul { display: none !important; } }
.tit1 { text-align: center; }
.tit1 em { text-align: center; font-size: 54px; color: #3b3b3b; line-height: 180%; display: block; }
.tit1 h4 { text-align: center; font-size: 18px; color: #555555; line-height: 180%; display: inline-block; position: relative; }
.tit1 h4:before { position: absolute; content: ""; width: 34px; height: 1px; background: #D2D2D2; left: -50px; top: 15px; }
.tit1 h4:after { position: absolute; content: ""; width: 34px; height: 1px; background: #D2D2D2; right: -50px; top: 15px; }
.pro_list_pn2 figure div{
    position: relative;
    overflow: hidden;
    padding:37% 0;
    height: auto;
}
.pro_list_pn2 figure div img{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media only screen and (max-width: 768px) { .tit1 em { font-size: 1.4rem; line-height: 100%; }
    .tit1 h4 { margin-top: 0; } }

.tit2 { text-align: center; }
.tit2 em { text-align: center; font-size: 30px; color: #e3dede; line-height: 180%; display: block; letter-spacing: 8px; }
.tit2 h4 { text-align: center; font-size: 14px; color: #5a5a5a; line-height: 180%; display: inline-block; position: relative; }
.tit2 h4 strong { color: #0265c8; font-weight: normal; display: inline-block; font-size: 30px; line-height: 100%; margin-right: 24px; }
.tit2 hr { background: #0265c8; height: 4px; width: 56px; margin: 32px auto 0 auto; }
@media only screen and (max-width: 1199px) { .tit2 em { font-size: 1.4rem; line-height: 100%; }
    .tit2 h4 { font-size: 1rem; }
    .tit2 h4 strong { display: block; margin-right: 0; font-size: 1.3rem; }
    .tit2 hr { margin: 1% auto 0 auto; } }

.tit3 em { text-align: center; font-size: 24px; color: #9dcdfe; line-height: 180%; display: block; }
.tit3 h4 { text-align: center; font-size: 36px; color: #ffffff; line-height: 180%; display: block; }
@media only screen and (max-width: 1199px) { .tit3 em { font-size: 1rem; display: none; }
    .tit3 h4 { font-size: 1.3rem; } }

.tit4 { text-align: center; overflow: hidden; }
.tit4 h4 { text-align: center; font-size: 36px; color: #025ebe; line-height: 180%; display: inline-block; position: relative; }
.tit4 h4:before { position: absolute; content: ""; width: 860px; height: 1px; background: #D2D2D2; top: 34px; left: 50%; margin-left: -970px; }
.tit4 h4:after { position: absolute; content: ""; width: 860px; height: 1px; background: #D2D2D2; top: 34px; right: 50%; margin-right: -970px; }
.tit4 em { text-align: center; font-size: 16px; color: #929292; line-height: 180%; display: block; }
@media only screen and (max-width: 1199px) { .tit4 h4 { line-height: 100%; font-size: 1.4rem; }
    .tit4 h4:before { display: none; }
    .tit4 h4:after { display: none; } }

.tit5 h4 { text-align: center; font-size: 36px; color: #3b3b3b; line-height: 180%; display: block; }
.tit5 em { text-align: center; font-size: 18px; color: #0265c8; line-height: 180%; display: block; }
@media only screen and (min-width: 0) and (max-width: 768px) { .tit5 h4 { font-size: 1.4rem; margin: 0 0 8px 0; }
    .tit5 em { font-size: 1rem; } }

.tit6 { padding: 0 0 40px 0; text-align: center; overflow: hidden; }
.tit6 h4 { text-align: center; font-size: 36px; color: #3b3b3b; line-height: 130%; display: inline-block; position: relative; }
.tit6 h4:before { position: absolute; content: ""; width: 860px; height: 1px; background: #D2D2D2; top: 34px; left: 50%; margin-left: -1100px; }
.tit6 h4:after { position: absolute; content: ""; width: 860px; height: 1px; background: #D2D2D2; top: 34px; right: 50%; margin-right: -1100px; }
.tit6 em { text-align: center; font-size: 16px; color: #0265c8; line-height: 180%; display: block; position: relative; }
.tit6 em:after { position: absolute; content: ""; width: 44px; height: 1px; background: #FF0000; top: 50px; left: 50%; margin-left: -22px; }
@media only screen and (min-width: 0) and (max-width: 768px) { .tit6 { padding-bottom: 6%; }
    .tit6 h4 { font-size: 1.4rem; margin: 6px 0; }
    .tit6 h4:before { margin-left: 60%; top: 100%; }
    .tit6 h4:after { margin-right: 60%; top: 100%; }
    .tit6 em:after { top: auto; bottom: 0; } }

.more1 { border-radius: 35px; transition: 0.6s; display: block; box-sizing: border-box; width: 240px; height: 30px; line-height: 30px; text-align: center; color: #adadad; border: 1px solid #adadad; background: transparent; }
.more1:hover { border-radius: 35px; transition: 0.6s; display: block; box-sizing: border-box; width: 240px; height: 30px; line-height: 30px; text-align: center; color: #fff; border: 1px solid #0265C8; background: #0265C8; }
@media only screen and (max-width: 1199px) { .more1 { margin: 0 auto; } }

.more2 { border-radius: 35px; transition: 0.6s; display: block; box-sizing: border-box; width: 284px; height: 50px; line-height: 50px; text-align: center; color: #0265C8; border: 1px solid #0265C8; background: transparent; font-size: 24px; margin-left: -142px; color: #0265C8; }
.more2:hover { border-radius: 35px; transition: 0.6s; display: block; box-sizing: border-box; width: 284px; height: 50px; line-height: 50px; text-align: center; color: #fff; border: 1px solid #0265C8; background: #0265C8; color: #cecece; }

.more4 { border-radius: 35px; transition: 0.6s; display: block; box-sizing: border-box; width: 134px; height: 24px; line-height: 24px; text-align: center; color: #0265C8; border: 1px solid #0265C8; background: transparent; color: #919191; }

.more5 { color: #d1d1d1; }
.more5 i { width: 30px; margin-right: 10px; height: 30px; line-height: 30px; color: #7e7e7e; font-family: "宋体"; text-align: center; display: inline-block; border-radius: 50%; border: 1px solid #025EBF; }

.more6 { border-radius: 35px; transition: 0.6s; display: block; box-sizing: border-box; width: 234px; height: 34px; line-height: 34px; text-align: center; color: #0265C8; border: 1px solid #0265C8; background: transparent; text-align: left; padding: 0 10px; line-height: 32px; border-radius: 0; }
.more6 i { display: inline-block; margin: 0 20px 0 0; float: right; transition: 0.6s; }
.more6:hover { border-radius: 35px; transition: 0.6s; display: block; box-sizing: border-box; width: 234px; height: 34px; line-height: 34px; text-align: center; color: #fff; border: 1px solid #0265C8; background: #0265C8; text-align: left; line-height: 32px; border-radius: 0; }
.more6:hover i { margin: 0; }
@media only screen and (max-width: 1199px) { .more6 { width: inherit; text-align: center; }
    .more6 i { display: none; } }

.pub_footer { border-top: 4px solid #0265C8; }
.pub_footer .bdsharebuttonbox { text-align: left; font-size: 14px; color: #9e9e9e; line-height: 180%; display: block; display: flex; align-items: center; justify-content: space-between; width: 230px; }
.pub_footer .bdsharebuttonbox span { display: inline-block; }
.pub_footer .bdsharebuttonbox a { width: 40px; height: 40px; display: inline-block; background-image: none !important; float: inherit !important; line-height: 40px !important; height: 40px !important; padding-left: 0 !important; }
.pub_footer .bdsharebuttonbox a:nth-of-type(1) { background: url(../images/share_ico1.png) no-repeat !important; }
.pub_footer .bdsharebuttonbox a:nth-of-type(2) { background: url(../images/share_ico2.png) no-repeat !important; }
.pub_footer .bdsharebuttonbox a:nth-of-type(3) { background: url(../images/share_ico3.png) no-repeat !important; }
.pub_footer .f_main { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D2D2D2; padding: 20px 6%; }
.pub_footer .f_main .f_logo img { width: 100%; }
.pub_footer .f_main .f_content p { text-align: left; font-size: 14px; color: #424242; line-height: 180%; display: block; }
.pub_footer .f_main .f_share p { text-align: left; font-size: 14px; color: #BBB9B9; line-height: 180%; display: block; }
.pub_footer .f_main .f_qrc div { width: 136px; height: 136px; border: 1px solid #2172C7; margin: 0 auto; }
.pub_footer .f_main .f_qrc div img { width: 100%; height: 100%; object-fit: contain; transition: 0.6s; padding: 3%; }
.pub_footer .f_main .f_qrc p { text-align: center; font-size: 14px; color: #6b6b6b; line-height: 180%; display: block; }
.pub_footer .f_main:after { display: block; clear: both; content: ""; visibility: hidden; }
.pub_footer .f_bottom { border-top: 1px solid #D2D2D2; padding: 10px 0; }
.pub_footer .f_bottom img{ margin:0 auto; }
.pub_footer .f_bottom p { text-align: center; font-size: 14px; color: #a1a1a1; line-height: 180%; display: block; }
.pub_footer .f_bottom p a { color: #a1a1a1; transition: 0.6s; }
.pub_footer .f_bottom p a:hover { color: #0265C8; }
.pub_footer .f_bottom p span { display: inline-block; margin-left: 60px; }
@media only screen and (min-width: 1200px) and (max-width: 1920px) { .pub_footer .f_nav { text-align: center; margin-bottom: 20px; }
    .pub_footer .f_nav li { display: inline-block; padding: 2px 20px; border-right: 1px solid #E5E5E5; }
    .pub_footer .f_nav li a { transition: 0.6s; text-align: center; font-size: 14px; color: #808080; line-height: 180%; display: block; }
    .pub_footer .f_nav li a:hover { color: #0265C8; }
    .pub_footer .f_nav li:last-child { border-right: none; } }
@media only screen and (max-width: 1199px) { .pub_footer > div { margin: 0 2%; }
    .pub_footer .f_main { border-bottom: 0; }
    .pub_footer .f_nav li { width: 25%; min-width: 80px; float: left; padding: 0 4px !important; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
    .pub_footer .f_nav li a { text-align: center; font-size: 0.7rem; color: #808080; line-height: 180%; display: block; }
    .pub_footer .f_nav:after { display: block; clear: both; content: ""; visibility: hidden; }
    .pub_footer .f_bottom { padding: 0; }
    .pub_footer .f_bottom p { font-size: 0.7rem; padding: 0 2%; }
    .pub_footer .f_bottom p span { display: block; margin: 0 auto; margin-left: 0; } }
@media only screen and (max-width: 640px) { .pub_footer { border-bottom: none !important; }
    .pub_footer .f_main { display: block; padding: 20px 6% 0 6%; }
    .pub_footer .f_main .f_logo { max-width: 200px; margin: 0 auto; }
    .pub_footer .f_main .f_content { padding: 10px 0; }
    .pub_footer .f_main .f_content p { text-align: center; margin: 0 0 4px 0; }
    .pub_footer .f_main .f_share { display: none; } }

.pub_sub_nav { text-align: center; }
@media only screen and (min-width: 1200px) and (max-width: 1920px) { .pub_sub_nav { width: 1200px; margin: 40px auto 40px auto; }
    .pub_sub_nav li { float: left; width: 277.5px; height: 52px; border: 1px solid #0265C8; color: #bdbdbd; background: #fff; line-height: 50px; margin: 30px 30px 0 0; box-sizing: border-box; }
    .pub_sub_nav li:nth-of-type(4n) { margin-right: 0; }
    .pub_sub_nav li:nth-child(-n + 4) { margin-top: 0; }
    .pub_sub_nav li a { transition: 0.6s; padding: 0 10px; display: block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: transparent; }
    .pub_sub_nav li a:hover { color: #fff; background: #0265C8; }
    .pub_sub_nav .active { background: #0265C8; border: 1px solid #0265C8; }
    .pub_sub_nav .active a { color: #fff; }
    .pub_sub_nav:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (max-width: 1199px) { .pub_sub_nav { margin: 40px 0 20px 0; }
    .pub_sub_nav li { margin-bottom: 20px; border-radius: 10px; display: inline-block; padding: 0 10px; margin-right: 10px; height: 40px; line-height: 40px; border: 1px solid #0265C8; } }

.pub_tit { text-align: center; font-size: 36px; color: #0265c8; line-height: 180%; display: block; position: relative; }
.pub_tit:after { position: absolute; content: ""; width: 36px; height: 1px; background: #FF0000; bottom: -10px; left: 50%; margin-left: -18px; }
@media only screen and (max-width: 1199px) { .pub_tit { font-size: 1.4rem; } }

.pub_pg { text-align: center; padding: 80px 0 40px 0; }
.pub_pg a {margin-bottom:10px; color: #6c6c6c; background: #fff; padding: 0 14px; border-radius: 4px; border: 1px solid #ccc; margin-right: 6px; box-sizing: border-box; display: inline-block; height: 36px; line-height: 36px; }
.pub_pg a:last-child { margin-right: 0; }
.pub_pg a:hover { background: #0265C8; color: #fff; }
.pub_pg a:hover i { color: #fff; }
.pub_pg span { 
    display: inline-block;  padding: 0 14px; height: 36px; line-height: 36px; border-radius: 4px; 

}
.pub_pg .pub_pg_ell { padding: 0; border-radius: 4px; padding: 0 11px; border: 1px solid #ccc; background: #fff; }
.pub_pg .pub_pg_prev, .pub_pg .pub_pg_next, .pub_pg .pub_pg_default { transition: 0.6s; }

.pub_pg li{
   display: inline-block;
}

.pub_pg .pub_pg_prev i, .pub_pg .pub_pg_next i, .pub_pg .pub_pg_default i { line-height: 34px !important; display: block; }
.pub_pg .active { background: #0265C8; color: #fff; }
@media only screen and (max-width: 1199px) { .pub_pg { padding: 4% 0; }
    .pub_pg a:first-child { display: none; }
    .pub_pg a:last-child { display: none; } }
@media only screen and (max-width: 400px) { .pub_pg .pub_pg_default, .pub_pg .pub_pg_ell { display: none; } }

.pub_location { height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; text-align: right; }
.pub_location section { width: 1200px; margin: 0 auto; }
.pub_location section ul { float: left; height: 50px; }
.pub_location section ul .active { background: #0265C8; }
.pub_location section ul .active a { color: #fff; display: block; }
.pub_location section ul .active:after { display: none; }
.pub_location section ul li { float: left; padding: 0 28px; height: 50px; position: relative; }
.pub_location section ul li:last-child:after { display: none; }
.pub_location section ul li:after { position: absolute; content: ""; width: 1px; height: 20px; background: #ccc; top: 16px; right: -1px; }
.pub_location section span { text-align: left; font-size: 14px; color: #929191; line-height: 180%; display: inline-block; }
.pub_location section span:nth-of-type(1) { position: relative; text-indent: 26px; background: url("../images/location_ico.png") no-repeat center left; }
.pub_location section a { color: #929191; transition: 0.6s; }
.pub_location section a:hover { color: #0265C8; }
@media only screen and (max-width: 1199px) { .pub_location { border-bottom: 0; height: auto; }
    .pub_location section { width: 100%; }
    .pub_location section ul { height: auto; float: none; text-align: center; padding: 30px 0 0 0; }
    .pub_location section ul li { float: none; display: inline-block; padding: 0 10px; border-radius: 10px; height: 40px; line-height: 40px; border: 1px solid #0265C8; }
    .pub_location section ul li:after { display: none; }
    .pub_location section > div { display: none; } }

.join_pn3_container { padding: 40px 0 0 0; z-index: 0 !important; }
.join_pn3_container ul li { box-sizing: border-box; padding: 10px; }
.join_pn3_container ul li figure > div { position: relative; padding: 34% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.join_pn3_container ul li figure > div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.join_pn3_container ul li figure figcaption { text-align: center; font-size: 18px; color: #b59f66; line-height: 180%; display: block; }
.join_pn3_container .join_pn3_pagination { bottom: auto !important; top: 0 !important; text-align: left; padding: 0 0 0 10px; }
.join_pn3_container .swiper-container { padding: 0 0 15% 0; }

.ind_pn1 { padding-top: 2%; padding-bottom: 2%; }
.ind_pn1 > p { text-align: center; font-size: 14px; color: #9f9f9f; line-height: 180%; display: block; max-width: 1040px; margin: 20px auto 40px auto; }
.ind_pn1 figure { margin: 20px auto 40px auto; max-width: 1340px; }
.ind_pn1 figure > div { position: relative; float: left; position: relative; width: 40%; display: block; width: 703px; height: 520px; box-sizing: border-box; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.4); }
.ind_pn1 figure > div > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.ind_pn1 figure > div:before { position: absolute; content: ""; width: 6%; height: 84%; background: #0265C8; top: 8%; left: -6%; }
.ind_pn1 figure figcaption { width: 60%; float: left; padding: 0 0 0 4%; max-width: 520px; }
.ind_pn1 figure figcaption ul { margin-bottom: 85px; }
.ind_pn1 figure figcaption ul li { display: block; margin-bottom: 34px; }
.ind_pn1 figure figcaption ul li a { display: block; display: flex; align-items: center; justify-content: space-between; }
.ind_pn1 figure figcaption ul li a div { position: relative; width: 87px; height: 87px; box-sizing: border-box; border-radius: 50%; border: 2px solid #0265C8; transition: 0.6s; }
.ind_pn1 figure figcaption ul li a div i { width: 50px; height: 50px; display: block; margin: 17px auto; transition: transform 0.6s; }
.ind_pn1 figure figcaption ul li a summary { width: 74%; }
.ind_pn1 figure figcaption ul li a summary h4 { text-align: left; font-size: 18px; color: #434343; line-height: 180%; display: block; transition: 0.6s; }
.ind_pn1 figure figcaption ul li a summary p { text-align: left; font-size: 14px; color: #8a8a8a; line-height: 180%; display: block; transition: 0.6s; }
.ind_pn1 figure figcaption ul li:hover a summary h4 { color: #0265C8; }
.ind_pn1 figure figcaption ul li:hover a summary p { color: #0265C8; }
.ind_pn1 figure figcaption ul li:hover a div { background: #0265C8; }
.ind_pn1 figure figcaption ul li:hover a div i { background-position: top !important; transform: rotateY(360deg); }
.ind_pn1 figure figcaption ul li:last-child { margin-bottom: 0; }
.ind_pn1 figure figcaption ul li:nth-of-type(1) a div i { background: url("../images/ind_pn1_ico1.png") no-repeat; background-position: bottom; }
.ind_pn1 figure figcaption ul li:nth-of-type(2) a div i { background: url("../images/ind_pn1_ico2.png") no-repeat; background-position: bottom; }
.ind_pn1 figure figcaption ul li:nth-of-type(3) a div i { background: url("../images/ind_pn1_ico3.png") no-repeat; background-position: bottom; }
.ind_pn1 figure:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (max-width: 1199px) { .ind_pn1 { padding-left: 6% !important; padding-right: 6% !important; padding-top: 6% !important; }
    .ind_pn1 > p { width: auto; margin: 0 auto 20px auto; }
    .ind_pn1 figure { margin: 20px 0 0 0; max-width: 500px; margin: 0 auto; }
    .ind_pn1 figure > div { width: 100%; padding: 37% 0 !important; height: auto !important; }
    .ind_pn1 figure figcaption { width: 100%; padding: 6% 0 0 0 !important; }
    .ind_pn1 figure figcaption ul { margin-bottom: 6%; }
    .ind_pn1 figure figcaption ul li { margin-bottom: 10px; }
    .ind_pn1 figure figcaption a { dispaly: block; }
    .ind_pn1 figure figcaption a summary { margin-right: 0 !important; margin-left: 13%; }
    .ind_pn1 figure figcaption a summary p { margin-bottom: 0; }
    .ind_pn1 figure figcaption a summary h4 { margin-top: 0; } 
}

.ind_pn2 { overflow: hidden; padding: 2% 0; background: url("../images/ind_pn2_bg.jpg") no-repeat; background-size: 100%; }
.ind_pn2 .row div { position: relative; }
.ind_pn2 .row div p { text-align: center; font-size: 18px; color: #ffffff; line-height: 180%; display: block; margin-bottom: 0; }
.ind_pn2 .row div p strong { font-size: 36px; }
.ind_pn2 .row div:after { position: absolute; content: ""; width: 33%; height: 1px; background: #ccc; top: 46%; left: 50%; margin-left: 34%; }
.ind_pn2 .row div:last-child:after { display: none; }
@media only screen and (max-width: 1199px) { .ind_pn2 { display: none; } }

.ind_pn3 { padding-top: 2%; padding-bottom: 2%; }
.ind_pn3 section { margin-top: 40px; }
.ind_pn3 section .ind_pn3_left { width: 46%; float: left; }
.ind_pn3 section .ind_pn3_left .ind_pn3_pn1 { position: relative; }
.ind_pn3 section .ind_pn3_left .ind_pn3_pn1 div { position: relative; padding: 48% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn3 section .ind_pn3_left .ind_pn3_pn1 div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border: 2px solid transparent; transition: 0.6s; }
.ind_pn3 section .ind_pn3_left .ind_pn3_pn1 figcaption { position: absolute; top: 30%; left: 50%; }
.ind_pn3 section .ind_pn3_left .ind_pn3_pn1 figcaption h4 { text-align: center; font-size: 36px; color: #0265c8; line-height: 180%; display: block; }
.ind_pn3 section .ind_pn3_left .ind_pn3_pn1 figcaption em { text-align: center; font-size: 24px; color: #ababab; line-height: 180%; display: block; }
.ind_pn3 section .ind_pn3_left .ind_pn3_pn1 div:hover img { border: 2px solid #0265C8; }
.ind_pn3 section .ind_pn3_right { float: left; padding: 0 0 0 2%; width: 52%; box-sizing: content-box; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn2 { float: left; width: 49%; margin: 0 2% 0 0; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn2 div { position: relative; padding: 40% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn2 div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border: 2px solid transparent; transition: 0.6s; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn2 div:hover img { border: 2px solid #0265C8; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn3 { position: relative; float: left; width: 49%; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn3 div { position: relative; padding: 40% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn3 div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border: 2px solid transparent; transition: 0.6s; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn3 figcaption { position: absolute; text-align: center; width: 180px; left: 50%; margin-left: -90px; top: 30%; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn3 figcaption h4 { text-align: center; font-size: 30px; color: #fefefe; line-height: 180%; display: block; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn3 figcaption a { padding: 10%; background: url("../images/more_ico1.png") no-repeat; background-size: 100%; display: inline-block; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn3 div:hover img { border: 2px solid #0265C8; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn4 { float: left; width: 100%; padding: 2% 0 0 0; position: relative; border: 2px solid transparent; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn4 div { position: relative; padding: 21.8% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn4 div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border: 2px solid transparent; transition: 0.6s; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn4 figcaption { position: absolute; text-align: center; width: 180px; left: 50%; margin-left: -16px; top: 67%; }
.ind_pn3 section .ind_pn3_right .ind_pn3_pn4 div:hover img { border: 2px solid #0265C8; }
.ind_pn3 section:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (max-width: 640px) { .ind_pn3 { padding-bottom: 6%; padding-top: 6%; }
    .ind_pn3 .tit2 { margin: 0 0 20px 0; }
    .ind_pn3 .ind_pn3_left { width: 100% !important; float: none !important; }
    .ind_pn3 .ind_pn3_left .ind_pn3_pn1 div { padding: 42% 0 !important; }
    .ind_pn3 .ind_pn3_right { width: 100% !important; padding: 2% 0 0 0 !important; } 
}

@media only screen and (min-width: 1200px) and (max-width: 1920px) { .ind_pn4 { background: url("../images/ind_pn4_bg1.jpg") no-repeat; background-size: auto 100%; padding-top: 4%; padding-bottom: 4%; }
    .ind_pn4 section { background: url("../images/ind_pn4_bg2.png") no-repeat; background-size: 100%; position: relative; padding: 25.3% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
    .ind_pn4 section > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
    .ind_pn4 section > div .tit3 { padding: 2% 0 0 0; }
    .ind_pn4 section > div ul:nth-of-type(1) { width: 27%; margin: 0 0 0 20%; }
    .ind_pn4 section > div ul:nth-of-type(1) li { float: left; text-align: center; font-size: 14px; color: #000000; line-height: 180%; display: block; margin: 3% 8% 0 0; width: 46%; background: url("../images/ind_pn4_li_bg.png") no-repeat; background-size: 100%; }
    .ind_pn4 section > div ul:nth-of-type(1) li summary { position: relative; padding: 29% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; text-align: left; }
    .ind_pn4 section > div ul:nth-of-type(1) li summary p { position: absolute; padding: 0 4px; font-weight: bold; text-align: center; width: 100%; }
    .ind_pn4 section > div ul:nth-of-type(1) li:nth-of-type(2n) { margin-right: 0; }
    .ind_pn4 section > div ul:nth-of-type(1):after { display: block; clear: both; content: ""; visibility: hidden; }
    .ind_pn4 section > div ul:nth-of-type(2) { width: 96%; margin: 0 auto; position: absolute; bottom: 3.5%; left: 2%; }
    .ind_pn4 section > div ul:nth-of-type(2) li { float: left; width: 19%; margin-right: 1.25%; }
    .ind_pn4 section > div ul:nth-of-type(2) li figure div { position: relative; padding: 25% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
    .ind_pn4 section > div ul:nth-of-type(2) li figure div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
    .ind_pn4 section > div ul:nth-of-type(2) li:last-child { margin-right: 0; }
    .ind_pn4 section > div ul:nth-of-type(2):after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (max-width: 1199px) { .ind_pn4 { background: url("../images/ind_pn4_bg1.jpg") no-repeat; padding: 6% 6% !important; background-size: auto 100%; }
    .ind_pn4 .tit3 { margin-bottom: 8%; }
    .ind_pn4 .tit3 h4 { line-height: 100%; }
    .ind_pn4 section { background: none; }
    .ind_pn4 section > div { padding: 20px 10px; position: inherit; }
    .ind_pn4 section > div ul:nth-of-type(1) { width: 80%; margin: 0 auto; }
    .ind_pn4 section > div ul:nth-of-type(1) li { float: left; text-align: center; font-size: 14px; color: #000000; line-height: 180%; display: block; background: url("../images/ind_pn4_li_bg.png") no-repeat; background-size: 100%; }
    .ind_pn4 section > div ul:nth-of-type(1) li summary { position: relative; padding: 29% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; text-align: left; }
    .ind_pn4 section > div ul:nth-of-type(1) li summary p { position: absolute; padding: 0 3px 6px 3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 50.4px; }
    .ind_pn4 section > div ul:nth-of-type(1):after { display: block; clear: both; content: ""; visibility: hidden; }
    .ind_pn4 section > div ul:nth-of-type(2) { width: 96%; margin: 3% auto 0 auto; }
    .ind_pn4 section > div ul:nth-of-type(2) li { float: left; width: 24%; margin-right: 1.3%; }
    .ind_pn4 section > div ul:nth-of-type(2) li figure div { position: relative; padding: 25% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
    .ind_pn4 section > div ul:nth-of-type(2) li figure div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
    .ind_pn4 section > div ul:nth-of-type(2) li:last-child { display: none; }
    .ind_pn4 section > div ul:nth-of-type(2) li:nth-of-type(4) { margin-right: 0; }
    .ind_pn4 section > div ul:nth-of-type(2):after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 641px) and (max-width: 1199px) { .ind_pn4 ul:nth-of-type(1) li { margin: 8% 5% 0 0; width: 30%; }
    .ind_pn4 ul:nth-of-type(1) li:nth-of-type(3n) { margin-right: 0; }
    .ind_pn4 ul:nth-of-type(1) li:nth-child(-n+3) { margin-top: 0; } }
@media only screen and (max-width: 640px) { .ind_pn4 section div ul:nth-of-type(1) { width: 80%; margin: 0 auto; }
    .ind_pn4 section div ul:nth-of-type(1) li { margin: 4% 4% 0 0; width: 48%; }
    .ind_pn4 section div ul:nth-of-type(1) li:nth-of-type(2n) { margin-right: 0; }
    .ind_pn4 section div ul:nth-of-type(1) li:nth-child(-n+2) { margin-top: 0; }
    .ind_pn4 section div ul:nth-of-type(2) { width: 96%; margin: 6% auto 0 auto; }
    .ind_pn4 section div ul:nth-of-type(2) li { width: 48%; margin: 4% 4% 0 0; }
    .ind_pn4 section div ul:nth-of-type(2) li:last-child { margin-right: 0; }
    .ind_pn4 section div ul:nth-of-type(2) li:nth-of-type(2n) { margin-right: 0; }
    .ind_pn4 section div ul:nth-of-type(2) li:nth-child(-n+2) { margin-top: 0; }
    .ind_pn4 section div ul:nth-of-type(2):after { display: block; clear: both; content: ""; visibility: hidden; } }

.ind_pn5 { padding-top: 2%; padding-bottom: 2%; }
.ind_pn5 .tit2 em { letter-spacing: 0; }
.ind_pn5 ul { padding: 30px 0 60px 0; }
.ind_pn5 ul li { padding: 10px; }
.ind_pn5 ul li figure { box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2); }
.ind_pn5 ul li figure > div { position: relative; padding: 30% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn5 ul li figure > div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.ind_pn5 ul li figure figcaption { padding: 2%; transition: 0.6s; position: relative; }
.ind_pn5 ul li figure figcaption h5 { text-align: left; font-size: 16px; color: #434343; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.6s; }
.ind_pn5 ul li figure figcaption p { text-align: left; font-size: 14px; color: #a3a3a3; line-height: 180%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 50px; transition: 0.6s; }
.ind_pn5 ul li figure figcaption .more5 { transition: 0.6s; }
.ind_pn5 ul li figure figcaption:after { opacity: 0; position: absolute; content: ""; width: 90%; height: 25px; background: url("../images/ind_pn5_shadow.png") no-repeat; bottom: -40px; left: 5%; background-size: 100%; transition: 0.6s; }
.ind_pn5 ul li:hover figure figcaption { background: #0265C8; }
.ind_pn5 ul li:hover figure figcaption h5 { color: #fff; }
.ind_pn5 ul li:hover figure figcaption time { color: #fff; }
.ind_pn5 ul li:hover figure figcaption p { color: #fff; }
.ind_pn5 ul li:hover figure figcaption .more5 { color: #fff; }
.ind_pn5 ul li:hover figure figcaption .more5 i { background: #fff; }
.ind_pn5 ul li:hover figure figcaption:after { opacity: 1; }
.ind_pn5 .swiper-pagination-bullet-active { background: #025EBF !important; }
.ind_pn5 .swiper-pagination-bullet { width: 15px !important; height: 15px !important; }
.ind_pn5 .swiper-pagination { bottom: 0 !important; }
@media only screen and (max-width: 1199px) { .ind_pn5 { padding-top: 6%; padding-bottom: 6%; }
    .ind_pn5 ul { padding-top: 10px; padding-bottom: 40px; } }

.ind_pn6 { padding-top: 2%; padding-bottom: 2%; background: #F8F8F8 url("../images/ind_pn6_bg.png"); }
.ind_pn6 ul { margin-top: 40px; }
.ind_pn6 ul li { width: 10%; margin-right: 8%; margin-top: 4%; float: left; }
.ind_pn6 ul li div { position: relative; padding: 35% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn6 ul li div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; filter: grayscale(100%); transition: 0.6s; }
.ind_pn6 ul li:nth-child(-n+6) { margin-top: 0; }
.ind_pn6 ul li:nth-of-type(6n) { margin-right: 0; }
.ind_pn6 ul li:hover div img { filter: grayscale(0); }
.ind_pn6 ul:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (max-width: 1199px) { .ind_pn6 { padding-top: 6%; padding-bottom: 6%; }
    .ind_pn6 ul li { width: 30%; margin-right: 5%; }
    .ind_pn6 ul li:nth-of-type(3n) { margin-right: 0; } }

aside { width: 50px; position: fixed; right: 3%; top: 50%; z-index: 1; margin-top: -132px; }
aside ul li { margin-bottom: 4px; line-height: 57px; border-radius: 14px; transition: 0.6s; position: relative; text-align: center; background: #EEEEEE; width: 47px; height: 47px; border: 1px solid #E8E8E8; }
aside ul li i { color: #BDBCBC; }
aside ul li a { display: block; }
aside ul li .aside_type1 { transition: 0.6s; width: 92px; height: 92px; background: url(../images/f_qrc.jpg); background-size: 100% 100%; transform: scale(0); position: absolute; left: -100px; top: -20px; }
aside ul li .aside_type2 { opacity: 0; border-radius: 14px; transition: 0.6s; position: absolute; color: #707070; height: 46px; line-height: 46px; padding: 0 10px; width: max-content; top: 0; right: 0; background: #fff; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2); }
aside ul li .aside_type3 { z-index: -1; border-top-left-radius: 4px; border-bottom-left-radius: 4px; transition: 0.6s; position: absolute; color: #707070; line-height: 47px; top: 0; left: 50px; background: #C6AA7A; width: 160px; height: 260px; padding: 20px 0 0 28px; box-sizing: border-box; }
aside ul li .aside_type3 span { height: 35px; line-height: 35px; text-indent: 20px; width: 110px; background: #00AEF3 url(../images/qq_ico.png) no-repeat 22px 9px; border-radius: 6px; margin-bottom: 10px; display: block; }
aside ul li .aside_type3 a:hover { color: #DDD; }
aside ul li:hover { background: #0265C7; border: 1px solid #0265C7; }
aside ul li:hover i { color: #fff; }
aside ul li:hover .aside_type1 { transform: scale(1); }
aside ul li:hover .aside_type2 { opacity: 1; right: 54px; }
aside ul li:hover .aside_type3 { opacity: 1; left: -160px; }
aside ul li .go_top { cursor: pointer; }
aside ul li .icon { display: block; margin: 0 auto; width: 46px; height: 46px; overflow: hidden; }
aside ul li .icon i { box-sizing: content-box; margin: 0 auto; filter: drop-shadow(46px 0px #fff); -webkit-filter: drop-shadow(46px 0px #fff); display: inline-block; width: 46px; height: 46px; position: relative; left: 0; border-right: 46px solid transparent; }
aside ul li:hover .icon i { left: -46px; }
aside ul li:nth-of-type(1) .icon i { background: url(../images/aside_ico1.png) no-repeat center center; }
aside ul li:nth-of-type(2) .icon i { background: url(../images/aside_ico2.png) no-repeat center center; }
aside ul li:nth-of-type(3) .icon i { background: url(../images/aside_ico3.png) no-repeat center center; }
aside ul li:nth-of-type(4) .icon i { background: url(../images/aside_ico4.png) no-repeat center center; }
aside ul li:last-child .icon i { background: url(../images/aside_ico5.png) no-repeat center center; }
aside ul li:last-child { background: #D7D7D7; }
aside ul li:last-child:hover { background: #D7D7D7 !important; }
aside ul li:last-child .icon i { filter: drop-shadow(46px 0px #666) !important; }
@media only screen and (max-width: 992px) { aside { display: none !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1920px) { .item_ul_type2 { width: 100%; width: 1200px; margin: 0 auto; }
    .item_ul_type2 > li { width: 23.5%; margin: 2% 2% 0 0; float: left; position: relative; }
    .item_ul_type2 > li > a { display: block; width: 100%; height: 100%; border: 1px solid #ccc; }
    .item_ul_type2 > li > a figure > div { position: relative; padding: 40% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; }
    .item_ul_type2 > li > a figure > div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 2s; }
    .item_ul_type2 > li > a figure figcaption > p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding: 12px 0; text-align: center; font-size: 14px; color: #797979; line-height: 180%; display: block; transition: 0.6s; }
    .item_ul_type2 > li > a:hover { border: 1px solid #0265C8; }
    .item_ul_type2 > li > a:hover figure div img { transform: scale(1.1); }
    .item_ul_type2 > li > a:hover figure figcaption { background: #0265C8; }
    .item_ul_type2 > li > a:hover figure figcaption p { color: #fff; }
    .item_ul_type2 > li:nth-of-type(4n) { margin-right: 0; }
    .item_ul_type2 > li:nth-child(-n+4) { margin-top: 0; }
    .item_ul_type2:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 641px) and (max-width: 1199px) { .item_ul_type2 { padding: 0 2%; width: 100%; width: 100%; margin: 0 auto; }
    .item_ul_type2 > li { width: 23.5%; margin: 2% 2% 0 0; float: left; position: relative; }
    .item_ul_type2 > li > a { display: block; width: 100%; height: 100%; border: 1px solid #ccc; }
    .item_ul_type2 > li > a figure > div { position: relative; padding: 40% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; }
    .item_ul_type2 > li > a figure > div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 2s; }
    .item_ul_type2 > li > a figure figcaption > p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding: 12px 0; text-align: center; font-size: 14px; color: #797979; line-height: 180%; display: block; transition: 0.6s; }
    .item_ul_type2 > li > a:hover { border: 1px solid #0265C8; }
    .item_ul_type2 > li > a:hover figure div img { transform: scale(1.1); }
    .item_ul_type2 > li > a:hover figure figcaption { background: #0265C8; }
    .item_ul_type2 > li > a:hover figure figcaption p { color: #fff; }
    .item_ul_type2 > li:nth-of-type(4n) { margin-right: 0; }
    .item_ul_type2 > li:nth-child(-n+4) { margin-top: 0; }
    .item_ul_type2:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (max-width: 640px) { .item_ul_type2 { padding: 0 2%; width: 100%; width: 100%; margin: 0 auto; }
    .item_ul_type2 > li { width: 49%; margin: 2% 2% 0 0; float: left; position: relative; }
    .item_ul_type2 > li > a { display: block; width: 100%; height: 100%; border: 1px solid #ccc; }
    .item_ul_type2 > li > a figure > div { position: relative; padding: 40% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; }
    .item_ul_type2 > li > a figure > div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 2s; }
    .item_ul_type2 > li > a figure figcaption > p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding: 12px 0; text-align: center; font-size: 14px; color: #797979; line-height: 180%; display: block; transition: 0.6s; }
    .item_ul_type2 > li > a:hover { border: 1px solid #0265C8; }
    .item_ul_type2 > li > a:hover figure div img { transform: scale(1.1); }
    .item_ul_type2 > li > a:hover figure figcaption { background: #0265C8; }
    .item_ul_type2 > li > a:hover figure figcaption p { color: #fff; }
    .item_ul_type2 > li:nth-of-type(2n) { margin-right: 0; }
    .item_ul_type2 > li:nth-child(-n+2) { margin-top: 0; }
    .item_ul_type2:after { display: block; clear: both; content: ""; visibility: hidden; } }

.pro_view { border-top: 1px solid #ccc; padding: 60px 0 0 0; }
.pro_view .pro_view_pn1 { padding: 0 0 30px 0; }
.pro_view .pro_view_pn1 .pro_view_bpic { width: 46%; float: left; }
.pro_view .pro_view_pn1 .pro_view_bpic .gallery-top { width: 100%; border: 1px solid #ccc; }
.pro_view .pro_view_pn1 .pro_view_bpic .gallery-top .swiper-wrapper .swiper-slide { position: relative; padding: 43% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.pro_view .pro_view_pn1 .pro_view_bpic .gallery-top .swiper-wrapper .swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.pro_view .pro_view_pn1 .pro_view_bpic .gallery-thumbs { box-sizing: border-box; margin: 10px 0; }
.pro_view .pro_view_pn1 .pro_view_bpic .gallery-thumbs .swiper-wrapper .swiper-slide { cursor: pointer; height: 100%; opacity: 0.4; position: relative; padding: 6.1% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; width: 20%; }
.pro_view .pro_view_pn1 .pro_view_bpic .gallery-thumbs .swiper-wrapper .swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border: 1px solid #E5E5E5; }
.pro_view .pro_view_pn1 .pro_view_bpic .gallery-thumbs .swiper-slide-active { opacity: 1 !important; }
.pro_view .pro_view_pn1 .pro_view_bpic .gallery-thumbs .swiper-button-next { top: 0 !important; right: 0 !important; margin-top: 0 !important; width: 18px !important; height: 100% !important; background: url("../images/next1.jpg") no-repeat !important; background-size: 100% 100% !important; }
.pro_view .pro_view_pn1 .pro_view_bpic .gallery-thumbs .swiper-button-prev { top: 0 !important; left: 0 !important; margin-top: 0 !important; width: 18px !important; height: 100% !important; background: url("../images/prev1.jpg") no-repeat !important; background-size: 100% 100% !important; }
.pro_view .pro_view_pn1 .pro_view_summary { float: left; width: 54%; padding: 0 0 0 4%; }
.pro_view .pro_view_pn1 .pro_view_summary h1 { margin: 0; }
.pro_view .pro_view_pn1 .pro_view_summary summary { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 24px 0; padding: 34px 0; }
.pro_view .pro_view_pn1 .pro_view_summary summary .word_content { text-align: left; font-size: 14px; color: #474747; line-height: 180%; display: block; margin-top: -70px; min-height: 60px;}
.pro_view .pro_view_pn1 .pro_view_summary summary .diy_btn { margin-top: 20px; width: 136px; height: 32px; background: #0265C8; text-align: center; color: #fffefe; line-height: 32px; font-size: 14px; }
@media only screen and (max-width: 1199px) { .pro_view { padding: 0 2% 0 2%; border-top: none; }
    .pro_view .pub_sub_nav { margin-bottom: 0; }
    .pro_view .pro_view_bpic { width: 100% !important; max-width: 600px; float: none !important; margin: 0 auto; }
    .pro_view .pro_view_summary { width: 100% !important; padding: 8% 0 0 0 !important; float: none !important; }
    .pro_view .pro_view_summary h1 { font-size: 1.4rem; }
    .pro_view .pro_view_summary summary { padding: 0 0 34px 0 !important; margin: 3% 0 !important; }
    .pro_view .pro_view_pn2 { padding: 2% 0 6% 0; } }

.pro_view_pn2 { background: #F5F5F5; padding: 28px 0 58px 0; }
.pro_view_pn2 h5 { text-align: left; font-size: 24px; color: #0265c8; line-height: 180%; display: block; }

.pro_view_recommend { padding-top: 58px; padding-bottom: 40px; }
.pro_view_recommend h5 { text-align: left; font-size: 30px; color: #0265c8; line-height: 100%; display: block; margin: 0; }
.pro_view_recommend h5 em { font-size: 18px; color: #9c9c9c; display: inline-block; margin-left: 4px; }
.pro_view_recommend .swiper-container { width: 1200px; margin: 0 auto; padding: 60px 0 0 0; }
.pro_view_recommend .swiper-container ul { width: 100%; width: 1200px; margin: 0 auto; padding: 0 0 50px 0; }
.pro_view_recommend .swiper-container ul > li { width: 23.5%; float: left; position: relative; }
.pro_view_recommend .swiper-container ul > li > a { display: block; width: 100%; height: 100%; border: 1px solid #ccc; }
.pro_view_recommend .swiper-container ul > li > a figure > div { position: relative; padding: 40% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; }
.pro_view_recommend .swiper-container ul > li > a figure > div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 2s; }
.pro_view_recommend .swiper-container ul > li > a figure figcaption { border-top: 1px solid #ccc; }
.pro_view_recommend .swiper-container ul > li > a figure figcaption > p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding: 12px 0; text-align: center; font-size: 14px; color: #797979; line-height: 180%; display: block; transition: 0.6s; }
.pro_view_recommend .swiper-container ul > li > a:hover { border: 1px solid #0265C8; }
.pro_view_recommend .swiper-container ul > li > a:hover figure div img { transform: scale(1.1); }
.pro_view_recommend .swiper-container ul > li > a:hover figure figcaption { background: #0265C8; }
.pro_view_recommend .swiper-container ul > li > a:hover figure figcaption p { color: #fff; }
.pro_view_recommend .swiper-container ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.pro_view_recommend .swiper-pagination-bullet { width: 29px !important; height: 3px !important; border-radius: 0 !important; }
.pro_view_recommend .swiper-pagination-bullet-active { background: #025EBF !important; }
.pro_view_recommend .swiper-pagination { bottom: 0 !important; }
@media only screen and (max-width: 1199px) { .pro_view_recommend { padding-top: 6%; padding-bottom: 6%; }
    .pro_view_recommend h5 { font-size: 1.4rem; }
    .pro_view_recommend h5 em { font-size: 1rem; margin-left: 0; }
    .pro_view_recommend .swiper-container { width: 100%; padding: 6% 0 0 0; } }

.diy { padding: 50px 0 90px 0; }
.diy .diy_content li { padding: 0 0 9% 0; background: url("../images/diy_shadow.png") no-repeat center bottom; background-size: 100% auto; }
.diy .diy_content li figure { display: flex; }
.diy .diy_content li figure section { width: 50%; }
.diy .diy_content li figure section div { position: relative; padding: 31% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.diy .diy_content li figure section div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.diy .diy_content li figure figcaption { width: 50%; }
.diy .diy_content li figure figcaption h3 { text-align: left; font-size: 36px; color: #232323; line-height: 180%; display: block; line-height: 196%; }
.diy .diy_content li figure figcaption h3 i { display: inline-block; width: 10%; padding: 5% 0; vertical-align: middle; }
.diy .diy_content li figure figcaption p { text-align: left; font-size: 18px; color: #3e3e3e; line-height: 180%; display: block; text-indent: 2em; margin: 56px 0 0 0; }
.diy .diy_content li:after { display: block; clear: both; content: ""; visibility: hidden; }
.diy .diy_content li:nth-of-type(2n+1) section { order: 2; padding: 0 0 0 4%; }
.diy .diy_content li:nth-of-type(2n+1) figcaption { order: 1; padding: 0 2% 0 0; }
.diy .diy_content li:nth-of-type(2n+1) figcaption h3 { border-left: 10px solid #0265C8; }
.diy .diy_content li:nth-of-type(2n) section { order: 1; padding: 0 4% 0 0; }
.diy .diy_content li:nth-of-type(2n) figcaption { order: 2; padding: 0 0 0 2%; }
.diy .diy_content li:nth-of-type(2n) figcaption h3 { border-right: 10px solid #0265C8; text-align: right; padding: 0 20px 0 0; }
.diy .diy_content li:nth-of-type(1) i { background: url("../images/diy_ico1.png") no-repeat center center; background-size: 60%; }
.diy .diy_content li:nth-of-type(2) i { background: url("../images/diy_ico2.png") no-repeat center center; background-size: 60%; }
.diy .diy_content li:nth-of-type(3) i { background: url("../images/diy_ico3.png") no-repeat center center; background-size: 60%; }
.diy .diy_content li:nth-of-type(4) i { background: url("../images/diy_ico4.png") no-repeat center center; background-size: 60%; }
.diy .diy_content:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (max-width: 767px) { .diy { padding: 4% 0 4% 0; }
    .diy .diy_content li figure { display: block; }
    .diy .diy_content li figure section { width: 100%; }
    .diy .diy_content li figure section div { width: 100%; }
    .diy .diy_content li figure figcaption { width: 100%; }
    .diy .diy_content li figure figcaption h3 { font-size: 1.3rem; }
    .diy .diy_content li figure figcaption p { margin-top: 4%; font-size: 0.8rem; }
    .diy .diy_content li:nth-of-type(2n+1) section { order: 1; padding: 0 0 0 4%; }
    .diy .diy_content li:nth-of-type(2n+1) figcaption { order: 2; padding: 0 2% 0 0; }
    .diy .diy_content li:nth-of-type(2n+1) figcaption h3 { border-left: 10px solid #0265C8; }
    .diy .diy_content li:nth-of-type(2n) section { order: 1; padding: 0 4% 0 0; }
    .diy .diy_content li:nth-of-type(2n) figcaption { order: 2; padding: 0 0 0 2%; }
    .diy .diy_content li:nth-of-type(2n) figcaption h3 { border-left: 10px solid #0265C8; border-right: none; text-align: left; padding: 0 20px 0 0; } }

.about_pn1 { background: url("../images/abo_pn1_bg.jpg") no-repeat center bottom; padding: 126px 0 40px 0; background-size: 100% auto; }
.about_pn1 .about_tit { width: 380px; text-align: left; font-size: 36px; color: #3b3b3b; line-height: 100%; display: block; font-weight: bold; padding: 0 0 25px 0; margin: 0 0 0 60px; position: relative; border-bottom: 2px solid #0265C8; }
.about_pn1 .about_tit em { text-align: left; font-size: 126px; color: #FAFAFA; line-height: 180%; display: block; line-height: 100%; width: 660px; position: absolute; right: -775px; top: -36px; }
.about_pn1 .about_tit:before { position: absolute; top: -50px; left: -58px; content: url("../img/abo_tit_left.png"); }
.about_pn1 summary { padding-top: 50px; }
.about_pn1 summary article { width: 100%; float: left; }
.about_pn1 summary article div { position: relative; padding: 24.3% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; width: 40%; float: right; margin: 0 0 3% 3%; border: 1px solid #ccc; }
.about_pn1 summary article div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.about_pn1 summary article p { text-align: left; font-size: 14px; color: #515151; line-height: 180%; display: block; line-height: 200%; text-indent: 2em; margin: 0 0 6px 0; }
.about_pn1 summary:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (min-width: 0) and (max-width: 1199px) { .about_pn1 { padding: 2% 0; }
    .about_pn1 .about_tit { padding: 0 0 2% 0; margin: 0; width: 100%; text-align: center; font-size: 1.4rem; }
    .about_pn1 .about_tit em { position: initial; margin-top: 6px; font-size: 1rem; width: 100%; text-align: center; }
    .about_pn1 .about_tit:before { display: none; }
    .about_pn1 summary { padding-top: 4%; } }
@media only screen and (min-width: 0) and (max-width: 640px) { .about_pn1 summary article div { width: 100%; margin: 0 0 3% 0; padding: 40% 0; } }

.about_pn2 { padding-top: 50px; padding-bottom: 90px; }
.about_pn2 .pub_pg { padding-top: 60px; padding-bottom: 0; }
.about_pn2 #baguetteBox-overlay .full-image figcaption { line-height: 40px; height: 40px; color: #fff; background-color: black; font-size: 18px; }
.about_pn2 .case_ul_type2 { width: 100%; }
.about_pn2 .case_ul_type2 li { width: 23.5%; margin: 2% 2% 0 0; float: left; transition: 0.6s; }
.about_pn2 .case_ul_type2 li a figure > div { overflow: hidden; padding: 35% 0; display: block; position: relative; }
.about_pn2 .case_ul_type2 li a figure > div img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.6s; box-sizing: border-box; border: 1px solid #ccc; }
.about_pn2 .case_ul_type2 li a figure figcaption { font-size: 14px; padding: 6px; transition: 0.6s; width: 100%; text-align: center; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }
.about_pn2 .case_ul_type2 li:hover { box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.4); }
.about_pn2 .case_ul_type2 li:nth-of-type(4n) { margin-right: 0; }
.about_pn2 .case_ul_type2:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (min-width: 0) and (max-width: 1199px) { .about_pn2 { padding-top: 4%; padding-bottom: 6%; padding-left: 2%; padding-right: 2%; }
    .about_pn2 .pub_pg { padding-top: 6%; } }
@media only screen and (min-width: 0) and (max-width: 640px) { .about_pn2 .case_ul_type2 { width: 100%; }
    .about_pn2 .case_ul_type2 li { width: 49%; margin: 2% 2% 0 0; float: left; }
    .about_pn2 .case_ul_type2 li a figure > div { overflow: hidden; padding: 35% 0; display: block; position: relative; }
    .about_pn2 .case_ul_type2 li a figure > div img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.6s; box-sizing: border-box; border: 1px solid #ccc; }
    .about_pn2 .case_ul_type2 li a figure figcaption { font-size: 14px; padding: 6px; transition: 0.6s; width: 100%; text-align: center; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }
    .about_pn2 .case_ul_type2 li:nth-of-type(2n) { margin-right: 0; } }

.about_pn3 { background: url("../images/abo_pn3_bg.jpg") no-repeat; background-size: auto 100%; padding: 100px 0; }
.about_pn3 .pub_pg { padding-top: 55px; padding-bottom: 0; }
.about_pn3 .tit5 h4 { line-height: 100%; }
.about_pn3 .tit5 em { padding: 0 0 10px 0; }
.about_pn3 .case_ul_type3 { width: 100%; }
.about_pn3 .case_ul_type3 li { width: 23.5%; margin: 2% 2% 0 0; float: left; }
.about_pn3 .case_ul_type3 li a figure > div { overflow: hidden; padding: 36% 0; display: block; position: relative; }
.about_pn3 .case_ul_type3 li a figure > div img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: 0.6s; transition: 2s; }
.about_pn3 .case_ul_type3 li a figure figcaption { font-size: 14px; padding: 6px; transition: 0.6s; width: 100%; text-align: center; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }
.about_pn3 .case_ul_type3 li a:hover figcaption { color: #0265C8; }
.about_pn3 .case_ul_type3 li:nth-of-type(4n) { margin-right: 0; }
.about_pn3 .case_ul_type3 li:nth-child(-n+4) a figure div { padding: 66% 0; }
.about_pn3 .case_ul_type3 li:hover a figure div img { box-shadow: 0 6px 20px 0 rgba(255, 255, 255, 0.4); }
.about_pn3 .case_ul_type3:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (min-width: 0) and (max-width: 640px) { .about_pn3 { padding-top: 6%; padding-bottom: 6%; }
    .about_pn3 .center2 { padding-left: 2%; padding-right: 2%; }
    .about_pn3 .pub_pg { padding-top: 6%; }
    .about_pn3 .case_ul_type3 { width: 100%; }
    .about_pn3 .case_ul_type3 li { width: 49%; margin: 2% 2% 0 0; float: left; }
    .about_pn3 .case_ul_type3 li a figure > div { overflow: hidden; padding: 36% 0; display: block; position: relative; }
    .about_pn3 .case_ul_type3 li a figure > div img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.6s; box-sizing: border-box; border: 1px solid #ccc; transition: 2s; }
    .about_pn3 .case_ul_type3 li a figure figcaption { font-size: 14px; padding: 6px; transition: 0.6s; width: 100%; text-align: center; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }
    .about_pn3 .case_ul_type3 li a:hover figcaption { color: #0265C8; }
    .about_pn3 .case_ul_type3 li:nth-of-type(2n) { margin-right: 0; }
    .about_pn3 .case_ul_type3 li:nth-child(-n+4) a figure div { padding: 36% 0; }
    .about_pn3 .case_ul_type3 li:hover a figure div img { transform: scale(1.1); }
    .about_pn3 .case_ul_type3:after { display: block; clear: both; content: ""; visibility: hidden; } }

.news { padding: 20px 0 70px 0; }
.news .tit5 H4 { line-height: 100%; }
.news .pub_pg { padding-bottom: 0; }

.news_ul1 { margin-bottom: 60px; margin-top: 20px; }
.news_ul1 li { box-sizing: border-box; width: 32.667%; float: left; margin: 1% 1% 0 0; position: relative; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2); }
.news_ul1 li figure div { position: relative; padding: 34% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.news_ul1 li figure div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.news_ul1 li figure figcaption { transition: 0.6s; box-sizing: border-box; padding: 10px; width: 100%; overflow: hidden; }
.news_ul1 li figure figcaption h2 { text-align: left; font-size: 16px; color: #4a4a4a; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0; transition: 0.6s; }
.news_ul1 li figure figcaption time { text-align: left; font-size: 12px; color: #434343; line-height: 180%; display: block; margin-bottom: 10px; transition: 0.6s; }
.news_ul1 li:hover figcaption h2, .news_ul1 li:hover figcaption time { color: #0265C8; }
.news_ul1 li:nth-of-type(3n) { margin-right: 0; }
.news_ul1:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (max-width: 1199px) { .news_ul1 { display: none; } }

.news_ul2 li { transition: 0.6s; width: 100%; margin-top: 2%; position: relative; padding: 10px; box-sizing: border-box; }
.news_ul2 li figure { width: 1200px; margin: 0 auto; }
.news_ul2 li figure div { box-sizing: border-box; border: 1px solid #ccc; margin-right: 30px; width: 386px; height: 300px; float: left; }
.news_ul2 li figure div img { width: 100%; height: 100%; object-fit: cover; }
.news_ul2 li figure figcaption { width: 764px; float: left; position: relative; }
.news_ul2 li figure figcaption h3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; font-size: 18px; color: #2f2f2f; line-height: 180%; display: block; transition: 0.6s; }
.news_ul2 li figure figcaption p { text-align: left; font-size: 14px; color: #868686; line-height: 180%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; height: 100px; transition: 0.6s; }
.news_ul2 li figure figcaption time { text-align: left; font-size: 36px; color: #bebebe; line-height: 180%; display: block; transition: 0.6s; }
.news_ul2 li:hover h3, .news_ul2 li:hover time { color: #0265C8; }
.news_ul2 li:hover .news_content:before { position: absolute; content: ""; width: 2px; height: 26px; background: #0265C8; top: 16px; left: -30px; }
.news_ul2 li:hover { box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.4); }
.news_ul2 li:nth-of-type(1) { margin-top: 0; }
.news_ul2 li:after { display: block; clear: both; content: ""; visibility: hidden; }
.news_ul2:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (max-width: 1199px) { .news_ul2 li figure { width: 100%; }
    .news_ul2 li figure time { display: none !important; }
    .news_ul2 li figure div { margin-right: 0; position: relative; padding: 19% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; width: 40%; }
    .news_ul2 li figure div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
    .news_ul2 li figure figcaption { width: 60%; padding: 0 2%; }
    .news_ul2 li figure figcaption h3 { margin: 0; }
    .news_ul2 li figure figcaption p { font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 40px; } }

.contact { margin: 50px 0 30px 0; }
.contact .contact_pn1 { margin-bottom: 50px; }
.contact .contact_pn1 .left { width: 48%; float: left; margin-right: 4%; height: 585px; }
.contact .contact_pn1 .left h4 { margin-bottom: 50px; text-align: left; font-size: 36px; color: #232323; line-height: 180%; display: block; padding: 0 0 0 10px; line-height: 141%; border-left: 10px solid #0265C8; }
.contact .contact_pn1 .left summary { height: 560px; border: 1px solid #ccc; padding: 20px; text-align: left; font-size: 18px; color: #323232; line-height: 180%; display: block; }
.contact .contact_pn1 .left summary img { margin-top: 100px; }
.contact .contact_pn1 .right { width: 48%; float: left; }
.contact .contact_pn1 .right h4 { margin-bottom: 50px; text-align: left; font-size: 36px; color: #232323; line-height: 180%; display: block; padding: 0 0 0 10px; line-height: 141%; border-left: 10px solid #0265C8; }
.contact .contact_pn1 .right .msg_form { background: #EEEEEE; padding: 20px; height: 560px; }
.contact .contact_pn1 .right .msg_form > div > p { text-align: left; font-size: 14px; color: #515151; line-height: 100%; display: block; margin: 20px 0 10px 0; }
.contact .contact_pn1 .right .msg_form > div > p:nth-of-type(1) { margin-top: 0; }
.contact .contact_pn1 .right .msg_form > div > input { height: 48px; line-height: 48px; width: 100%; text-indent: 10px; border: none; }
.contact .contact_pn1 .right .msg_form > div textarea { width: 100%; text-indent: 10px; resize: none; height: 108px; }
.contact .contact_pn2 #map #allmap { width: 100%; height: 565px; }
.contact .ver_code { border-bottom: 1px solid #000; border-bottom: 0 !important; margin-top: 10px; }
.contact .ver_code p { text-align: left; font-size: 14px; color: #515151; line-height: 180%; display: inline-block; }
.contact .ver_code .code-box { vertical-align: bottom; display: inline-block; position: relative; width: 300px; height: 40px; color: #fff; text-shadow: 1px 1px 1px black; background: rgba(0, 0, 0, 0.16); border: 0; border-radius: 5px; outline: none; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06); }
.contact .ver_code .code-box p, .contact .ver_code .code-box span { margin-top: 0 !important; color: #fff !important; display: block; position: absolute; left: 0; height: 40px; text-align: center; line-height: 40px; border-radius: 5px; }
.contact .ver_code .code-box span { width: 40px; font-family: "宋体"; font-size: 16px; cursor: pointer; background: #fff; }
.contact .ver_code .code-box .code-input { display: none; }
.contact .form_btn { padding-top: 12px; }
.contact .form_btn input { width: 100%; height: 40px; margin-right: 10px; transition: 0.6s; }
.contact .form_btn .form_submit { border-radius: 35px; transition: 0.6s; display: block; box-sizing: border-box; width: 100%; height: 48px; line-height: 48px; text-align: center; color: #fff; border: 1px solid #0265C8; background: #0265C8; border-radius: 0; }
.contact .form_btn .form_submit_default { border-radius: 35px; transition: 0.6s; display: block; box-sizing: border-box; width: 100%; height: 48px; line-height: 48px; text-align: center; color: #0265C8; border: 1px solid #0265C8; background: transparent; color: #0265C8; line-height: 46px; border-radius: 0; }
@media only screen and (max-width: 1199px) { .contact { margin: 20px 0; }
    .contact .left { width: 100% !important; margin-bottom: 6%; float: none !important; height: auto !important; }
    .contact .left h4 { padding: 0 0 0 10px !important; margin: 0 0 10px 0 !important; font-size: 1.4rem !important; }
    .contact .left summary { height: auto !important; }
    .contact .left summary img { width: 80%; max-width: 300px; margin: 6% auto 0 0 !important; }
    .contact .right { width: 100% !important; float: none !important; height: auto !important; }
    .contact .right h4 { padding: 0 0 0 10px !important; margin: 0 0 10px 0 !important; font-size: 1.4rem !important; }
    .contact .right .msg_form { height: auto !important; }
    .contact .right .msg_form .ver_code .code-box { width: 240px; }
    .contact .right .msg_form .form_submit_default { border: 1px solid #0265C8; }
    .contact #map #allmap { width: 100%; height: 300px !important; } }

.pro_list_pn1 { padding-top: 4%; padding-bottom: 80px; }
.pro_list_pn1 .left { width: 500px; margin-right: 20px; float: left; }
.pro_list_pn1 .left .panel1 { position: relative; }
.pro_list_pn1 .left .panel1 div { position: relative; padding: 52% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.pro_list_pn1 .left .panel1 div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border: 2px solid transparent; transition: 0.6s; }
.pro_list_pn1 .left .panel1:hover div img { border: 2px solid #0265C8; }
.pro_list_pn1 .right { width: 680px; float: left; }
.pro_list_pn1 .right figure { float: left; width: 49%; padding: 2% 2% 0 0; box-sizing: content-box; }
.pro_list_pn1 .right figure div { position: relative; padding: 38% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.pro_list_pn1 .right figure div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border: 2px solid transparent; transition: 0.6s; }
.pro_list_pn1 .right figure:nth-of-type(2n) { padding-right: 0; }
.pro_list_pn1 .right figure:nth-child(-n+2) { padding-top: 0; }
.pro_list_pn1 figure:hover div img { border: 2px solid #0265C8; }
.pro_list_pn1:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (max-width: 1199px) { .pro_list_pn1 { margin-bottom: 4%; }
    .pro_list_pn1 .left { width: 42%; margin-right: 2%; }
    .pro_list_pn1 .left .panel1 div { padding: 51% 0; }
    .pro_list_pn1 .right { width: 56%; } }
@media only screen and (max-width: 576px) { .pro_list_pn1 { padding-bottom: 20px !important; }
    .pro_list_pn1 .left { width: 100%; margin-right: 0; margin-bottom: 0; }
    .pro_list_pn1 .left .panel1 div { padding: 43% 0; }
    .pro_list_pn1 .right { width: 100%; }
    .pro_list_pn1 .right figure { width: 100%; margin-right: 0; padding-right: 0; padding-top: 0; } }

.pro_list_pn2 { margin-bottom: 108px; }
.pro_list_pn2 figure { float: left; }
.pro_list_pn2 figure div img { border: 2px solid transparent; width: 100%; height: 100%; object-fit: cover; transition: 0.6s; transition: 0.6s; }
.pro_list_pn2 figure:nth-child(-n+3) { width: 32%; margin-right: 2%; }
.pro_list_pn2 figure:nth-of-type(3) { margin-right: 0; }
.pro_list_pn2 figure:nth-of-type(n+4) { margin-top: 2%; width: 49%; margin-right: 2%; }
.pro_list_pn2 figure:nth-of-type(5) { margin-right: 0; }
.pro_list_pn2 figure:hover div img { border: 2px solid #0265C8; }
.pro_list_pn2:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (max-width: 576px) { .pro_list_pn2 { margin-bottom: 4%; }
    .pro_list_pn2 figure { width: 100% !important; margin-right: 0 !important; margin-top: 0 !important; } }

@media only screen and (min-width: 740px) and (max-width: 1920px) { .news_view { max-width: 1200px; margin: 0 auto; padding: 2% 0; }
    .news_view .news_view_tit { color: #706e6e; font-size: 14px; text-align: center; }
    .news_view .news_view_tit h1 { text-align: center; font-size: 16px; color: #4a4a4a; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; }
    .news_view .news_view_tit span { margin: 10px 0; }
    .news_view .news_view_tit .news_view_toolbar { margin: 1% 0 1.5% 0; }
    .news_view .news_view_content { padding: 20px 0; margin: 10px 0; border-top: 1px solid #ccc; }
    .news_view .news_view_content p { line-height: 170%; }
    .news_view .news_view_content img { max-width: 100%; display:inline-block;}
    .news_view .bdsharebuttonbox { text-align: left; font-size: 14px; color: #9e9e9e; line-height: 180%; display: block; display: flex; align-items: center; justify-content: space-between; width: 230px; }
    .news_view .bdsharebuttonbox span { display: inline-block; }
    .news_view .bdsharebuttonbox a { width: 40px; height: 40px; display: inline-block; background-image: none !important; float: inherit !important; line-height: 40px !important; height: 40px !important; padding-left: 0 !important; }
    .news_view .bdsharebuttonbox a:nth-of-type(1) { background: url(../images/share_ico1.png) no-repeat !important; }
    .news_view .bdsharebuttonbox a:nth-of-type(2) { background: url(../images/share_ico2.png) no-repeat !important; }
    .news_view .bdsharebuttonbox a:nth-of-type(3) { background: url(../images/share_ico3.png) no-repeat !important; }
    .news_view .news_view_pg { margin: 20px 0 0 0; }
    .news_view .news_view_pg a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.6s; height: 40px; line-height: 40px; }
    .news_view .news_view_pg a:hover { color: #0265C8; }
    .news_view .news_view_pg i { display: inline-block; margin: 0 4px; }
    .news_view .news_view_pg .news_view_back, .news_view .news_view_pg .news_view_prev, .news_view .news_view_pg .news_view_next { text-align: center; font-size: 16px; color: #5E5E5E; line-height: 180%; display: inline-block; border: 1px solid #ccc; display: inline-block; width: 150px; height: 40px; line-height: 40px; text-align: center; } }
@media only screen and (min-width: 0) and (max-width: 740px) { .news_view { padding: 2% 2% 6% 2%; }
    .news_view .news_view_tit { color: #706e6e; font-size: 14px; text-align: center; }
    .news_view .news_view_tit h1 { text-align: center; font-size: 16px; color: #4a4a4a; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; }
    .news_view .news_view_tit span { margin: 10px 0; }
    .news_view .news_view_tit .news_view_toolbar { margin: 1% 0 1.5% 0; }
    .news_view .news_view_content { padding: 20px 0; margin: 10px 0; border-top: 1px solid #ccc; }
    .news_view .news_view_content p { line-height: 170%; }
    .news_view .news_view_content img { max-width: 100%; }
    .news_view .bdsharebuttonbox { text-align: left; font-size: 14px; color: #9e9e9e; line-height: 180%; display: block; display: flex; align-items: center; justify-content: space-between; width: 230px; }
    .news_view .bdsharebuttonbox span { display: inline-block; }
    .news_view .bdsharebuttonbox a { width: 40px; height: 40px; display: inline-block; background-image: none !important; float: inherit !important; line-height: 40px !important; height: 40px !important; padding-left: 0 !important; }
    .news_view .bdsharebuttonbox a:nth-of-type(1) { background: url(../images/share_ico1.png) no-repeat !important; }
    .news_view .bdsharebuttonbox a:nth-of-type(2) { background: url(../images/share_ico2.png) no-repeat !important; }
    .news_view .bdsharebuttonbox a:nth-of-type(3) { background: url(../images/share_ico3.png) no-repeat !important; }
    .news_view .news_view_pg { margin: 20px 0 0 0; }
    .news_view .news_view_pg a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.6s; }
    .news_view .news_view_pg a:hover { color: #0265C8; }
    .news_view .news_view_pg i { font-weight: bold; display: inline-block; margin: 0 4px; }
    .news_view .news_view_pg .news_view_back, .news_view .news_view_pg .news_view_prev, .news_view .news_view_pg .news_view_next { text-align: center; font-size: 16px; color: #5E5E5E; line-height: 180%; display: inline-block; box-sizing: border-box; float: left; border: 1px solid #ccc; width: 33%; height: 40px; line-height: 40px; text-align: center; }
    .news_view .news_view_pg .news_view_back i { width: 17px; height: 13px; vertical-align: middle; }
    .news_view .news_view_pg:after { display: block; clear: both; content: ""; visibility: hidden; } }

.customer_ul { margin-top: 40px; margin-bottom: 40px; }
@media only screen and (min-width: 1199px) and (max-width: 1920px) { .customer_ul li { width: 22%; margin-right: 4%; margin-top: 4%; float: left; }
    .customer_ul li div { position: relative; padding: 26% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #ccc; background: #fff; }
    .customer_ul li div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: 0.6s; }
    .customer_ul li:nth-child(-n+4) { margin-top: 0; }
    .customer_ul li:nth-of-type(4n) { margin-right: 0; }
    .customer_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (max-width: 1199px) { .customer_ul li { width: 30%; margin-right: 5%; margin-top: 4%; float: left; }
    .customer_ul li div { position: relative; padding: 26% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #ccc; background: #fff; }
    .customer_ul li div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: 0.6s; }
    .customer_ul li:nth-child(-n+3) { margin-top: 0; }
    .customer_ul li:nth-of-type(3n) { margin-right: 0; }
    .customer_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }

/*# sourceMappingURL=style.css.map */