@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 { transition: 0.6s; background-color: transparent; text-decoration: none; color: inherit; }

body { font-size: 14px; line-height: 200%; letter-spacing: 1px; position: relative; font-family: "微软雅黑", "Microsoft YaHei", "SimSun", "宋体" !important; background: #F7F7F7; }
@media only screen and (min-width: 1024px) { body { min-width: 1200px; } }

table { border-collapse: collapse; }

button, input, select, textarea { font-size: 100%; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

mark { background-color: inherit; }

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

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

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

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; }

.clearfix::after { display: block; overflow: hidden; clear: both; width: 0px; height: 0px; content: ''; }

* { box-sizing: border-box; }

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

@media only screen and (max-width: 3840px) { .center { width: 1200px; margin: 0 auto; } }
@media only screen and (max-width: 1024px) { .center { width: 768px; padding: 0 2%; } }
@media only screen and (max-width: 768px) { .center { 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: #e77817; border-radius: 6px; }
html::-webkit-scrollbar-corner { background: #82AFFF; }

@keyframes scale { 0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(1.4); opacity: 0; } }
@-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); } }
@keyframes rotate { from { transform: rotate(0deg); }
    to { transform: rotate(360deg); } }
aside { width: 50px; position: fixed; right: 3%; top: 50%; z-index: 20; transform: translateY(-50%); }

aside ul li { overflow: hidden; margin-bottom: 4px; line-height: 57px; transition: 0.6s; position: relative; text-align: center; background: #878787; width: 47px; height: 47px; }

aside ul li i { color: #BDBCBC; }

aside ul li a { display: block; }

aside ul li .aside_type1 { transition: 0.6s; width: 120px; height: 120px; background: url(../img/f_qrc.jpg); background-size: 100% 100%; transform: scale(0); position: absolute; left: -130px; top: -38px; }

aside ul li .aside_type1 img { width: 100%; height: 100%; }

aside ul li .aside_type2 { z-index: -1; border: 3px solid #e77817; opacity: 0; transition: 0.6s; position: absolute; color: #707070; height: 47px; line-height: 40px; padding: 0 10px; width: 210px; top: 0; right: 0; background: #fff; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2); }

aside ul li .aside_type2 a { display: inline-block; }

aside ul li .aside_type3 { background: #fff; transition: 0.6s; opacity: 0; border: 3px solid #e77817; z-index: -1; transition: 0.6s; position: absolute; color: #707070; line-height: 47px; top: -51px; left: -130px; background: #fff; width: 160px; box-sizing: border-box; }

aside ul li .aside_type3 img { padding: 16px 0 0 0; margin: 0 auto 0 auto; }

aside ul li .aside_type3 span { height: 35px; line-height: 35px; text-indent: 20px; width: 110px; background: #fff url(../img/qq_ico.png) no-repeat 22px 9px; border-radius: 6px; margin-bottom: 10px; display: block; }

aside ul li .aside_type3 a:hover { background: #e77817; }

aside ul li .aside_type3 a:hover { color: #fff; }

aside ul li:hover { background: #e77817; overflow: visible; }

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: 45px; }

aside ul li:hover .aside_type2 a { transition: 0.6s; }

aside ul li:hover .aside_type2 a:hover { color: #e77817; }

aside ul li:hover .aside_type3 { opacity: 1; left: -160px; }

aside ul li .go_top { cursor: pointer; transition: 0.6s; }

aside ul li .go_top:hover { color: #e77817; }

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; display: inline-block; width: 46px; height: 46px; position: relative; }

aside ul li:nth-of-type(1) .icon i { background: url(../img/aside_ico1.png) no-repeat center center; }

aside ul li:nth-of-type(2) .icon i { background: url(../img/aside_ico2.png) no-repeat center center; }

aside ul li:nth-of-type(3) .icon i { background: url(../img/aside_ico3.png) no-repeat center center; }

aside ul li:last-child .icon i { background: url(../img/aside_ico4.png) no-repeat center center; }

aside ul li:last-child { background: #D7D7D7; }

aside ul li:last-child:hover { background: #e77817; }

aside ul li:last-child .icon i { filter: drop-shadow(46px 0px #fff) !important; }

@media only screen and (max-width: 992px) { aside { display: none !important; } }
.pub_banner { position: relative; height: 410px; overflow: hidden; }
.pub_banner .swiper-container { height: 100%; }
.pub_banner .swiper-container .swiper-wrapper { height: 100%; }
.pub_banner .swiper-container .swiper-wrapper .swiper-slide { height: 100%; }
.pub_banner .swiper-container .swiper-wrapper .swiper-slide figure { height: 100%; }
.pub_banner .swiper-container .swiper-wrapper .swiper-slide figure div { width: 100%; height: 100%; }
.pub_banner .swiper-container .swiper-wrapper .swiper-slide figure div img { width: 100%; height: 100%; object-fit: cover; }
.pub_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption { text-align: center; transform: translateY(-50%); position: absolute; top: 50%; left: 50%; width: 220px; margin-left: -450px; }
.pub_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption hr { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); width: 114px; height: 5px; background: #fff; border: none; margin-right: auto; margin-left: 0; }
.pub_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption h4 { text-shadow: 2px 2px 0 #646161; text-align: left; font-size: 36px; color: #ffffff; line-height: 100%; display: block; font-weight: bold; margin: 10px 0 6px 0; }
.pub_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption span { text-shadow: 2px 2px 0 #646161; text-transform: uppercase; text-align: left; font-size: 24px; color: #ffffff; line-height: 140%; display: block; }
.pub_banner .h_bottom { position: absolute; padding: 16px 0; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1; }
.pub_banner .h_bottom .center { display: flex; align-items: center; justify-content: space-between; }
.pub_banner .h_bottom .center .location { font-size: 14px; color: #989898; padding-left: 22px; background: url("../img/location_ico.png") no-repeat center left; }
.pub_banner .h_bottom .center .location a:hover { color: #e77817; }
.pub_banner .h_bottom .center .right .keyword { color: #989898; font-size: 14px; display: inline-block; }
.pub_banner .h_bottom .center .right .keyword a { display: inline-block; margin: 0 4px; }
.pub_banner .h_bottom .center .right .keyword a:hover { color: #e77817; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .pub_banner { height: 213px; padding-top: 50px; }
    .pub_banner .swiper-container { height: 100%; }
    .pub_banner .swiper-container .swiper-wrapper { height: 100%; }
    .pub_banner .swiper-container .swiper-wrapper .swiper-slide { height: 100%; }
    .pub_banner .swiper-container .swiper-wrapper .swiper-slide figure { height: 100%; }
    .pub_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption { text-align: center; transform: translateY(-50%); position: absolute; width: 270px; margin-left: -135px; }
    .pub_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption span { font-size: 1.375rem; margin: 0; text-align: center; }
    .pub_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption hr { margin: 0 auto; width: 35px; height: 2px; }
    .pub_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption h4 { font-size: 1.375rem; text-align: center; padding: 8px 48px; margin-bottom: 6px; }
    .pub_banner .h_bottom { display: none; } }

.ind_banner { position: relative; }
.ind_banner figcaption { position: absolute; width: 800px; height: 360px; top: 50%; left: 50%; transform: translateY(-50%) translateX(-600px); }
.ind_banner figcaption hr { opacity: 0; transform: translateX(-600px); transition: 0.6s; width: 116px; height: 5px; margin: 0 auto 0 0; background: #fff; border: none; }
.ind_banner figcaption h5 { opacity: 0; transform: translateX(-600px); transition: 1s; font-weight: bold; text-align: left; font-size: 48px; color: #ffffff; line-height: 180%; display: block; }
.ind_banner figcaption p { opacity: 0; transform: translateX(-600px); transition: 1.2s; text-align: left; font-size: 24px; color: #ffffff; line-height: 180%; display: block; }
.ind_banner figcaption span { opacity: 0; transform: translateX(-1200px); margin: 10px 0 20px 0; transition: 1.3s; text-align: left; font-size: 18px; color: #ffffff; line-height: 180%; display: block; }
.ind_banner figcaption .more2 { opacity: 0; transform: translateX(-600px); transition: 1.4s; display: block; width: 51px; height: 51px; background: url("../img/more_ico.png") no-repeat; }
.ind_banner .ani-slide figcaption hr { opacity: 1; transform: translateX(0); }
.ind_banner .ani-slide figcaption h5 { opacity: 1; transform: translateX(0); }
.ind_banner .ani-slide figcaption p { opacity: 1; transform: translateX(0); }
.ind_banner .ani-slide figcaption span { opacity: 1; transform: translateX(0); }
.ind_banner .ani-slide figcaption .more2 { opacity: 1; transform: translateX(0); }
.ind_banner .swiper-pagination { bottom: 30px !important; }
.ind_banner .swiper-pagination .swiper-pagination-bullet { background: transparent; width: 10px; height: 10px; border: 1px solid #fff; margin: 0 4px; opacity: 1; }
.ind_banner .swiper-pagination .swiper-pagination-bullet-active { background: #FFA70E; border: 1px solid #FFA70E; }
@media only screen and (min-width: 1024px) and (max-width: 3840px) { .ind_banner .swiper-container .swiper-wrapper { height: 100%; }
    .ind_banner .swiper-container .swiper-wrapper .swiper-slide { height: 100%; }
    .ind_banner .swiper-container .swiper-wrapper .swiper-slide figure a div { position: relative; padding: 20% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
    .ind_banner .swiper-container .swiper-wrapper .swiper-slide figure a div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .ind_banner { padding-top: 50px; }
    .ind_banner .swiper-container .swiper-wrapper { height: 100%; }
    .ind_banner .swiper-container .swiper-wrapper .swiper-slide { height: 100%; }
    .ind_banner .swiper-container .swiper-wrapper .swiper-slide figure { height: 100%; }
    .ind_banner .swiper-container .swiper-wrapper .swiper-slide figure div { width: 100%; height: 100%; padding: 0; }
    .ind_banner .swiper-container .swiper-wrapper .swiper-slide figure div img { width: 100%; height: 100%; object-fit: cover; }
    .ind_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption { position: absolute; width: 80%; height: 130px; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
    .ind_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption hr { width: 110px; display: none; }
    .ind_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption h5 { font-size: 1.375rem; margin: 15px 0 5px 0; }
    .ind_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption p { font-size: 1.375rem; }
    .ind_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption span { display: none; }
    .ind_banner .swiper-container .swiper-wrapper .swiper-slide figure figcaption .more2 { display: none; }
    .ind_banner .swiper-container .swiper-pagination { bottom: 0 !important; } }

.bdsharebuttonbox { margin-top: 11px; }
.bdsharebuttonbox a { float: none !important; vertical-align: middle; font-size: 16px !important; width: 40px !important; display: inline-block; height: 40px !important; background-position: unset !important; margin: 0 !important; padding: 0 !important; }
.bdsharebuttonbox a:hover { filter: brightness(1.2); }
.bdsharebuttonbox .bds_more { width: auto !important; height: auto !important; background-image: none !important; }
.bdsharebuttonbox .bds_weixin { background-image: url("../img/share_ico1.png") !important; }
.bdsharebuttonbox .bds_tsina { background-image: url("../img/share_ico2.png") !important; }
.bdsharebuttonbox .bds_qzone { background-image: url("../img/share_ico3.png") !important; }
.bdsharebuttonbox .bds_tqq { background-image: url("../img/share_ico4.png") !important; }
.bdsharebuttonbox .bds_renren { background-image: url("../img/share_ico5.png") !important; }

.fenye { padding: 1% 0; margin: 25px 0 10px 0; display: flex; justify-content: center; align-items: center; }

.fenye ul { width: 116px; }

.fenye ul li { float: left; width: 30px; height: 30px; margin: 0 9px; line-height: 30px; background: #b6b6b7; border-radius: 5px; font-size: 16px; color: #fff; text-align: center; transition: .3s; }

.fenye ul li:hover a, .fenye ul li.active a { color: #fff; background: #e77817; }

.fenye ul li a { display: block; border-radius: 5px; }

.fenye ul .fenye-p, .fenye ul .fenye-n { font-size: 16px; }

.fenye select { width: 70px; height: 30px; line-height: 30px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; color: #5a5a5a; }

.msg_form > input { float: left; text-indent: 20px; width: 33%; height: 60px; margin-right: 0.5%; background: #f6f6f6; font-size: 16px; color: #bdbdbd; border: 1px solid transparent; transition: .6s; }

.msg_form input:nth-of-type(3n+3) { margin-right: 0; }

.msg_form input:focus { border: 1px solid #e77817; outline: none; transition: 0.6s; }

.msg_form .formCon { resize: none; width: 100%; height: 215px; margin-top: 15px; background: #f6f6f6; padding-top: 25px; text-indent: 20px; font-size: 16px; color: #bdbdbd; border: 1px solid transparent; transition: .6s; letter-spacing: 1px; }

.msg_form .formCon:focus { border: 1px solid #e77817; outline: none; transition: 0.6s; }

.msg_form .form_btn { padding-top: 40px; }

.msg_form .form_btn input { text-indent: 0; width: 240px; height: 50px; margin-right: 10px; cursor: pointer; border-radius: 4px; }

.msg_form .form_btn .form_submit { color: #fff; background: #e77817; border: 0; text-indent: 0; }

.msg_form .form_btn .form_submit_default { background: #d1d1d1; color: #fff; }

.msg_form .form_btn .form_reset { border: 0; background: #d1d1d1; color: #fff; }

.msg_form .ver_code { border-bottom: 0 !important; margin-top: 20px; }

.msg_form .ver_code > p { display: inline-block; font-size: 18px; }

.msg_form .ver_code .code-box { vertical-align: bottom; display: inline-block; position: relative; padding: 0 10px; 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); }

.msg_form .ver_code .code-box p, .msg_form .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; }

.msg_form .ver_code .code-box span { width: 40px; font-family: "宋体"; font-size: 16px; cursor: pointer; background: #fff; }

.msg_form .formCity { width: 100%; margin-right: 0; }

@media only screen and (min-width: 0px) and (max-width: 640px) { .msg_form { padding: 2%; background: #fff; }
    .msg_form input { width: 100%; height: 40px; margin-bottom: 2%; }
    .msg_form .formCon { padding-top: 8px; }
    .msg_form .code-box { width: 240px !important; }
    .msg_form .ver_code { margin-top: 10px; }
    .msg_form .formCon { height: 116px; margin-top: 0; }
    .msg_form .form_btn { display: flex; align-items: center; justify-content: space-between; padding-top: 20px; }
    .msg_form .form_btn input { width: 100px; height: 35px; } }

.pub_search { position: relative; display: inline-block; width: 250px; height: 28px; line-height: 28px; }
.pub_search input { background: transparent; vertical-align: top; border-radius: 16px; box-sizing: border-box; width: 100%; height: 100%; line-height: 26px; padding: 0 35px 0 16px; border: 1px solid #ccc; color: #8c8c8c; outline: none; transition: 0.4s; }
.pub_search input:focus { background: #fff; box-shadow: 0 0 10px #999; }
.pub_search button { width: 35px; height: 28px; outline: none; border: none; cursor: pointer; position: absolute; background: url("../img/search_ico.png") no-repeat center; top: 0.5px; right: 0; }

#ind_main { padding: 0 60px; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { #ind_main { padding: 53px 0 0 0; } }

.layout { position: absolute; top: 74px; bottom: 0; right: 0; left: 0; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .layout { position: relative; top: 0; } }

@media only screen and (min-width: 0px) and (max-width: 1024px) { html, body { overflow: visible !important; } }

.pub_header { width: 100%; background: #fff; z-index: 10; }
.pub_header .h_top { background: #483835; }
.pub_header .h_top .center { display: flex; align-items: center; justify-content: space-between; }
.pub_header .h_top .center .t_phone { font-style: italic; text-align: left; font-size: 18px; color: #bdb7b5; line-height: 180%; display: block; }
.pub_header .h_top .center .t_phone i { vertical-align: middle; width: 20px; height: 21px; background: url("../img/t_phone.png") no-repeat; display: inline-block; margin-right: 8px; }
.pub_header .h_top .center .t_phone span { vertical-align: middle; }
.pub_header .h_top .center .t_function li { line-height: 100%; display: inline-block; border-right: 1px solid #cbc4c4; padding: 0 10px 0 6px; }
.pub_header .h_top .center .t_function li i { vertical-align: middle; width: 18px; height: 18px; display: inline-block; margin-right: 4px; }
.pub_header .h_top .center .t_function li a { vertical-align: middle; text-align: center; font-size: 14px; color: #cbc4c4; line-height: 120%; display: inline-block; }
.pub_header .h_top .center .t_function li a:hover { color: #e77817; }
.pub_header .h_top .center .t_function li:last-child { border-right: none; }
.pub_header .h_top .center .t_function li:nth-of-type(1) i { background: url("../img/t_ico1.png") no-repeat; background-size: cover; }
.pub_header .h_top .center .t_function li:nth-of-type(2) i { background: url("../img/t_ico2.png") no-repeat; background-size: cover; }
.pub_header .h_top .center .t_function li:nth-of-type(3) i { background: url("../img/t_ico3.png") no-repeat; background-size: cover; }
.pub_header .top { z-index: 999; text-align: center; padding: 0 60px; background: #fff; }
.pub_header .top .center { display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative; }
.pub_header .top .center .t_logo { display: block; max-width: 150px;}
.pub_header .top .center .t_logo img { width: 100%; transition: 0.6s; position: relative; left: 0; }
.pub_header .top .center .t_logo .mob { display: none; }
.pub_header .top .center .t_logo:hover img { left: 10px; }
.pub_header .top .center nav > ul { display: flex; }
.pub_header .top .center nav > ul > li { margin-right: 14px; padding: 25px 0 25px 0; }
.pub_header .top .center nav > ul > li > em { padding-left: 15px; padding-right: 13px; position: relative; display: block; overflow: hidden; max-width: 130px; min-width: 70px; }
.pub_header .top .center nav > ul > li > em > a { max-width: 130px; top: 0; text-align: left; font-size: 14px; color: #696969; line-height: 180%; display: block; position: relative; transition: 0.6s; }
.pub_header .top .center nav > ul > li > em > a:after { text-transform: uppercase; font-size: 13px; transition: 0.6s; width: 100%; height: 100%; content: attr(data-hover); color: #e77817; font-weight: bold; position: absolute; left: 0; top: 25px; }
.pub_header .top .center nav > ul > li > em:before { position: absolute; content: ""; width: 4px; height: 4px; background: #e77817; left: 3px; top: 11px; border-radius: 50%; }
.pub_header .top .center nav > ul > li:last-child { margin-right: 0; }
.pub_header .top .center nav > ul > li:first-child a:before { display: none; }
.pub_header .top .center nav > ul > li section { pointer-events: none; transition: .6s ease; opacity: 0; padding: 20px 2.5%; position: absolute; display: flex; align-items: flex-start; justify-content: space-between; top: 75px; left: 50%; margin-left: -600px; width: 1200px; height: 300px; background: rgba(0, 0, 0, 0.7); z-index: 10; }
.pub_header .top .center nav > ul > li section .left { width: 36%; }
.pub_header .top .center nav > ul > li section .left h5 { text-align: left; font-size: 30px; color: #ffffff; line-height: 140%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 10px 0 14px 0; }
.pub_header .top .center nav > ul > li section .left hr { width: 40px; height: 2px; background: #e77817; border: none; margin-right: auto; margin-left: 0; margin-bottom: 16px; }
.pub_header .top .center nav > ul > li section .left ul { width: 100%; }
.pub_header .top .center nav > ul > li section .left ul > li { width: 49%; margin: 2% 2% 0 0; position: relative; float: left; }
.pub_header .top .center nav > ul > li section .left ul > li:nth-of-type(2n) { margin-right: 0; }
.pub_header .top .center nav > ul > li section .left ul > li:nth-child(-n+2) { margin-top: 0; }
.pub_header .top .center nav > ul > li section .left ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.pub_header .top .center nav > ul > li section .left ul li { text-align: left; }
.pub_header .top .center nav > ul > li section .left ul li a { text-align: left; font-size: 16px; color: #ababab; line-height: 180%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pub_header .top .center nav > ul > li section .left ul li a:hover { color: #fff; }
.pub_header .top .center nav > ul > li section .right { width: 64%; height: 100%; padding-left: 2%; }
.pub_header .top .center nav > ul > li section .right img { width: 100%; height: 100%; object-fit: cover; }
.pub_header .top .center nav > ul > li:hover a { color: #e77817; top: -25px; }
.pub_header .top .center nav > ul > li:hover section { opacity: 1; pointer-events: auto; }
.pub_header .top .center .t_sns li { float: left; margin-right: 10px; }
.pub_header .top .center .t_sns li a { display: block; width: 32px; height: 32px; }
.pub_header .top .center .t_sns li:last-child { margin-right: 0; }
.pub_header .top .center .t_sns li:nth-of-type(1) a { background: url("../img/sns_ico1.png") no-repeat; background-size: cover; }
.pub_header .top .center .t_sns li:nth-of-type(2) a { background: url("../img/sns_ico2.png") no-repeat; background-size: cover; }
.pub_header .top .center .t_sns li:nth-of-type(3) a { background: url("../img/sns_ico3.png") no-repeat; background-size: cover; }
.pub_header .nav_btn { z-index: 9999999; margin-top: 5px; display: block; border-radius: 4px; padding: 4px; position: relative; float: left; width: 30px; height: 30px; cursor: pointer; }
.pub_header .nav_btn span { position: absolute; top: 50%; left: 4px; display: block; width: 22px; height: 2px; margin-top: -1px; background: #fff; transition: .2s ease; }
.pub_header .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; }
.pub_header .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; }
.pub_header .nav_btn_open span { width: 0; background: #fff; }
.pub_header .nav_btn_open span:before { top: 0; transform: rotate(45deg); background: #fff; }
.pub_header .nav_btn_open span:after { top: 0; transform: rotate(-45deg); background: #fff; }
@media only screen and (min-width: 1024px) and (max-width: 3840px) { .pub_header .nav_btn { display: none; }
    .pub_header .mobile-nav-box { display: none; } }

@media only screen and (min-width: 1024px) and (max-width: 1250px){
    .pub_header .top .center nav > ul > li{
        margin-right:-6px;
    }
}


@media only screen and (min-width: 0px) and (max-width: 1380px) { .pub_header .t_sns { display: none; } }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .pub_header .h_top { display: none; }
    .pub_header .top { position: fixed; padding: 7px 2%; z-index: 999; background: #303030; width: 100%; border-bottom: 1px solid #ccc; }
    .pub_header .top nav { display: none; }
    .pub_header .top .center .t_logo { max-width: 137px; }
    .pub_header .top .center .t_logo .pc { display: none; }
    .pub_header .top .center .t_logo .mob { display: block; }
    .pub_header .top .pub_search { display: none; }
    .pub_header .top .t_sns { display: none; }
    .pub_header .mobile-nav-box { position: fixed; top: 0; left: 0; z-index: 999999; min-width: 250px; width: 100%; height: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); transform: perspective(450px) rotateY(-90deg); transform-origin: 0; transition: .4s ease; }
    .pub_header .mobile-nav-box .search-btn { z-index: 99999999; position: relative; width: 250px; box-sizing: border-box; padding: 0 20px; background: #333; line-height: 49px; font-size: 16px; color: #fff; text-align: center; cursor: pointer; }
    .pub_header .mobile-nav-box .search-btn img { max-width: 100%; padding: 2%; height: 52px; margin: 0 auto; }
    .pub_header .mobile-nav-box .search-btn i { margin-left: 10px; }
    .pub_header .mobile-nav-box .search-btn .pub_search2 { width: 100%; min-width: 175px; max-width: 248px; position: relative; display: inline-block; height: 34px; line-height: 34px; }
    .pub_header .mobile-nav-box .search-btn .pub_search2 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; color: #8c8c8c; outline: none; transition: 0.4s; }
    .pub_header .mobile-nav-box .search-btn .pub_search2 input:focus { box-shadow: 0 0 10px #999; }
    .pub_header .mobile-nav-box .search-btn .pub_search2 button { width: 35px; height: 28px; outline: none; border: none; cursor: pointer; position: absolute; background: url("../img/search_ico.png") no-repeat center; top: 4px; right: 10px; }
    .pub_header .mobile-nav-box .bg { transition: 0.6s; width: 100%; height: 100%; z-index: 10; top: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.6); }
    .pub_header .mobile-nav-box .mobile-meun-nav { z-index: 99999999; position: relative; overflow-y: scroll; height: 100%; background: #fff; width: 250px; }
    .pub_header .mobile-nav-box .mobile-meun-nav ul li { border-bottom: 1px solid #f2f2f2; }
    .pub_header .mobile-nav-box .mobile-meun-nav ul li .tit { text-align: left; 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; }
    .pub_header .mobile-nav-box .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; }
    .pub_header .mobile-nav-box .mobile-meun-nav ul li .tit:hover { color: #1b1b1b; }
    .pub_header .mobile-nav-box .mobile-meun-nav ul li .tit:hover:before { background: #333333; }
    .pub_header .mobile-nav-box .mobile-meun-nav ul li .tit a { display: block; text-align: left; }
    .pub_header .mobile-nav-box .mobile-meun-nav ul li .tit i { float: right; margin-top: 18px; font-size: 18px; }
    .pub_header .mobile-nav-box .mobile-meun-nav ul li .tit.chose { color: #1b1b1b; }
    .pub_header .mobile-nav-box .mobile-meun-nav ul li .tit.chose:before { background: #333333; }
    .pub_header .mobile-nav-box .mobile-meun-nav ul li .tit.active { color: #1b1b1b; }
    .pub_header .mobile-nav-box .mobile-meun-nav ul li .mobile-second-nav { display: none; margin-bottom: 0; }
    .pub_header .mobile-nav-box .mobile-meun-nav ul li .mobile-second-nav dd { border-top: 1px solid #f2f2f2; }
    .pub_header .mobile-nav-box .mobile-meun-nav ul li .mobile-second-nav dd a { text-align: left; display: block; height: 56px; line-height: 56px; overflow: hidden; padding: 0 10px 0 45px; font-size: 16px; color: #505050; letter-spacing: 1px; cursor: pointer; }
    .pub_header .mobile-nav-box .mobile-meun-nav ul li .mobile-second-nav dd a:hover { color: #e77817; }
    .pub_header .mobile-nav-box-show { transform: perspective(450px) rotateY(0deg); } }

.pub_footer { background: #fff; padding: 10px 0; width: 100%; z-index: 1; }
.pub_footer p { text-align: center; font-size: 14px; color: #bebebe; line-height: 180%; display: block; }
.pub_footer p span { display: inline-block; }
.pub_footer p a:hover { color: #e77817; }

.bdsharebuttonbox { margin-top: 11px; }
.bdsharebuttonbox a { float: none !important; vertical-align: middle; font-size: 16px !important; width: 31px !important; display: inline-block; height: 31px !important; background-position: unset !important; margin: 0 4px !important; padding: 0 !important; }
.bdsharebuttonbox .bds_more { width: auto !important; height: auto !important; background-image: none !important; }
.bdsharebuttonbox .bds_weixin { background-image: url("../img/share_ico1.png") !important; }
.bdsharebuttonbox .bds_tsina { background-image: url("../img/share_ico2.png") !important; }
.bdsharebuttonbox .bds_qzone { background-image: url("../img/share_ico3.png") !important; }
.bdsharebuttonbox .bds_tqq { background-image: url("../img/share_ico4.png") !important; }
.bdsharebuttonbox .bds_renren { background-image: url("../img/share_ico5.png") !important; }

.sub_nav { width: 100%; background: #E6E6E6; text-align: center; }
.sub_nav > li { width: 15.833%; margin: 1% 1% 0 0; position: relative; float: left; }
.sub_nav > li:nth-of-type(6n) { margin-right: 0; }
.sub_nav > li:nth-child(-n+6) { margin-top: 0; }
.sub_nav:after { display: block; clear: both; content: ""; visibility: hidden; }
.sub_nav ul { display: flex; align-items: center; justify-content: center; }
.sub_nav ul li { max-width: 300px; border-right: 1px solid #fff; }
.sub_nav ul li a { text-align: center; font-size: 16px; color: #2e2e2e; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 12px 26px; }
.sub_nav ul li a:hover { background: #E77817; color: #fff; }
.sub_nav ul li:last-child { border-right: none; }
.sub_nav:after { display: block; clear: both; content: ""; visibility: hidden; }
.sub_nav .active a { color: #fff; background: #E77817; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .sub_nav { background: transparent; margin-top: 2%; }
    .sub_nav ul { display: block; }
    .sub_nav ul li { display: inline-block; margin: 0 5px; }
    .sub_nav ul li a { color: #e5e2e2; padding: 4px 16px; background: #3A3A3A; font-size: 1.1rem; }
    .sub_nav ul .active a { color: #fff; background: #e77817; } }
@media only screen and (min-width: 400px) and (max-width: 640px) { .sub_nav ul { width: 100%; }
    .sub_nav ul > li { width: 32%; margin: 2% 2% 0 0; position: relative; float: left; }
    .sub_nav ul > li:nth-of-type(3n) { margin-right: 0; }
    .sub_nav ul > li:nth-child(-n+3) { margin-top: 0; }
    .sub_nav ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 0px) and (max-width: 400px) { .sub_nav ul { width: 100%; }
    .sub_nav ul > li { width: 49%; margin: 2% 2% 0 0; position: relative; float: left; }
    .sub_nav ul > li:nth-of-type(2n) { margin-right: 0; }
    .sub_nav ul > li:nth-child(-n+2) { margin-top: 0; }
    .sub_nav ul:after { display: block; clear: both; content: ""; visibility: hidden; } }

.pro_select { margin-bottom: 20px; background: #fff; }
.pro_select li { float: left; margin-right: 2px; }
.pro_select li a { padding: 11px 10px; text-align: center; font-size: 17px; color: #4c4c4c; line-height: 180%; display: block; }
.pro_select li a:after { position: absolute; content: ""; width: 40px; height: 2px; background: #e77817; left: 50%; bottom: 0; margin-left: -20px; opacity: 0; }
.pro_select li a:hover { background: #e77817; color: #fff; }
.pro_select li a:hover:after { opacity: 1; }
.pro_select .active a { background: #e77817; color: #fff !important; }
.pro_select .active a:after { opacity: 1; }
.pro_select .first { margin-right: 2px; width: 170px; padding: 10px 24px; background: #e77817; text-align: center; font-size: 18px; color: #fff; line-height: 180%; display: block; }
.pro_select:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .pro_select { display: none; }
    .pro_select li a { font-size: 1.1rem; padding: 0 5px; }
    .pro_select .first { padding: 0; } }

.page_content { overflow: hidden; padding-top: 50px; padding-bottom: 50px; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .page_content { padding-top: 6%; padding-bottom: 6%; } }

.feng { margin-top: 40px; }
.feng li { margin-bottom: 6px; }
.feng li a { text-align: left; font-size: 16px; color: #565656; line-height: 140%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 70%; }
.feng li a:hover { color: #e77817; }
@media only screen and (min-width: 0px) and (max-width: 768px) { .feng { margin: 10px 0 4px 0; }
    .feng li { margin: 0; }
    .feng li a { max-width: 100%; font-size: 1.1rem; } }

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

.case_ul li { overflow: hidden; }
.case_ul li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 50% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.case_ul li div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.case_ul li figcaption h5 { transition: 0.6s; text-align: center; font-size: 16px; color: #747474; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case_ul li:hover figcaption h5 { color: #e77817; }
.case_ul li figcaption p { transition: 0.6s; text-align: center; font-size: 14px; color: #ccc; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case_ul li:hover figcaption h5 { color: #e77817; }
.case_ul li:hover figcaption p { color: #e77817; }
.case_ul li figure { border: 1px solid #ccc; }
.case_ul li figure div { border: none; }
.case_ul li figure div:after { content: ""; position: absolute; left: -400px; top: 0; width: 200px; height: 100%; overflow: hidden; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); transform: skewx(-25deg); transition: 0s; }
.case_ul li figure div:hover:after { left: 400px; width: 200px; transition: .8s; }
.case_ul li figure figcaption { border-top: 1px solid #ccc; padding: 10px 4px; }
.case_ul li figure figcaption h5 { min-height: 28px; }
.case_ul li:hover .hidden { opacity: 0; }
@media only screen and (min-width: 0px) and (max-width: 768px) { .case_ul figcaption { padding: 6px 4px !important; }
    .case_ul figcaption h5 { font-size: 1.1rem !important; } }
@media only screen and (min-width: 768px) and (max-width: 3840px) { .case_ul { width: 100%; }
    .case_ul > li { width: 31.333%; margin: 3% 3% 0 0; position: relative; float: left; }
    .case_ul > li:nth-of-type(3n) { margin-right: 0; }
    .case_ul > li:nth-child(-n+3) { margin-top: 0; }
    .case_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 400px) and (max-width: 768px) { .case_ul { width: 100%; }
    .case_ul > li { width: 48.5%; margin: 3% 3% 0 0; position: relative; float: left; }
    .case_ul > li:nth-of-type(2n) { margin-right: 0; }
    .case_ul > li:nth-child(-n+2) { margin-top: 0; }
    .case_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 0px) and (max-width: 400px) { .case_ul { width: 100%; }
    .case_ul > li { width: 100%; margin: 6% 0 0 0; position: relative; }
    .case_ul > li:nth-of-type(1n) { margin-right: 0; }
    .case_ul > li:nth-of-type(1) { margin-top: 0; }
    .case_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }

.ind_main { overflow: hidden; }

.pro_hd { text-align: center; }
.pro_hd li { background: #fff; transition: 0.6s; border: 1px solid #ccc; border-radius: 15px; display: inline-block; margin-right: 20px; width: 150px; }
.pro_hd li a { text-align: center; font-size: 14px; color: #4b4b4b; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 4px 30px; }
.pro_hd li:hover { background: #e77817; }
.pro_hd li:hover a { color: #fff; }
.pro_hd li:last-child { margin-right: 0; }
.pro_hd .active { background: #e77817; }
.pro_hd .active a { color: #fff; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .pro_hd li { margin: 0 2px; width: 130px; border-radius: 0; }
    .pro_hd li a { font-size: 1rem; padding: 4px 6px; background: #e77817; color: #fff; } }

.pro_bottom { background: #fff; margin-top: 50px; }
.pro_bottom > h5 { text-align: left; font-size: 18px; color: #ffffff; line-height: 180%; display: block; padding: 10px 20px; background: #E77817; }
.pro_bottom ul { padding: 30px 16px; }
.pro_bottom ul li a figure div { width: 150px; height: 110px; float: left; }
.pro_bottom ul li a figure div img { width: 100%; height: 100%; object-fit: cover; }
.pro_bottom ul li a figure figcaption { float: left; width: 420px; padding: 0 0 0 20px; }
.pro_bottom ul li a figure figcaption h5 { transition: 0.6s; text-align: left; font-size: 18px; color: #2f2f2f; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pro_bottom ul li a figure figcaption p { height: 50.4px; transition: 0.6s; text-align: left; font-size: 14px; color: #5e5e5e; line-height: 180%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 50.4px; }
.pro_bottom ul li a figure figcaption span { transition: 0.6s; text-align: left; font-size: 14px; color: #bababa; line-height: 180%; display: block; }
.pro_bottom ul li a:hover figure figcaption h5 { color: #e77817; }
.pro_bottom ul li a:hover figure figcaption p { color: #e77817; }
.pro_bottom ul li a:hover figure figcaption span { color: #e77817; }
.pro_bottom ul li:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (min-width: 1024px) and (max-width: 3840px) { .pro_bottom ul { width: 100%; }
    .pro_bottom ul > li { width: 49%; margin: 2% 2% 0 0; position: relative; float: left; }
    .pro_bottom ul > li:nth-of-type(2n) { margin-right: 0; }
    .pro_bottom ul > li:nth-child(-n+2) { margin-top: 0; }
    .pro_bottom ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .pro_bottom { margin-top: 2%; display: none; }
    .pro_bottom > h5 { padding: 2px 4px; text-align: center; font-size: 1.375rem; }
    .pro_bottom ul { padding: 2% 2%; }
    .pro_bottom ul li { margin-bottom: 2%; }
    .pro_bottom ul li a figure figcaption h5 { font-size: 1.1rem; }
    .pro_bottom ul li a figure figcaption p { font-size: 1.1rem; }
    .pro_bottom ul li a figure figcaption span { font-size: 1.1rem; } }

.tit1 { overflow: hidden; text-align: center; }
.tit1 span { text-transform: uppercase; text-align: center; font-size: 48px; color: #e0e0e0; line-height: 120%; display: block; }
.tit1 h4 { text-align: center; font-size: 30px; color: #DA251D; margin-bottom: 15px; line-height: 100%; display: inline-block; position: relative; }
.tit1 p { text-align: center; font-size: 14px; color: #8f8e8e; line-height: 180%; display: block; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .tit1 span { font-size: 1.1rem; }
    .tit1 h4 { font-size: 1.375rem; }
    .tit1 p { font-size: 1.1rem; } }

.ind_pn1 .swiper-container { height: 100%; }
.ind_pn1 .swiper-container .swiper-wrapper { height: 100%; }
.ind_pn1 .swiper-container .swiper-wrapper .swiper-slide { height: 100%; }
.ind_pn1 .swiper-container .swiper-wrapper .swiper-slide figure { height: 100%; }
.ind_pn1 .swiper-container .swiper-wrapper .swiper-slide figure div { height: 100%; }
.ind_pn1 .swiper-container .swiper-wrapper .swiper-slide figure div img { height: 100%; width: 100%; object-fit: cover; }
.ind_pn1 .swiper-button-prev { left: -30px; }
.ind_pn1 .swiper-button-next { right: -30px; }
.ind_pn1 .bottom { padding: 5px 10px; overflow: hidden; position: absolute; bottom: 20px; left: 50%; margin-left: -250px; z-index: 10; width: 500px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6); height: 40px; background: #fff; display: flex; align-items: center; justify-content: space-between; }
.ind_pn1 .bottom em { vertical-align: middle; text-align: left; font-size: 16px; color: #e77817; line-height: 180%; display: inline-block; margin-right: 30px; }
.ind_pn1 .bottom ul { display: inline-block; width: 410px; }
.ind_pn1 .bottom ul li a { display: block; }
.ind_pn1 .bottom ul li a span { margin-bottom: 2px; transition: 0.6s; vertical-align: middle; text-align: left; font-size: 14px; color: #5c5c5c; line-height: 140%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 90%; }
.ind_pn1 .bottom ul li a i { transition: 0.6s; margin-top: 3px; margin-right: 10px; float: right; display: block; width: 22px; height: 22px; background: url("../img/ind_pn1_ico.png") no-repeat; }
.ind_pn1 .bottom ul li:hover a span { color: #e77817 !important; }
.ind_pn1 .bottom ul li:hover a i { margin-right: 0; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .ind_pn1 { margin-bottom: -6%; overflow: hidden; }

    .ind_pn1 .swiper-button-prev { display: none; }
    .ind_pn1 .swiper-button-next { display: none; }
    .ind_pn1 .bottom { display: none; } }

.ind_pn2 > section { width: 100%; height: 100%; }
.ind_pn2 > section > img { width: 100%; height: 100%; object-fit: cover; }
.ind_pn2 > section .ind_pn2_ul1 { height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
.ind_pn2 > section .ind_pn2_ul1 li { height: 100%; background: rgba(0, 0, 0, 0.9); position: relative; width: 100px; float: left; margin-right: 2px; }
.ind_pn2 > section .ind_pn2_ul1 li a { word-wrap: break-word; padding: 130px 14px 0 14px; display: block; height: 100%; width: 100%; }
.ind_pn2 > section .ind_pn2_ul1 li a img { margin: 0 auto; }
.ind_pn2 > section .ind_pn2_ul1 li a h5 { transition: 0.6s; height: 420px; width: 28px; margin: 0 auto; text-align: center; font-size: 26px; color: #ffffff; line-height: 120%; display: block; max-width: 100%; }
.ind_pn2 > section .ind_pn2_ul1 li a span { width: 35px; height: 17px; display: block; margin: 20px auto 0 auto; background: url("../img/ind_pn2_right.png") no-repeat; }
.ind_pn2 > section .ind_pn2_ul1 li a hr { margin-top: 20px; margin-bottom: 20px; transition: 0.6s; width: 24px; height: 1px; background: #E77817; border: none; margin-right: auto; margin-left: auto; }
.ind_pn2 > section .ind_pn2_ul1 li a .more3 { transition: 0.6s; text-align: center; width: 34px; height: 34px; background: url("../img/ind_pn2_ico.png") no-repeat; display: block; margin: 0 auto; line-height: 40px; filter: grayscale(1); }
.ind_pn2 > section .ind_pn2_ul1 li a:hover h5 { color: #e77817; }
.ind_pn2 > section .ind_pn2_ul1 li a:hover .more3 { filter: grayscale(0); }
.ind_pn2 > section .ind_pn2_ul1 .right { float: right; }
.ind_pn2 > section .ind_pn2_ul2 { display: none; }
.ind_pn2 > section .ind_pn2_ul2 li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 34% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn2 > section .ind_pn2_ul2 li div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.ind_pn2 > section .ind_pn2_ul2 li a figure { position: relative; }
.ind_pn2 > section .ind_pn2_ul2 li a figure div { border: 0.5px solid #fff; }
.ind_pn2 > section .ind_pn2_ul2 li a figure div img { filter: brightness(0.6); transition: 0.6s; }
.ind_pn2 > section .ind_pn2_ul2 li a figure figcaption { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; }
.ind_pn2 > section .ind_pn2_ul2 li a figure figcaption section { border: 2px solid #fff; padding: 4% 0; width: 56%; }
.ind_pn2 > section .ind_pn2_ul2 li a figure figcaption section img { margin: 0 auto; }
.ind_pn2 > section .ind_pn2_ul2 li a figure figcaption section h5 { text-align: center; font-size: 1.1rem; color: #ffffff; line-height: 180%; display: block; }
.ind_pn2 > section .ind_pn2_ul2 li a:hover figure div img { filter: brightness(1); }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .ind_pn2 > section > img { display: none; }
    .ind_pn2 > section .ind_pn2_ul1 { display: none; }
    .ind_pn2 > section .ind_pn2_ul2 { display: block; } }
@media only screen and (min-width: 450px) and (max-width: 640px) { .ind_pn2 section .ind_pn2_ul2 { width: 100%; }
    .ind_pn2 section .ind_pn2_ul2 > li { width: 50%; margin: 0 0 0 0; position: relative; float: left; }
    .ind_pn2 section .ind_pn2_ul2 > li:nth-of-type(2n) { margin-right: 0; }
    .ind_pn2 section .ind_pn2_ul2 > li:nth-child(-n+2) { margin-top: 0; }
    .ind_pn2 section .ind_pn2_ul2:after { display: block; clear: both; content: ""; visibility: hidden; } }

.ind_pn3_layout .holder { height: 100%; display: flex; align-items: center; justify-content: space-between; }

.ind_pn3 { width: 100%; }
.ind_pn3 .left { width: 50%; float: left; }
.ind_pn3 .left figure { width: 50%; float: left; }
.ind_pn3 .left figure div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 45% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn3 .left figure div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.ind_pn3 .left figure div { height: 50%; border: none; }
.ind_pn3 .left figure div img { width: 100%; height: 100%; object-fit: cover; }
.ind_pn3 figure figcaption { position: relative; padding: 45% 0; background: url("../img/ind_pn3_bg.jpg") no-repeat; background-size: cover; }
.ind_pn3 figure figcaption section { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 30px; }
.ind_pn3 figure figcaption section h5 { text-align: left; font-size: 24px; color: #363636; line-height: 140%; display: block; }
.ind_pn3 figure figcaption section hr { width: 180px; height: 1px; background: #E77817; border: none; margin-right: auto; margin-left: 0; }
.ind_pn3 figure figcaption section span { text-align: left; font-size: 16px; color: #7d7d7d; line-height: 140%; display: block; }
.ind_pn3 figure figcaption section p { border: 1px solid #ccc; padding: 10px 10px; margin: 40px 0 16px 0; text-align: left; font-size: 14px; color: #919191; line-height: 180%; display: block; }
.ind_pn3 figure figcaption section .more1 { margin-top: 30px; }
.ind_pn3 .right { width: 50%; float: left; padding-left: 14px; }
.ind_pn3 .right div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 24.4% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn3 .right div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.ind_pn3 .right div { border: none; }
.ind_pn3 .right figcaption { padding: 21.8% 0; }
.ind_pn3 .right figcaption section { text-align: center; }
.ind_pn3 .right figcaption section h5 { text-align: center; }
.ind_pn3 .right figcaption section hr { margin-left: auto; margin-right: auto; }
.ind_pn3 .right figcaption section span { text-align: center; }
@media only screen and (min-width: 0px) and (max-width: 1670px) { .ind_pn3 figure figcaption section { padding: 10px 14px; }
    .ind_pn3 figure figcaption section h5 { font-size: 18px; }
    .ind_pn3 figure figcaption section span { font-size: 14px; }
    .ind_pn3 figure figcaption section p { font-size: 12px; margin: 16px 0 16px 0; }
    .ind_pn3 figure figcaption section .more1 { margin-top: 10px; }
    .ind_pn3 .right figcaption section p { margin: 16px 0 20px 0; } }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .ind_pn3 { height: auto; }
    .ind_pn3 .left { width: 100%; float: none; }
    .ind_pn3 .left figure { width: 100%; float: none; }
    .ind_pn3 .left figure div { padding: 0; }
    .ind_pn3 .left figure div img { position: relative; }
    .ind_pn3 .left figure:nth-of-type(2) { display: flex; flex-direction: column; }
    .ind_pn3 .left figure:nth-of-type(2) div { order: 2; }
    .ind_pn3 figure figcaption { padding: 0; }
    .ind_pn3 figure figcaption section { position: relative; text-align: center; }
    .ind_pn3 figure figcaption section h5 { font-size: 1.375rem; text-align: center; }
    .ind_pn3 figure figcaption section hr { margin: 2% auto; width: 40px; height: 2px; }
    .ind_pn3 figure figcaption section span { font-size: 1.1rem; text-align: center; }
    .ind_pn3 figure figcaption section p { font-size: 1rem; text-align: center; margin-bottom: 0; }
    .ind_pn3 figure figcaption section .more1 { margin: 3% auto 0 auto; }
    .ind_pn3 .right { float: none; width: 100%; padding: 0; display: flex; flex-direction: column; }
    .ind_pn3 .right div { padding: 0; order: 2; }
    .ind_pn3 .right div img { position: relative; }
    .ind_pn3 .right figcaption { padding: 0; } }

.more1 { text-align: center; font-size: 14px; color: #ffffff; line-height: 180%; display: inline-block; width: 130px; padding: 4px 0; border-radius: 16px; background: #00011F; }
.more1 i { transition: 0.6s; font-family: "宋体"; display: inline-block; margin-left: 4px; font-style: normal; }
.more1:hover { background: #e77817; }
.more1:hover i { margin-left: 10px; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .more1 { font-size: 1.1rem; } }

.ind_pn4 { background: url("../img/ind_pn4_bg.jpg") no-repeat; background-size: cover; padding: 3% 400px 3% 3%; }
.ind_pn4 section { background: rgba(0, 1, 31, 0.83); width: 100%; height: 100%; padding: 20px 20px 20px 20px; }
.ind_pn4 section .panel1 { border-bottom: 1px solid #ccc; padding: 0 0 50px 36px; margin-bottom: 50px; display: flex; align-items: flex-start; justify-content: space-between; }
.ind_pn4 section .panel1 .tit4 { flex-shrink: 0; width: 270px; height: 100px; border: 1px solid #fff; padding: 8px 35px; }
.ind_pn4 section .panel1 .tit4 span { text-transform: uppercase; text-align: left; font-size: 18px; color: #e77817; line-height: 180%; display: block; }
.ind_pn4 section .panel1 .tit4 h4 { text-align: left; font-size: 30px; color: #fffefe; line-height: 180%; display: block; }
.ind_pn4 section .panel1 .content { padding: 0 0 0 5%; }
.ind_pn4 section .panel1 .content h5 { margin-bottom: 4px; text-align: left; font-size: 18px; color: #efefef; line-height: 180%; display: block; }
.ind_pn4 section .panel1 .content p { text-align: left; font-size: 14px; color: #c1bfbf; line-height: 160%; display: block; }
.ind_pn4 section .panel2 { padding: 0 30px 0 44px; }
.ind_pn4 section .panel2 h5 { text-align: center; font-size: 30px; color: #e77817; line-height: 140%; display: block; margin-bottom: 60px; }
.ind_pn4 section .panel2 ul{text-align:center;}
.ind_pn4 section .panel2 ul li { margin-right: 40px; display:inline-block; border: 1px solid #fff; border-radius: 8px; padding: 20px 60px 20px 30px; }
.ind_pn4 section .panel2 ul li .icon { width: 57px; height: 57px; display: block; margin: 0 auto 0 0; }
.ind_pn4 section .panel2 ul li:last-child { margin-right: 0; }
.ind_pn4 section .panel2 ul li h6 { text-align: left; font-size: 24px; color: #ffffff; line-height: 180%; display: block; font-weight: normal; }
.ind_pn4 section .panel2 ul li hr { width: 30px; height: 1px; background: #fff; border: none; margin-right: auto; margin-left: 0; }
.ind_pn4 section .panel2 ul li:nth-of-type(1) .icon { background: url("../img/ind_pn3_ico1.png") no-repeat; }
.ind_pn4 section .panel2 ul li:nth-of-type(2) .icon { background: url("../img/ind_pn3_ico2.png") no-repeat; }
.ind_pn4 section .panel2 ul li:nth-of-type(3) .icon { background: url("../img/ind_pn3_ico3.png") no-repeat; }
.ind_pn4 section .panel2 ul li:nth-of-type(4) .icon { background: url("../img/ind_pn3_ico4.png") no-repeat; }
.ind_pn4 .fixed_pic { position: absolute; right: -70px; bottom: -37px; min-width: 245px; }
.ind_pn4 .fixed_pic img { width: 80%; }
@media only screen and (min-width: 0px) and (max-width: 1600px) { .ind_pn4 section { display: flex; align-items: center; justify-content: space-between; }
    .ind_pn4 section .holder .panel1 { padding-left: 0; display: block; margin-bottom: 10px; padding-bottom: 10px; }
    .ind_pn4 section .holder .panel1 .tit4 { float: none; margin: 0 auto 2% auto; }
    .ind_pn4 section .holder .panel1 .tit4 span { text-align: center; }
    .ind_pn4 section .holder .panel1 .tit4 h4 { text-align: center; }
    .ind_pn4 section .holder .panel1 .content { padding: 0; }
    .ind_pn4 section .holder .panel1 .content h5 { text-align: center; }
    .ind_pn4 section .holder .panel1 .content p { text-align: left; }
    .ind_pn4 section .holder .panel2 { padding: 0 20px; }
    .ind_pn4 section .holder .panel2 h5 { margin-bottom: 20px; }
    .ind_pn4 section .holder .panel2 ul { text-align: center; }
    .ind_pn4 section .holder .panel2 ul li { padding: 10px; display: inline-block; float: none; margin-right: 10px; }
    .ind_pn4 section .holder .panel2 ul li .icon { margin: 0 auto; }
    .ind_pn4 section .holder .panel2 ul li h6 { text-align: center; }
    .ind_pn4 section .holder .panel2 ul li hr { margin: 0 auto; } }

@media only screen and (min-height: 0px) and (max-height: 700px){
    .ind_pn4 section .holder .panel2 h5{
        display:none;
    }
    .ind_pn4 section .holder .panel1 .tit4 {

    }
    .ind_pn4 section .panel1 .tit4{
        height:auto; border:none; padding: 0px 35px;
    }
    .ind_pn4 section .holder .panel1 .tit4 span{
        line-height:120%;
    }
    .ind_pn4 section .holder .panel1 .tit4 h4{
        line-height:100%;
    }
    .ind_pn4 section .more2{ margin: 14px auto 0 auto;}
}

@media only screen and (min-width: 0px) and (max-width: 1300px) { .ind_pn4 section { min-width: 720px; }
    .ind_pn4 .fixed_pic { right: -50px; } }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .ind_pn4 { padding: 0; }
    .ind_pn4 section { padding: 6% 2%; min-width: unset; }
    .ind_pn4 section .holder .panel1 { padding: 0; display: block; border-bottom: 0; margin-bottom: 3%; }
    .ind_pn4 section .holder .panel1 .tit4 { height: auto; border: none; padding: 0; margin: 0 auto; }
    .ind_pn4 section .holder .panel1 .tit4 span { font-size: 1.375rem; text-align: center; }
    .ind_pn4 section .holder .panel1 .tit4 h4 { font-size: 1.375rem; text-align: center; }
    .ind_pn4 section .holder .panel1 .content h5 { font-size: 1.375rem; }
    .ind_pn4 section .holder .panel1 .content p { font-size: 1.1rem; }
    .ind_pn4 section .holder .panel2 { padding: 0 3%; }
    .ind_pn4 section .holder .panel2 h5 { font-size: 1.375rem; margin-bottom: 4%; }
    .ind_pn4 section .holder .panel2 ul { text-align: center; }
    .ind_pn4 section .holder .panel2 ul li { margin: 2%; padding: 3% 2%; float: none; width: 120px; display: inline-block; }
    .ind_pn4 section .holder .panel2 ul li h6 { text-align: center; font-size: 16px; }
    .ind_pn4 section .holder .panel2 ul li .icon { margin: 0 auto; }
    .ind_pn4 section .holder .panel2 ul li hr { margin: 0 auto; }
    .ind_pn4 section .holder .panel2 ul li:last-child { margin: 2%; }
    .ind_pn4 section .holder .panel2 .more2 { margin: 2% auto 0 auto; background: #e77817; }
    .ind_pn4 .fixed_pic { display: none; } }

.more2 { background: #000; display: block; width: 165px; border-radius: 16px; margin: 30px auto 0 auto; text-align: center; padding: 2px 40px; color: #fff; font-size: 14px; }
.more2:hover { background: #e77817; }

.tit1 span { text-align: center; font-size: 18px; color: #6b6b6b; line-height: 180%; display: block; }
.tit1 h4 { text-align: center; font-size: 30px; color: #363636; line-height: 100%; margin-bottom:10px; display: block; }

.ind_pn5 { position: relative; height:100%; padding-top:75px;}
.ind_pn5 .holder{ height:100%;}

@media only screen and (min-width: 0px) and (max-width: 1330px) {
    .ind_pn5 .center{width:100%;}
}


@media screen and (max-height:600px){
    .ind_pn6{

    }
}


.ind_pn5 .bottom{height:50%;display:flex;align-items: center; justify-content: space-between;}

.ind_pn5 section { height:50%; background: url("../img/ind_pn5_bg.jpg") no-repeat; background-size: 100% auto; }
.ind_pn5 section .tit1 span { color: #fff; }
.ind_pn5 section .tit1 h4 { color: #fff; }
.ind_pn5 section .tit1{padding-top:6%;}
.ind_pn5 .ind_pn5_more { position: relative; padding: 10px 84px 10px 20px; display: block; background: #fff; width: 880px; margin: 4% auto 0 auto; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.6); }
.ind_pn5 .ind_pn5_more h5 { text-align: left; font-size: 16px; color: #464646; line-height: 180%; display: block; margin-bottom: 14px; }
.ind_pn5 .ind_pn5_more p { text-align: left; font-size: 14px; color: #6e6e6e; line-height: 180%; display: block; text-indent: 2em; }
.ind_pn5 .ind_pn5_more .ico { transition: 0.6s; display: block; position: absolute; top: 50%; filter: grayscale(1); background: url("../img/ind_pn5_more.png") no-repeat; margin-top: -15px; font-size: 28px; right: 28px; width: 37px; height: 19px; }
.ind_pn5 .ind_pn5_more:hover i { color: #fff; right: 20px; filter: grayscale(0); }
.ind_pn5 .swiper-container{}
.ind_pn5 .swiper-container .swiper-wrapper .swiper-slide div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 43% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn5 .swiper-container .swiper-wrapper .swiper-slide div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.ind_pn5 .swiper-container .swiper-wrapper .swiper-slide a { display: block; }
.ind_pn5 .swiper-container .swiper-wrapper .swiper-slide a figure div { border-bottom: none; }
.ind_pn5 .swiper-container .swiper-wrapper .swiper-slide a figure div img { transition: 1s; padding:10px;}
.ind_pn5 .swiper-container .swiper-wrapper .swiper-slide a figure figcaption { border: 1px solid #ccc; transition: 0.6s; text-align: center; font-size: 18px; color: #414040; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ind_pn5 .swiper-container .swiper-wrapper .swiper-slide a:hover figure div img { transform: scale(1.1); }
.ind_pn5 .swiper-container .swiper-wrapper .swiper-slide a:hover figure figcaption { color: #e77817; }
.ind_pn5 .swiper-pagination { display: none; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .ind_pn5 section { padding: 6% 0; }
    .ind_pn5 .ind_pn5_more .ico { display: none; }
    .ind_pn5 .swiper-container { margin: 4% 2% 0 2%; }
    .ind_pn5 .swiper-container .swiper-wrapper .swiper-slide a figure figcaption { font-size: 1.1rem; }
    .ind_pn5 .swiper-pagination { position: relative; display: block; }
    .ind_pn5 .swiper-pagination .swiper-pagination-bullet { margin: 0 4px; }
    .ind_pn5 .swiper-pagination .swiper-pagination-bullet-active { background: #e77817; }
    .ind_pn5 .ind_pn5_more { padding: 2%; box-shadow: none; margin: 0 auto; width: 100%; }
    .ind_pn5 .ind_pn5_more div h5 { text-align: center; margin-bottom: 1%; }
    .ind_pn5 .ind_pn5_more i { display: none; } }
@media only screen and (min-height: 0px) and (max-height: 700px) {
    .ind_pn5 section .tit1{padding-top:2%;}
    .ind_pn5 .ind_pn5_more{margin:2% auto 0 auto;}
}

@media only screen and (min-height: 700px) and (max-height: 1024px){
    .ind_pn5 .swiper-container{
    }
}

@media only screen and (min-width: 0px) and (max-width: 1024px) { .tit1 span { font-size: 1.1rem; }
    .ind_pn5{ padding-top:0; }
    .ind_pn5 section{padding:0;}
    .tit1 h4 { font-size: 1.375rem; } }


.ind_pn6 { display: flex; align-items: center; justify-content: space-between;background: url("../img/ind_pn6_bg.jpg") no-repeat; background-size: cover; padding: 1% 0; }
.ind_pn6 .tit1 { margin-bottom: 0; }
.ind_pn6 .ind_pn6_swiper1 { margin-top: 0; }
.ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide { width: 100% !important; }
.ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide li { padding: 10px; }
.ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide li a figure { display: flex; align-items: flex-start; justify-content: space-between; transition: 0.6s; }
.ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide li a figure div { width: 270px; height: 160px; flex-shrink: 0; }
.ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide li a figure div img { width: 100%; height: 100%; object-fit: cover; }
.ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide li a figure figcaption { width: 70%; height: 160px; padding: 0 0 0 2%; transition: 0.6s; }
.ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide li a figure figcaption time { text-align: left; font-size: 18px; color: #464646; line-height: 180%; display: block; }
.ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide li a figure figcaption h5 { text-align: left; font-size: 18PX; color: #464646; line-height: 180%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 64.8PX; margin-bottom: 10px; }
.ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide li a figure figcaption p { text-align: left; font-size: 14px; color: #989898; line-height: 180%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 50.4px; }
.ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide li a:hover figure { box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.4); }
.ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide li a:hover figure figcaption { background: #FFFFFF; }
.ind_pn6 .ind_pn6_swiper1 .swiper-pagination { position: relative; width: 100%; bottom: 0; }
.ind_pn6 .ind_pn6_swiper1 .swiper-pagination .swiper-pagination-bullet { background: transparent; border: 1px solid #e77817; }
.ind_pn6 .ind_pn6_swiper1 .swiper-pagination .swiper-pagination-bullet-active { background: #e77817; }
.ind_pn6 .ind_pn6_swiper2 .swiper-wrapper .swiper-slide div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 34% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn6 .ind_pn6_swiper2 .swiper-wrapper .swiper-slide div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.ind_pn6 .ind_pn6_swiper2 .swiper-wrapper .swiper-slide a { display: block; }
.ind_pn6 .ind_pn6_swiper2 .swiper-wrapper .swiper-slide a figure figcaption { background: #fff; padding: 2%; }
.ind_pn6 .ind_pn6_swiper2 .swiper-wrapper .swiper-slide a figure figcaption time { text-align: left; font-size: 1rem; color: #545454; line-height: 180%; display: block; display: none; }
.ind_pn6 .ind_pn6_swiper2 .swiper-wrapper .swiper-slide a figure figcaption h5 { text-align: left; font-size: 18px; color: #464646; line-height: 140%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ind_pn6 .ind_pn6_swiper2 .swiper-wrapper .swiper-slide a figure figcaption p { text-align: left; font-size: 1.1rem; color: #989898; line-height: 140%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 3.08rem; }
.ind_pn6 .ind_pn6_swiper2 .swiper-pagination { position: relative; bottom: 0; }
.ind_pn6 .ind_pn6_swiper2 .swiper-pagination .swiper-pagination-bullet-active { background: #e77817; }
@media only screen and (min-width: 1024px) and (max-width: 3840px) { .ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide { width: 100%; }
    .ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide > li { width: 48.5%; margin: 3% 3% 0 0; position: relative; float: left; }
    .ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide > li:nth-of-type(2n) { margin-right: 0; }
    .ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide > li:nth-child(-n+2) { margin-top: 0; }
    .ind_pn6 .ind_pn6_swiper1 .swiper-wrapper .swiper-slide:after { display: block; clear: both; content: ""; visibility: hidden; }
    .ind_pn6 .ind_pn6_swiper2 { display: none; } }
@media only screen and (min-width: 0px) and (max-width: 1024px) {
    .ind_pn6{display:none;}
    .ind_pn6 .swiper-container { margin-top: 2%; }
    .ind_pn6 .swiper-container .swiper-wrapper .swiper-slide li a figure { display: block; }
    .ind_pn6 .swiper-container .swiper-wrapper .swiper-slide li a figure figcaption { height: auto; width: 100%; padding: 0 2%; }
    .ind_pn6 .ind_pn6_swiper1 { display: none; } }

.pub_tit { text-align: center; margin-bottom: 30px; }
.pub_tit h4 { border-left: 4px solid #DA251D; padding-left: 10px; text-align: center; font-size: 24px; color: #3e3e3e; line-height: 140%; display: inline-block; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .pub_tit { margin-bottom: 4%; }
    .pub_tit h4 { font-size: 1.375rem; } }

.abo_pn1 { padding-top: 50px; padding-bottom: 50px; }
.abo_pn1 p { text-align: center; font-size: 14px; color: #828282; line-height: 180%; display: block; }
.abo_pn1 img { margin: 30px auto 0 auto; max-width: 100%; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .abo_pn1 { padding-top: 6%; padding-bottom: 6%; }
    .abo_pn1 p { font-size: 1.1rem; text-align: left; text-indent: 2em; } }

.abo_pn2 { background: url("../img/abo_pn2_bg.jpg") no-repeat center center; background-size: cover; padding-top: 50px; padding-bottom: 100px; }
.abo_pn2 .pub_tit h4 { color: #fff; }
.abo_pn2 figure { display: flex; align-items: center; justify-content: space-between; padding: 24px 36px; background: rgba(255, 255, 255, 0.7); }
.abo_pn2 figure div { flex-shrink: 0; }
.abo_pn2 figure figcaption { margin-left: 70px; text-align: left; font-size: 14px; color: #7c7c7c; line-height: 180%; display: block; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .abo_pn2 { padding-top: 6%; padding-bottom: 6%; }
    .abo_pn2 .pub_tit h4 { color: #48362F; }
    .abo_pn2 figure { display: block; padding: 2% 3%; }
    .abo_pn2 figure div img { margin: 0 auto 4% auto; }
    .abo_pn2 figure figcaption { font-size: 1.1rem; margin: 0; } }

.item_ul li a div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 40% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.item_ul li a div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.item_ul li a figure { border: 1px solid #ccc; }
.item_ul li a figure div { border: none; border-bottom: 1px solid #ccc; }
.item_ul li a figure div img { transition: 1.5s; }
.item_ul li a figure figcaption { transition: 0.6s; padding: 6px 12px; background: rgba(0, 0, 0, 0.6); width: 100%; position: absolute; bottom: 0; left: 0; }
.item_ul li a figure figcaption h5 { transition: 0.6s; text-align: left; font-size: 16px; color: #fff; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.item_ul li a figure figcaption p { transition: 0.6s; text-align: left; font-size: 14px; color: #626262; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.item_ul li a:hover figure div img { transform: scale(1.2); }
.item_ul li a:hover figure figcaption { background: rgba(231, 120, 23, 0.9); width: 95%; bottom: 2%; left: 2.5%; }
.item_ul li a:hover figure figcaption h5 { color: #fff; }
@media only screen and (min-width: 640px) and (max-width: 3840px) { .item_ul { width: 100%; }
    .item_ul > li { width: 32.667%; margin: 1% 1% 0 0; position: relative; float: left; }
    .item_ul > li:nth-of-type(3n) { margin-right: 0; }
    .item_ul > li:nth-child(-n+3) { margin-top: 0; }
    .item_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 400px) and (max-width: 640px) { .item_ul { width: 100%; }
    .item_ul > li { width: 49%; margin: 2% 2% 0 0; position: relative; float: left; }
    .item_ul > li:nth-of-type(2n) { margin-right: 0; }
    .item_ul > li:nth-child(-n+2) { margin-top: 0; }
    .item_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 0px) and (max-width: 400px) { .item_ul { width: 100%; }
    .item_ul > li { width: 100%; margin: 3% 0 0 0; position: relative; }
    .item_ul > li:nth-of-type(1n) { margin-right: 0; }
    .item_ul > li:nth-of-type(1) { margin-top: 0; }
    .item_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .item_ul li a figure figcaption { padding: 1% 2%; }
    .item_ul li a figure figcaption h5 { font-size: 1.1rem; text-align: center; }
    .item_ul li a figure figcaption p { display: none; font-size: 1rem; } }

.item_ul2 li a div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 60% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.item_ul2 li a div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.item_ul2 li a figure div { border-bottom: 1px solid #ccc; }
.item_ul2 li a figure div img { transition: 1.5s; }
.item_ul2 li a figure figcaption { transition: 0.6s; padding: 6px 12px; width: 100%; }
.item_ul2 li a figure figcaption h5 { transition: 0.6s; text-align: center; font-size: 16px; color: #5b5c5c; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.item_ul2 li a:hover figure div img { transform: scale(1.2); }
.item_ul2 li a:hover figure figcaption h5 { color: #e77817; }
@media only screen and (min-width: 640px) and (max-width: 3840px) { .item_ul2 { width: 100%; }
    .item_ul2 > li { width: 22.75%; margin: 3% 3% 0 0; position: relative; float: left; }
    .item_ul2 > li:nth-of-type(4n) { margin-right: 0; }
    .item_ul2 > li:nth-child(-n+4) { margin-top: 0; }
    .item_ul2:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 400px) and (max-width: 640px) { .item_ul2 { width: 100%; }
    .item_ul2 > li { width: 49%; margin: 2% 2% 0 0; position: relative; float: left; }
    .item_ul2 > li:nth-of-type(2n) { margin-right: 0; }
    .item_ul2 > li:nth-child(-n+2) { margin-top: 0; }
    .item_ul2:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 0px) and (max-width: 400px) { .item_ul2 { width: 100%; }
    .item_ul2 > li { width: 100%; margin: 3% 0 0 0; position: relative; }
    .item_ul2 > li:nth-of-type(1n) { margin-right: 0; }
    .item_ul2 > li:nth-of-type(1) { margin-top: 0; }
    .item_ul2:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .item_ul2 li a figure figcaption { padding: 1% 2%; }
    .item_ul2 li a figure figcaption h5 { font-size: 1.1rem; text-align: center; }
    .item_ul2 li a figure figcaption p { display: none; font-size: 1rem; } }

.brand_ul { border-top: 1px solid #ccc; }
.brand_ul li { padding: 20px 50px 20px 0; }
.brand_ul li h5 { text-align: left; font-size: 51px; color: #e77817; line-height: 180%; display: block; font-weight: bold; }
.brand_ul li p { text-align: left; font-size: 16px; color: #4f4f4f; line-height: 180%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; max-height: 259.2px; }
@media only screen and (min-width: 1024px) and (max-width: 3840px) { .brand_ul { width: 100%; }
    .brand_ul > li { width: 25%; margin: 0 0 0 0; position: relative; float: left; }
    .brand_ul > li:nth-of-type(4n) { margin-right: 0; }
    .brand_ul > li:nth-child(-n+4) { margin-top: 0; }
    .brand_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .brand_ul { border-top: none; }
    .brand_ul li { padding: 0; margin-bottom: 14px; }
    .brand_ul li h5 { font-size: 1.375rem; text-align: center; }
    .brand_ul li p { font-size: 1.1rem; height: auto; max-height: unset; text-align: center; }
    .brand_ul li:last-child { margin-bottom: 0; } }

.flex_bottom { padding: 14px 0; transition: 0.6s; position: fixed; z-index: 1; width: 100%; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); }
.flex_bottom .center { display: flex; align-items: center; justify-content: space-between; position: relative; }
.flex_bottom .center .flex_logo { width: 210px; }
.flex_bottom .center section h5 { text-align: left; font-size: 17px; color: #ff8d28; line-height: 140%; display: block; font-style: italic; }
.flex_bottom .center section p { text-align: left; font-size: 32px; color: #da251d; line-height: 100%; display: block; font-style: italic; }
.flex_bottom .center form input { border: none; height: 29px; padding: 5px 0; text-indent: 8px; }
.flex_bottom .center form select { width: 100px; cursor: pointer; padding: 4px 0; height: 29px; border: none; }
.flex_bottom .center form select option { cursor: pointer; }
.flex_bottom .center form .submit { text-indent: 0; padding: 0 28px; cursor: pointer; transition: 0.6s; background: #DA251D; color: #fff; }
.flex_bottom .center form .submit:hover { background: #ff8d28; }
.flex_bottom .center .close { position: absolute; cursor: pointer; color: #fff; right: 50%; top: -14px; margin-right: -653px; }
.flex_bottom .center .close i { transition: 0.6s; }
.flex_bottom .center .close span { transition: 0.6s; display: inline-block; font-size: 14px; margin-left: 4px; }
.flex_bottom .center .close:hover i { color: #e77817; }
.flex_bottom .center .close:hover span { color: #e77817; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .flex_bottom { display: none; } }

.feedback { background: #FFFFFF; }
.feedback .left { width: 632px; float: left; padding: 50px 0 50px 40px; }
.feedback .left .feedback_form h5 { text-align: left; font-size: 30px; color: #222222; line-height: 120%; display: block; margin-bottom: 15px; }
.feedback .left .feedback_form h5 span { display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 18px; }
.feedback .left .feedback_form .tr { border-bottom: 1px solid #ccc; margin-bottom: 8px; padding: 13px 0; }
.feedback .left .feedback_form .tr:nth-of-type(1) { border-bottom: none; }
.feedback .left .feedback_form .tr:nth-of-type(1) .td { width: 48%; float: left; border-bottom: 1px solid #ccc; }
.feedback .left .feedback_form .tr:nth-of-type(1) .td:nth-of-type(1) { margin-right: 4%; }
.feedback .left .feedback_form .tr:last-child { margin-bottom: 0; border-bottom: none; }
.feedback .left .feedback_form .tr:nth-of-type(4) { padding-bottom: 4px; }
.feedback .left .feedback_form .tr .td { text-align: center; font-size: 18px; color: #222222; line-height: 180%; display: block; }
.feedback .left .feedback_form .tr span { text-align: left; font-size: 18px; color: #222222; line-height: 180%; display: inline-block; }
.feedback .left .feedback_form .tr input { text-indent: 7px; font-size: 18px; border: none; width: 188px; }
.feedback .left .feedback_form .tr select { border: none; width: 150px; }
.feedback .left .feedback_form .tr textarea { width: 390px; border: none; resize: none; text-indent: 4px; vertical-align: middle; }
.feedback .left .feedback_form .tr .submit { cursor: pointer; transition: 0.6s; padding: 6px 0; border: 0; background: #E67015; width: 238px; display: inline-block; color: #fff; text-align: center; text-indent: 0; margin-right: 10px; }
.feedback .left .feedback_form .tr .submit:hover { background: #DA251D; }
.feedback .left .feedback_form .tr .reset { cursor: pointer; transition: 0.6s; padding: 6px 0; border: 0; background: #D1D1D1; width: 238px; display: inline-block; color: #fff; text-align: center; text-indent: 0; margin-right: 10px; }
.feedback .left .feedback_form .tr .reset:hover { background: #DA251D; }
.feedback .right { width: 568px; float: left; }
.feedback .right img { margin: 0 0 0 auto; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .feedback .left { width: auto; float: none; padding: 2%; }
    .feedback .left .feedback_form h5 em { display: none; }
    .feedback .left .feedback_form h5 span { margin-top: 2%; display: none; }
    .feedback .left .feedback_form .tr { padding: 1% 0; margin-bottom: 1%; }
    .feedback .left .feedback_form .tr .submit { width: auto; padding: 5px 15px; font-size: 14px; }
    .feedback .left .feedback_form .tr .reset { width: auto; padding: 5px 15px; font-size: 14px; }
    .feedback .left .feedback_form h5 { font-size: 1.375rem; text-align: center; }
    .feedback .right { display: none; width: auto; float: none; } }
@media only screen and (min-width: 0px) and (max-width: 640px) { .feedback { background: transparent; }
    .feedback .left .feedback_form .tr { border-bottom: none !important; }
    .feedback .left .feedback_form .tr .td { width: 100% !important; text-align: left; margin: 0 0 2% 0 !important; border-bottom: none !important; }
    .feedback .left .feedback_form .tr .td input { padding: 4px 3px; width: 100%; background: #fff; }
    .feedback .left .feedback_form .tr select { width: 100%; padding: 6px 0; margin: 4px 0; background: #fff; }
    .feedback .left .feedback_form .tr span { font-size: 14px !important; display: block; }
    .feedback .left .feedback_form .tr textarea { width: 100%; height: 80px; background: #fff; } }

.pro_view_pn1 { margin-bottom: 30px; background: #fff; padding: 50px 40px; }
.pro_view_pn1 .pro_view_bpic { width: 530px; float: left; }
.pro_view_pn1 .pro_view_bpic .gallery-top { width: 100%; }
.pro_view_pn1 .pro_view_bpic .gallery-top .swiper-wrapper .swiper-slide div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 36% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.pro_view_pn1 .pro_view_bpic .gallery-top .swiper-wrapper .swiper-slide div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.pro_view_pn1 .pro_view_bpic .gallery-top .swiper-wrapper .swiper-slide div { border: 1px solid #e77817; }
.pro_view_pn1 .pro_view_bpic .gallery-top .swiper-wrapper .swiper-slide p { width: 100%; height: 54px; background: rgba(0, 0, 0, 0.4); text-align: center; font-size: 14px; color: #fff; line-height: 180%; display: block; position: absolute; bottom: 0; left: 0; z-index: 2; line-height: 54px; }
.pro_view_pn1 .pro_view_bpic .gallery-top .swiper-pagination { display: none; }
.pro_view_pn1 .pro_view_bpic .gallery-thumbs { box-sizing: border-box; padding: 10px 0; }
.pro_view_pn1 .pro_view_bpic .gallery-thumbs .swiper-wrapper { transform: translate3d(0px, 0px, 0px) !important; }
.pro_view_pn1 .pro_view_bpic .gallery-thumbs .swiper-wrapper .swiper-slide { transition: 0.6s; cursor: pointer; opacity: 0.4; width: 125px; height: 100px; border-radius: 4px; }
.pro_view_pn1 .pro_view_bpic .gallery-thumbs .swiper-wrapper .swiper-slide img { border: 1px solid #e77817; width: 100%; height: 100%; object-fit: contain; }
.pro_view_pn1 .pro_view_bpic .gallery-thumbs .swiper-slide-active { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); opacity: 1 !important; }
.pro_view_pn1 .pro_view_summary { float: left; width: 590px; padding: 0 0 0 4%; }
.pro_view_pn1 .pro_view_summary h1 { text-align: left; font-size: 28px; color: #e77817; line-height: 140%; display: block; border-bottom: 1px solid #ccc; font-weight: bold; padding: 0 0 20px 15px; }
.pro_view_pn1 .pro_view_summary h1 span { color: #e42237; }
.pro_view_pn1 .pro_view_summary section { padding: 16px 0; }
.pro_view_pn1 .pro_view_summary section .word_content { text-align: left; font-size: 14px; color: #474747; line-height: 180%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; height: 100.8px; }
.pro_view_pn1 .pro_view_summary section p { text-align: left; font-size: 16px; color: #6d6d6d; line-height: 180%; display: block; margin: 0 0 7px 0; }
.pro_view_pn1 .pro_view_summary section p span { font-weight: bold; }
.pro_view_pn1 .pro_view_summary section div { text-align: center; font-size: 16px; color: #ffffff; line-height: 180%; display: inline-block; background: #e77817; padding: 5px 10px; margin: 20px 0 0 0; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .pro_view_pn1 { margin-bottom: 2%; padding: 0; }
    .pro_view_pn1 .pro_view_bpic { float: none; margin: 0 auto 14px auto; max-width: 100%; }
    .pro_view_pn1 .pro_view_bpic .gallery-thumbs { display: none; }
    .pro_view_pn1 .pro_view_summary { float: none; margin: 0 auto; width: 100%; padding: 0; }
    .pro_view_pn1 .pro_view_summary h1 { font-size: 1.375rem; padding: 0 0 1% 0; }
    .pro_view_pn1 .pro_view_summary section { padding: 1% 0; }
    .pro_view_pn1 .pro_view_summary section p { font-size: 1.1rem; }
    .pro_view_pn1 .pro_view_summary section div { font-size: 1.1rem; margin: 0; } }

.pro_view_pn2 .left { padding: 50px 20px; background: #fff; float: left; width: 900px; margin-right: 20px; }
.pro_view_pn2 .left .pro_view_tit { margin-bottom: 14px; }
.pro_view_pn2 .left .pro_view_tit h4 { font-weight: bold; position: relative; text-align: left; font-size: 28px; color: #e77817; line-height: 100%; display: inline-block; }
.pro_view_pn2 .left .pro_view_tit h4:after { position: absolute; content: ""; width: 720px; height: 1px; background: #F9DDC5; left: 130px; top: 14px; }
.pro_view_pn2 .left .pro_view_tit span { text-align: left; font-size: 16px; color: #cdcdcd; line-height: 140%; display: block; }
.pro_view_pn2 .left .word_content .btn { margin-top: 20px; }
.pro_view_pn2 .left .word_content .btn a { padding: 8px 0; text-align: center; font-size: 14px; color: #fff; line-height: 120%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #464646; width: 50%; float: left; }
.pro_view_pn2 .left .word_content .btn a:hover { background: #e77817; }
.pro_view_pn2 .left .word_content .btn .prev { border-right: 1px solid #ccc; }
.pro_view_pn2 .left .word_content .btn .next { border-left: 1px solid #ccc; }
.pro_view_pn2 .right { float: left; width: 280px; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .pro_view_pn2 { padding-top: 2%; }
    .pro_view_pn2 .left { float: none; margin: 0 auto; padding: 0; width: 100%; }
    .pro_view_pn2 .left .pro_view_tit { margin: 0; }
    .pro_view_pn2 .left .pro_view_tit h4 { font-size: 1.375rem; margin-bottom: 2%; display: block; text-align: center; }
    .pro_view_pn2 .left .pro_view_tit h4:after { display: none; }
    .pro_view_pn2 .left .pro_view_tit span { text-align: center; font-size: 1.1rem; }
    .pro_view_pn2 .left .word_content .btn { margin-top: 2%; }
    .pro_view_pn2 .left .word_content .btn a span { display: none; }
    .pro_view_pn2 .right { float: none; width: 100%; margin: 0 auto; display: none; } }

.pub_aside { background: #fff; }
.pub_aside > h5 { text-align: left; font-size: 22px; color: #e77817; line-height: 180%; display: block; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 14px; }
.pub_aside > h5 span { text-align: left; font-size: 13px; color: #cdcdcd; line-height: 180%; display: block; text-transform: uppercase; }
.pub_aside .aside_ul li { margin-bottom: 14px; }
.pub_aside .aside_ul li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 43% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.pub_aside .aside_ul li div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.pub_aside .aside_ul li a figure div img { transition: 1s; }
.pub_aside .aside_ul li a figure figcaption { padding: 10px 10px; transition: 0.6s; }
.pub_aside .aside_ul li a figure figcaption h5 { transition: 0.6s; text-align: center; font-size: 16px; color: #1b1b1b; line-height: 100%; display: block; margin-bottom: 4px; }
.pub_aside .aside_ul li a figure figcaption span { transition: 0.6s; text-align: center; font-size: 14px; color: #1b1b1b; line-height: 120%; display: block; }
.pub_aside .aside_ul li a:hover figure div img { transform: scale(1.1); }
.pub_aside .aside_ul li a:hover figure figcaption { background: #e77817; }
.pub_aside .aside_ul li a:hover figure figcaption h5 { color: #fff; }
.pub_aside .aside_ul li a:hover figure figcaption span { color: #fff; }
.pub_aside .aside_ul li:last-child { margin-bottom: 0; }

.jmlc_ul li div { display: inline-block; padding-left: 26px; background: url("../img/jmlc_ico.png") no-repeat left center; vertical-align: top; margin-right: 10px; }
.jmlc_ul li div span { width: 44px; height: 44px; line-height: 44px; background: #e77817; border-radius: 50%; color: #fff; font-size: 24px; text-align: center; display: inline-block; font-weight: bold; }
.jmlc_ul li section { width: 490px; display: inline-block; }
.jmlc_ul li section h5 { text-align: left; font-size: 18px; color: #000000; line-height: 180%; display: inline-block; vertical-align: middle; }
.jmlc_ul li section p { background: #E6E6E6; padding: 10px 24px; height: 84px; text-align: left; font-size: 18px; color: #000000; line-height: 180%; display: inline-block; }
@media only screen and (min-width: 1024px) and (max-width: 3840px) { .jmlc_ul { width: 100%; }
    .jmlc_ul > li { width: 48.5%; margin: 3% 3% 0 0; position: relative; float: left; }
    .jmlc_ul > li:nth-of-type(2n) { margin-right: 0; }
    .jmlc_ul > li:nth-child(-n+2) { margin-top: 0; }
    .jmlc_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .jmlc_ul { width: 576px; margin: 0 auto; }
    .jmlc_ul li { margin-bottom: 2%; }
    .jmlc_ul li div span { font-size: 1.1rem; }
    .jmlc_ul li p { font-size: 1.1rem; }
    .jmlc_ul li:last-child { margin-bottom: 0; } }
@media only screen and (min-width: 0px) and (max-width: 640px) { .jmlc_ul { width: 100%; }
    .jmlc_ul li div { padding: 0; background: none; display: block; text-align: center; }
    .jmlc_ul li section { width: 100%; padding: 4px 0 0 0; text-align: center; }
    .jmlc_ul li section h5 { text-align: center; font-size: 1.375rem; }
    .jmlc_ul li section p { padding: 1% 2%; font-size: 1.1rem; } }

.join section { margin-bottom: 20px; }
.join section figure { width: 49.5%; height: 282px; float: left; }
.join section figure img { width: 100%; height: 100%; object-fit: cover; }
.join section figure:nth-of-type(1) { margin-right: 1%; }
.join .join_ul li { padding: 20px 0; border-bottom: 1px solid #ccc; }
.join .join_ul li h5 { font-weight: bold; text-align: left; font-size: 20px; color: #e77817; line-height: 180%; display: block; margin-bottom: 10px; }
.join .join_ul li p { text-align: left; font-size: 16px; color: #302f2f; line-height: 180%; display: block; }
.join .join_ul li:last-child { border-bottom: none; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .join .join_ul li { padding: 2% 0; }
    .join .join_ul li h5 { font-size: 1.375rem; margin: 0; }
    .join .join_ul li p { font-size: 1.1rem; } }
@media only screen and (min-width: 0px) and (max-width: 530px) { .join section { margin: 0; }
    .join section figure { width: 100%; margin-bottom: 2%; height: auto; float: none; }
    .join section figure:nth-of-type(2) { margin-bottom: 0; } }

.video_ul li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 34% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.video_ul li div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.video_ul li a figure div img { filter: brightness(0.6); }
.video_ul li a figure div:after { filter: grayscale(1); transition: 0.6s; transform: translateX(-24px) translateY(-24px); position: absolute; content: ""; width: 49px; height: 49px; background: url("../img/video_ico.png") no-repeat; left: 50%; top: 50%; }
.video_ul li a figure figcaption { padding-bottom: 8px; transition: 0.6s; text-align: left; font-size: 16px; color: #424242; line-height: 120%; display: block; margin-top: 10px; }
.video_ul li a figure:after { transition: 0.6s; position: absolute; content: ""; width: 0; height: 2px; background: #e77817; left: 0; bottom: 0; }
.video_ul li a:hover figure div img { filter: brightness(1); }
.video_ul li a:hover figure div:after { filter: grayscale(0); }
.video_ul li a:hover figure figcaption { color: #e77817; }
.video_ul li a:hover figure:after { width: 100%; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .video_ul li a figure figcaption { margin: 4px 0 0 0; text-align: center; } }
@media only screen and (min-width: 640px) and (max-width: 3840px) { .video_ul { width: 100%; }
    .video_ul > li { width: 32%; margin: 2% 2% 0 0; position: relative; float: left; }
    .video_ul > li:nth-of-type(3n) { margin-right: 0; }
    .video_ul > li:nth-child(-n+3) { margin-top: 0; }
    .video_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 400px) and (max-width: 640px) { .video_ul { width: 100%; }
    .video_ul > li { width: 48.5%; margin: 3% 3% 0 0; position: relative; float: left; }
    .video_ul > li:nth-of-type(2n) { margin-right: 0; }
    .video_ul > li:nth-child(-n+2) { margin-top: 0; }
    .video_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 0px) and (max-width: 400px) { .video_ul { width: 100%; }
    .video_ul > li { width: 100%; margin: 3% 0 0 0; position: relative; }
    .video_ul > li:nth-of-type(1n) { margin-right: 0; }
    .video_ul > li:nth-of-type(1) { margin-top: 0; }
    .video_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }

.news .left { float: left; width: 900px; margin-right: 20px; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .news .left { float: none; width: 100%; } }

.news_ul li { margin-bottom: 16px; background: #fff; padding: 20px; transition: 0.6s; }
.news_ul li a { display: block; }
.news_ul li a figure div { width: 300px; height: 200px; float: left; }
.news_ul li a figure div img { width: 100%; height: 100%; object-fit: cover; }
.news_ul li a figure figcaption { width: 540px; height: 200px; float: left; padding: 20px 0 0 30px; }
.news_ul li a figure figcaption h5 { transition: 0.6s; text-align: left; font-size: 20px; color: #2f2f2f; line-height: 120%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_ul li a figure figcaption time { transition: 0.6s; margin: 16px 0 10px 0; text-align: left; font-size: 14px; color: #5e5e5e; line-height: 180%; display: block; }
.news_ul li a figure figcaption p { transition: 0.6s; text-align: left; font-size: 14px; color: #5e5e5e; line-height: 140%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 58.8px; }
.news_ul li:hover a figure figcaption h5 { color: #e77817; }
.news_ul li:hover a figure figcaption time { color: #e77817; }
.news_ul li:hover a figure figcaption p { color: #e77817; }
.news_ul li:after { display: block; clear: both; content: ""; visibility: hidden; }
.news_ul li:last-child { margin-bottom: 0; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .news_ul li { padding: 0; margin-bottom: 2%; }
    .news_ul li a figure { display: flex; align-items: center; justify-content: space-between; }
    .news_ul li a figure div { flex-shrink: 0; }
    .news_ul li a figure figcaption { width: 100%; background: #f5f5f5; }
    .news_ul li a figure figcaption h5 { font-size: 1.375rem; }
    .news_ul li a figure figcaption time { font-size: 1.1rem; margin: 0; }
    .news_ul li a figure figcaption p { font-size: 1.1rem; } }
@media only screen and (min-width: 0px) and (max-width: 640px) { .news_ul li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 34% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
    .news_ul li div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
    .news_ul li a figure { display: block !important; }
    .news_ul li a figure div { width: 100%; }
    .news_ul li a figure figcaption { padding: 2%; height: auto; } }

.pub_aside2 { float: left; width: 280px; }
.pub_aside2 section { padding: 20px 18px; background: #fff; margin-bottom: 20px; }
.pub_aside2 section h5 { padding: 0 0 7px 0; text-align: left; font-size: 16px; color: #050505; line-height: 140%; display: block; margin-bottom: 5px; border-bottom: 1px solid #C4C4C4; position: relative; }
.pub_aside2 section h5 i { vertical-align: middle; width: 22px; height: 22px; display: inline-block; margin-right: 6px; }
.pub_aside2 section h5:after { position: absolute; content: ""; width: 100px; height: 2px; background: #EA4D07; left: 0; bottom: -1px; }
.pub_aside2 section ul li { border-bottom: 1px solid #ccc; padding: 5px 0; }
.pub_aside2 section ul li a { text-align: left; font-size: 14px; color: #5e5e5e; line-height: 140%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pub_aside2 section ul li a:hover { color: #e77817; }
.pub_aside2 section ul li:last-child { border-bottom: none; }
.pub_aside2 section:last-child { margin-bottom: 0; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .pub_aside2 { display: none; } }

.news_view { padding: 50px 12px 50px 50px; background: #fff; }
.news_view .news_tit { position: relative; border-bottom: 1px solid #ccc; padding-bottom: 20px; }
.news_view .news_tit h1 { text-align: left; font-size: 24px; color: #383838; line-height: 180%; display: block; max-width: 90%; }
.news_view .news_tit p { text-align: left; font-size: 14px; color: #606060; line-height: 180%; display: block; }
.news_view .news_tit .back { text-align: left; font-size: 16px; color: #878787; line-height: 180%; display: inline-block; position: absolute; top: 0; right: 0; }
.news_view .news_tit .back i { margin-right: 8px; }
.news_view .news_tit .back:hover { color: #e77817; }
.news_view .word_content { margin: 30px 0; }
.news_view .news_pg { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 17px 0 17px 0; }
.news_view .news_pg li { width: 50%; float: left; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_view .news_pg li a { text-align: left; font-size: 14px; color: #707070; line-height: 140%; display: initial; }
.news_view .news_pg li a:hover { color: #e77817; }
.news_view .news_pg .next { text-align: right; }
.news_view .news_pg:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .news_view { padding: 2%; }
    .news_view .news_tit { padding-bottom: 2%; border-bottom: none; }
    .news_view .news_tit h1 { font-size: 1.375rem; }
    .news_view .news_tit p { font-size: 1.1rem; }
    .news_view .news_tit .back { position: relative; }
    .news_view .word_content { border-top: 1px solid #ccc; padding: 4px 0; margin: 4px 0; }
    .news_view .news_pg { border-bottom: none; padding: 2% 0; }
    .news_view .news_pg li { width: 100%; float: none; }
    .news_view .news_pg li a { font-size: 1rem; }
    .news_view .news_pg .next { text-align: left; } }

.item_ul3 li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 43% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.item_ul3 li div img { transition: 0.6s; background:#fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.item_ul3 li a figure div img { transition: 1s; }
.item_ul3 li a figure figcaption { height: 80px; padding: 10px 10px; transition: 0.6s; background: #FFFFFF; }
.item_ul3 li a figure figcaption h5 { transition: 0.6s; text-align: left; padding-left: 100px; font-size: 16px; color: #1b1b1b; line-height: 100%; display: block; margin-bottom: 4px; }
.item_ul3 li a figure figcaption span { transition: 0.6s; text-align: left; margin-top:5px; padding-left: 100px; font-size: 14px; color: #1b1b1b; line-height: 120%; display: block; }
.item_ul3 li a:hover figure div img { transform: scale(1.1); }
.item_ul3 li a:hover figure figcaption { background: #e77817; }
.item_ul3 li a:hover figure figcaption h5 { color: #fff; }
.item_ul3 li a:hover figure figcaption span { color: #fff; }
@media only screen and (min-width: 1024px) and (max-width: 3840px) { .item_ul3 { width: 100%; }
    .item_ul3 > li { width: 31.333%; margin: 3% 3% 0 0; position: relative; float: left; }
    .item_ul3 > li:nth-of-type(3n) { margin-right: 0; }
    .item_ul3 > li:nth-child(-n+3) { margin-top: 0; }
    .item_ul3:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 400px) and (max-width: 1024px) { .item_ul3 { width: 100%; }
    .item_ul3 > li { width: 49%; margin: 2% 2% 0 0; position: relative; float: left; }
    .item_ul3 > li:nth-of-type(2n) { margin-right: 0; }
    .item_ul3 > li:nth-child(-n+2) { margin-top: 0; }
    .item_ul3:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 0px) and (max-width: 400px) { .item_ul3 { width: 100%; }
    .item_ul3 > li { width: 100%; margin: 3% 0 0 0; position: relative; }
    .item_ul3 > li:nth-of-type(1n) { margin-right: 0; }
    .item_ul3 > li:nth-of-type(1) { margin-top: 0; }
    .item_ul3:after { display: block; clear: both; content: ""; visibility: hidden; } }

/*==network-box==*/
.cityList { display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 10px #ccc; }

.cityList-l { position: relative; width: 25%; height: 30px; margin-left: 30px; border: 1px solid #dcdcdc; }

.cityList-l input { box-sizing: border-box; width: 100%; height: 100%; padding: 0 30px 0 5px; border: none; outline: none; line-height: 28px; font-size: 14px; color: #d7d7d7; transition: .3s; }

.cityList-l input:focus { box-shadow: 0px 0px 10px #ccc; }

.cityList-l button { position: absolute; right: 0; top: 0; width: 28px; height: 28px; border: none; outline: none; background: transparent; line-height: 28px; font-size: 14px; color: #d7d7d7; text-align: center; cursor: pointer; }

.cityList-r { width: 56.8%; }

.cityList-r form { display: inline-block; width: 32.33%; }

.cityList-r form select { box-sizing: border-box; width: 100%; height: 60px; padding: 0 15px; border: none; border-left: 1px solid #eee; outline: none; font-size: 14px; color: #656565; cursor: pointer; background: #F7F7F7; }

.networkMap { float: left; width: 66%; }

.mapChose { float: right; box-sizing: border-box; width: 34%; height: 800px; overflow: hidden; padding: 0px 8px 0 0; }

.mapChose .swiper-slide { position: relative; height: 135px; padding-left: 70px; padding-top: 12px; border-bottom: 1px solid #eee; cursor: pointer; transition: .3s; }

.mapChose .swiper-slide:hover, .mapChose .swiper-slide.active { background: #fafafa; }

.mapChose .swiper-slide i { position: absolute; top: 12px; left: 10px; width: 40px; height: 40px; border-radius: 5px; background: #e76f30; line-height: 40px; font-size: 16px; color: #fff; text-align: center; font-style: normal; }

.mapChose .swiper-slide h6 { height: 25px; overflow: hidden; margin: 0; line-height: 24px; font-size: 16px; color: #2c2c2c; }

.mapChose .swiper-slide p { max-height: 48px; overflow: hidden; line-height: 24px; font-size: 14px; color: #a4a4a4; }

.mapChose .swiper-scrollbar { width: 10px; }

.mapChose .swiper-scrollbar-drag { background: #e76f30; }

@media screen and (max-width: 991px) { .network-box { width: 95%; margin: 30px auto; }
    .networkMap { display: none; }
    .mapChose { float: none; width: 100%; height: 310px; overflow: hidden; padding: 0 20px 0 0; margin-top: 15px; }
    .mapChose .swiper-slide { padding-top: 10px; padding-left: 45px; }
    .mapChose .swiper-slide i { top: 10px; width: 25px; height: 25px; line-height: 25px; } }
@media screen and (max-width: 767px) { .cityList { box-sizing: border-box; display: block; box-shadow: none; }
    .cityList-l { width: 100%; height: 38px; margin: 10px 0; }
    .cityList-r { width: 100%; }
    .cityList-r form { display: block; width: 100%; margin: 10px 0; }
    .cityList-r form select { height: 38px; padding: 0 10px; border: 1px solid #eee; } }
.president { margin: 25px 0px; }

.president img { float: left; width: 260px; height:260px; object-fit: cover; margin-right: 20px; }

.president p { line-height: 28px; font-size: 14px; color: #414141; text-indent: 2em; }

@media screen and (max-width: 414px) { .president img { float: none; display: block; width: 100%; margin: 0 auto 15px auto; } }
.contact { display: flex; align-items: center; justify-content: space-between; height: 400px; }
.contact .left { width: 60%; height: 400px; }
.contact .left #map { width: 100%; height: 100%; }
.contact .left #map #allmap { width: 100%; height: 100%; }
.contact .right { width: 40%; height: 400px; padding: 20px; display: flex; align-items: center; justify-content: space-between; background: #E6E6E6; }
.contact .right .word_content { width: 100%; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .contact { display: block; height: auto; }
    .contact .left { width: 100%; height: 250px; }
    .contact .right { width: 100%; height: auto; } }

.not_result_back { border-bottom: 1px solid #407fb2; color: #407fb2; }
.not_result_back:hover { color: #e77817; border-bottom: 1px solid #e77817; }


.fp-section.fp-table, .fp-slide.fp-table{
    overflow:hidden;
}


.ind_pn2_slide { overflow: hidden; width: 100%; height: 100%; margin: 0 auto; }
.ind_pn2_slide ul { height: 100%; }
.ind_pn2_slide ul li { float: left; height: 100%; width: 100px; }
.ind_pn2_slide ul li a { display: block; word-wrap: break-word; display: block; height: 100%; width: 100%; }
.ind_pn2_slide ul li a figure { position: relative; z-index: 10; width: 100%; height: 100%; }
.ind_pn2_slide ul li a figure > div { position: absolute; top: 0; left: 0; z-index: 8; width: 100%; height: 100%; }
.ind_pn2_slide ul li a figure > div > img { width: 100%; height: 100%; object-fit: cover; }
.ind_pn2_slide ul li a figure > figcaption { position: relative; z-index: 11; background: rgba(0, 0, 0, 0.6); height: 100%; width: 100px; display: flex; align-items: center; justify-content: space-between; }
.ind_pn2_slide ul li a figure > figcaption section { width: 100%; }
.ind_pn2_slide ul li a figure > figcaption section > img { transition: 0.6s; filter: grayscale(1); margin: 0 auto; display: block; }
.ind_pn2_slide ul li a figure > figcaption section h5 { transition: 0.6s; height: 406px; width: 28px; margin: 0 auto 20px auto; text-align: center; font-size: 26px; color: #ffffff; line-height: 120%; display: block; overflow: hidden; max-width: 100%; }
.ind_pn2_slide ul li a figure > figcaption section span { width: 35px; height: 17px; display: block; margin: 20px auto 0 auto; background: url("../img/ind_pn2_right.png") no-repeat; }
.ind_pn2_slide ul li a figure > figcaption section hr { margin-top: 20px; margin-bottom: 20px; transition: 0.6s; width: 24px; height: 1px; background: #E77817; border: none; margin-right: auto; margin-left: auto; }
.ind_pn2_slide ul li a figure > figcaption section .more3 { transition: 0.6s; text-align: center; width: 34px; height: 34px; background: url("../img/ind_pn2_ico.png") no-repeat; display: block; margin: 0 auto; line-height: 40px; filter: grayscale(1); }
.ind_pn2_slide ul li a:hover figure > div > img { filter: grayscale(0); }
.ind_pn2_slide ul li a:hover figure > figcaption section .more3 { filter: grayscale(0); }
.ind_pn2_slide ul li a:hover figure > figcaption section h5 { color: #e77817; }
.ind_pn2_slide ul li:nth-of-type(5) { width: 600px; }
.ind_pn2_slide ul .active a figure > figcaption section > img { filter: grayscale(0); }
.ind_pn2_slide ul .active a figure > figcaption section .more3 { filter: grayscale(0); }
.ind_pn2_slide ul .active a figure > figcaption section h5 { color: #e77817; }
.ind_pn2_slide ul:after { display: block; clear: both; content: ""; visibility: hidden; }
@media only screen and (min-width: 0px) and (max-width: 1024px) { .ind_pn2_slide { display: none; } }
@media only screen and (min-height: 0px) and (max-height: 650px) {
    .ind_pn2_slide ul li a figure > figcaption section h5 {height: 320px; }
}


.president {margin: 25px 0px}
.president img {
    float: left;
    width: 260px;
    margin-right: 20px;
}
.president p {
    line-height: 28px;
    font-size: 14px;
    color: #414141;
    text-indent: 2em;
}

@media screen and (max-width: 414px) {
    .president img {
        float: none;
        display: block;
        width: 100%;
        margin: 0px auto 15px auto;
    }
}

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