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


.in-title span { display: inline-block; position:relative; padding:0px 1.5em; color:#494949;  }
.in-title span:before { content:""; position:absolute; left:0px; top:50%; width:1em; height:0.0833em; background:#d40a26; }
.in-title span:after { content:""; position:absolute; right:0px; top:50%; width:1em; height:0.0833em; background:#d40a26; }



@media screen and (max-width: 767px){
.in-more a { max-width:8em; font-size:12px; }
}

.content { background:none; margin-bottom:0px; }

/*KV*/
.column_kv{position: relative;}
.column_kv .kv_con {position: relative;height: calc(100vh - 64px);overflow: hidden;}
.column_kv .bg_container {position: absolute; left: 0; top:0; right: 0; bottom:0; z-index: 1;}
.column_kv .swiper-pagination { position:absolute; left:0px; right:0px; bottom:5%; width:100%; }
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets,.column_kv .swiper-pagination{ text-align:center; }
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.column_kv .swiper-pagination-switch{ background: none; width: 14px; margin:0px 11px; height: 14px; opacity: 1; position: relative; border: 1px solid transparent;outline: none !important; display: inline-block; cursor: pointer; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after,.column_kv .swiper-pagination-switch:after{ content: ""; position: absolute; width:8px; height:8px; left:2px; top:2px; background: #fff;}
.column_kv .arrow{display: none;}
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.column_kv .swiper-active-switch{ border:1px solid #fff;}

@media screen and (max-width: 767px){
    /* .column_kv .video_container canvas{height: 100%; width: calc((1600vh - 1024)/ 9);} */
    .column_kv .arrow{display: block; position: absolute; left: 47%; bottom:0; z-index: 10; width:6%; height: 0; padding:6% 0 0; overflow: hidden; cursor: pointer; background: url(/gtynf/lib/template/static/images/arrow.png) no-repeat center center; background-size: 100%; animation: btn_sx 2s linear infinite; margin-bottom:20%;}
}
@keyframes btn_sx {
  0% {
    bottom:0;
    opacity: 1;
  }
  50% {
    bottom:16px;
    opacity: .3;
  }
  100% {
    bottom:0;
    opacity: 1;
  }
}



/******************业务介绍***************/
.column_business { background:#f3f6fb; }
.column_business .in-title { padding:4.3% 0px 2.8%; }
.column_business .sub-tit { padding:0px 7%; color:#666; }
.column_business .business-content { padding-bottom:7%; padding-top:3.8%; }
.column_business .business-content ul { padding:0px 1.875em; }
.column_business .business-content ul li { border:1px solid #e5e5e5; position:relative; width:45.45%; padding:3em 4em 4.8125em 0px; background:#fff; border-radius:5px; }
.column_business .business-content ul li h4 { color:#666; line-height:1.71; margin-top:1.5em; }
.column_business .business-content ul li h3 a { color:#262626; }
.column_business .business-content ul li .ico { width:53%; height:5em; margin-top:1.25em; position:relative; }
.column_business .business-content ul li .ico img { display:none; width:auto; height:auto; max-width:100%; max-height:100%; }
.column_business .business-content ul li .ico .img01 { display:inline-block; }
.column_business .business-content ul li .text { width:47%; }
.column_business .business-content ul li:hover { border:1px solid #d40a26; }
.column_business .business-content ul li:hover .ico .img01 { display:none; }
.column_business .business-content ul li:hover .ico .img02 { display:inline-block; }
.column_business .business-content ul li:hover h3 a { color:#d40a26; }
.column_business .business-content ul li .btn { position:absolute; opacity:0; filter:alpha(opacity=0); width:3.75em; top:50%; margin-top:-1.875em; background:#d40a26; border-radius:50%; height:3.75em; right:-1.875em; }
.column_business .business-content ul li .btn a { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.column_business .business-content ul li .btn:before { content:""; width:10px; cursor:pointer;  height:10px; left:50%; border-left:2px solid #fff; border-top:2px solid #fff; position:absolute; top:50%; transform:translate(-50%,-50%) rotate(135deg); margin-left:-4px;-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);  }
.column_business .business-content ul li:hover .btn { opacity:1; filter:alpha(opacity=100); }

@media screen and (max-width: 1024px){
.column_business .business-content ul li { width:48%; }
.column_business .sub-tit { padding:0px; }
}

@media screen and (max-width: 767px){
.column_business .business-content ul li { width:100%; margin:1em 0px; padding:2em 2em 2em 0px; }

}




/*****************播放视频*******************/
.column_video {padding: 0;}
.column_video .video_container{height: 0; overflow: hidden; padding: 0 0 27.65625%; position: relative;}
.column_video .video_container .bg_container{position: absolute; left:0; right: 0; bottom:0;top:0;}
.column_video .video_container .bg_container:after{content: '';position: absolute;left:0; right: 0; bottom:0;top:0; background: rgba(0, 0, 0,.16);}
.column_video .video_container:after{content: '';position: absolute;left:50%;top:50%; background:url(/gtynf/lib/template/static/images/indexvideo_icon.png) no-repeat center center; background-size: 100%; width: 9%; height: 0; padding: 0 0 9%; margin: -4.5% 0 0 -4.5%;cursor: pointer;}

@media screen and (max-width: 767px){
.column_video .video_container { padding-bottom:40%; }
.column_video .video_container:after { width:12%; padding-bottom:12%; margin:-6% 0px 0px -6%; }
}


/*新闻中心*/
.column_news .column_content{position: relative; margin-top:3.2%; margin-bottom:3.9%; }
.column_news .column_title { padding:6% 0px 2%; border-bottom:1px solid #e9e9e9; }
.column_news .column_title h2 { color:#262626; line-height:1.5; display:inline-block; padding-right:0.375em; }
.column_news .column_title h3 { color:#a3a3a3; display:inline-block; text-transform:uppercase; }
.column_news .column_title .tab{ float: right; white-space: nowrap;line-height: 200%; margin-right:-4px; margin-top:0.55em;}
.column_news .column_title .tab li{ display: inline-block; position:relative; cursor: pointer;}
.column_news .column_title .tab li a{display: block; margin:0px 28px 0px 30px; color:#262626;}
.column_news .column_title .tab li.current a,.column_news .column_title .tab li a:hover{color: #ba132b; }
.column_news .column_title .tab li:before{content:"";position: absolute;left: 0;width:2px;height:1em;top:50%;margin-top: -0.5em;background: #787878;}
.column_news .column_title .tab li:first-child:before{ display: none;}

.column_news .card_content { overflow:hidden; position:relative; }
.column_news .column_content .card_content { height:0px; overflow:hidden; }
.column_news .column_content .card_content.current { height:auto; }
.photonews_container{float: left; height:343px; width:609px; }
.photonews{ position: relative;height: 343px; width:609px;}
.photonews .bg_container{position: absolute; left: 0; top:0; right: 0; bottom: 0;}
.photonews .bg_container:before { position:absolute; left:0px; top:0px; width:100%; height:100%; bottom:0px; right:0px; background:rgba(0,0,0,0.2); z-index:2; content:""; }
.photonews .txt_container{padding:1.3125em 2em; height: 4.5625em;  z-index:2;position: absolute; background: rgba(0, 0, 0,.5); color: #FFF; left: 0; bottom:0; right: 0;}
.photonews h4{position: absolute;left:2em; right:10em;top:50%; transform: translateY(-50%); line-height: 150%;}
.photonews_container .swiper-pagination { position:absolute; text-align:right; right:0.5625em; bottom:2.625em; width:50%; height:9px; }
.photonews_container .swiper-pagination span { width:9px; margin-right:1em; height:9px; background:#fff; border-radius:50%; display:inline-block; }
.photonews_container .swiper-pagination .swiper-active-switch { background:#ba132b; }

.indexnewslist{list-style-type: none; padding-left:6%;  overflow: hidden; position: relative; }
.indexnewslist li{ margin-bottom:49px;}
.indexnewslist li:last-child{ }
.indexnewslist a{position: relative;padding:0 0 0 98px; display: block;}
.indexnewslist .time{position: absolute; left: 0; top:0;width: 70px; text-align: center; background: #d2d2d2; color:#fff;}
.indexnewslist .time .d{font-size: 30px;line-height:1.33; background:#fff; color:#888; border:1px solid #d8d8d8; display: block;}
.indexnewslist .time .m{font-size: 20px;line-height:2.125; display: block; text-transform:uppercase; color: #FFF;}
.indexnewslist h4{font-size:20px; line-height:1.2; margin-bottom: 4px; color:#333;}
.indexnewslist p{font-size: 14px; line-height:1.5; height:3em; color:#666; margin-top:1em; }
.indexnewslist a:hover h4{ color:#ba132b;}
.indexnewslist a:hover .time { background:#ba132b; }
.indexnewslist a:hover .time .d { color:#ba132b; border:1px solid #ba132b; }
.indexnewslist.nodesc a{padding: 0;}
.indexnewslist.nodesc .time{display: none;}

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

.photonews_container { width:528px; height:297px; }
.photonews { width:528px; height:297px;  }
.indexnewslist li { margin-bottom:27px;  }


}
@media screen and (max-width: 1024px){
    .photonews_container{height:272px; width: 414px;}
    .photonews{height:272px; width: 414px;}
	.indexnewslist li { padding-bottom:11px; margin-bottom:11px; }
	.indexnewslist .time { width:60px; }
	.indexnewslist .time .d { font-size:26px; }
	.indexnewslist a { padding-left:82px; }
	.indexnewslist h4 { font-size:16px; }

}
@media screen and (max-width: 767px){
    .column_news .column_content{position: static;}
    .photonews_container{width: 100%; float:none; position: relative; height: auto;top:-2.5em;}
    .photonews{height:0; width: 100%; overflow: hidden; padding: 0 0 56.32%;}
    .indexnewslist{width:100%; float: none;padding: 16px 0 0;}
    .column_news .column_title{overflow: visible;}
    .column_news .column_title .tab{position: relative; margin:56.32% 0 -56.32%; top:2.5em;}
	.photonews .txt_container { padding:1em; }
	.photonews h4 { left:1em; right:8em; }
	.photonews .time { right:1em; } 
	.column_title .tab{float: none; 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 8px;}
	.column_news .column_title .tab li a { margin-left:0px; }
	.column_news .column_title { border-bottom:none; }
	.column_news .column_title .tab li:before { display:none; }
	
	.column_news .column_title .tab li a { margin-right:0px; }
	.photonews .txt_container { height:3em; }
	.photonews_container .swiper-pagination { bottom:1.75em; }
}

@media screen and (max-width:540px){
    .column_news .column_title .tab{ top:2em;}

}

@media screen and (max-width:480px){
    .column_news .column_title .tab{ top:1.5em;}

}

@media screen and (max-width:414px){
    .column_news .column_title .tab{ top:1.25em;}

}


@media screen and (max-width:375px){
    .column_news .column_title .tab{ top:1em;}

}


/**************公司介绍*********************/
.column_company { position:relative;}
.column_company .in-title { padding:4.3% 0px 4.7%; }
.column_company .bg_container { position:absolute; left:0px; top:0px; height:100%; right:0px; width:100%; bottom:0px;  }
.column_company .indent_content { position:relative; z-index:2; }
.column_company .text-wrap { background:rgba(255,255,255,0.7); position:relative; margin-bottom:7%; padding:2.375em 20.3125em 2.125em 3.25em; }
.column_company .content-wrap { line-height:2.25; color:#666; min-height:17.875em; text-align:justify; }
.column_company .number ul li { position:absolute; right:0px; top:0px; line-height:1.3; text-align:center; color:#fff; width:17.625em; height:calc(50% - 0.5px); background:#d40a26; }
.column_company .number ul li:first-child +li { top:auto; bottom:0px; }
.column_company .number ul li p span { font-size:1.556em; }


@media screen and (max-width: 767px){
.column_company .text-wrap { padding:2em; }
.column_company .number { margin-top:1em;}
.column_company .number ul li { position:relative; width:50%; border-right:1px solid rgba(255,255,255,0.7); height:auto; padding:2em 0px; float:left; }
.column_company .number ul li:first-child +li { border-right:none; }
}

@media screen and (max-width: 375px){
.column_company .number ul li .fnt-36 { font-size:16px; }


}