@charset "UTF-8";

@font-face{
	font-family:'AlibabaPuHuiTi-3-45-Light';
	src:url('../font/AlibabaPuHuiTi-3-45-Light.ttf');
}
@font-face{
	font-family:'Caveat-Bold';
	src:url('../font/Caveat-Bold.ttf');
}
@font-face{
	font-family:'GOTHICB';
	src:url('../font/GOTHICB.TTF');
}

html,body{font-family:"AlibabaPuHuiTi-3-45-Light" !important;}
html{background:#fff;}
body{font:12px/18px "Microsoft Yahei","微软雅黑";font-weight:lighter;color:#333; -webkit-font-smoothing: antialiased;/*min-width: 1200px;*/}
a{color:#333; text-decoration:none; cursor:pointer; outline: 0 none;}
a:hover{ text-decoration:none;transition:all 0.2s linear;}
a:focus{-moz-outline-style:none; border:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
ol,li,ul,dl,dt,dd{list-style:none;}
img{border:0;vertical-align: middle;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:lighter;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,select,button{font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0; resize:none; padding: 0; margin: 0;vertical-align:middle;}
b,em,i{display:inline-block; font-weight:normal; font-style:normal;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{ zoom:1;}
.container { width:1200px; height:auto; position:relative;  margin:0 auto; max-width: 100%;}
.tac{text-align:center !important;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}


.header {    height: 90px;    position: fixed;    top: 0;    left: 0;    width: 100%;    z-index: 999;   border-bottom: 1px solid rgb(0, 0, 0, 0.2);     box-sizing: border-box;    display: flex;    justify-content: center;    padding: 0 3%;  background: #fff;}
body[type="index"] .header {border-bottom: 1px solid rgb(255, 255, 255, 0.2); background:transparent;}
body[type="index"] .header.active,body[type="index"] .header:hover{border-bottom: 1px solid rgb(0, 0, 0, 0.2); background: #fff;}
.header-container{max-width: 1524px;width: 100%;    display: flex;    align-items: center;    justify-content: space-between;}
.h-logo{max-width: 301px;}
.h-logo img{width: 100%;}

.logoimg{display:none;}
body[type="index"] .logoimg{display: block;}
body[type="index"] .logoimg1{display:none;}
body[type="index"] .header.active .logoimg,body[type="index"] .header:hover .logoimg{display:none;}
body[type="index"] .header.active .logoimg1,body[type="index"] .header:hover .logoimg1{display:block;}

.h-nav {    flex: 1;    height: 100%;}
.header nav ul{float: right;    height: 100%;     box-sizing: border-box;    margin-right: 83px;}
.header nav ul>.x{float: left;margin-right:38px;position:relative;line-height: 90px;height: 100%;padding-top:22px;box-sizing: border-box;}
.header nav ul .x>a{font-size: 18px;color:#000;font-weight: bold;display: block;position: relative;text-align: center;   line-height: 40px;  box-sizing: border-box;    display: block;    height: 40px;    overflow: hidden;         border-bottom-color: #000;        border-bottom-style: none;        border-bottom-width: 2px;}
body[type="index"] .header nav ul .x>a{border-bottom-color: #ffffff;color:#ffffff;}
.header nav ul>.x.active>a,.header nav ul>.x:hover>a {    border-bottom-style: solid;    }

body[type="index"] .header.active nav ul .x>a,body[type="index"] .header:hover nav ul .x>a{color:#000;border-bottom-color: #000;}

.header span{font-size: 15px;color: #595757;}
.header input[type='image']{margin-right:15px;line-height:75px;}

.header .fr{position: relative;}
.header .searchbox {display:none;line-height:66px;position:absolute;right:0;top:75px;z-index:9999;width:518px;height:66px;background:rgba(0,0,0,0.5);}
.header .searchbox form input { height:66px;border:0px;background:rgba(255,255,255,0);margin-left:16px; width:400px; color:#fff; font-size:12px;}
.header .searchbox form img { margin-left:27px; vertical-align: middle; }
.header nav ul .x .top_box {    min-width: 143px;    height: auto;    position: absolute;    top: 100%;    z-index: -1;    background: #fff;    opacity: 0;    transform: translate(-50%, -3px);    -webkit-transform: translate(-50%, -3px);    transition: transform .3s ease;    -webkit-transition: transform .3s ease;    left: 50%;    padding: 8px 0 10px;    border-bottom-right-radius: 10px;    border-bottom-left-radius: 10px;pointer-events: none;}
.header nav ul .x dl{display: block;}
.header nav ul .x dl dd{line-height:40px;}
.header nav ul .x dl dd a{font-size:18px;text-align:center;display: block;color:#000;min-width: 143px;    padding: 0 15px;    width: max-content;    box-sizing: border-box;}
body[type="index"] .header nav ul .x dl dd:hover>a{color:#000;}
.header nav ul .x:hover .top_box{opacity:1;transform:translate(-50%,0);z-index:999;pointer-events: auto;}
#login{position:relative;right:0;top:0;margin-right:0; color:#000000;    font-size: 18px;    line-height: 85px;height: 100%;}
body[type="index"] #login{   color: #ffffff;}
body[type="index"] .header.active #login,body[type="index"] .header:hover #login{color:#000000;}
#login a{color: #000000;}
body[type="index"] #login a{color:#ffffff;}
body[type="index"] .header.active #login a,body[type="index"] .header:hover #login a{color:#000000;}



.m-header {display: none;width: 100%;background:#fff;}
.m-head {    padding-bottom: 10px;    padding-left: 15px;    padding-right: 20px;    padding-top: 10px;  display: flex;}
.m-logo {flex: 1; }
.m-logo img {    width: auto;    max-width: 190px;}
.btn-m-en {display: inline-block;width: 32px;height: 32px;font-size: 14px;line-height: 32px;text-align: center;
vertical-align: middle;}
.btn-m-en:after {display: inline-block;content: "";width: 1px;height: 12px;margin-left: 10px;background-color: #666;}
.btn-m-search {display: inline-block;width: 32px;height: 32px;vertical-align: middle;}
.btn-m-search i {display: block;width: 18px;height: 18px;margin: 7px;text-indent: -9999em;background: url("../img/m_search.png") no-repeat;background-size: 18px 18px;overflow: hidden;}
.m-button {    padding-top: 12px;    flex-shrink: 0;    display: inline-block;padding-right: 4px;}
.btn-m-menu i {    width: 19px;    height: 15px;    display: block;	background: url(../img/xg_memu_btn.png) no-repeat;	background-size: contain;}
.m-menu {    transition: transform .35s;    transform: translateX(-100%);    position: fixed;    z-index: 10002;    top: 0;    right: 0;    bottom: 0;    left: 0;    font-size: 14px;    background-color: rgba(255, 255, 255, 1);    overflow-y: auto;    width: 205px;        padding-top: 25px;}
.m-menu-active {transform: translateX(0);}
.m-menu>ul>li{padding:5px 0;border-bottom: 1px solid #e9e9e9;}
.m-menu>ul>li>a{    color: #333333;line-height: 40px;font-size: 15px;        padding-left: 25px;    display: block;    position: relative;}
.m-menu>ul>li>a>i {    background: url(../img/m_navbtn.png) no-repeat;    width: 14px;    height: 14px;    position: absolute;    right: 29px;    top: 13px;}
.m-menu>ul>li>ul{display: none;}
.m-menu>ul>li>ul>li>a{        padding-left: 35px;  display: block;        color: #666666;        font-size: 13px;        line-height: 35px;        background-color: #f7f8f9;}
/*
.btn-m-menu {display: inline-block;width: 42px;height: 42px;margin-left: 10px;vertical-align: middle;}
.btn-m-menu i {display: block;width: 22px;height: 22px;margin: 10px;text-indent: -9999em;background: url("../img/m_menu.png") no-repeat left top;background-size: 22px auto;overflow: hidden;}
.btn-m-menu-active i {background-position: left bottom;}
.m-menu {transition: transform .35s;transform: translateX(100%);position: fixed;z-index: 1001;top: 60px;right: 0;bottom: 0;left: 0;font-size: 14px;background-color: rgba(255,255,255,1);overflow-y: auto;}
.m-menu > ul {margin: 0 20px;border-bottom: 1px solid #c1c1c1;}
.m-menu ul {border-top: 1px solid #c1c1c1;}
.m-menu ul li {border-bottom: 1px solid #c1c1c1;}
.m-menu ul li:last-child {border-bottom: none;}
.m-menu ul li a {display: block;color: #333;line-height: 50px;}
.m-menu ul li ul {display: none;}
.m-menu ul li ul li a {padding: 0 30px;}
.m-menu ul li ul li ul li a {padding: 0 100px;}
.m-menu ul li a {position: relative; font-family:Arial, Helvetica, sans-serif;}
.m-menu ul li a i {transform: translateY(-50%);position: absolute;top: 50%;right: 0;width: 14px;height: 14px;}
.m-menu ul li a i:before, .m-menu ul li a i:after {content: "";position: absolute;background-color: #ddd;}
.m-menu ul li a i:before {top: 50%;left: 0;width: 100%;height: 2px;margin-top: -1px;}
.m-menu ul li a i:after {top: 0;left: 50%;width: 2px;height: 100%;margin-left: -1px;}
.m-menu ul li.active > a {color: #d73c07;}
.m-menu ul li.active > a i:after {display: none;}
.m-menu-active {transform: translateX(0);}
.m-search {transition: transform .35s;transform: translateY(-100%);position: fixed;z-index: 100;top: 60px;left: 0;width: 100%;height: 50px;background-color: #fff;}
.m-search form {display: flex;width: 100%;height: 100%;}
.m-search .search-keywords {flex: 1;box-sizing: border-box;padding: 0 20px;font-size: 14px;border: none;background: none;}
.m-search .search-button {width: 62px;height: 50px;text-indent: -9999em;border: none;background: url("../img/m_search_d.png") no-repeat center;overflow: hidden;}
.m-search-active {transform: translateY(0);}*/
.height100{ height:100px;}
.m-menuback {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 10001;
    position: fixed;
    top: 0;
    left: 0;
	display: none;
}
.m-header .language{ position:absolute; z-index: 1002; top:23px; right:65px; font-size:13px;}
.m-header .language a{ padding:0 3px;}

@media (min-width: 1441px) and (max-width:1760px ) {
}
@media (min-width: 1301px) and (max-width:1440px) {
	.h-nav{
		display: flex;
    	justify-content: center;
	}
	.header nav ul{
		margin-right: 0%;
	}
	.header nav ul>.x:last-child{
		margin-right: 0;
	}
}
@media (min-width: 1201px) and (max-width:1300px ) {
	.h-nav{
		display: flex;
    	justify-content: center;
	}
	.header nav ul{
		margin-right: 0%;
	}
	.header nav ul>.x:last-child{
		margin-right: 0;
	}
	.header nav ul>.x{
		margin-right: 30px;
	}
	.h-logo {
		max-width: 250px;
	}
}
@media (min-width: 1024px) and (max-width: 1200px){
	.h-nav{
		display: flex;
    	justify-content: center;
	}
	.header nav ul{
		margin-right: 0%;
	}
	.header nav ul>.x:last-child{
		margin-right: 0;
	}
	.header nav ul>.x{
		margin-right: 30px;
	}
	.h-logo {
        max-width: 200px;
    }
	.header nav ul>.x {
        margin-right: 25px;
    }
	.header nav ul .x>a{
		font-size: 16px;	
	}
	.header nav ul .x dl dd a{
		font-size: 16px;	
	}
	#login{
		font-size: 16px;	
	}
}
/*
@media (min-width: 1200px) and (max-width:1280px ) {
	.header{
		display: flex;
		justify-content: center;
	}
	.header .container{
		margin: 0;
	}
	.w1200{ width:1200px;}
	#login{ 
		position: relative;
		right: 0;
		margin-right: 0;
		flex-shrink: 0;
	}
}
@media (min-width: 1067px) and (max-width:1200px ) {
	.header{
		display: flex;
		justify-content: center;
	}
	.header .container{
		margin: 0;
	}
	.header nav ul .x>a{ font-size:16px;}
	.container{ width:96%;}
	.header nav ul>.x{ padding:0 15px;}
	#login{ 
		position: relative;
		right: 0;
		margin-right: 0;
		flex-shrink: 0;
	}
}
@media (min-width: 1024px) and (max-width:1067px ) {
	.header{
		display: flex;
		justify-content: center;
	}
	.header .container{
		margin: 0;
		display: flex;
	}
	.header .container>a{
		flex: 1;
	}
	.header .container>.fr{
		flex-shrink: 0;
	}
	.header nav ul .x>a{ font-size:16px;}
	.container{ width:96%;}
	.header nav ul>.x{ padding:0 15px;}
	#login{ 
		position: relative;
		right: 0;
		margin-right: 0;
		flex-shrink: 0;
	}
}*/
@media (max-width:1024px){
	.container{ width:94%;}
	.header{display: none;}
	.m-header {display: block;}
	#login{ display:none;}
	
}

.swiper-container{overflow: hidden;}
.swiper-container img{max-width: 100%;height: auto;}
.banner{margin-top: 90px;}
.indexbanner{margin-top: 0;}
.banner img{ display:block; width:100%; height:auto;}
.indexbannerbox {
    position: absolute;
    top: 30%;
    max-width: 1460px;
    width: 94%;
    left: 50%;
    transform: translateX(-50%);
}
.indexbannerbox_h {
    width: auto;
    color: #ffffff;
    font-size: 80px;
    font-weight: bold;
    line-height: normal;
}
.indexbannerbox_txt {
    width: auto;
    color: #ffffff;
    font-size: 36px;
    font-weight: normal;
    line-height: normal;
}
.indexbanner .swiper-pagination{bottom: 15%;width: 94%;max-width: 1460px;left: 50%;    transform: translateX(-50%);  text-align: left;}
.indexbanner .swiper-pagination .swiper-pagination-bullet{margin-right: 13px;}
.indexbanner .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}
@media (min-width: 1025px) and (max-width: 1200px){
	.indexbannerbox_h {    font-size: 55px;}
	.indexbannerbox_txt {        font-size: 20px;}
}
@media (max-width:1024px){
	.banner{margin-top:0px;}

	.indexbannerbox{max-width:320px;}
	.indexbannerbox_h {    font-size: 24px;}
	.indexbannerbox_txt {    line-height: 25px;    font-size: 14px;}

	.indexbanner .swiper-pagination{bottom:15px;text-align:center;}
	.swiper-pagination-bullet{width: 10px;height: 10px;}
	.indexbanner .swiper-pagination .swiper-pagination-bullet{margin-right:5px;}
}
/*
.footer{height:90px;background: #f7f8f8;padding-top:30px;}
.footer nav ul li{float: left;width: 150px;}
.footer nav ul li dt{font-size: 18px;color: #da233d;margin-bottom: 10px;}
.footer nav ul li dd{font-size: 14px;color: #333;line-height: 24px;}
.footer .flow{height: 77px;border-left:1px solid #c7c7c7;padding-left:65px;width: 200px;margin-left:33px;}
.footer h1{color: #da233d;font-size: 24px;white-space:nowrap;font-weight: 400;}
.footer .sina{width:30px;height:28px;background: url(../img/icon.png) left -2px no-repeat;margin: 20px 6px 0 40px;display: inline-block;}
.footer .wechat{width:30px;height:28px;background: url(../img/icon.png) left -32px no-repeat;display: inline-block;cursor:pointer;}*/
.footer {    background-color: #0056a0;    padding: 0 3%;    display: flex;    width: 100%;    overflow: hidden;    box-sizing: border-box;    justify-content: center;}
.footerbox {         padding-top: 71px;        padding-bottom: 20px;   max-width: 1524px;    width: 100%;   }
.footer-t {        margin-bottom: 40px;    display: flex;width: 100%;}
.footer-t-l {    border-right: 1px solid #0b69b9;	box-sizing: border-box;	width: 381px; flex-shrink: 0;}
.footer-t-l-logo {    width: 301px;    height: auto; max-width: 100%;}
.footer-t-l-con {    margin-top: 21px;    width: 100%;    color: #ffffff;    font-size: 16px;    line-height: 30px;}
.footer-t-c{flex: 1;}
.footer-nav {    margin-left: 20%;    width: 90%;    display: flex;    flex-wrap: wrap;}
.footer-navli {    margin-right: 50px;    width: auto;    height: auto;    color: #ffffff;    font-size: 22px;    text-align: left;    line-height: 40px;}
.footer-navli-a{color:#fff;}
.footer-navlibox {        margin-top: 10px;    display: flex;    flex-direction: column;}
.footer-navlibox-a {    height: 40px;    font-size: 16px;    text-align: left;    line-height: 36px;    color: #fff;}
.footer-t-r{width: 254px;flex-shrink: 0;border-left: 1px solid #0b69b9;padding-left: 45px;box-sizing: border-box;}
.footer-t-rbox{width: 135px;    float: right;}
.footer-ewm{width: 100%;height: auto;}
.footer-t-rtit {    color: #ffffff;    text-align: center;    margin-top: 15px;    line-height: 25px;    font-size: 14px;}
.footer-b {    border-top: 1px solid #0b69b9;    display: flex;    justify-content: space-between;}
.footer-b-l {    color: #ffffff;    text-align: left;    line-height: 50px;    font-size: 14px;	flex: 1;}
.footer-b-r{flex-shrink: 0;}
.footer-b-rli{color: #ffffff;    text-align: center;    line-height: 50px;    font-size: 14px;        padding-left: 30px;}
.footer-b-rli a{color: #ffffff;}

.content1{padding-top: 50px;}
.content1 .head{display: flex;justify-content: space-between;background-color: #fafafa;border-left:4px solid #0b417d;        border-bottom: none;        border-radius: 3px;}
.content1 .head .ul{margin-left: 10px;height: 43px;    display: flex;    align-items: center;}
.content1 .head .li{height: 43px;line-height: 43px;font-size: 16px;cursor: pointer;margin: 0 12px;display: flex;    align-items: center;}
.content1 .head .li:hover,.content1 .head .li.active{font-weight: bold;color: #0b417d;}
.content1 .head .li:not(:last-child):after{content: "";width: 2px;height: 5px;        border-right: solid 1px #3f6795;margin-left:20px;display: inline-block;}
.content1 .head .more{        color: #656565;font-size: 13px;padding: 0 15px;line-height: 43px;}
.content1 .box{margin-top: 18px;}
.content1 .boxli{display: none;}
.content1 .boxli.active{display: block;}
.content1 .boxli .ul{display: flex;    flex-wrap: wrap; }
.content1 .boxli .ul .li{width: calc(50% - 8px);display: flex;padding-bottom:16px;margin-bottom: 16px; border-bottom: 1px dashed #8c8c8c;}
.content1 .boxli .ul .li:nth-child(2n+1){margin-right: 16px;}
.content1 .boxli .ul .li .left{width: 106px;box-sizing:border-box;background: #f1f1f1;padding: 18px 12px;margin-right: 15px;}
.content1 .boxli .ul .li:hover .left{background: #DADADA;}
.content1 .boxli .ul .li .left .day{line-height:66px;color: #8c8c8c;font-size:66px;text-align: center;font-weight: bold;vertical-align: top;margin-bottom: 5px;        }
.content1 .boxli .ul .li .left .date{color: #8c8c8c;font-size: 20px;text-align: center;}
.content1 .boxli .ul .li .right{width: calc(100% - 121px);}
.content1 .boxli .ul .li .right .tit{overflow: hidden;   margin-top: 15px;     white-space: nowrap;        text-overflow: ellipsis;        font-size: 18px;        color: #5D5D5D;        line-height: 1.2;        font-weight: bold;}
.content1 .boxli .ul .li:hover .right .tit{color:#0b417d; }
.content1 .boxli .ul .li .right .con{margin-top:15px;font-size: 13px;line-height: 26px;color: #434343;        opacity: 0.6;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 2;        overflow: hidden;height: 50px;}
.content2 {    padding-top: 34px;}
.content2 .head{    display: flex;    justify-content: space-between;   background-color: #fafafa;    border-left: 4px solid #0b417d;    border-bottom: none;    border-radius: 3px;}
.content2 .head .tit{    height: 43px;font-weight: bold;    color: #0b417d;    line-height: 43px;    font-size: 16px;    cursor: pointer;    margin: 0 22px;}
.content2 .head .more {    color: #656565;    font-size: 13px;    padding: 0 15px;    line-height: 43px;}
.content2 .box{    margin-top: 25px;}
.content2 .box .top{width:100%;    font-size: 18px;    color: #333333;    line-height: 2em;    text-indent: 2em; }
.content2 .box .bottom{width: 100%;margin-top: 25px;}
.content2 .box .bottom video{width: 48%;margin-right: 4%;float: left;height: 350px;background-color: #000;}
.content2 .box .bottom video:nth-child(2n){margin-right: 0;}
.content3 {    padding-top: 50px;}
.content3 .head{    display: flex;    justify-content: space-between;   background-color: #fafafa;    border-left: 4px solid #0b417d;    border-bottom: none;    border-radius: 3px;}
.content3 .head .tit{    height: 43px;font-weight: bold;    color: #0b417d;    line-height: 43px;    font-size: 16px;    cursor: pointer;    margin: 0 22px;}
.content3 .head .more {    color: #656565;    font-size: 13px;    padding: 0 15px;    line-height: 43px;}
.content3 .box{    margin-top: 25px;}
.content3 .box .li{    padding-bottom: 15px;    width: 23.5%;    margin: 0 2% 10px 0;    float: left;}
.content3 .box .li:nth-of-type(4n) {    margin-right: 0;}
.content3 .box .li a img {    display: block;    width: 100%;    height: auto;}
.content4 {    padding-top: 50px;margin-bottom: 50px;}
.content4 .head{    display: flex;    justify-content: space-between;   background-color: #fafafa;    border-left: 4px solid #0b417d;    border-bottom: none;    border-radius: 3px;}
.content4 .head .tit{    height: 43px;font-weight: bold;    color: #0b417d;    line-height: 43px;    font-size: 16px;    cursor: pointer;    margin: 0 22px;}
.content4 .box{    margin-top: 25px;}
.content4 .box .li{float: left;    font-size: 18px;   color: #333333;    line-height: 35px; margin:0 10px;}
.content4 .box .li:hover a{color:#0b417d;font-weight: bold;}

.index1 {    padding: 0 3%;    display: flex; width: 100%;  overflow: hidden;  box-sizing: border-box;   justify-content: center;}
.index1box {    max-width: 1524px;    width: 100%;          padding-top: 150px;        padding-bottom: 121px;}
.index1-l{float: left; width: 50%;}
.index1-l-h {    margin-top: 0px;    width: 100%;    color: #000000;    font-size: 70px;    line-height: 70px;    position: relative;    top: 0px;    left: 0px;    font-weight: bold;    font-family: "GOTHICB" !important;}
.index1-l-t {    margin-top: 15px;    width: 100%;    color: #000000;    font-size: 36px;    line-height: normal;    position: relative;    top: 0px;    left: 0px;    font-weight: bold;}
.index1-l-c {    margin-top: 30px;    padding-right: 0px;    width: auto;    width: 80%;   font-size: 16px;    text-align: justify;    text-justify: inter-ideograph;    line-height: 30px;    margin-bottom: 30px;    position: relative;    left: 0px;    top: 0px;    color: #666;}
.index1-b {    border: 1px solid #106ab7;    color: #ffffff;    font-size: 16px;    line-height: 40px;    padding-left: 20px;    padding-right: 20px;    display: inline-block;    border-radius: 20px;    background: #0056a0;}
.index1-r{float: left; width: 50%;        padding-left: 25px; box-sizing: border-box;}
.index1-r-c {        text-align: justify;        text-justify: inter-ideograph;    margin-bottom: 30px;    line-height: 35px;    color: #333333;    font-size: 20px;}

.index2{padding: 0 2%;width: 100%;box-sizing: border-box;    display: flex;    justify-content: center;}
.index2box {    display: flex;    flex-wrap: wrap;    width: 100%;overflow: hidden;    max-width: 1828px;}
.index2li {    width: 50%;    box-sizing: border-box;     position: relative; margin-bottom: 30px;}
.index2li:nth-child(2n+1){padding-right: 15px;}
.index2li:nth-child(2n){padding-left: 15px;}
.index2libox{position: relative;}
.index2li-1 {    width: 100%;background-color: #000000;border-radius: 50px;overflow: hidden; position: relative; cursor: pointer;    height: 550px;}
.index2li.active .index2li-1{display:block;}
.index2li-img1{width: 100%;        opacity: 0.65;height: 100%; object-fit: cover;}
.index2li-img2 {    position: absolute;    top: 50%;    left: 50%;	width: 100px;	height: auto;  transform: translate(-50%,-50%);
}
.index2li-2 {    width: 100%; background-color: #004e91;    height: 100%;border-radius: 50px;overflow: hidden;padding:10.5% 9% 0; box-sizing: border-box;position: absolute;        top: 0;        left: 0;}
.index2li.active .index2li-2{display: none;}
.index2li-2-tit {    color: #ffffff;    font-size: 36px;    line-height: normal;    font-weight: bold;}
.index2li-2-con {    margin-bottom: 6.8%;    border-bottom: 1px solid #106ab7;    color: #ffffff;    font-size: 20px;    line-height: 30px;    margin-top: 10px;    padding-bottom: 21px;}
.index2li-2-play {    padding-left: 49px;    padding-right: 20px;    background: url(../img/bf.png) no-repeat;    border: 1px solid #106ab7;    font-size: 16px;    line-height: 40px;    color: #ffffff;    margin-top: 10px;    border-radius: 20px;    background-position: 20px 50%;    background-size: 20px 20px;    display: inline-block;}
.index2li-2-bj {    background: url(../img/index2bj.png) no-repeat;        background-position: 0px 100%;        background-size: auto;        font-size: 50px;        line-height: 50px;        padding-bottom: 47px;        width: auto;        float: right;        position: relative;        color: #ffffff;    font-family: "Caveat-Bold" !important;}

.index3{    padding: 0 3%;    display: flex;    width: 100%;    overflow: hidden;    box-sizing: border-box;    justify-content: center;}
.index3box {    max-width: 1524px;    width: 100%;    padding-top: 120px;    padding-bottom: 100px;}
.index3-l {    float: left;    width: 50%;    padding-right: 40px;    box-sizing: border-box;}
.index3-l-entit {    color: #000000;    font-size: 70px;    line-height: 70px;    font-weight: bold;    font-family: "GOTHICB" !important;}
.index3-l-tit {    margin-top: 15px;    width: 100%;    color: #000000;    font-size: 36px;    line-height: normal;    font-weight: bold;}
.index3-l-img{display:block;margin-top: 26px;width: 100%;height: 350px;border-radius: 7px;overflow: hidden;}
.index3-l-img img{width: 100%;height: 100%;object-fit: cover;transition: transform 1.6s linear 0s;}
.index3-l-img:hover img{transform: scale(1.1,1.1);}
.index3-l-title{display:block;margin-top: 30px;  max-width: 585px;  width: 100%;color: #000000;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/     white-space: nowrap;        font-size: 24px;        line-height: 35px;}
.index3-l-title:hover{        color: #0056a0;}
.index3-l-con {    margin-top: 15px;    line-height: 29px;    font-size: 15px;    color: #666;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}
.index3-l-date {    margin-top: 1px;    width: 100%;    color: #b7b7b7;    font-size: 15px;    line-height: 29px;}
.index3-r {    float: left;    width: 50%;    padding-left: 40px;    box-sizing: border-box;}
.index3-r-li {margin-bottom: 32px;       display: flex;    align-items: flex-start;overflow: hidden;    width: 100%;}
.index3-r-li:last-child{margin-bottom: 0;}
.index3-r-li-l {    background: #0056a0;    color: #fff;    text-align: center;    flex-shrink: 0;    margin-right: 35px;    padding: 12px 18px 12px;}
.index3-r-li-l-day {    font-size: 32px;    margin-bottom: 5px;    line-height: 32px;    font-weight: bold;}
.index3-r-li-l-year {    font-size: 16px;}
.index3-r-li-r{flex: 1;    overflow: hidden;	}
.index3-r-li-tit {display:block;max-width: 483px; width: 100%;   color: #000000;    font-size: 24px;    line-height: 35px;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/     white-space: nowrap;}
.index3-r-li-tit:hover{        color: #0056a0;}
.index3-r-li-con {    margin-top: 15px;    line-height: 29px;    font-size: 15px;    color: #666;display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}
.index3-r-li-date {        padding-bottom: 15px;    margin-top: 1px;    width: 100%;    color: #b7b7b7;    font-size: 15px;    line-height: 29px;}

.index4{    padding: 0 3%;    display: flex;    width: 100%;    overflow: hidden;    box-sizing: border-box;    justify-content: center;}
.index4box {display: flex;    max-width: 1524px;    width: 100%;    padding-top: 0;    padding-bottom: 150px;}
.index4box-l{width: 50%;padding-right: 40px;box-sizing: border-box;}
.index4-entit {    color: #000000;    font-size: 70px;    font-weight: bold;    line-height: 70px;    font-family: "GOTHICB" !important;}
.index4-tit {        margin-bottom: 50px;    margin-top: 15px;    width: 100%;    color: #000000;    font-size: 36px;    line-height: normal;    font-weight: bold;}
.index4-ul {overflow: hidden;    padding-top: 5px;    padding-bottom: 5px;}
.index4box-r{width: 50%;  padding-left: 40px;position: relative;}
.index4box-r video{width: 100%;height: 100%;position: relative;z-index: 1;background: #000;}

.index4box-rbtn{width: calc(100% - 40px);position: absolute; top: 0;left: 40px;height: 100%;z-index: 2;cursor: pointer;background-color: #000000;    box-sizing: border-box;}
.index4box-rback{width: 100%;height: 100%;object-fit: cover;    opacity: 0.65;}
.index4-ullist{display: none;}
@keyframes scrollMarquee {	0% {		transform: translateX(0);	}	100% {		transform: translateX(-50%);	}}
.index4-ulbox,.index4-ulbox1{    display: flex;    flex-wrap: nowrap;    width: max-content;   /* animation: scrollMarquee 20s linear infinite; */   will-change: transform;}
.index4-ul:hover .index4-ulbox,
.index4-ul:hover .index4-ulbox1 {	animation-play-state: paused;}
.index4-li {    margin-right: 30px;    padding: 20px; box-sizing: border-box;    width: auto;    box-shadow: rgb(233, 233, 233) 0px 1px 14px;    -webkit-box-shadow: rgb(233, 233, 233) 0px 1px 14px;}
.index4-li>img{width: 100%;    height: 100%;    object-fit: contain;}

.index5 { padding: 40px 3%;  background-color: #f4faff;display: flex;    width: 100%;    overflow: hidden;    box-sizing: border-box;    justify-content: center;}
.index5box {    max-width: 1524px;    width: 100%;       display: flex;}
.index5-l {    color: #333333;    font-size: 22px;    font-weight: bold;    line-height: 50px;	flex-shrink: 0;}
.index5-r {    flex: 1;    padding-left: 10px;    display: flex;    flex-wrap: wrap;    color: #333333;    font-size: 22px;    font-weight: normal;    line-height: 50px;}
.index5-r a{        margin-right: 25px;}
.index5-r a:hover{        color: #0056a0;}

.gytk-bj{display: none;    width: 100%;    height: 100%;    position: fixed;    top: 0;    left: 0;    z-index: 999;    background: rgba(0, 0, 0, .6);}
.gytk {    width: 100%;    max-width: 60%;    max-height: 80%;    position: absolute;    top: 50%;    left: 50%;    z-index: 2;    text-align: center;    transform: translate(-50%, -50%);    -ms-transform: translate(-50%,-50%);    -moz-transform: translate(-50%,-50%);    -webkit-transform: translate(-50%, -50%);}
.gytk>i { cursor: pointer;   width: 80px;    height: 80px;    background: #fff;    position: absolute;    top: 0;    right: -80px;}
.gytk>i:before {    content: '';    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    background: url(../img/x03.png) no-repeat center;    z-index: 3;    transition: all .5s;    -webkit-transition: all .5s;}
.gytk>i:after {    content: '';    position: absolute;    width: 100%;    height: 0%;    bottom: 0;    left: 0;    background: #e6e6e6;    z-index: 2;    transition: all .5s;    -webkit-transition: all .5s;}
.gytk video, .gytk img {    max-width: 100%;    max-height: 80vh;}
@media screen and (max-width:1500px){
	.footer-t-l{width:343px;}
	.footer-nav{margin-left:0px;width:100%;justify-content: center;padding: 0 20px;box-sizing: border-box;}
	.footer-navli:last-child{margin-right: 0;}
	.footer-t-r{width: 200px;}
}
@media screen and (max-width:1450px){
	.index2li-2-bj{    font-size: 40px;    line-height: 40px;    padding-bottom: 40px;}

	.index3-r-li-l{margin-right: 25px;}
}
@media screen and (max-width:1350px){
	.footer-t-r{padding-left:20px;}
}
@media screen and (max-width:1310px){
	.footer-navli{margin-right:20px;}
}
@media screen and (max-width:1300px){
	.index2li-2{padding-top: 8%;}
	.index2li-2-bj{    font-size: 30px;    line-height: 30px;    padding-bottom: 30px;}
}
@media screen and (max-width:1200px){
	.index2li-2{        padding: 5% 7% 0;}
	.index2li-2-tit{    font-size: 30px;}
	.index2li-2-con{    font-size: 16px;    line-height: 30px;}
	.index2li-2-bj{    font-size: 30px;    line-height: 30px;    padding-bottom: 30px;}

	.index3-l{padding-right:20px;}
	.index3-r{padding-left:20px;}
	.index3-r-li{padding-left:0px;}

	.footer-t-l{width: auto;padding-right: 20px;}
	.footer-t-l-logo{width: 200px;}
	.footer-navli-a{font-size: 20px;}
	.footer-t-r{width: auto;padding-left: 20px;}
	.footer-t-rbox{width: 100px;}
}
@media screen and (max-width:1100px){
	.index2li-2{        padding: 5% 7% 0;}
	.index2li-2-bj{    font-size: 30px;    line-height: 30px;    padding-bottom: 30px;}
}
@media screen and (max-width:1024px){
	.index1{padding: 0 20px;}
	.index1box{padding: 35px 0;}
	.index1-l{width: 100%;}
	.index1-l-h{font-size: 30px;        font-weight: normal;        line-height: normal;        color: #333333;}
	.index1-l-t{        color: #333333;        font-size: 22px;margin-top:0px;}
	.index1-l-c{width: 100%;    display: none;    color: #333333; margin-top: 8px;    line-height: 25px;    font-size: 14px;}
	.index1-b{display: none;}
	.index1-r{width: 100%;padding-left:0px;        margin-top: 8px;}
	.index1-r-c {    line-height: 25px;    font-size: 14px;margin-bottom:0px;}

	.index2{padding: 0 20px;}
	.index2li{width: 100%;margin-bottom:20px;}
	.index2li:nth-child(2n+1){padding-right:0px;}
	.index2li:nth-child(2n){padding-left:0px;}
	.index2li-1{border-radius:10px;}
	.index2li-img2{width: 60px;}
	.index2li-2{border-radius:10px;padding:0px 20px 31px;    background-color: #0056a1;              display: flex;        flex-wrap: wrap;        align-items: flex-end;        align-content: flex-end;}
	.index2li-2-tit {        width: 100%;    font-size: 22px;    line-height: normal;    font-weight: 400;}
	.index2li-2-con {        width: 100%;    line-height: 25px;    font-size: 14px;    padding-bottom: 10px;    margin-bottom: 20px;    margin-top: 0;}
	.index2li-2-box {    width: 100%;}
	.index2li-2-play{margin-top:0px;        background-size: 15px 15px;font-size: 12px;        line-height: 30px;padding-left: 36px;        background-position: 15px 50%;       width: 130px;  box-sizing: border-box;}
	.index2li-2-bj{        font-size: 24px;        padding-bottom: 16px;        background-size: contain;        line-height: normal;}

	.index3{padding: 0 20px;        background: url(../img/index3mback.png) no-repeat;        background-position: bottom center;        background-size: contain;}
	.index3box{padding: 40px 0;}
	.index3-l{padding-right: 0;width: 100%;        border-bottom: 1px solid #e9e9e9;}
	.index3-l-entit {    color: #333333;    font-size: 30px;    font-weight: normal;    line-height: normal;}
	.index3-l-tit {    color: #333333;    font-size: 22px;    font-weight: bold;    line-height: 32px;    margin-top: 0;}
	.index3-l-img{margin-top: 25px;}
	.index3-l-title{width: 100%;max-width:100%;margin-top:15px;        line-height: 30px;        font-size: 18px;        color: #333333;}
	.index3-l-con {    padding-top: 10px;    margin-top: 0;    line-height: 25px;    font-size: 14px;    color: #666;    opacity: 0.9;    -webkit-line-clamp: 4;}
	.index3-l-date {    padding-bottom: 15px;    margin-top: 0;    opacity: 0.7;    line-height: 25px;    font-size: 14px;    color: #666;}
	.index3-r{padding-left:0px;width: 100%;}
	.index3-r-li{padding-left:0px;background:none;padding-top: 15px;margin-bottom:0px;}
	.index3-r-li-l{margin-right: 15px;padding: 10px;}
	.index3-r-li-l-day{    font-size: 28px;line-height: 28px;}
	.index3-r-li-tit {    color: #333333;    font-size: 16px;    line-height: 30px;max-width:100%;}
	.index3-r-li-con {    padding-top: 5px;   margin-top: 0;    line-height: 25px;    font-size: 14px;    color: #666;    opacity: 0.8;    max-height: 50px;}
	.index3-r-li-date {    padding-bottom: 15px;    border-bottom: 1px solid #e9e9e9;    line-height: 25px;    font-size: 14px;    color: #666;}

	.index4{padding: 0 20px;}
	.index4box{padding: 35px 0;flex-wrap: wrap;}
	.index4box-l{width: 100%;padding-right: 0;}
	.index4-entit {    color: #333333;   font-size: 30px;    font-weight: normal;    line-height: normal;}
	.index4-tit {    color: #333333;    font-size: 22px;    font-weight: normal;    line-height: 32px;    margin: 0;}
	.index4-ul{margin-top: 35px;margin-bottom: 15px;}
	.index4-li{padding: 0;}
	.index4box-r{width: 100%;padding-left: 0;}
	.index4box-rbtn{width: 100%;left:0;}

	.index5{padding: 11px 20px;}
	.index5-l {    line-height: 25px;    font-size: 14px;    font-weight: 400;}
	.index5-r{font-size:14px;padding-left:3px;line-height: 25px;}
	.index5-r a{margin-right:15px;}

	.gytk{max-width:90%;}
	.gytk>i{    width: 40px;    height: 40px;    right: 0;    top: -40px;}

	.footer {    padding-bottom: 20px;    padding-left: 15px;    padding-right: 15px;   padding-top: 30px;}
	.footerbox{padding-top:0px;padding-bottom:0px;}
	.footer-t{    flex-wrap: wrap;}
	.footer-t-l{width: 100%;border-right:0px;text-align: center;}
	.footer-t-l-logo{width: 70%;}
	.footer-t-l-con {    margin-top: 10px;    font-size: 15px;    text-align: center;    line-height: 25px;}
	.footer-nav{display: none;}
	.footer-t-r{border-left: 0px; width: 100%; padding-left:0px;}
	.footer-t-rbox{float: none;margin: 0 auto;    width: 100%; text-align: center;}
	.footer-ewm {    margin-bottom: 10px; width: 30%;   margin-top: 20px;}
	.footer-t-rtit{        margin-bottom: 10px; margin-top: 0;        font-size: 15px;        line-height: normal;}
	.footer-t{margin-bottom:0px;}
	.footer-b{border-top: 0px;flex-wrap: wrap;}
	.footer-b-l{width: 100%;        font-size: 14px;        text-align: center;        line-height: 18px;}
	.footer-b-r{width: 100%;}
	.footer-b-rli{padding-left:0px;        font-size: 14px;        text-align: center;        line-height: 25px;}
}
@media screen and (max-width:900px){
	.content3 .box .li{
		margin: 0 2% 0px 0;
		width: 32%;
	}
	.content3 .box .li:nth-of-type(3n) {
		margin-right: 0%;
	}
	.content3 .box .li:nth-of-type(4n) {
		margin-right: 2%;
	}
}
@media screen and (max-width:739px){
	.content1 .boxli .ul .li{
		width: 100%;
	}
	.content1 .boxli .ul .li:nth-child(2n+1){
		margin-right: 0px;
	}
	.content2 .box .bottom video{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
		height: auto;
	}
	.content3 .box .li{
		margin: 0 2% 0px 0;
		width: 49%;
	}
	.content3 .box .li:nth-of-type(2n) {
		margin-right: 0%;
	}
	.content3 .box .li:nth-of-type(2n+1) {
		margin-right: 2%;
	}
}


.banner img{width: 100%;}
.details{overflow:hidden;}
.details .container{padding-top:50px;}
.details nav ul li{display: block;width:180px;height:30px;line-height:30px;background: #efefef;font-size: 16px;color: #727272;padding-left: 10px;cursor: pointer; position:relative; z-index:9;}
.details nav ul li a{display:block;}
.details nav ul li.active{color:#da233d;background: #f8f8f8;}
.details nav ul li.active a{color:#da233d; }
/*.details nav ul li span{margin-left: 65px;    width: 11px;
    display: inline-block;
    text-align: center;}*/
.details nav ul li span{    width: 11px;
    display: inline-block;
    text-align: center; position:absolute; z-index:99; top:0; right:15px;}
.details nav ul li:hover{color:#da233d;}
.details .fl p{font-size:16px;color:#014991;font-weight:500;}
.details .fl div>span{height:2px;width:20px;background:#014991;display: block;margin-top:10px;}
.details .box{width:930px;height:auto;border-left:1px solid #efefef;padding-left:35px;/*display: flex;    flex-wrap: wrap;*/}
.details .content{margin-top:50px;min-height: 170px;height: auto;padding-bottom:60px;}
.details .box p{font-size: 16px;line-height: 1.6;padding-bottom: 10px;    }
.details h2{color:#444444;font-size:24px;}
.details .list{padding-bottom:25px;}
.details .list h2{padding-top:10px;}
.details .list h2 i{padding-left: 10px;font-size:14px;}
.details .list h3{color:#727272;padding:10px 0;font-size:16px;line-height: 2;}
.details .list span p{color:#727272;font-size:16px;line-height:2;}
.details .biglist{padding-bottom:45px;}
.details .biglist h2{padding-top:10px;}
.details .biglist h2 i{padding-left: 10px;font-size:14px;}
.details .biglist h3{color:#727272;padding:10px 0;font-size:14px;line-height:2;}
.details .biglist span p{color:#727272;font-size:14px;line-height:2;}

.new{line-height:2;}
.new span{font-size:16px;}
.new a:hover{color:#da233d;}
.new a{display: flex;}
.new a>span{flex: 1;text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow:hidden;-moz-binding:url('ellipsis.xml#ellipsis');white-space: nowrap;}
.new a>i{flex-shrink: 0;margin-left: 15px;}
.title{border-bottom:1px solid #cbcbcb;margin-bottom:20px;}
.title h2{font-size:20px;text-align: center;}
.title h3{text-align:center;color:#b2b2b2;font-size:12px;line-height:3.5;}
.address p{line-height:2;font-size:16px;}

.page{clear:both;width:400px;height:30px;margin:100px auto 50px auto;text-align:center;}
.page .page_btn {  height:30px; }
.page .page_btn a { padding:0 9px; height:30px;}
.page span{display:block;height:30px;float:left;margin:0 7px;border:1px solid #f1f1f1; cursor:pointer;}
.page span a { display:block; height:30px; padding:0 9px;font-size: 12px;}
.page span:hover{border:1px solid red;color:red;}
.page span.page_current {border:1px solid red;color:red;padding:0 9px;}
.page span a:hover{color:red;}
.nup{padding-top: 30px;padding-bottom: 30px;}
.ndo{padding-bottom: 30px;}
.page_ a{font-size: 14px;transition:all .3s ease;-webkit-transition:all .3s ease;}
.page_ a:hover{color: #fc433e;}
.content{font-size: 16px;line-height: 2em;}
#wechat{width:69px;height:70px;border-radius:4px;background:#1f4f8c url(../img/wechat.png) center no-repeat;position:fixed;bottom:30%;right:0;z-index:9999;cursor:pointer;}
#wechat:hover{background-color:#1f4f8c;}
#wechat img{position:absolute;left:-220px;top:-55px;display: none;}

.clist{display: flex;flex-wrap: wrap;}
.clist .list{width: 32%; margin: 0 2% 10px 0; float:left;}
.clist .list:nth-of-type(3n){ margin-right:0;}
.clist .list a{ display:block;}
.clist .list a img{ display:block; width:100%; height:auto;}


.left{ width:233px;}
.lteam{ width:209px;background: #fcfafb;}
.lteam img{object-fit: contain;}
.rteam{ width:675px;/*padding-left: 20px;box-sizing: border-box;*/}

.map{width:63%;min-height:445px;overflow:hidden;object-fit: contain;}
.address{ width:35%;}

@media screen and (max-width:1200px){
	.left{ width:25%;}
	.details nav ul li{ width:100%;}
	.content{width:68%;}
	.content img{ max-width:100%; height:auto;}	
	.details .box{ width:95%; padding-left:5%;}
	
	.lteam{}
	.rteam{width: calc(100% - 245px);width: -moz-calc(100% - 245px);width: -webkit-calc(100% - 245px);}
}
@media screen and (max-width:1024px){
	.pc{ display:none !important;}
	.mhidden{    overflow-y: hidden;}
}
@media screen and (min-width:1025px){
	.mb{ display:none !important;}
}
@media screen and (max-width:640px){
	/*.footer{ padding-top:10px;}	*/
	#wechat img{ width:110px; height:110px; left:-120px; top:0;}
	
	.left{ width:100%;}
	.content{width:100%;}	
	.details .box{ width:100%; padding-left:0; border:0;}
	
	.lteam{ width:100%; margin-bottom:15px;text-align: center;}
	.rteam{width:100%;padding-left: 0px;}
	.details .list{ margin-bottom:25px;}
	.details h2{ font-size:18px;}
	.details .list h3{ font-size:12px; line-height:22px;}
	.page{ width:100%; margin:20px auto;}
	
	.clist .list{width: 48%; margin: 0 4% 10px 0;}
	.clist .list:nth-of-type(3n){ margin-right:4%;}
	.clist .list:nth-of-type(2n){ margin-right:0;}
	.title h2{ font-size:18px;line-height: 30px;}
	.map{width:100%;min-height:auto; }
	.address{ width:100%;margin-bottom:20px;}
}