.maincolor{color:#888;/*文字*/color:#494949;/*重文字*/color:#333/*特重文字*/color：#d40a26/*主色调*/ 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:1.875;background: #FFF;color:#888;overflow-x:hidden;}

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


/* 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 }



.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; }



.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;}

.fnt-72 { font-size:72px; }
.fnt-60 { font-size:60px; }
.fnt-56 { font-size:56px; }
.fnt-38 { font-size:38px; }
.fnt-36 { font-size:36px; }
.fnt-32 { font-size:32px; }
.fnt-30 { font-size:30px; }
.fnt-24 { font-size:24px; }
.fnt-22 { font-size:22px; }
.fnt-20 { font-size:20px; }
.fnt-18 { font-size:18px; }
.fnt-16 { font-size:16px; }
.fnt-14 { font-size:14px; }
.fnt-12 { font-size:12px; }


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

	.fnt-72 { font-size:62px; }
	.fnt-60 { font-size:50px; }
	.fnt-56 { font-size:46px; }
	.fnt-38 { font-size:32px; }
	.fnt-36 { font-size:30px; }
	.fnt-32 { font-size:29px; }
	.fnt-30 { font-size:28px; }
	.fnt-24 { font-size:22px; }
	.fnt-22 { font-size:20px; }
	.fnt-20 { font-size:18px; }
	.fnt-18 { font-size:16px; }
	.fnt-16 { font-size:15px; }
	.fnt-14 { font-size:13px; }
	.fnt-12 { font-size:12px; }
	
	body { font-size:15px; }
}

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

	.fnt-72 { font-size:52px; }
	.fnt-60 { font-size:42px; }
	.fnt-56 { font-size:40px; }
	.fnt-38 { font-size:30px; }
	.fnt-36 { font-size:28px; }
	.fnt-30 { font-size:26px; }
	.fnt-24 { font-size:20px; }
	.fnt-22 { font-size:18px; }
	.fnt-20 { font-size:16px; }
	.fnt-18 { font-size:15px; }
	.fnt-16 { font-size:14px; }
	.fnt-14 { font-size:13px; }
	.fnt-12 { font-size:12px; }

	body { font-size:14px; }

}


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

	.fnt-72 { font-size:42px; }
	.fnt-60 { font-size:34px; }
	.fnt-56 { font-size:32px; }
	.fnt-38 { font-size:28px; }
	.fnt-36 { font-size:26px; }
	.fnt-32 { font-size:26px; }
	.fnt-30 { font-size:24px; }
	.fnt-24 { font-size:19px; }
	.fnt-22 { font-size:16px; }
	.fnt-20 { font-size:15px; }
	.fnt-18 { font-size:14px; }
	.fnt-16 { font-size:14px; }
	.fnt-14 { font-size:13px; }
	.fnt-12 { font-size:12px; }
	
	 body { font-size:13px; }

}


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

	.fnt-72 { font-size:36px; }
	.fnt-60 { font-size:30px; }
	.fnt-56 { font-size:28px; }
	.fnt-38 { font-size:24px; }
	.fnt-36 { font-size:24px; }
	.fnt-32 { font-size:23px; }
	.fnt-30 { font-size:22px; }
	.fnt-24 { font-size:18px; }
	.fnt-22 { font-size:18px; }
	.fnt-20 { font-size:16px; }
	.fnt-18 { font-size:15px; }
	.fnt-16 { font-size:14px; }
	.fnt-14 { font-size:13px; }
	.fnt-12 { font-size:12px; }
	
	 body { font-size:14px; }

}

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

	.fnt-72 { font-size:32px; }
	.fnt-60 { font-size:26px; }
	.fnt-56 { font-size:24px; }
	.fnt-38 { font-size:20px; }
	.fnt-36 { font-size:20px; }
	.fnt-32 { font-size:19px; }
	.fnt-30 { font-size:18px; }
	.fnt-24 { font-size:17px; }
	.fnt-22 { font-size:16px; }
	.fnt-20 { font-size:16px; }
	.fnt-18 { font-size:14px; }
	.fnt-16 { font-size:14px; }
	.fnt-14 { font-size:13px; }
	.fnt-12 { font-size:12px; }
}

.txt_color_000 { color:#000; }
.txt_color_888 { color:#888; }
.txt_color_fff { color:#fff; }
.txt_color_333 { color:#333; }
.txt_color_666 { color:#666; }
.txt_color_494949 { color:#494949; }

.tac { text-align:center; }


/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}


.scaleimg { overflow:hidden; }
.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);}


.scaleimg3 { overflow:hidden; display:block;}
.scaleimg3 .img span { transform:scale(1,1); -webkit-transform:scale(1,1); transition:0.5s all; -webkit-transition:0.5s all;}
.scaleimg3:hover .img span { 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";}



.page-wrap {margin: 0 auto;max-width:1400px;/*max-width: 1920px;*/min-width: 320px;position: relative;width: 100%; }
@media screen and (max-width: 1480px) {
  .page-wrap {
		padding: 0 40px;
  }
}


@media screen and (max-width:1024px){
.page-wrap { padding:0px 20px; }

}


.content{position: relative; padding-top:90px; background:#f3f6fb; margin-bottom:2%; }
.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 (max-width: 1366px){
    /* body {font-size: 13px;} */
    .indent_content{width: 100%;min-width: 0;padding: 0 20px;}
}
@media screen and (max-width: 1024px){
   .content { padding-top:52px; }
   
}




@media screen and (max-width: 767px){
    html {font-size: (100vw / 7.5) ;}
    .indent_content{padding: 0 3.5%;}
}
@media screen and (max-width: 375px){
    /* body {font-size:3.2vw;} */
}
@media screen and (max-width: 320px){
    html {font-size:42.667px;}
    /* body{font-size:10.24px;} */
}




/*页头*/
.header {
  width: 100%;
  height: 64px;
  background: #fff;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 99;
  position:fixed;
  box-shadow:0 0 3px rgba(0, 0,0,.3);
  top:0px;
}

.header.nofix{position: absolute; height:90px; }
.header.nobg{ box-shadow: none;}

.header .mobile-menu {
  display: none;
  position: absolute;
  top:6px;
  /*top: 50%;*/
  right: 20px;
  /*-webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);*/
}

.header  .mobile-menu a {
  display: inline-block;
  width: 30px;
  height: 40px;
  background: url("/gtynf/lib/template/static/images/menu.png") no-repeat center;
  -moz-background-size: 100%;
  background-size: 100%;
}

.header .mobile-menu a.active {
  background: url("/gtynf/lib/template/static/images/menu-close.png") no-repeat center;
  -moz-background-size: 24px;
  background-size: 24px;
}

.header  .logo {
  float: left;
  margin:13px 0;
}

.header.nofix  .logo {margin:26px 0px 26px;}

.header  .logo a {
  display: block;
}

.header .logo a img {
  display: block;
  width: 100%;
}

.header  .nav {
  float: right;
}

.header .nav ul {
  float: left;
}

.header  .nav ul li {
  float: left;
  position: relative;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.header .nav ul li:last-child {
  margin-right: 0;
}

.header .nav ul li a.f span:before { display:none; content: ""; background: #ba132b;left:0px; width:100%; bottom:0; height: 1px;  position: absolute;}
.header .nav ul li a.f span:after { content:"";
    line-height: 100%;
    top: 50%;
	right:-18px;
	margin-top:-3px;
    height:0px;
    display: block;
    position: absolute;
    width:0px;
	border:6px solid #ba132b;
	border-width:6px 3px;
	border-color:#ba132b transparent  transparent transparent;
	font-size:0px;
    }

.header .nav ul li:hover a.f span:before { display:block; }


.header .nav ul li a.f {
  display: block;
  color: #222;
  padding:17px 35px;
  line-height: 30px;
  position: relative;
}
.header .nav ul li.current  a.f span:before { display:block; }
.header.nofix  .nav ul li a.f { padding-top:30px; padding-bottom:30px; }

.header  .nav ul li a.f span {
  display: block; position:relative;
}

.header .nav ul li .nav-child-list {
  display: none;
  position: absolute;
  top: 64px;
  left:-4px;
  width:auto; right:-4px;
  background:rgba(255,255,255,0.8);
}

.header.nofix  .nav ul li .nav-child-list { top: 90px; }

.header .nav ul li .nav-child-list .nav-child-list-con dl {
  padding: 15px 0;
}

.header .nav ul li .nav-child-list .nav-child-list-con dl dt {
  text-align: center;
  padding: 3px 0;
}


.header .nav ul li .nav-child-list .nav-child-list-con dl dt:hover a {
  color: #ba132b;
}

.header .nav ul li .nav-child-list .nav-child-list-con dl dt a {
  color: #666;
}

.header .nav .searchWrap {
  float: left;
  position: relative;
  height: 34px;
  margin:15px 0 0 20px;
}

.header .nav .searchWrap .searchCon {
  float: left;
  width:170px;
  height: 34px;
  -webkit-border-radius:17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  transition: all ease .4s; background:#cbcbcb;
}

.header.nofix .nav .searchWrap {margin: 28px 0 0 20px; }

.header .nav .searchWrap .searchCon .k {
  font-size: 14px;
  color: #333;
  width: 100%;
  line-height: 34px;
  height: 34px;
  border: none;
  background: none;
  outline: none;
  text-indent: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right:50px;
}


.header .nav .searchWrap .searchCon .btn {
  display: block;
  width: 50px;
  height: 34px;
  background: url("/gtynf/lib/template/static/images/search-btn.png") no-repeat center center;
  -moz-background-size: 16px;
  background-size: 16px;
  border: none;
  cursor: pointer;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (min-width:1025px) {
.header .nav ul li:hover .nav-child-list {
  display: block;
}

}

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

 .header .nav ul li a.f { padding-left:21px; padding-right:21px;  }
 .header .nav ul li a.f span:after { right:-12px; } 
 
}

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

 .header .nav ul li a.f { padding-left:15px; padding-right:15px;  }
 
 
}

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

.header .logo a img { width:auto; height:30px; } 
.header .logo { margin:17px 0px; }
.header.nofix .logo { margin:30px 0px; }
}

.header .nav .searchWrap .lang {
  float: left;
  padding: 10px;
  margin-left: 20px;
  background: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.header .nav .searchWrap .lang a {
  float: left;
  display: block;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  width: 24px;
  height: 24px;
  margin: 0 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.header .nav .searchWrap .lang a.active {
  border-bottom: 1px solid white;
}




@media screen and (max-width: 1024px) {
  .header.nofix { background:#fff; position:fixed; height:52px; }	
  .header .mobile-menu {
    display: block;
    font-size: 0;
  }
  .header { height:52px; }
  .header .logo { margin:11px 0px; }
  .header.nofix .logo { margin:11px 0px; }
  .header.nofix .nav ul li a.f { font-size:16px; padding:17px 10px; }
  .header .nav ul li a.f span:after { right:0px;   }
  .header .nav ul li:hover a.f span:before { display:none;}
  .header.nofix .nav ul li a.f:hover { background:#ba132b; color:#fff; }
  .header .nav {
    display: none;
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    height: -webkit-calc(100vh - 52px);
    height: -moz-calc(100vh - 52px);
    height: calc(100vh - 52px);
    background: #fff;
    z-index: 999;
    overflow-y: scroll!important;
    border-top: 1px solid #e8373d;
  }
  .header .nav ul {
    float: none;
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
  }
  .header .nav ul li {
    float: none;
    width: 100%;
    margin: 0 0 1px;
	border-bottom:1px solid #eee;
  }
  .header .nav ul li.on a.f {
    border: none;
  }
  .header .nav ul li:hover a.f {
    border: none;
  }
  .header .nav ul li a.f {
    color: #333;
    padding: 12px;
    border-bottom: none;
  }
  .header .nav ul li .nav-child-list {
    position: inherit;
    top: inherit;
    left: inherit;
    width: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; top:0px; box-shadow:none;
	padding:0px 1em;
  }
  .header.nofix .nav ul li .nav-child-list { top:0px; }
  .header .nav ul li .nav-child-list .nav-child-list-con dl {
    padding: 0 0 10px;
  }
  .header .nav ul li .nav-child-list .nav-child-list-con dl dt {
    padding: 8px 15px;
    text-align: left;
    margin: 1px 0 0;
  }
  .header .nav ul li .nav-child-list .nav-child-list-con dl dt a {
    display: block;
    font-size: 14px;
  }
  .container .nav .en {
    padding: 0 0 0 18px;
  }
  .header .nav .searchWrap {
    margin-left: 0;
    padding: 0 20px;
    width: 100%;
    margin: 20px 0;
  }
  .header.nofix .nav .searchWrap { margin:20px 0px; }
  .header .nav .searchWrap .searchCon {
    width: inherit;
    margin: 0;
  }

  .header .nav .searchWrap .searchCon:hover {
    background: #eaeaea;
    width: 100%;
  }
  .header  .nav .searchWrap .searchCon .btn {
    right: 10px;
  }
  .header  .nav .searchWrap .lang {
    background: none;
  }
  .header  .nav .searchWrap .lang a {
    color: #333;
  }
  .header  .nav .searchWrap .lang a.active {
    border-bottom: 1px solid black;
  }
  
  .header .nav ul li .nav-child-list { display:block; max-height:0px; overflow:hidden; }

  .header .nav ul li.openSub .nav-child-list {  max-height:100vh; transition: max-height 500ms ease-in-out;
    -webkit-transition: max-height 500ms ease-in-out; }
	
	.header .nav .searchWrap .searchCon { position:relative; width:100%; background:#eee; }
.header .nav ul li.current a.f span:before { display:none; }

}

@media screen and (max-width:767px) {
.header .logo a img { height:20px; }
.header.nofix .logo,.header .logo { margin:18px 0px; }
}

/*页尾*/
.footer {position: relative;z-index: 25; background: #F4F4F4;}
.footer .footer_content{ padding-top:22px; padding-bottom:3px;}
.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; padding-top:52px; list-style-type: none; overflow: hidden; white-space: nowrap; width: calc(76% - 430px); display: table;}
.footer .sitemap > li{ display:table-cell; vertical-align: top;  width:25%; }
.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: #d40a26;}
.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:#d40a26;}
.footer .ewm{float: right; text-align: center; width: 115px; color:#bebebe; position: relative;}
.footer .ewm img{width: 100%; margin-bottom:2px;}
.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:36px; 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:#d40a26;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: #d40a26;}
.footer .copyright span,.footer .copyright .ipv6{display: inline-block;vertical-align: middle;white-space: nowrap;}

.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; margin-right:70px; margin-top:42px; }
.footer .links .friendship{ float: left; margin-left: 16px;}

@media screen and (max-width: 1400px){
.footer .sitemap { width:calc(90% - 430px); }
}

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

   .footer .sitemap { width:calc(100% - 390px); }
   .footer .links { margin-right:30px; }


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

.footer .sitemap { width:100%; padding-top:1em; }
.footer .sitemap > li { text-align:center; } 
.footer .links { float:none; margin:2em auto; width:220px; }
.footer .links .friendship { float:none; margin:0px auto; }
.footer .ewm { float:none; margin:2em auto; }
.footer .copy_content { font-size:14px; }
.footer .sitemap h3 { font-size:16px; }

}

/*快捷导航*/
.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: #d40a26;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: #d40a26;}
@media screen and (max-width:767px){
}




.er-current { color:#999; }
.er-current a { margin-right:9px; color:#999; position:relative; display:inline-block;  }
.er-current a.jt { padding-right:19px; margin-right:14px; }
.er-current a.jt:before { position:absolute; right:0px; top:50%; margin-top:-2.5px; content:""; width:0px; height:0px; font-size:0px; border:6px solid #999; border-width:3px 4px; border-color:transparent transparent transparent #999; }
.er-current a:hover { color:#ba132b; }

@media screen and (max-width:767px){
.er-current { padding:1em 0px; }
.er-current a img { position:relative; top:-1px; }
.er-current a.jt:before { margin-top:-3.5px; }

}

.er-content { background:#fff; margin-bottom:4.1%; padding:30px; }
@media screen and (max-width:767px){
.er-content { padding:20px; }
}


/*二级菜单*/
.submenu{line-height:4.4285; }
.submenu ul{list-style-type: none;text-align: center; display: table; position: relative; }
.submenu ul li{ display: table-cell; padding-left:54px; }
.submenu a{display: block; position:relative;  color: #333;transition:  color .5s linear,background .5s linear; white-space: nowrap;}
.submenu a:before { position:absolute; left:0px; bottom:0px; right:0px; width:100%; content:""; display:none; height:2px; background:#ea664c; }
.submenu .current ,.submenu li:hover{transition:background-color .5s linear;font-weight:bold;}
.submenu .current a:before,.submenu a:hover:before{ display:inline-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: #2492d6;}
.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: #2492d6;  }
@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 #2492d6;}
    .main_content .submenu ul{display: table;}
    .main_content .submenu ul li{display: table-cell; margin-bottom: 0; background:none;}
    .main_content .submenu .current a,.main_content .submenu a:hover{ color: #FFF;}
    .submenu{line-height:300%; width:100%; font-size: 14px;  overflow:hidden; overflow-x:auto; }
    .submenu ul{padding: 0;display: table; width:100%; background:#f0f0f0; }
    .submenu ul li{display: table-cell; padding-left:0px;}
	.submenu a { margin:0px 0.5em; }

}


/*页面标题*/
.page_title{position: relative; border-bottom:1px solid #ebebeb; }
.submenu + .main_content .page_title{padding:5% 0 2%;}
.page_title.hasbor{border-bottom: 1px solid #DDD;}
.page_title h1  { color: #2f3f53; margin-top:0.3em; padding-bottom:0.3125em; }
.page_title h3,.page_title h2{line-height: 100%;color: #f1f1f1;text-transform: uppercase;  }
.page_content{ padding:1.7% 0 0%; overflow:hidden;}
.main_content .submenu ~ .page_title,.main_content .submenu ~ .page_content{ float: right; width: 70%;}
@media screen and (max-width: 767px){
    .page_title:after{width: 38px;}
    .main_content .submenu ~ .page_title,.main_content .submenu ~ .page_content{ float: none; width:auto;}
	.page_title:after { height:3px; }
}


/*三级菜单*/
.threemenu{ list-style-type: none; position: relative; overflow: hidden; padding-top:3%; margin-bottom:1.3%; }
.threemenu li{float: left; margin: 0 0.7142em; text-align: center;}
.threemenu li:first-child { margin-left:0px; }
.threemenu li a{display: block; color:#999; border:1px solid #ccc; border-radius:14px; padding:0px 11px;position: relative; overflow: hidden;z-index: 1;}
.threemenu li.current a{color:#fff; background:#ba132b; border:1px solid #ba132b; }


@media screen and (max-width:1024px){
.threemenu li{ margin: 0 0.5em;}

}
@media screen and (max-width: 767px){
    .threemenu{ display: table; width: 100%; font-size: 12px; margin-top:0.5em;}
    .threemenu li{margin: 0; display: table-cell; float: none;}
    .threemenu li a{ padding:0.5em; display:block;white-space:nowrap; border-radius:1.25em; margin:0px 0.5em;}
	
	.threemenu-wrap { width:100%; font-size: 14px;  overflow:hidden; overflow-x:auto;}
	
}

@media screen and (max-width: 375px){
    .threemenu li a{ padding:0.25em; margin:0px 0.25em;}
}


.page_content .pagecard_con{position: relative; display:none;}
.page_content .pagecard_con.current{ display:block; }

/*富文本区域*/
.into_content{line-height: 212.5%;}
.into_content p{ margin:5px 0px; 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: #d40a26; color:#FFF; border: 1px solid #DDD;padding: 2px 8px;}
.into_content td{border:1px solid #DDD; padding: 2px 8px;}
.into_content .color{color:#d40a26;}
.into_content p.img_con{text-align: center; padding-top:21px; }
@media screen and (max-width: 767px){
    .into_content p{ text-align: inherit;}
}

/*翻页区域*/
.turnpage{ text-align: right; font-size:12px; 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:#ba132b; color: #FFF; border: 1px solid #ba132b; }
.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; padding-top:2em; }
}
@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(/gtynf/lib/template/static/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(/gtynf/lib/template/static/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;}
}


/*国投跳转链接浮层
<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; }
}





/**************详情*******************/
.news-con { color:#494949; }
.news-con .into_title { padding:5% 0px 3%; line-height:1.3; }
.news-con .into_content { line-height:1.667; }
.news-con .into_content img { max-width:100%; }