.maincolor{color:#888;/*文字*/color:#494949;/*重文字*/color:#333/*特重文字*/color：#223764/*主色调*/ color：#DDD;/*边框*/color:#F4F4F4;/*背景*/}

body,button,input,select,textarea {font-family:"SourceHanSansCN","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";}

html {height: 100%;font-size:100px;}
body {height: 100%;font-size:16px;line-height: 187.5%;background: #FFF;color:#888;}

a{cursor: pointer;color:#888;}
a:hover{color: #223764;}
a img{border:0;} 


.u-df { display:-webkit-box;  display:-ms-box; display:flex; }
.u-flex-h {-webkit-box-orient:horizontal; }
.u-flex-r {-ms-flex-direction:row; flex-direction:row; }
.u-flexd--c {-webkit-box-orient:vertical; -ms-flex-direction:column; flex-direction:column; }

.u-jc-c { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.u-jc-sb { justify-content : space-between; }
.u-jc-end { -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; }
.u-fd-rr { -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse;  flex-direction:row-reverse; }


.u-ai-fs { -webkit-box-align:start; -ms-flex-align:start;  align-items:flex-start; }
.u-ai-c { -webkit-box-align:center; -ms-flex-align:center;  align-items:center; }
.u-al-fe { -webkit-box-align:end; -ms-flex-align:end;  align-items:flex-end; }
.u-as-bl { -webkit-align-self:baseline; -ms-align-self:baseline;  align-self:baseline; }

.u-flex-sb {  justify-content:space-between; }

.u-fw { -webkit-flex-wrap: wrap; flex-wrap:wrap; }


.tac { text-align:center; }

.scaleimg { overflow:hidden; display:block;}
.scaleimg .img_container .bg_container { transform:scale(1,1); -webkit-transform:scale(1,1); transition:0.5s all; -webkit-transition:0.5s all;}
.scaleimg:hover .img_container .bg_container { transform:scale(1.02,1.02); -webkit-transform:scale(1.02,1.02);}


.scaleimg2 { overflow:hidden; display:block;}
.scaleimg2 .video_container .bg_container { transform:scale(1,1); -webkit-transform:scale(1,1); transition:0.5s all; -webkit-transition:0.5s all;}
.scaleimg2:hover .video_container .bg_container { transform:scale(1.02,1.02); -webkit-transform:scale(1.02,1.02);}


.animation {transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }

.ellipsis{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  }
.ellipsis-2 {  overflow:hidden;  max-height:3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis-3 {  overflow:hidden;  max-height:4.5em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipsis-4 {  overflow:hidden;  max-height:6em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.ellipsis-5 {  overflow:hidden; max-height:7.5em; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.ellipsis-6 {  overflow:hidden;  max-height:9em; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}

.song { font-family:"\5b8b\4f53";}


.fnt-12 { font-size:12px; }
.fnt-14 { font-size:14px; }
.fnt-16 { font-size:16px; }
.fnt-18 { font-size:18px; }
.fnt-20 { font-size:20px; }
.fnt-22 { font-size:22px; }
.fnt-24 { font-size:24px; }
.fnt-30 { font-size:30px; }
.fnt-34 { font-size:34px; }
.fnt-36 { font-size:36px; }
.fnt-40 { font-size:40px; }
.fnt-44 { font-size:44px; }
.fnt-48 { font-size:48px; }
.fnt-52 { font-size:52px; }


@media screen and (max-width:1400px){
.fnt-12 { font-size:12px; }
.fnt-14 { font-size:14px; }
.fnt-16 { font-size:15px; }
.fnt-18 { font-size:16px; }
.fnt-20 { font-size:18px; }
.fnt-22 { font-size:20px; }
.fnt-24 { font-size:22px; }
.fnt-30 { font-size:24px; }
.fnt-34 { font-size:30px; }
.fnt-36 { font-size:32px; }
.fnt-40 { font-size:34px; }
.fnt-44 { font-size:38px; }
.fnt-48 { font-size:42px; }
.fnt-52 { font-size:44px; }
}

@media screen and (max-width:1200px){
.fnt-12 { font-size:12px; }
.fnt-14 { font-size:13px; }
.fnt-16 { font-size:14px; }
.fnt-18 { font-size:15px; }
.fnt-20 { font-size:16px; }
.fnt-22 { font-size:18px; }
.fnt-24 { font-size:20px; }
.fnt-30 { font-size:24px; }
.fnt-34 { font-size:26px; }
.fnt-36 { font-size:28px; }
.fnt-40 { font-size:29px; }
.fnt-44 { font-size:30px; }
.fnt-48 { font-size:34px; }
.fnt-52 { font-size:36px; }
}


@media screen and (max-width:1024px){
.fnt-12 { font-size:12px; }
.fnt-14 { font-size:13px; }
.fnt-16 { font-size:13px; }
.fnt-18 { font-size:14px; }
.fnt-20 { font-size:16px; }
.fnt-22 { font-size:17px; }
.fnt-24 { font-size:18px; }
.fnt-30 { font-size:24px; }	
.fnt-34 { font-size:24px; }
.fnt-36 { font-size:24px; }
.fnt-40 { font-size:25px; }
.fnt-44 { font-size:26px; }
.fnt-48 { font-size:28px; }
.fnt-52 { font-size:30px; }
}

@media screen and (max-width:767px){
.fnt-12 { font-size:12px; }
.fnt-14 { font-size:13px; }
.fnt-16 { font-size:14px; }
.fnt-18 { font-size:15px; }
.fnt-20 { font-size:16px; }
.fnt-22 { font-size:16px; }
.fnt-24 { font-size:17px; }
.fnt-30 { font-size:18px; }
.fnt-34 { font-size:22px; }
.fnt-36 { font-size:22px; }
.fnt-40 { font-size:23px; }
.fnt-44 { font-size:24px; }
.fnt-48 { font-size:24px; }
.fnt-52 { font-size:26px; }
}

@media screen and (max-width:375px){
.fnt-12 { font-size:12px; }
.fnt-14 { font-size:13px; }
.fnt-16 { font-size:14px; }
.fnt-18 { font-size:14px; }
.fnt-20 { font-size:14px; }
.fnt-22 { font-size:14px; }
.fnt-24 { font-size:16px; }
.fnt-30 { font-size:18px; }
.fnt-34 { font-size:20px; }
.fnt-36 { font-size:20px; }
.fnt-40 { font-size:20px; }
.fnt-44 { font-size:20px; }
.fnt-48 { font-size:22px; }
.fnt-52 { font-size:24px; }
}


/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }



.container {margin: 0 auto;/*max-width: 1920px;*/min-width: 320px;position: relative;width: 100%;overflow: hidden;}
.content{position: relative;}
.main_content:after{content:""; display: block; clear: both;}
.indent_content{margin: 0 auto;width: 78%;max-width:1440px;min-width: 1326px;padding: 0 20px;}
.bg_container{ background:  no-repeat center center; background-size:cover;}
.bg_container img{opacity: 0; max-width: 100%; max-height: 100%;}
.swiper-wrapper,.swiper-slide{height: auto !important;}

/* @media screen and (min-width: 1680px){
    body {font-size: 16px;}
}
@media screen and (max-width: 1680px){
    body {font-size: 15px;}
}
@media screen and (max-width: 1440px){
    body {font-size: 14px;}
} */
@media screen and (max-width: 1366px){
    /* body {font-size: 13px;} */
    .indent_content{width: 100%;min-width: 0;padding: 0 20px;}
}
@media screen and (max-width: 1280px){
    /* body {font-size: 12px;} */
}
@media screen and (max-width: 767px){
    html {font-size: (100vw / 7.5) ;}
    .indent_content{padding: 0 5%;}
}
@media screen and (max-width: 374px){
    /* body {font-size:3.2vw;} */
	.indent_content {padding: 0 3%; }
}
@media screen and (max-width: 320px){
    html {font-size:42.667px;}
    /* body{font-size:10.24px;} */
}


/*页头*/
.header{position: fixed;left: 0;top:0;width: 100%;height:90px;z-index: 30;background:#FFF; min-width: 320px;box-shadow: 0 0 0.5em rgba(0, 0,0,.2);transition:background .5s linear;}
.header .header_content{ position: relative;height:100%; max-width: 1440px; margin: 0 auto;}
.header .logo{position: absolute; width:543px; height:100%; top:0px; left:20px;  text-indent: -99em;}
.header .logo img{position: absolute; left: 0; top:50%; max-width: 90%; max-height: 100%; transform: translateY(-50%);}
.header .menu h2{display: none;}
.header .sitesearch{position: absolute;right: 20px;top:50%;line-height:200%;height: 38px;margin: -19px 0 0;z-index:35;width:38px;background: #DDD;border-radius:3px; transition: width .25s linear;}
.header .sitesearch:hover{width: 160px;}
.header .sitesearch input{ width: 108px; padding: 0 0 0 16px; height: 38px; line-height: 200%; color: #333; background: none; outline: none; border:none;opacity: 0;transition: opacity .5s linear;position: absolute; left: 0; top:0;}
.header .sitesearch:hover input{opacity: 1;}
.header .sitesearch button{font-size: 16px; position: absolute; width:38px; height:38px; border: none; background: #223764 url(../images/search.png) no-repeat center center; position: absolute; outline: none; top:0; right: 0px; cursor: pointer;border-radius: 3px; }
.header .menu_content{list-style-type: none;position: absolute;right:20px;top:26px; margin:0px 56px 0 0;white-space: nowrap; z-index: 30;}
.header .menu_content > li{display: inline-block;transition: background .5s linear;margin-right:5px;position: relative;}
.header .menu_content h3{line-height:2.375; overflow: hidden;}
.header .menu_content h3 a{position: relative;display: inline-block;color: #333;z-index: 1;transition: z-index .25s linear .5s;padding: 0 15px; margin: 0 5px;}
.header .menu_content li:hover h3 a,.header .menu_content li.current h3 a {color:#fff; background:#223764; border-radius:5px; }
.header .menu_content .current-new:hover h3 a,.header .menu_content li.current-new h3 a {color:#fff; background:#223764; border-radius:5px; }
.header .menu_content ul{visibility: hidden;opacity: 0;transition: opacity .5s linear;z-index: 10;position: absolute;left:50%; width:7em; transform: translateX(-50%); line-height: 200%;top:100%;background:#FFF;text-align: left;padding:16px 0;min-width: 100%;box-shadow: 1px 1px 2px rgba(0,0,0,.3);}
.header .menu_content > li:hover ul{visibility: visible;opacity: 1;}
.header .menu_content ul a{position: relative;display: block;color:#333; text-align:center;}
.header .menu_content ul a:hover{ color:#223764;}
.header .language {position: absolute;right: 20px;top:50%;line-height:200%;height: 32px;margin: -16px 48px 0;width:40px; background: url(../images/language.png) no-repeat right center; background-size: 16px; z-index: 32;}
.header .language a{ color: #000; display: block;}
.header .language a:hover{color: #223764;}
.header .language + .sitesearch{width: 32px;background: #FFF;transition: background .5s linear, width .5s linear; overflow: hidden;}
.header .language + .sitesearch input{opacity: 0;transition: opacity .5s linear;position: absolute; left: 0; top:0;  }
.header .language + .sitesearch:hover{background: #DDD; width: 168px;}
.header .language + .sitesearch:hover input{opacity: 1;}
.header .language + .sitesearch + .menu_content{margin:-32px 128px 0 0;}

@media screen and (max-width: 1440px){
.header .menu_content h3 a { padding:0px 5px; }

}

@media screen and (max-width: 1360px){
.header .menu_content > li { margin-right:5px; }
}


@media screen and (max-width: 1280px){
.header .logo { width:380px; }
.header { height:64px; }
.header .menu_content { top:13px; }
.header .menu_content > li { margin-right:0px; }
 
}

@media screen and (max-width: 1140px){
.header .logo { width:300px; }
.header .menu_content > li { margin-right:-8px; }
 
}

@media screen and (min-width:1025px){
    .header.nofix{position: absolute;}
    .header.nobg{ }
	.header.nofix .logo { top:0px; }
    /* .header.nobg .menu_content h3 a{/color: #FFF; text-shadow:1px 1px 1px rgba(0, 0,0,.5);} */
    /* .header.nobg .sitesearch{background: rgba(234, 234,234,0);} */
    /* .header.nobg .sitesearch input{color: #FFF;} */
    /* .header.nobg .sitesearch button{background-image:url(../images/search.png); } */
    /* .header.nobg .menu_content > li.current h3 a:after{ background: #FFF;}
    .header.nobg .menu_content > li.current h3 a:before{color:#FFF;}
    .header.nobg .menu h2:before{background:#FFF;}
    .header.nobg .menu h2:after{background:#FFF;}
    .header.nobg .menu h2 span:before{background:#FFF;}
    .header.nobg .menu h2 span:after{ background:#FFF;} */

    .header.nobg .menu.menu_show .menu_content h3 a{color: #333;}
    .header.nobg .menu.menu_show .sitesearch{background: #DDD;}
    .header.nobg .menu.menu_show .sitesearch input{color: #333;}
    /*.header.nobg .menu.menu_show .sitesearch button{background-image:url(../images/search_b.png); }*/
    .header.nobg .menu.menu_show .menu_content > li.current h3 a:after{ background: #223764;}
    .header.nobg .menu.menu_show h2:before{background:#223764;}
    .header.nobg .menu.menu_show h2:after{background:#223764;}
    .header.nobg .menu.menu_show h2 span:before{background:#223764;}
    .header.nobg .menu.menu_show h2 span:after{ background:#223764;}
}

@media screen and (max-width: 1024px){
    .header .menu h2{display: block;position: absolute;right:20px;top:50%;width: 48px;height: 0px;padding: 48px 0 0;margin-top: -24px;z-index: 35;overflow: hidden;cursor: pointer;transform: scale(.8);}
    .header .menu h2:before{content:"";position:absolute;left:8px;width:32px;top:23px;height:2px;background:#333;transform:translate(0,-16px);transition:all .4s ease-in;}
    .header .menu h2:after{content:"";position:absolute;left:8px;width:32px;top:23px;height:2px;background:#333;transform:translate(0,16px);transition:all .4s ease-in;}
    .header .menu h2 span:before{content:"";position:absolute;left:8px;width:32px;top:23px;height:2px;background:#333;transition:all .4s ease-in;}
    .header .menu h2 span:after{content:"";position:absolute;left:8px;width:32px;top:23px;height:2px;background:#333;transition:all .4s ease-in;}
    .header .menu.menu_show h2:before{background:#223764;transform:translate(0,0) rotate(45deg);left:0;width:48px;}
    .header .menu.menu_show h2:after{background:#223764;transform:translate(0,0) rotate(-45deg);left:0;width:48px;}
    .header .menu.menu_show h2 span:before{background:#223764;transform:translate(0,0) rotate(45deg);left:0;width:48px;}
    .header .menu.menu_show h2 span:after{ background:#223764;transform:translate(0,0) rotate(-45deg);left:0;width:48px;}
    
    .header .sitesearch{right:92px; top:50%;visibility: hidden; opacity: 0; transition: opacity 1s ease-in;}
    .header .menu.menu_show .sitesearch{visibility: visible;opacity: 1;width: 160px;}
    .header .menu.menu_show .sitesearch input{opacity: 1;}
    .header .menu_content{background: #FFF;position: fixed;margin-top: 0;width: 80%;padding: 0% 5%;overflow: auto;top:0;bottom:0;right: -80%;border-top: 64px solid #FFF;transition: right .4s ease-in;margin: 0;}
    .header.nofix { position:fixed; }
    .header .menu.menu_show .menu_content{right:0;}
    .header .menu.menu_show .menu_content > li{display: block;padding: 0;}
    .header .menu_content > li{font-size: 16px; float:left; width:100%;}
    .header .menu_content > li:hover{background: none;}
    .header .menu_content > li.current,.header .menu_content > li.indexcurrent{background: none;}
	.header .menu_content h3 {border-bottom: 1px solid #DDD; color: #333; }
    .header .menu_content h3 a {display:inline-block;line-height:48px;}
    .header .menu_content > li.current h3 ,.header .menu_content > li.indexcurrent h3 {font-weight: bold;color: #333; border-radius:0px;border-bottom: 1px solid #223764;}
	.header .menu_content li:hover h3  { background:none;border-bottom: 1px solid #223764; border-radius:0px; }
    .header .menu_content > li.current h3 a:after{display: none;}
    .header .menu_content > li.current h3 a:hover,.header .menu_content > li.indexcurrent h3 a:hover{color:#223764;}
    .header .menu_content > li.current h3 a:before{ display: none;}
    .header .menu_content > li.showcon h3 a {color: #494949;z-index: 11; background:none; }
	.header .menu_content > li.showcon ul {height: auto;opacity: 1;transform: translateX(0%);}
	.header .menu_content ul a { text-align:left; }
    .header .menu_content > li:hover h3 a:hover{color:#223764;}
    .header .menu_content ul{display: block;visibility: visible; position:relative;left: 0;width: auto;top:0;height:0; margin:0px; padding:0px; overflow: hidden;background: none;bottom: auto;left: 0 !important;right: 0 !important;line-height:250%;box-shadow: none;
        transform: translateX(0)}
    .header .menu_content > li.current ul{height: auto;opacity: 1;}
    /*.header .menu_content > li:hover ul{height: auto;opacity: 1; position:relative; }*/
    .header .menu_content ul li{border-top: none;border-bottom: 1px solid #DDD;display: block;}
    .header .menu_content ul a{text-indent: 32px;background: none;margin-bottom: 0;padding: 0;border-bottom: none;color: #333;}
    .header .menu_content ul a:hover{background: none;color: #223764;}
    
    .header .language{visibility: hidden; opacity: 0; transition: opacity 1s ease-in; margin: -16px 224px 0 0;}
    .header .menu.menu_show .language{visibility: visible;opacity: 1;}
    .header .language + .sitesearch{right: 76px; background: #DDD; width: 160px;}
    .header .language + .sitesearch + .menu_content{margin:0;}
    .header .menu_content li:hover h3 a,.header .menu_content li.current h3 a {color:#333; background:none; }
 
    
	
}
@media screen and (max-width: 767px){
    .header .logo{left: 5%;width:70%;}
    .header .menu h2{right: 4%;}
    .header .sitesearch{right: calc(72px + 4%);}

    .header .language{right: 4%;margin: -16px 184px 0 0;}
    .header .language + .sitesearch{right: calc(48px + 4%); width: 128px;}
    .header .language + .sitesearch input{width: 96px;}
	.header { height:50px; }
}

/*页尾*/
.footer {position: relative;z-index: 25; background: #F4F4F4;}
.footer .footer_content{padding-top:5.8125em; padding-bottom:18px;}
.footer .footer_content:after{content: ""; clear: both; display: block;}
.footer .logo{position: relative;  width: 280px; height:64px;text-indent: -99em; top:-24px; max-width: 60%; display: block;}
.footer .logo img{position: absolute; left: 0; top:50%; max-width: 100%; max-height: 100%; transform: translateY(-50%);}
.footer .sitemap{ float: left; list-style-type: none; overflow: hidden; white-space: nowrap; margin-bottom: 32px;width: calc(97.5% - 160px); display: table;}
.footer .sitemap > li{ display:table-cell; vertical-align: top;  }
.footer .sitemap h3{line-height:1.1; font-size: 18px; font-weight: bold; padding-bottom:1.25em; }
.footer .sitemap h3 a{color: #333;}
.footer .sitemap h3 a:hover{color: #223764;}
.footer .sitemap ul{list-style-type: none;}
.footer .sitemap li ul li {}
.footer .sitemap li ul li a { color:#666;}
.footer .sitemap li ul li a:hover { color:#223764;}
.footer .ewm{float: right; text-align: center; width: 114px; color:#bebebe; margin-bottom: 32px; position: relative;}
.footer .ewm img{width: 100%; margin-bottom:2px;}
.footer .ewm:after{content:""; left: -54px; top:0; bottom:0; width: 1px; background: #d9d9d9; position: absolute;}
.footer .friendship{position: relative; float: right; white-space: nowrap;clear: right; margin-left: -160px;}
.footer .friendship h3{ position: relative;border: 1px solid #c8c8c8; min-width:220px; border-radius: 4px; background:#fff; line-height:225%; height: 36px; padding: 0 28px 0 12px; color: #666; cursor: pointer;}
.footer .friendship h3 i { position:absolute; width:10px; cursor:pointer; height:10px; right:12px; margin-top:-3px;  border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; top:50%;transform:translate(0%,-50%) rotate(45deg);-webkit-transform:translate(0%,-50%) rotate(45deg);-ms-transform:translate(0%,-50%) rotate(45deg); z-index:2; }
.footer .friendship ul{display: none; position: absolute; right: 0; bottom:36px; list-style-type: none; border:1px solid #DDD; background: #FFF; line-height: 200%; min-width: 100%;}
.footer .friendship ul li{display: block;border-top:1px solid #DDD;}
.footer .friendship ul li:first-child{border:none}
.footer .friendship ul a{display: block; padding: 0 20px;color:#888;}
.footer .friendship ul a:hover{background:#223764;color: #FFF; }
.footer .friendship.show ul{display: block;}
.footer .copy_content{ text-align: center; font-size:0.875em; color:#a8a8a8; padding-bottom:13px;  }
.footer .copy_content .footerlink { border-top:1px solid #c6c6c6; padding-top:1em; }
/* .footer .copy_content:before{content: "";display: block;border-top:1px solid #DDD; height: 16px;} */
.footer .footerlink{list-style-type: none;white-space: nowrap; margin-bottom: 3px;}
.footer .footerlink > li{display: inline-block;padding:0 16px;position: relative;margin-right: -.33em;}
.footer .footerlink > li:before{content:"";position: absolute;left: 0;width: 1px;height: 12px;top:50%;margin-top: -6px;background: #a8a8a8;}
.footer .footerlink > li:first-child:before{ display: none;}
.footer .footerlink a{color: #a8a8a8;}
.footer .footerlink a:hover{color: #223764;}
.footer .copyright span,.footer .copyright .ipv6{display: inline-block;vertical-align: middle;white-space: nowrap; padding:0px 0.8125em;}

.footer .sitelink{list-style-type: none;white-space: nowrap; margin-bottom: 8px; float: left; line-height: 225%; position: relative; top:1px}
.footer .sitelink > li{display: inline-block;padding:0 16px;position: relative; margin-right: -.33em;}
.footer .sitelink > li:before{content:"";position: absolute;left: 0;width: 1px;height: 12px;top:50%;margin-top: -6px;background: #888;}
.footer .sitelink > li:first-child:before{ display: none;}
.footer .links{position: relative; float: right;clear: both; margin-top:3.8125em; }
.footer .links .friendship{ float: left; margin-left: 16px;}


@media screen and (max-width:1200px){

.footer .sitemap li:first-child { width:auto; }

}
@media screen and (max-width: 1024px){
    .footer .sitemap{ float: none; text-align: left; font-size: 16px; width: 100%;}
    .footer .ewm{float: none;  margin: 4px auto 16px;top:0;}
    .footer .ewm:after{display: none;}
    .footer .links .friendship{float: none; display: inline-block; margin:0 auto; text-align:left;}
    .footer .friendship ul{ position: absolute; left: 50%; transform: translateX(-50%); text-align: left; }
    .footer .footerlink{margin: 0 -9% 8px;}
    .footer .footerlink > li{padding: 0 8px;}

    .footer .links{ float: none; text-align:center; margin-top:1.5em; }
    .footer .links .sitelink{ float: left;margin: 0 0 0 -8px;}
    .footer .sitelink > li{padding: 0 8px;}
    .footer .links .friendship ul{left:auto; right: 0; transform: translateX(0);  }
	
	.header.nofix .logo { top:0px; }

}
@media screen and (max-width: 767px){
    .footer .footer_content{text-align: center; padding-top:48px; padding-bottom:32px; }
    .footer .sitemap{ float: none; text-align: left;  display: block; font-size: 16px;margin-bottom: 0;}
    .footer .sitemap > li{ display:block; width:100%; margin: 0 0 12px;}
    .footer .sitemap > li h3{line-height:200%; padding-bottom:0px; }
    .footer .sitemap > li ul{white-space: normal;}
    .footer .sitemap > li ul li{ display: inline-block; vertical-align: top; margin-right: 32px;white-space: nowrap;}

    .footer .links .sitelink{ float: none;;margin: 0;}
    .footer .links .friendship{ float: none; margin-left:0px; }
    .footer .links .friendship ul{right:auto; left: 50%; transform: translateX(-50%);  }
	.footer .links { margin-top:0px; }
	.footer .copyright span,.footer .copyright .ipv6{ padding:0px 0.5em;}
     .footer .footerlink { margin-bottom:0px; }
	
}

@media screen and (max-width:374px){
	.footer .copyright span,.footer .copyright .ipv6{ padding:0px 0em;}

}


/*快捷导航*/
.quickmenu{ position: fixed; right: 16px; top:50%; transform: translateY(-50%); list-style-type: none; opacity: .3; z-index: 30; transition: opacity .5s linear;}
.quickmenu:hover{opacity: 1;}
.quickmenu li{width: 72px; height: 80px; position: relative;}
.quickmenu .quicklink{display: block; overflow: hidden; width: 72px; height: 72px; border-radius: 50%; position: relative;}
.quickmenu .quicklink img{position: absolute; width: 200%; top:0; right: 0;}
.quickmenu .quicklink:hover img{right: -100%;}

@media screen and (min-width: 1480px){
   .quickmenu{opacity: 1;} 
}
@media screen and (max-width: 1479px){
    .quickmenu{ display: none;}
    .quickmenu.show,.quickmenu.showing{ display: block;}
    .quickmenu .quicklink img{right: -100%;}
}
@media screen and (max-width: 1024px){
    .quickmenu{top:auto; bottom:16px; transform: translateY(0);}
}

/*banner*/
.banner{position: relative;height: 0;padding: 0 0 calc(780% / 19.2); overflow: hidden;margin-bottom: -1px;}
.banner .bg_container {position: absolute; left: 0; right: 0;top:0; bottom:0; }
.banner .txt_container{ position: absolute;left: 50%;top:50%;width: 62.5%; transform: translate(-50%,-50%);min-width: 1200px;}
.banner .txt_container img{max-height: 48px;}
.banner .txt_container img + h2{display: none;}
.banner .txt_container h2{line-height: 32px;font-size: 32px;color: #223764;font-weight: bold;position: relative;padding-bottom: 4px;text-transform: uppercase;/*font-family:"FZCSJW";*/}
.banner .txt_container h2:after{content:"";position: absolute;left: 0;bottom: 0;width: 20px;height: 1px;background: #223764;}

@media screen and (max-width: 767px){

.banner {padding: 0 0 calc(780% / 13); }
}
/*面包屑*/
.nav{ line-height:64px; border-bottom:1px solid #DDD;}
.nav a{margin-right: 8px;}
.nav a:hover{ color: #223764;}

/*二级菜单*/
.submenu{line-height:444%; margin-bottom:2px; font-size:1.125em; box-shadow: 0 2px 7px rgba(0, 0,0,.2);   }
.submenu .indent_content{position: relative;padding:0px!important; }
.submenu h3{background: #223764; text-align: center; position: relative;z-index: 2; width: 14.44em; color: #FFF; float: left; font-weight: bold;}
.submenu h3:after{ content: "◆"; color: #223764;position: absolute; right:0;top:50%;margin:-.5em -.5em 0 0; height: 1em;width: 1em;line-height: 100%; text-align: center; display: block;font-size: 2.5em;}
.submenu .submenu_con{position: relative;background: rgba(255, 255,255,.8);width: 100%;overflow: hidden; overflow-x: auto; height: 4.44em;}
.submenu .submenu_con::-webkit-scrollbar{height: 4px;}
.submenu .submenu_con::-webkit-scrollbar-thumb{background: rgba(0, 0,0,.3); border-radius: 2px;}
.submenu h3 + .submenu_con{margin-left:14.44em; width: calc(100% - 14.44em);}
.submenu ul{list-style-type: none;text-align: center; display: table; width: 100%; padding-right:3%;position: relative;}
.submenu ul li{ display: table-cell; position: relative;}
.submenu a{display: block;  color: #333; font-weight: bold; position:relative; transition:  color .5s linear,background .5s linear;padding: 0 .5em; white-space: nowrap;}
.submenu a:before { position:absolute; width:4.44em; display:none; content:""; left:50%; bottom:0px; margin-left:-2.22em; height:0.22em; background:#223764; }
.submenu .current ,.submenu li:hover{transition:background-color .5s linear;}
.submenu .current a,.submenu a:hover{ color: #223764; font-weight: bold;}
.submenu .current a:before,.submenu a:hover:before { display:block; }

.submenu br{display: none;}
.main_content .submenu{ float: left; width: 25%; padding-top: 6%; background: none; border: none;}
.main_content .submenu h3{ font-size: 20px; color: #FFF; line-height: 280%; text-align: center; background: #223764;}
.main_content .submenu ul{display: block;}
.main_content .submenu ul li{display: block; margin-bottom: 2px; background: #DDD;}
.main_content .submenu .current a,.main_content .submenu a:hover{ color: #223764;}
@media screen and (max-width: 1366px){
    .submenu{line-height: 350%; background: #FFF;}
    .submenu .indent_content{top:0; margin-bottom:0; padding:0px;}
    .submenu .submenu_con{height: 3.5em;}
    .submenu .current ,.submenu li:hover{/*background-color: #F0F0F0;*/}
	.submenu h3 { width:8.44em; }
	.submenu h3 + .submenu_con { margin-left:8.44em; width:calc(100% - 8.44em); }
}
@media screen and (max-width: 767px){
    .main_content .submenu{ float: none; width: auto; padding-top: 0; background: #F0F0F0; margin: 0 -9.524%;border-top:2px solid #223764;}
    .main_content .submenu h3{ display: none;}
    .main_content .submenu ul li.current ,.main_content .submenu ul li:hover{background-color: #223764;}
    .main_content .submenu .current a,.main_content .submenu a:hover{ color: #FFF;}
    .submenu{line-height:300%; font-size: 14px; margin-bottom:1em; overflow-x:auto; }
    .submenu h3{ display: none;}
    .submenu .submenu_con{background: none;height: 3em;}
    .submenu h3 + .submenu_con{width: 100%;margin: 0;}
    .submenu .submenu_con::-webkit-scrollbar{height: 2px;}
    .submenu .submenu_con::-webkit-scrollbar-thumb{ border-radius: 1px;}
	.submenu a { padding:0px 0.2em; }
}

/*栏目标题*/
.column_title{padding-top: 6.45%;padding-bottom: 3.4%;overflow: hidden;}
.column_title h2{font-weight: bold; line-height: 1.325; color: #494949;}
.column_title h3{  color: #ddd; text-transform: uppercase;}
.column_title .btn_more{float: right; margin: -41px 0 0; line-height: 244%; color:#888;}
.column_title .btn_more:hover{color:#223764;}
.column_title .tab{ float: right; white-space: nowrap; margin: -41px 0 0 0;line-height: 244%;}
.column_title .btn_more + .tab{margin: -41px 20px 0 0;}
.column_title .tab li{ display: inline-block; cursor: pointer; margin-right:0.33em; }
.column_title .tab li a{display: block; padding: 0 1.33em; }
.column_title .tab li.current a,.column_title .tab li a:hover{color: #fff; background:#223764; }
.column_title br{display: none;}
.column_content .btn_more{clear: both; display: block; width: 8em; text-align: center; line-height: 250%; clear: both; margin: 0 auto;border:1px solid #223764; color:#223764; font-size: 16px;}
.column_content .btn_more:hover{color:#494949; border-color: #494949;}
.column_content .card_content{height: 0;position: relative;overflow: hidden;}
.column_content .card_content.current{height: auto;}

@media screen and (max-width:1400px){

.column_title .btn_more + .tab { margin-right:80px; }

}

@media screen and (max-width: 1024px){
	.column_title .tab li a { padding:0px 0.5em; }
}
@media screen and (max-width: 767px){
    .column_title br{display: block;}
    .column_title .btn_more{font-size: 12px;margin: -36px 0 0;}
    .column_title .tab{float: none; margin: 16px 0 0; width: 100%; display: flex;text-align: center;display: table\9; font-size: 12px;}
    .column_title .tab li{ flex:1; padding: 0 1px;display: table-cell\9;}
    .column_title .tab li a{background: #F0F0F0;padding: 0 2px;}
    .column_content .btn_more{font-size: 12px;}
    .column_content .card_content{width: 100%;}
	.column_title .btn_more + .tab { margin-top:1em; margin-right:0px; overflow-x:auto; }
}

/*页面标题*/
.page_title{padding:6% 0 2%;position: relative;}
.page_title:after{content: ''; position:absolute; left:50%; margin-left:-1.8125em;bottom:0px; width: 3.625em; height:2px; background: #223764; display: block;}
.submenu + .main_content .page_title{padding:5% 0 1.4%;}
.page_title.hasbor{border-bottom: 1px solid #DDD;}
.page_title h1 { color:#223764;line-height: 150%; }
.page_title h2{ line-height: 150%;color: #494949;}
.page_title h3{ line-height: 120%;color: #bcbcbc;text-transform: uppercase;}
.page_content{ padding:0px 0 0.5%;}
.main_content .submenu ~ .page_title,.main_content .submenu ~ .page_content{ float: right; width: 70%;}
@media screen and (max-width: 767px){
    .page_title h1,.page_title h2{ /*font-size: 24px;*/}
    .page_title h3{font-size: 12px;}
    .page_title:after{width: 38px;}
    .main_content .submenu ~ .page_title,.main_content .submenu ~ .page_content{ float: none; width:auto;}
}

@media screen and (max-width: 374px){
.column_title .tab li { margin-right:0px; }
}

/*三级菜单*/
.threemenu{ list-style-type: none; position: relative; padding-top:4.2%; }
.threemenu:first-child{margin-top: -5%;}
.threemenu li{ margin: 0 1em; display:inline-block; text-align: center;}
.threemenu li a{display: block;padding:0px 2.625em;position: relative; background:#999; color:#fff; line-height:3;z-index: 1;}
.threemenu li.current a{ background:#223764;}
.threemenu li.current a:after{content:"";display: block; background:none; border:0.5em solid #223764; border-color:#223764 transparent transparent; height:0px; width:0px; position: absolute;left: 50%;bottom:-1em; margin-left: -.5em; }
@media screen and (max-width: 767px){
    .threemenu{ display: table; width: 100%; font-size: 12px; margin-top:1em; }
    .threemenu li{margin:0px; display: table-cell; float: none;}
    .threemenu li a{padding:1em 0px; line-height:1.1; }
}
.page_content .pagecard_con{position: relative; height: 0;overflow-y: hidden;}
.page_content .pagecard_con.current{height: auto;}

/*富文本区域*/
.into_content{line-height:1.8125; color:#999; margin-top:1.8125em; }
.into_content p:first-child { margin-top:0px; }
.into_content p{margin:1.8125em 0; text-align: justify; }
.into_content [align='center']{text-align: center;}
.into_content [align='right']{text-align: right;}
.into_content h2, .into_content h3, .into_content h4{font-weight: bold; margin: 6px 0; color: #333;}
.into_content h2{font-size: 20px;}
.into_content h3{font-size: 18px;}
.into_content img{max-width: 100%; height: auto !important;}
.into_content table{margin: 0 auto; border-spacing: 0; border-collapse: collapse;}
.into_content th{background: #223764; color:#FFF; border: 1px solid #DDD;padding: 2px 8px;}
.into_content td{border:1px solid #DDD; padding: 2px 8px;}
.into_content .color{color:#223764;}
.into_content p.img_con{text-align: center; padding-top:21px; }
@media screen and (max-width: 767px){
    .into_content p{ text-align: inherit;}
}

/*翻页区域*/
.turnpage{ padding-top: 36px; text-align: right; font-size:12px; margin-bottom: 32px; white-space: nowrap;}
.turnpage a,.turnpage span,.turnpage input{ text-align: center; display: inline-block;  width:2em; height:2em; line-height: 1.875em; margin: 0 4.5px; border: 1px solid #c8c8c8; vertical-align: middle; border-radius: 4px; color:#646464;}
.turnpage a.current,.turnpage a:hover{ background:#223764; color: #FFF; border: 1px solid #223764; }
.turnpage input{ width: 4em;}
.turnpage br{display: none;}
.turnpage a.toprev,.turnpage a.tonext { color:#c8c8c8; }


@media screen and (max-width: 767px){
    .turnpage{text-align: center;}
}
@media screen and (max-width: 560px){
    .turnpage{ margin: 0 -9%; line-height: 300%;font-size: 12px;}
    .turnpage br{display: block;}
}
/*视频点击*/
.video_layer{position: fixed;z-index: 10000;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0, 0,0,.8);}
.video_layer .video_container{ position: absolute; padding: 32px 0 0; left: 50%; top:50%; transform: translate(-50%,-50%);max-width: 80%; width: 720px;}
.video_layer .video_container .btn_close{position: absolute;top:0; right:0; width:24px;height:24px;background: url(../images/btn_close.gif) no-repeat center center; background-size: 100%; cursor: pointer; z-index: 5; cursor: pointer;}
.video_layer .video_container .video_content{ position: relative; overflow: hidden;}
.video_layer .video_container .video_content video{ width: 100%; background: #000;position: relative;}

/*视频点击*/
.picture_layer{position: fixed;z-index: 10000;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0, 0,0,.8);}
.picture_layer .picture_container{ position: absolute; padding: 32px 0 0; left: 50%; top:50%; transform: translate(-50%,-50%);max-width: 80%; min-width: 768px;}
.picture_layer .picture_container .btn_close{position: absolute;top:0; right:0; width:24px;height:24px;background: url(../images/btn_close.gif) no-repeat center center; background-size: 100%; cursor: pointer; z-index: 5; cursor: pointer;}
.picture_layer .picture_content{ position: relative; overflow: hidden;max-height: 70vh; text-align: center; background: #494949}
.picture_layer .picture_content img{ max-width: 100%;max-height: 100%;}
.picture_layer .txt_container{position: absolute; padding: 5px 5%; background: #000; opacity: 0; color:#FFF; left: 0; bottom: 0; width: 100%; text-align: left; transition:opacity 1s linear;}
.picture_layer .picture_content:hover .txt_container{opacity:.75;}
.picture_layer .txt_container h3{font-weight: bold;line-height: 200%;}
.picture_layer .txt_container p{font-size: 12px; line-height: 150%;}
@media screen and (max-width: 960px){
    .picture_layer .picture_container{min-width: 0;}
    .picture_layer .txt_container{opacity: .75;}
}

/*底部链接
*/
.bottomlink{ padding: 16px 0;}
.bottomlink > ul{list-style-type: none; width: 100%;  display: table;}
.bottomlink .linkcon{display: table-cell; text-align: center;}
.bottomlink .link{ display: inline-block; white-space: nowrap; font-size: 20px; line-height: 200%; color:#223764;}
.bottomlink .icon_container{display: inline-block; width: 1.2em; height: 1.2em; overflow: hidden; vertical-align: middle;margin-right:.25em;position: relative; top:-2px}
.bottomlink .icon_container img{width: 100%; vertical-align: top;}
.bottomlink .link:hover{color: #888;}
.bottomlink .link:hover .icon_container img{filter: grayscale(100%);}

.bottomlink .friendship{display: inline-block;position: relative;}
.bottomlink .friendship ul{display: none; position: absolute; right:-.75em; bottom:100%; list-style-type: none; border:1px solid #DDD; background: #FFF; line-height: 200%; min-width: 100%; white-space: nowrap; text-align: left;}
.bottomlink .friendship ul li{display: block;border-top:1px solid #DDD;}
.bottomlink .friendship ul li:first-child{border:none}
.bottomlink .friendship ul a{display: block; padding: 0 20px;color:#888;}
.bottomlink .friendship ul a:hover{background:#223764;color: #FFF; }
.bottomlink .friendship.show ul{display: block;}
@media screen and (max-width: 767px){
    .bottomlink .link{font-size: 16px;}
}
@media screen and (max-width: 360px){
    .bottomlink .link{font-size: 14px;}
}

/*国投跳转链接浮层
<div class="jmpLinkLayer">
    <div class="jmpLinkLayer-con">
        <div class="tips"><span class="s1">此页面将跳转至国投官网</span><span class="s2"><b id="dec">3</b>S</span></div>
    </div>
</div>
*/
.jmpLinkLayer{position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0, 0,0,.3); z-index: 100;}
.jmpLinkLayer-con{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); background: #FFF; border-radius:1em; padding: 4em 2em; white-space: nowrap; text-align: center; line-height:200%; color: #333;}
.jmpLinkLayer-con .s2{display: none;}


@media screen and (max-width:375px){
   body { font-size:14px; }
}