﻿@charset "utf-8";

/* 默认样式reset start*/
* {line-height: 1;box-sizing: border-box;margin: 0;padding: 0;}

html {overflow-x: hidden !important;overflow-y: auto;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: #eaf2fe;}

body {min-height: 100vh;background: #fff;overflow: hidden;}
a {transition: all .36s;text-decoration: none;}

a:hover {text-decoration: none;}

a:focus {text-decoration: none;outline: none;}

a:not([href]) {cursor: default;}

ul,
ol,
li {margin: 0;list-style-type: none;}

h1,
h2,
h3,
h4,
h5,
h6,
p {font-weight: normal;margin: 0;line-height: 1;}

p {word-wrap: break-word;word-break: normal;}

h1 {font-size: 36px;}

h2 {font-size: 30px;}

h3 {font-size: 24px;}

h4 {font-size: 18px;}

h5 {font-size: 14px;}

h6 {font-size: 12px;}

img,
video {max-width: 100%;vertical-align: middle;}

img{image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}

video {background: #000;outline: 0;}

body,
button,
input,
select,
textarea {font-size: 14px;line-height: 1;margin: 0;color: #333;border: 0;outline: none;background: none;}

form {width: 100%;}

input,
textarea {-webkit-appearance: none;}

input {line-height: normal;text-overflow: ellipsis;}

input:focus::-webkit-input-placeholder {/* WebKit browsers */color: transparent;}

input:focus:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: transparent;}

input:focus::-moz-placeholder {/* Mozilla Firefox 19+ */color: transparent;}

input:focus:-ms-input-placeholder {/* Internet Explorer 10+ */color: transparent;}

input,
[tabindex="0"] {outline: 0 !important;}

textarea {resize: none;}

label {font-weight: normal;margin-bottom: 0;}

select::-ms-expand {display: none;}

a:active,
button::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
select::-moz-focus-inner,
input[type='file']>input[type='button']::-moz-focus-inner {border: 0;outline: 0;}

a,
button {cursor: pointer;}

 
/* 内容区 */
.cont1680 {width: 1680px;margin: 0 auto;max-width: 100%;}

.cont1600 {width: 1600px;margin: 0 auto;max-width: 100%;}

.cont1560 {width: 1560px;margin: 0 auto;max-width: 100%;}

.cont1440 {width: 1440px;margin: 0 auto;max-width: 100%;}

.cont1400 {width: 1400px;margin: 0 auto;max-width: 100%;}

.cont1360 {width: 1360px;margin: 0 auto;max-width: 100%;}

.cont1280 {width: 1280px;margin: 0 auto;max-width: 100%;}

.cont1200 {width: 1200px;margin: 0 auto;max-width: 100%;}

.cont1000 {width: 1000px;margin: 0 auto;max-width: 100%;}

.cont950 {width: 950px;margin: 0 auto;max-width: 100%;}

@media screen and (max-width: 1860px) {.cont1680{    width: 90%;}}

@media screen and (max-width: 1680px) {
.cont1400,.cont1440,.cont1600,.cont1680,.cont1560 {    width: 82.5%;}}

@media screen and (max-width: 1440px) {    .cont1360,.cont1280,.cont1200 {    width: 82.5%;}}

@media screen and (max-width: 1200px) {
.cont1680,.cont1600,.cont1560,.cont1440,.cont1400,.cont1360,.cont1280,.cont1200,.cont1000,.cont950 {    width: 100%;    padding: 0 40px;}}

@media screen and (max-width: 767px) {
.cont1680,.cont1600,.cont1560,.cont1440,.cont1400,.cont1360,.cont1280,.cont1200,.cont1000,.cont950 {    padding: 0 20px;}}/* 显示隐藏 */
.show,
.block {display: block;}

.hide {display: none;}/* 浮动 */
.clearfix::after {display: block;clear: both;height: 0;content: ' ';}

.clearfix {zoom: 1;}

.fl {float: left;}

.fr {float: right;}/* 定位 */
 
.main {flex-grow: 1;}/* 弹窗 */
.modal-open {overflow: hidden;}

.mobile_safari {width: 100%;position: fixed;}

.modal_btn {cursor: pointer;}

.modal {display: none;position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}

.modal_wrap {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}

.modal_container {position: relative;z-index: 1;}

.modal_close {position: absolute;right: 15px;top: 15px;font-size: 16px;font-weight: bold;cursor: pointer;z-index: 10;}

.modal_content {width: 950px;padding: 50px 20px;max-width: calc(100vw - 40px);max-height: calc(100vh - 80px);overflow: hidden;background: #fff;}

.modal_content.noscroll {overflow: auto;}

.modal_content.mCustomScrollbar .mCSB_inside>.mCSB_container {margin-right: 0px;}

.modal_content.mCustomScrollbar .mCustomScrollBox.mCSB_inside {margin-right: -15px;padding-right: 15px;max-width: calc(100% + 15px);}/* 视频弹窗 */
.videom_video {display: none;margin: 0 auto;}

.videom_iframebox {display: none;}

.videom_btn {cursor: pointer;}

.videom {display: none;position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;background: rgba(0, 0, 0, .84);}

.videom_container {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.videom_close {position: absolute;right: 0;top: -1.5em;cursor: pointer;z-index: 10;font-family: Arial, Helvetica, sans-serif;font-size: 24px;color: #fff;}

.videom_close .iconfont {font-size: inherit;}

.videom_content {width: 1000px;max-width: calc(100vw - 40px);max-height: calc(100vh - 80px);overflow: auto;text-align: center;}

.videom_video {max-width: 100%;vertical-align: middle;background: #000;}

.videom_iframebox {text-align: center;}

.videom_iframebox iframe {max-width: 100%;min-width: 100px;min-height: 100px;}

@media screen and (max-width: 480px) {.videom_iframebox iframe {    max-height: 33vh;}
}/* 两张图 */
.imgbox_contain,
.imgbox_cover {position: relative;overflow: hidden;}

.imgbox_contain img,
.imgbox_cover img {width: 100%;transition: all .36s;}

.imgbox_cover img:nth-child(2) {position: absolute;top: 0;left: 0;height: 100%;}

.imgbox_contain img:nth-child(2) {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: auto;height: auto;max-width: 100%;max-height: 100%;}/* 两边截取 */
.imgbox_cut {overflow: hidden;}

.imgbox_cut img {width: auto;max-width: none;height: 100%;position: relative;left: 50%;transform: translateX(-50%);}/* 分页 */
 

/* 插件样式初始化 start*/
.wow {visibility: hidden;}

/* 滚动条插件横向样式1 */

.fadeup1 {animation: ysfadeInUp .5s ease-in-out both;animation-delay: 0.1s;}

.fadeup2 {animation: ysfadeInUp .5s ease-in-out both;animation-delay: 0.2s;}

.fadeup3 {animation: ysfadeInUp .5s ease-in-out both;animation-delay: 0.3s;}

.fadeup4 {animation: ysfadeInUp .5s ease-in-out both;animation-delay: 0.4s;}

.fadeup5 {animation: ysfadeInUp .5s ease-in-out both;animation-delay: 0.5s;}

.fadeup6 {animation: ysfadeInUp .5s ease-in-out both;animation-delay: 0.6s;}

.fadeup7 {animation: ysfadeInUp .5s ease-in-out both;animation-delay: 0.7s;}

.fadeup8 {animation: ysfadeInUp .5s ease-in-out both;animation-delay: 0.8s;}

.fadeup9 {animation: ysfadeInUp .5s ease-in-out both;animation-delay: 0.9s;}

.fadein1 {animation: fadeIn .5s ease-in-out both;animation-delay: 0.1s;}
.fadein2 {animation: fadeIn .5s ease-in-out both;animation-delay: 0.3s;}
.fadedown1 {animation: fadeInDown .5s ease-in-out both;animation-delay: 0.1s;}

.fadeleft1 {animation: fadeInLeft .5s ease both;animation-delay: 0.1s;}
.faderight1 {animation: fadeInRight .5s ease-in-out both;animation-delay: 0.1s;}
.zoomin1 {animation: zoomin .5s ease-in-out both;animation-delay: 0.1s;}
@-webkit-keyframes zoomin {0% {    opacity: 0;    -webkit-transform: scale3d(.6, .6, .6);    transform: scale3d(.6, .6, .6)}to {    opacity: 1}}
@keyframes zoomin {0% {    opacity: 0;    -webkit-transform: scale3d(.6, .6, .6);    transform: scale3d(.6, .6, .6)}to {    opacity: 1}}
@-webkit-keyframes ysfadeInUp {0% {    opacity: 0;    -webkit-transform: translate3d(0, 50px, 0);    transform: translate3d(0, 50px, 0)}
to {    opacity: 1;    -webkit-transform: none;    transform: none}}

@keyframes ysfadeInUp {0% {    opacity: 0;    -webkit-transform: translate3d(0, 50px, 0);    transform: translate3d(0, 50px, 0)}
to {    opacity: 1;    -webkit-transform: none;    transform: none}}

/*载入效果 end*//* 手机端导航 */
.header {position: relative;z-index: 999;}

.hd_ph {display: none;}

.ph_navbar {height: 28px;}

.phnav_header {position: fixed;top: 0;left: 0;z-index: 99;width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;height: 64px;background: #fff;box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);}

.phnav_logo {width: 175px;}

.phnav_logo a {width: 100%;}

.phnav_header a,
.phnav_logo,
.phnav_r>div {line-height: 65px;}

.phnav_r>div {float: left;margin-left: 15px;}

.phnav_header a {display: inline-block;vertical-align: middle;font-size: 14px;color: #333;}

.phnav_menubtn {display: inline-block;vertical-align: middle;position: relative;width: 28px;height: 22px;}

.phnav_menubtn::before,
.phnav_menubtn::after {content: "";}

.phnav_menubtn span,
.phnav_menubtn::before,
.phnav_menubtn::after {display: block;position: absolute;left: 0;top: 50%;width: 100%;height: 2px;transform: translateY(-50%);background: #666;transition: all .36s;}

.phnav_menubtn::before {margin-top: -10px;}

.phnav_menubtn::after {margin-top: 10px;}

.phnav_menubtn.on span {opacity: 0;}

.phnav_menubtn.on::before,
.phnav_menubtn.on::after {margin-top: 0;}

.phnav_menubtn.on::before {transform: translateY(-50%) rotate(45deg);}

.phnav_menubtn.on::after {transform: translateY(-50%) rotate(-45deg);}

.phnav_menu {display: none;position: fixed;left: 0;top: 64px;width: 100%;height: calc(100% - 64px);padding: 20px;background: #043c62;color: #fff;}

.ph_nav ul {padding: 0 15px;display: none;}

.ph_nav a {display: inline-block;vertical-align: middle;font-size: 16px;line-height: 1.5;padding: 1em 0;color: #fff;max-width: calc(100% - 40px);}

.ph_nav ul a {font-size: 16px;}

.ph_nav li.yxnav_active1>.phnav_lisbox a {color: rgba(255, 255, 255, .6);}

.phnav_lisbox {position: relative;border-bottom: 1px solid rgba(255, 255, 255, .4);}

.phnav_icon {display: none;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 14px;height: 14px;}

.phnav_icon::before,
.phnav_icon::after {content: "";position: absolute;background: #fff;transition: all .36s;}

.phnav_icon::before {left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;}

.phnav_icon::after {left: 50%;top: 0;transform: translateX(-50%);width: 1px;height: 100%;}

.phnav_icon.on::after {transform: translateX(-50%) rotate(90deg);}

.phnav_haschild .phnav_icon {display: block;}

.ph_nav li:not(.phnav_haschild)>.phnav_lisbox .phnav_icon {display: none;}

.ph_nav li:not(.phnav_haschild)>.phnav_lisbox>a {display: block;max-width: 100%;}

.phmenu_scroll {margin-right: -15px;padding-right: 15px;max-height: calc(100% - 85px);overflow: scroll;}

/* 样式二 */

.ph_navbar2 .phnav_menu {display: block;transform: translateX(100%);transition: all .5s cubic-bezier(0.550, 0.085, 0.680, 0.530);}

.ph_navbar2 .phnav_menu.on {transform: translateX(0);transition: all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.ph_navbar2 .phnav_header {padding-left: 0;}

.ph_navbar2 .phnav_menubtn span,
.ph_navbar2 .phnav_menubtn::before,
.ph_navbar2 .phnav_menubtn::after {background: #1c5cb0;}

.ph_navbar2 .phnav_logo {width: 140px;padding: 0 10px;background: #1c5cb0;}

.phnav2_lang_modal,
.ph_navbar2 .phnav_menu {background: #1c5cb0;}

.ph_navbar2 .phnav_menubtn.on::before {transform: translateY(-50%) rotate(-45deg);}

.ph_navbar2 .phnav_menubtn.on::after {transform: translateY(-50%) rotate(45deg);}

.ph_navbar2 .ph_nav a {font-size: 16px;line-height: 24px;padding: 13px 0;}

.ph_navbar2 .ph_nav ul a {font-size: 14px;padding: 8px 0;}

.ph_navbar2 .phnav_icon {width: 12px;height: 12px;}

.ph_navbar2 .phnav_icon::before {height: 2px;}

.ph_navbar2 .phnav_icon::after {width: 2px;}

.ph_navbar2 .ph_nav ul ul a {font-size: 12px;}

.ph_navbar2 .phnav_menu {display: flex;flex-direction: column;padding-bottom: 0;}

.ph_navbar2 .phmenu_scroll {flex-grow: 1;max-height: none;}

.phnav2_language {flex: none;text-align: center;padding: 20px 0;}

.phnav_search .iconfont {display: inline-block;vertical-align: middle;font-size: 18px;line-height: inherit;}

.ph_navbar2 .phnav_search .iconfont,
.ph_navbar2 .phnav_header a {color: #1c5cb0;}

.phnav2_lang_modal {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 30px 20px 20px;text-align: left;transform: translateX(100%);transition: all .5s cubic-bezier(0.550, 0.085, 0.680, 0.530);}

.phnav2_lang_modal.on {transform: translateX(0%);transition: all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.phnav2_lang_back {font-size: 16px;margin-bottom: 10px;}

.phnav2_lang_back .iconfont {font-size: 14px;}

.phnav2_lang_scroll {height: calc(100% - 30px);margin-right: -15px;padding-right: 15px;overflow: auto;}

.phnavss_xl {display: none;padding: 16px 20px;border-top: 1px solid #eee;box-shadow: 0 5px 8px rgba(0, 0, 0, .05);}

.phnavss_form {width: 100%;}

.phnavss_form input {height: 40px;width: calc(100% - 30px);border-bottom: 1px solid #eee;}

.phnavss_form button {width: 20px;}

.phnavss_form .iconfont {font-size: 20px;line-height: 40px;color: #1c5cb0;}

.phnavss_xl {position: absolute;left: 0;top: 100%;width: 100%;background: #fff;}

/* 导航样式3 */
.ph_navbar3 .phnav_header {background: #221e1f;}

.ph_navbar3 .phnav_search .iconfont {font-size: 20px;}

.ph_navbar3 .phnav_search .iconfont,
.ph_navbar3 .phnav_header a {color: #666;}

.ph_navbar3 .phnav_menu {display: block;transform: translateX(100%);background: #fff;top: 0;height: 100%;z-index: 100;color: #333;padding-top: 0;transition: all .5s cubic-bezier(0.550, 0.085, 0.680, 0.530);}

.ph_navbar3 .phnav_menu.on {transform: translateX(0);transition: all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.ph_navbar3 .ph_nav a {color: #666;}

.ph_navbar3 .ph_nav li.yxnav_active1>.phnav_lisbox a {color: #333;}

.ph_navbar3 .phmenu_top {height: 64px;border-bottom: 1px solid #c7c8c9;}

.phmenu_close {font-size: 14px;line-height: 64px;font-weight: bold;color: #333;}

.ph_navbar3 .ph_nav a {font-size: 16px;line-height: 30px;padding: 6px 0;}

.ph_navbar3 .ph_nav {padding: 10px 0;}

.ph_navbar3 .phnav_icon {font-size: 12px;line-height: 14px;text-align: center;color: #666;font-family: "iconfont";}

.ph_navbar3 .phnav_icon::before {content: "\e743";width: auto;height: auto;position: static;transform: none;}

.ph_navbar3 .phnav_icon::after {display: none;}

.ph_navbar3 .phmenu_scroll {max-height: 100%;height: calc(100% - 64px);}

.ph_navbar3 .ph_nav ul {display: block;}

.phsubnav_modal {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;padding: 0 20px 10px;transform: translateX(100%);transition: all .5s cubic-bezier(0.550, 0.085, 0.680, 0.530);z-index: 100;}

.phsubnav_modal.on {transform: translateX(0);transition: all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.phsubnav_close {color: #333;font-size: 16px;line-height: 64px;font-weight: bold;}

.phsubnav_scroll {padding: 10px 0;height: calc(100% - 64px);padding-right: 10px;margin-right: -10px;overflow: auto;}

.phsubnav_scroll>ul {padding: 0;}

.phnav3_lang_hd {position: relative;border-top: 1px solid #c7c8c9;border-bottom: 1px solid #c7c8c9;}

.phnav3_lang_hd .phnav_icon {display: block;transition: all .36s;}

.phnav3_lang_hd a {display: inline-block;font-size: 16px;line-height: 24px;padding: 10px 0;color: #333;}

.phnav3_lang_bd {display: none;padding: 10px 0;}

.phnav3_lang_bd a {color: #333;line-height: 24px;font-size: 14px;}

.phnav3_lang_hd.on .phnav_icon {transform: translateY(-50%) rotate(90deg);}

.phnavss_modal {background: rgba(0, 0, 0, .8);}

.phnavss_modal .modal_close .iconfont {color: #fff;}

.phnavss_modal .modal_content {background: transparent;padding: 10px 0 11px;}

.phnavss_modal input {color: #fff;}

.phnavss_modal button {width: 40px;font-size: 16px;color: #fff;}

.phnavss_modal .phnavss_form {border-bottom: 1px solid #fff;}

.phnavss_modal .phnavss_form input {width: calc(100% - 45px);border-bottom: 0;}

.phnav_tel {font-size: 18px;line-height: 1.5;margin-top: 20px;text-align: center;}

.ph_navbar4 .phmenu_scroll {max-height: calc(100% - 50px);}

.ph_navbar4 .phnav_menu {background: #f1f1f1;color: #999;}

.ph_navbar4 .ph_nav a {color: #999;}

.ph_navbar4 .phnav_icon::before,
.ph_navbar4 .phnav_icon::after {background: #999;}

.ph_navbar4 .phnav_lisbox {border-bottom: 1px solid rgba(0, 0, 0, .1);}

.ph_navbar4 .ph_nav li.yxnav_active1>.phnav_lisbox a {color: #1c5cb0;}

.ph_navbar4 .phnav_header {box-shadow: none;border-bottom: 1px solid rgba(0, 0, 0, .1);}

.ph_navbar4 .phnav_menu {padding-top: 0;}

/* cmf 分页样式 */
.cmf_fy a{width: 100%;height: 100%;}

.cmf_fy .phfy li{display: none;}

.cmf_fy .phfy li a{display: none;}

.cmf_fy .phfy li:first-child{float: left;display: block;}

.cmf_fy .phfy li:last-child{float: right;display: block;}

.cmf_fy .phfy li{font-size: 16px;}

.cmf_fy .phfy a[rel="prev"]{display: block;}

.cmf_fy .phfy a[rel="next"]{display: block;}

.cmf_fy .phfy a[rel="prev"]::after{content: "上一页";}

.cmf_fy .phfy a[rel="next"]::before{content: "下一页";}

@media screen and (max-width: 1199px) {.hd_ph {    display: block;}
.hd_pc {    display: none;}}










