@import "https://at.alicdn.com/t/c/font_3942500_jskpjyflzy9.css";
*{margin:0;padding:0;box-sizing: border-box;}
body{width:100%;font:14px/1.5 '微软雅黑';color:#000;background: #f8f8f8;}
a,a:hover{color:#000;text-decoration: none;}
li{list-style: none;}
i{font-style: normal;}
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; }
table{border-collapse: collapse;}
table td{padding:0 15px !important;}

.font_bold{font-weight: 600;}

.flex_start{display: flex;justify-content: flex-start;}
.flex_start_important{display: flex !important;justify-content: flex-start !important;}
.flex_end{display: flex;justify-content: flex-end;}
.flex_between{display: flex;justify-content: space-between !important;}
.flex_center{display: flex;justify-content: center;}
.align_items_center{align-items: center;}
.align_items_end{align-items: flex-end;}
.align_items_start{align-items: flex-start;}
.flex_wrap{flex-wrap: wrap;}

.hide{display: none !important;}

.text_center{text-align: center !important;}

.header{width:100%;display: block;background: url("../images/top_01.jpg") left center repeat-x;background-size: auto 100%;}
.main{width:96%;max-width: 1200px;margin:0 auto;}
@media screen and (max-width: 1460px) {
    .main{width: 96%;}
}
.header_link{width: 100%;padding:20px 0;}
.header_link a,.header_link span{font-size:14px;color:#1c368a;line-height: 14px;display: block;}
.header_link span{margin:0 25px;height: 14px;width:1px;background: #1c368a;}

.logo{width:100%;padding-bottom: 23px;}
.logo_img{height: 57px;object-fit: contain;display: block;}
.logo_img img{height: 100%;object-fit: contain;display: block;}
.logo_search{width:auto;}
.logo_search button{width: 67px;height: 38px;background:#1b398b url("../images/search.png") center center no-repeat;background-size:19px; }
.logo_search input{min-width: 230px;height: 38px;line-height: 36px;border:1px solid #e5e5e5;border-right: 0;display: block;padding:0 10px;font-size:14px;color:#000;background: #fff;}
.logo_search input::placeholder{color:#c0c0c0;}

.nav{width:100%;display: block;background: url("../images/nav_01.jpg") left center no-repeat;background-size: cover;max-width: 1200px;margin:0 auto;}
.nav ul li{width:auto;display: block;position: relative;}
.nav ul li a{font-size:16px;line-height: 59px;display: block;color:#fff;padding-right: 30px;white-space: nowrap;}
.nav ul li a.active,.nav ul li a:hover{color:#f00;}
.nav ul li dl{display: none;}
.sub_nav{position: relative;}
.sub_nav{content:'';width:30px;display: flex;justify-content: flex-start;align-items: center;background: url("../images/icon_right.png") right center no-repeat;background-size: auto 16px;height: 30px;position: absolute;right:10px;top:0;z-index:3;transition: all ease .5s;display: none;}

.web_nav_btn,.nav_relative,.nav_close{display: none;}
@media screen and (max-width: 960px) {
    .sub_nav{display: flex;}
    .logo_search{display: none;}
    .web_nav_btn,.nav_relative,.nav_close{display: block;}
    .logo{padding:2vw 0 2vw;}
    .logo_img{height: auto;max-width: 80%;}
    .logo_img img{width: 100%;}
    .web_nav_btn{width: 5.233vw;display: block;}
    .web_nav_btn img{width: 100%;object-fit: contain;display: block;}
    .header_link{padding:2vw 0  20px;display: none;}
    .nav{position: fixed;top:0;right:0;left:100vw;bottom:0;z-index:999;background: rgba(0,0,0,.3);overflow-y: auto;}
    .nav_relative{width:100%;height: 100%;position: relative;z-index:1;}
    .nav_close{position: absolute;top:0;right:0;max-width: 320px;width:60%;height: 30px;z-index:3;padding:5px 20px 5px 0;background: #fff;}
    .nav_close img{height: 20px;object-fit: contain;display: block;margin:0 0 0 auto;}
    .nav .main{width:60%;max-width: 320px;background: #fff;position: absolute;top:0;right:0;bottom:0;max-height: 100vh;overflow-y: auto;z-index: 2;padding-top:40px;}
    .nav ul li a{color:#000;padding:0 10px;line-height: 32px;font-size:14px;}
    .nav ul{width:100%;display: block;}
    .nav ul li dl{width:100%;}
    .nav ul li.active dl{display: block;}
    .nav ul li.active .sub_nav{background: url("../images/icon_bottom.png")  right center no-repeat;background-size: auto 16px;}
    .nav ul li dl dd a{padding:0 10px 0 30px;font-size:14px;line-height: 30px;color:#333;}
}

.footer{width: 100%;background: #434343;display: block;padding:30px 0 0;}
.foot{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.foot dl{width: auto;display: block;white-space: nowrap;margin:0 10px;}
.foot dl dt{margin-bottom: 10px;}
.foot dl dt span{display: none;}
.foot dl dt a {width: auto;display: block;font-size:16px;line-height: 24px;color:#fff;}
.foot dl dd a {width: auto;display: block;font-size:14px;line-height: 24px;color:#fff;}

.copyright{width: 100%;display: block;padding:10px 0;border-top:1px solid #555;margin-top:20px;}
.copyright p{width: 100%;display: block;text-align: center;font-size:14px;line-height: 24px;color:#fff;}
.copyright p a{display: inline-block;color:#fff;}
@media screen and (max-width: 960px) {
    .foot{justify-content: flex-start;}
    .foot dl dd{display: none;margin-bottom: 10px;margin-right: 10px;}
    .foot dl{display: flex;justify-content: flex-start;width: 100%;flex-wrap: wrap;}
    .foot dl dt{position: relative;width: 100%;min-width: 100%;}
    .foot dl dt span{width:24px;height: 24px;display: flex;position: absolute;top:0;right:0;color:#fff;font-size:20px;justify-content: center;align-items: center;}
}

.like_link{width:100%;display: flex;justify-content: flex-start;align-items: center;margin-top:24px;flex-wrap: wrap;}
.like_link a{width:auto;display: block;font-size:16px;line-height: 24px;color:#666;position: relative;padding:0 20px;}
.like_link a:first-child{padding-left:0;}
.like_link a::after{content:'';width:1px;height: 16px;background:#666;position: absolute;top:50%;left:0;transform: translateY(-50%); }
.like_link a:first-child::after{display: none;}

@media screen and (max-width: 960px) {
    .like_link a{padding:0 2%;}
}

.body_html{width: 100%;
    background: -webkit-linear-gradient(#e8ecf7 0, #f8f8f8 20% , #f8f8f8 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#e8ecf7 0, #f8f8f8 20% , #f8f8f8 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#e8ecf7 0, #f8f8f8 20% , #f8f8f8 100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(#e8ecf7 0, #f8f8f8 20% , #f8f8f8 100%); /* 标准的语法（必须放在最后） */
}
.body_html_main{width: 100%;max-width: 1200px;margin:0 auto;}