@charset "utf-8";

body {
    height: auto !important;
   
}

@font-face {
    font-family: 'Exo';
    src: url('../fonts/4uaoretfpbisc36j.eot');
    src: url('../fonts/4uaoretfpbisc36j.eot') format('embedded-opentype'),
         url('../fonts/4uaoretfpbisc36j.woff2') format('woff2'),
         url('../fonts/4uaoretfpbisc36j.woff') format('woff'),
         url('../fonts/4uaoretfpbisc36j.ttf') format('truetype'),
         url('../fonts/4uaoretfpbisc36j.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins-semibold-webfont.eot');
    src: url('../fonts/poppins-semibold-webfont.eot') format('embedded-opentype'),
         url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-semibold-webfont.woff') format('woff'),
         url('../fonts/poppins-semibold-webfont.ttf') format('truetype'),
         url('../fonts/poppins-semibold-webfont.svg#poppinssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Linearicons';
    font-weight: normal;
    font-style: normal;
    src: url(../fonts/linearicons.eot);
    /* For IE6-8 */
    src: local("linearicons"), local("linearicons"), url(../fonts/linearicons.woff) format("woff"), url(../fonts/linearicons.ttf) format("truetype");
}
@font-face {
    font-family: "Material Design Icons";
    src: url("../fonts/materialdesignicons-webfont.eot?v=1.4.57");
    src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg");
    font-weight: normal;
    font-style: normal;
}


.s_cont {
    max-width: 1920px;
    margin: 0 auto;
}
.s_sy .s_cont {
    width: 100%;
}

/*分享翻译*/
#bsWXBox .bsTop:after {
    /*分享中文版本*/
    content: '- 微信';
    /*分享英文版本*/
    /* content: '- weixin'; */
    display: block;
    position: absolute;
    left: 85px;
    top: 50%;
    font-size: 14px;
    transform: translateY(-50%);
}

#bsWXBox .bsTop:before {
    /*分享中文版本*/
    content: '分享到';
    /*分享英文版本*/
    /* content: 'Share the'; */
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 14px;
    transform: translateY(-50%);
}

/*导航默认选中*/
.yxnav_active1 {}

.yxnav_active2 {}

/* - banner - start*/
.ys_banner {
    width: 100%;
    position: relative;
}

.ys_ban_li {
    position: relative;
    overflow: hidden;
}

.ys_ban_imgbox {
    position: relative;
    z-index: 1;
}

.ys_ban_imgbox img {
    width: 100%;
}

.ys_ban_li>a {
    display: block;
}

.ys_ban_ph {
    display: none;
}

.ys_ban_video {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ys_ban_li:not(:first-child) {
    display: none;
}

.ys_ban_imgbox::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

.ys_ban_txtbox {
    z-index: 5;
}

/* - banner - end*/
/* 规范 */
.s_font h1 {
    font-size: 48px;
    color: #162238;
    line-height: 1.75;
}

.s_font h2 {
    font-size: 36px;
    color: #162238;
    line-height: 1.75;
}

.s_font2 h2 {
    font-size: 48px;
    color: #162238;
    line-height: 1.75;
}

.s_font h3 {
    font-size: 24px;
    color: #162238;
    line-height: 1.75;
}

.s_font h4 {
    font-size: 18px;
    color: #162238;
    line-height: 1.75;
}

.s_font p {
    font-size: 16px;
    color: #162238;
    line-height: 1.75;
}

.jian1 {
    padding: 110px 0;
}

.jian2 {
    padding-bottom: 110px;
}

.jian3 {
    margin-bottom: 75px;
}

.s_cont1795 {
    width: 1795px;
    margin: 0 auto;
}

.s_cont1520 {
    width: 1520px;
    margin: 0 auto;
}

.s_cont900 {
    width: 900px;
    margin: 0 auto;
}

/* 规范 */
/* pc导航 */
.ys_hd_pc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: all .36s;
}

.sy_logo2 {
    opacity: 0;
}
.s_logo {
    width: 230px;
    position: relative;
    z-index: 200;
    left: 50%;
    transform: translateX(-50%);
}
.s_logo img {
    width: 70%;
    transition: all .36s;
}
.s_navbox {
    line-height: 240px;
    transition: all .36s;
}
.s_navtop {
    cursor: pointer;
    display: inline-block;
}

.s_navtopl {
    margin-right: 18px;
    transition: all .36s;
}

.s_linebox {
    width: 30px;
    height: 20px;
    position: relative;
    display: inline-block;
    top: 5px;
}

.s_line,
.s_line::before,
.s_line::after {
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    position: absolute;
    transition: all .36s;
}

.s_line {
    transform: translateY(-50%);
    top: 50%;
}

.s_line::before,
.s_line::after {
    content: "";
    left: 0;
    display: block;
    border-radius: 3px;
}

.s_line::before {
    top: 8px;
}

.s_line::after {
    top: -8px;
}

.s_navtop.on .s_line {
    transform: translateY(-50%) rotate(45deg) translate3d(0, 0, 1px);
    top: 50%;
    transition-delay: 0.44s;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    background: #fff;
    top: 9px;
}

.s_navtop.on .s_line:before {
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: top 0.2s ease, opacity 0.2s 0.44s ease, background-color 0.2s ease 0.2s;
}

.s_navtop.on .s_line:after {
    top: 50%;
    transform: translateY(-50%) rotate(-90deg) translate3d(0, 0, 1px);
    transition: bottom 0.2s ease, transform 0.2s 0.44s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.2s ease 0.2s;
}

.s_navtopr {
    font-size: 18px;
    color: #fff;
    transition: all .36s;
    margin-top: 5px;
}

.s_hdlan,
.s_navtop {
    position: relative;
    z-index: 600;
}

.s_hdlan a {
    font-size: 18px;
    color: #fff;
    line-height: 240px;
    font-weight: bold;
    transition: all .36s;
}

.s_navbot {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(37, 74, 118, 0.941);
    z-index: 500;
    display: none;
}

.s_navbotnr {
    padding-top: 185px;
}

.s_navlist {
    margin: 0 -10px;
    display: flex;
    padding-bottom: 133px;
}

.s_navli {
    width: 14.28%;
    padding: 0 10px;
}

.s_navlitop a {
    font-size: 24px;
    color: #ebebeb;
    line-height: 1.75;
    font-weight: bold;
    letter-spacing: 5px;
    transition: all .36s;
}
.s_navlitop.yxnav_active1 a {
    color: #fff;
}

.s_navlitop {
    margin-bottom: 18px;
}

.s_navlibotnr a {
    font-size: 18px;
    color: #ebebeb;
    line-height: 1.75;
    transition: all.36s;
}

.s_navlibotnr.yxnav_active2 a {
    color: #fff;
}

.s_navlibotnr {
    margin-bottom: 16.5px;
}

.s_search {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.502);
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 80px;
}

.s_searchig {
    width: 26px;
    cursor: pointer;
}

.s_searchig img {
    width: 100%;
}

.s_search input {
    width: calc(100% - 26px);
    padding-left: 20px;
    font-size: 18px;
    color: #fff;
    height: 26px;
}

.s_share {
    display: flex;
    align-items: center;
}

.s_shareli {
    position: relative;
    margin-right: 25px;
}

.s_shareli:last-child {
    margin-right: 0;
}

.s_sharetop {
    width: 29px;
    cursor: pointer;
}

.s_sharetop img {
    width: 100%;
}

.s_sharebot {
    width: 120px;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    bottom: 135%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    box-shadow: 0px 8px 9px 0px rgb(0 0 0 / 7%);
}

.s_sharebot img {
    width: 100%;
}
.ys_hd_pc.on .s_navbox {
    line-height: 80px;
}
.ys_hd_pc.on .s_navtopr {
    color: #999;
}
.ys_hd_pc.on .s_hdlan a {
    line-height: 80px;
    color: #999;
}
.ys_hd_pc.on .s_line, 
.ys_hd_pc.on .s_line::before, 
.ys_hd_pc.on .s_line::after {
    background-color: #999;
}
.ys_hd_pc.on {
    background-color: #fff;
    box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%);
}
.sy_logo1 {
    position: absolute;
    top: 64px;
    left: 50%;
    transform: translateX(-50%);
}
.sy_logo2 {
    position: absolute;
    top: 15px;
    transition: all .46s;
    left: 50%;
    transform: translateX(-50%);
}
.ys_hd_pc.on .sy_logo1 {
    width: 0;
    top: 0;
}
.ys_hd_pc.on .sy_logo2 {
    opacity: 1;
    height: 50px;
    width: auto;
}
.s_nya .sy_logo1 {
    top: 32px;
}
.s_nya .s_navtop {
    line-height: 180px;
}
.s_nya .s_hdlan a {
    line-height: 180px;
}

.ys_hd_pc.act .s_navtopr {
    color: #fff;
}
.ys_hd_pc.act .s_hdlan a {
    color: #fff;
}
.ys_hd_pc.act .s_line, 
.ys_hd_pc.act .s_line::before, 
.ys_hd_pc.act .s_line::after {
    background-color: #fff;
}
/* pc导航-end */
/* ph导航 */
.ys_phnav_logo {
    width: 190px;
}
.ys_phnav_logo img {
    width: 100%;
}
.ys_ph_navbar4 .ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox a {
    color: #162238;
}

.ys_ph_navbar4 .yxnav_active2 .ys_phnav_lisbox a {
    color: #162238;
}

/* ph导航-end */

/* banner */
.ys_ban_txtbox {
    text-align: center;
}

.ys_ban_txtbox p {
    font-size: 18px;
    color: #fff;
    line-height: 1.75;
    font-weight: bold;
    letter-spacing: 5px;
    margin-bottom: 5px;
}

.ys_ban_txtbox h2 {
    font-size: 74px;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 20px;
    overflow: hidden;
}
.ys_ban_txtbox p span,
.ys_ban_txtbox h2 span {
    display: inline-block;
    vertical-align: middle;
    animation: fadeInup .8s both ease;
}
@keyframes fadeInup {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
}
.ys_ban_txtbox::before,
.ys_ban_txtbox::after {
    content: "";
    width: 1px;
    height: 0;
    background-color: rgb(255, 255, 255);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.ys_ban_txtbox::before {
    bottom: 116%;
}

.ys_ban_txtbox::after {
    top: 116%;
}

@keyframes heled {
    0% {
        height: 0px;
        opacity: 0;
    }

    25% {
        height: 56px;
        opacity: 1;
    }

    50% {
        height: 56px;
        opacity: 1;
    }

    75% {
        height: 56px;
        opacity: 1;
    }

    100% {
        height: 0px;
        opacity: 0;
    }
}

@keyframes heled1 {
    0% {
        height: 0px;
        opacity: 0;
    }

    25% {
        height: 56px;
        opacity: 1;
    }

    50% {
        height: 56px;
        opacity: 1;
    }

    75% {
        height: 56px;
        opacity: 1;
    }

    100% {
        height: 0px;
        opacity: 0;
    }
}

.ys_ban_li.slick-active .ys_ban_txtbox::before {
    -webkit-animation: heled1 5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    -moz-animation: heled1 5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: heled1 6s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation-delay: 0.7s;
}

.ys_ban_li.slick-active .ys_ban_txtbox::after {
    -webkit-animation: heled 5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    -moz-animation: heled 5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: heled 6s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation-delay: 0.7s;
}

@keyframes mymove4 {
    from {
        transform: scale(1.3);
    }

    to {
        transform: scale(1);
    }
}

.ys_ban_li.slick-active .ys_ban_imgbox img {
    animation: mymove4 10s ease-in-out;
    -webkit-animation: mymove4 10s ease-in-out;
    animation-iteration-count: 1;
}

.ys_ban_slick .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background-color: rgba(255, 255, 255, 0.5);
}

.ys_ban_slick .slick-dots li.slick-active {
    background: #fff;
}

.ys_ban_slick .slick-dots {
    bottom: 38px;
}

/* banner-end */
/* 内页banner */
.s_nyban .ys_ban_txtbox h1 {
    font-size: 64px;
    color: #fff;
    line-height: 1.5;
}

.s_nynav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px;
    z-index: 3;
}

.s_nynavlist {
    display: flex;
}

.s_nynavlinr {
    font-size: 16px;
    color: #fff;
    line-height: 1.75;
    position: relative;
    white-space: nowrap;
}

.s_nynavlinr::before {
    content: "";
    width: 0%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: all .36s;
}

.s_nynavli {
    width: auto !important;
    margin-right: 48px;
}

.s_nynavli:last-child {
    margin-right: 0;
}

.s_nynavli.on .s_nynavlinr::before {
    width: 100%;
    opacity: 1;
}



.ys_modal {
    background: rgba(22, 34, 56, 0.8);
}

.dibu {
  width: 100%;
  background: #001935;
}

.dibu_box {
  width: 1200px;
  margin: 0 auto;
  padding: 4% 0;
}

.dibu_box ul {
  display: flex;
  justify-content: space-between;    width: 100%;
}
.logo02{width: 23%;}
.gup img{ width:100%;}
.gup span{ font-size:14px; color:#fff; display:block; margin-top:12px;     text-transform: uppercase;}
.dibu_box ul li {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.dibu_box ul li .title {
  font-size: 20px;
  color: #fff;
  margin-bottom: 20px;
  text-align: left;
}

.dibu_box ul li ul {
  display: flex;
  flex-direction: column;
}

.dibu_box ul li ul li p {
  color: #fff;
  font-size: 16px;
  padding: 0;
  line-height: 1;
}

.dibu_box ul li ul li .mobile {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.dibu_box ul li ul li .email {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.dibu_box ul li:nth-child(2) ul li {
  margin-bottom: 10px;
}

.dibu_box ul li ul li p:nth-child(2) {
  /*text-indent: 1.5em;*/
}

.dibu_box ul li ul li a {
  color: #fff;
  font-size: 16px;
  font-weight: lighter;
}

.dibu_box ul li:nth-child(1) .title {
  width: 275px;
  height: 79px;
}

.dibu_box ul li:nth-child(1) .content {
  height: 237px;
  height: 72px;
  display: block;
  margin-top: 30px;
}

.dibu_box ul li:nth-child(4) .dubu_ul_box {
  width: 330px;
}

.dibu_box ul li:nth-child(4) .dubu_ul_box>.ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

.dibu_box ul li:nth-child(4) .dubu_ul_box .ul>.li {
  width: 95px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1a304a;
  margin-bottom: 20px;
}

.dibu_box ul li:nth-child(4) .dubu_ul_box>.ul>.li .img {
  width: 44px;
  height: 44px; display:none
}
.dibu_box ul li:nth-child(4) .dubu_ul_box>.ul>.li .img01 {
  width: 44px;
  height: 44px; display:block
}
.dibu_box ul li:nth-child(4) .dubu_ul_box>.ul>.li:hover .img01{ display:none}
.dibu_box ul li:nth-child(4) .dubu_ul_box>.ul>.li:hover .img{ display:block}
.footer {
  width: 100%;
  height: 60px;
  background-color: #000;
  float: left;
}

.footer .txts {
  height: 60px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 1px;
}

.footer a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  position: relative;
}

.footer .txts img {
  margin: 0 10px;
}

.menu01 {
  width: 16%;
  /*margin-top: -170px;*/
  float: left;
}

.menu01 .menu_body {
  width: 100%;
  margin:0 0 50px 0;
  /*height: 1300px;*/
  /*background: #efefef;*/
}

.menu01 .menu_body .menu_title {
  width: 100%;
  height: 120px;
  line-height: 120px;
  background: url(../images/child_furen.png)no-repeat;
  background-size: 100% 100%;
  font-size: 28px;
  color: #fff;
  text-align: center;
}

.menuList {
  width: 100%;
  /*background: url(../images/child_furen1.png)no-repeat;*/
  background-size: 100% 100%;
  box-sizing: border-box;
  /*padding: 0 20px;*/
}

.menuList li {
  width: 100%;
  height: 75px;
  line-height: 75px;
  text-align: center;
  border-bottom: solid 1px #ebebeb;

}

.menuList li a {
  color: #666;
  font-size: 16px;
  /*padding: 0 20px;*/
}

.menuList li a:hover {
  color: #01a495;
}
.child_list {
  width: calc(100% - 18%);
  float: right;
}

.child_body {
  width: 100%;
  /*height: calc(1500px - 80px);*/
  overflow: hidden;
  /*background: #fafafa;*/
}

.child_content_title {
  width: 100%;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-bottom: solid 1px #ebebeb;
}

.child_content_title p {
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.child_content_title span {
  font-size: 14px;
  color: #999;
}
.displayBetweenCenter{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.child_body_items {
  width: 100%;
  /*background: #fafafa;*/
	box-sizing: border-box;
  padding: 20px;
  border-bottom: dashed 1px #c8c5c5;
  padding-bottom: 20px;
}
.child_body_items:last-child{
	border-bottom: 0
}

@media only screen and (max-width: 980px) {
	.dibu_box ul{flex-wrap: wrap;}
	.logo02{ width:80%; margin:0 auto;}
	.dibu_box ul li{ width:100%; margin-bottom:5%}
	.dibu_box ul li:nth-child(2){ display:none}
	.dibu_box ul li:nth-child(3){ display:none}
	}