@charset "utf-8";
.dh_banner{position: relative; width: 100%; height: 640px; background: url(/content/dam/gtjagy/banner.jpg) no-repeat center top;background-size: 100% 100%; overflow: hidden;}
.dh_banner .slo-img{ width: 1200px; margin: 210px auto 0 auto; text-align: center; }
.dh_banner .play{display: block;position: absolute; top: 0; left: 0; bottom: 0; right: 0;background: url(/content/dam/gtjagy/i-play.png) no-repeat center 360px; cursor: pointer;}

.bannerSwiper{position: relative; width: 100%; height: 640px; overflow: hidden;}
.bannerSwiper .swiper-slide { position: relative; text-align: center;}
.bannerSwiper .swiper-slide .slo-img{position: absolute; width: 1200px; top: 210px; margin-left: -600px; left: 50%; right: 50%; text-align: center;}
.bannerSwiper .swiper-slide .play{display: block;position: absolute; top: 0; left: 0; bottom: 0; right: 0;background: url(/content/dam/gtjagy/i-play.png) no-repeat center 360px; cursor: pointer;}
.bannerSwiper .swiper-slide img#bannerImg {height: 640px;}

.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#034888;}
.bannerSwiper .swiper-pagination{ bottom: 20px; }

/*渐显动画*/
@-webkit-keyframes fadein{ 0%  {opacity: 0;} 100%{opacity: 1;} }
@-moz-keyframes fadein{ 0%  {opacity: 0;} 100%{opacity: 1;} }
@-o-keyframes fadein{ 0%  {opacity: 0;} 100%{opacity: 1;} }
@keyframes fadein{ 0%  {opacity: 0;filter:alpha(opacity=0);} 100%{opacity: 1;filter:alpha(opacity=100);} }

.dh_us{ padding: 64px 0; font-size: 16px; line-height: 32px; }

.new-item{background: #F7F9FC; padding-bottom: 64px;}
.bar_tit{ text-align: center; padding: 64px 0 32px; }
.bar_tit h2{font-size: 28px; }


/*核心能力*/
.ikSliderbox{width: 1200px; position: relative;}
.ikSliderbox .slider-container{ height: 405px; background:none; }
.slider-ibox{ width: 1200px; height: 405px; background: #fff;  display: flex;flex-wrap: wrap;}
.slider-ibox .banpic{ width: 720px; height: 405px; border-radius: 8px  0px  0px  8px; overflow: hidden; }

.slider-ibox .slider-r{ position: relative; width: calc(100% - 720px); height: 405px; padding: 40px; box-sizing: border-box;}
.slider-ibox .slider-r .slider-tag{display: inline-block; font-size: 14px; padding: 4px 8px; color: #fff; background:#034888; border-radius: 2px;}
.slider-ibox .slider-r h2{  font-size: 20px; line-height: 24px; margin: 30px 0 0 0; }
.slider-ibox .slider-r p{ margin:16px 0 0 0; color: #505050; font-size: 16px; line-height: 32px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.slider-ibox .slider-r a.brt{position: absolute; bottom: 40px; left: 40px; display: block; text-align: center; width: 110px; height: 35px; line-height: 35px; border: 1px solid #C4C4C4; border-radius: 2px;}
.slider-ibox .slider-r a.brt>i{ position: relative; top: 4px; display: inline-block; width: 16px; height: 16px; margin-left: 5px; background: url(/content/dam/gtjagy/more.png) no-repeat;}
.slider-ibox .slider-r a.brt:hover{border-color: #034888;}
.slider-ibox .slider-r a.brt:hover>i{background: url(/content/dam/gtjagy/more-hover.png) no-repeat;}

.ikSliderbox .pre_thum{
    display: block;
    width: 1200px; height: 126px; overflow: hidden;
    position: relative;
}
.ikSliderbox .pre_thum .preview {
   width: 102%; margin: 16px -4.9px 0 -4.9px;
   height: 126px; 
}
.ikSliderbox .pre_thum .preview a {
 float: left; position: relative;
 border:solid 2px transparent;border-radius: 4px;
 display: inline-block; margin: 0 4.9px;
}
.ikSliderbox .pre_thum .preview a>b{    
    position: absolute; left: 45%; top: -10px;
	width:0;
    height:0;   
    border-left:10px solid transparent; 
    border-right:10px solid transparent;
    border-bottom:10px solid #034888;
    display: none; 
}
.ikSliderbox .pre_thum .preview img {
  display: block; border-radius: 4px;
  width: 188px; height: 106px;
}
.ikSliderbox .pre_thum .preview a::after{content: ''; background: rgba(255,255,255,.5); display: block; position: absolute;  top: 0; left: 0; bottom: 0; right: 0;border-radius: 4px;}
.ikSliderbox .pre_thum .preview a.active{border-color: #034888;border-radius: 4px;}
.ikSliderbox .pre_thum .preview a.active::after{display: none;}
.ikSliderbox .pre_thum .preview a.active>b{ display: block; }

.teer-swiper{ padding-bottom: 64px; }
.teer-swiper .mySwiperBig{ width: 100%; overflow: hidden; }
.teer-swiper .mySwiperBig h3{ position: relative; font-size: 14px; font-weight: normal; background: #034888; color: #fff; display: inline-block; padding: 3px 10px;border-radius: 2px 2px 2px 0px;}
.teer-swiper .mySwiperBig h3::after{content: ''; display: block; position: absolute; left: 0; bottom: -6px; width: 0; height: 0; border-top: 7px solid #034888; border-right: 7px solid transparent;}
.teer-swiper .mySwiperBig .u-mate{ margin: 12px 0 24px 0; font-size: 14px; color: #505050;}
.teer-swiper .mySwiperBig .u-mate .u-site{background: url(/content/dam/gtjagy/i-branch.png) no-repeat left center; padding-left: 20px;}
.teer-swiper .mySwiperBig .u-mate .u-pro{background: url(/content/dam/gtjagy/i-event.png) no-repeat left center; padding-left: 20px; margin-left: 24px;}
.teer-swiper .mySwiperBig .u-info{ position: relative; padding: 64px 32px; height: 256px; box-sizing: border-box; background: #F7F9FC; font-size: 16px; line-height: 32px;}
.teer-swiper .mySwiperBig .u-info::after,.teer-swiper .mySwiperBig .u-info::before{ content: ''; display: block; position: absolute; width: 18px; height: 17px;}
.teer-swiper .mySwiperBig .u-info::after{background: url(/content/dam/gtjagy/mark_up.png) no-repeat; background-size: 100% 100%; top: 32px; left: 32px;}
.teer-swiper .mySwiperBig .u-info::before{background: url(/content/dam/gtjagy/mark_down.png) no-repeat;background-size: 100% 100%; bottom: 32px; right: 32px;}

.small-per{padding: 0 36px; position: relative; box-sizing: border-box;}
.mySwiperSmall{ width: 100%; margin-top: 30px; overflow: hidden;}
.mySwiperSmall .swiper-slide a{ display: block; padding: 3px; border: solid 1px transparent; border-radius: 50%; }
.mySwiperSmall .swiper-slide a img{border: solid 3px transparent; border-radius: 50%;}
.mySwiperSmall .swiper-slide span{display: block; font-size: 14px; text-align: center; margin-top: 10px; }
.mySwiperSmall .swiper-slide.swiper-slide-thumb-active a,.mySwiperSmall .swiper-slide.swiper-slide-thumb-active a img{ border-color: #034888; }
.mySwiperSmall .swiper-slide.swiper-slide-thumb-active span{color: #034888;}
.small-per .cur{top: 48%; width: 20px; height: 20px; color: #034888; background:none; border-radius: 50%;}
.small-per .cur:focus{ outline: none; }
.small-per .cur.swiper-button-disabled{ background:none; color: #c6c6c6; pointer-events: none; opacity: 1;}
.small-per .cur::after{ font-size: 20px; }

.small-per .swiper-button-prev{left: 0;}
.small-per .swiper-button-next{right: 0;}

.project-pc{display: block;}
.project-m{display: none;}
.project-item ul{ margin: 0 -7px; }
.project-item li .pro-item{ margin: 0 7px 16px 7px; display: flex; flex-wrap: wrap;}
.project-item li .pro-item .gt-me{ position: relative; width: 100%; height: 280px; padding: 40px; font-size: 20px; box-sizing: border-box; background: url(/content/dam/gtjagy/block_bg.png) no-repeat; color: #fff; border-radius: 4px;}
.project-item li .pro-item .gt-me h3{ font-size: 32px; }
.project-item li .pro-item .pro-visited{ position: relative; background: #F7F9FC;width: 100%; height: 280px; padding:50px 40px; font-size: 16px; box-sizing: border-box; border-radius: 4px 0px 0px 4px;transition: all 0.3s;}
.project-item li .pro-item .pro-visited,.project-item li .pro-item .pro-event{width:50%;}
.project-item li .pro-item .pro-event img{cursor: pointer; border-radius: 0px  4px  4px  0px; }
.project-item li .pro-item .pro-event.last img{ width: 100%;height: 280px; border-radius: 4px 0px 0px 4px;}
.project-item li .pro-item .pro-visited h3{ font-size: 20px; padding-bottom: 16px; }
.project-item li .pro-item .pro-visited.last{width:100%;border-radius: 4px 4px 0px 0px;}
.project-item li .pro-item .pro-visited b {
    position: absolute;     
    z-index: 1; display: block;
    width: 0; height: 0;    
}
.project-item li .pro-item .pro-visited b.ico-sj {
    top: 25%; right: -16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;    
    border-left: 16px solid #F7F9FC;
}
.project-item li .pro-item .pro-visited.left b.ico-sj {
    top: 25%; left: -16px;
    border-right: 16px solid #F7F9FC;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;    
    border-left:0;
}
.project-item li .pro-item .pro-visited.last b.ico-sj {
    top: auto;bottom: -32px; left: 25%; right: auto;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #F7F9FC;
}
.project-item li .pro-item .pro-visited .pro-event{
    position: absolute; left: 0; bottom: -296px; width: 395px; height: 296px;
}
.project-item li .pro-item .pro-visited .pro-event img{
    width: 100%;
    border-radius: 0px 0px 4px 4px;
}
.project-item li .pro-item .pro-visited a.brt{position: absolute; bottom: 50px; left: 40px; display: block; text-align: center; width: 110px; height: 35px; line-height: 35px; border: 1px solid #C4C4C4; border-radius: 2px;}
.project-item li .pro-item .pro-visited a.brt>i{ position: relative; top: 4px; display: inline-block; width: 16px; height: 16px; margin-left: 5px; background: url(/content/dam/gtjagy/more.png) no-repeat;}
.project-item li .pro-item .pro-visited a.brt:hover{border-color: #034888;}
.project-item li .pro-item .pro-visited a.brt:hover>i{background: url(/content/dam/gtjagy/more-hover.png) no-repeat;}

.project-item li.active .pro-item .pro-visited{background:#034888; color:#fff;}
.project-item li.active .pro-item .pro-visited p{ color:#79a1cf; }
.project-item li.active .pro-item .pro-visited a.brt{ background: #fff; border-color: #fff; color: #034888; }
.project-item li.active .pro-item .pro-visited a.brt>i{background: url(/content/dam/gtjagy/more-hover.png) no-repeat;}
.project-item li.active .pro-item .pro-visited b.ico-sj{border-left: 16px solid #034888;}
.project-item li.active .pro-item .pro-visited.left b.ico-sj{
    top: 25%; left: -16px;
    border-right: 16px solid #034888;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;    
    border-left:0;
}
.project-item li.active .pro-item .pro-visited.last b.ico-sj{
    top: auto;bottom: -32px; left: 25%; right: auto;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #034888;
}



.by-con{background: #F7F9FC; margin-top: 48px; padding-bottom: 64px; }
.swiper-per{padding: 0 36px; position: relative; /*max-width: 2200px;*/ margin: 0 auto; box-sizing: border-box;}
.swiper-per .swiper-container {
  width: 100%;
  height: 430px;
}
.swiper-per .swiper-container .swiper-slide {
  text-align: center; height:336px; width: 518px; margin-right: 16px;
}
.swiper-per .swiper-container .swiper-slide a{display: inline-block;position: relative; overflow: hidden; height: 290px;}
.slide-letter{ position: absolute; bottom: -48px; left: 0; right: 0; padding: 12px 16px; box-sizing: border-box; height: 48px; color: #fff; background: rgba(0,0,0,0.6); border-radius: 0px 0px 8px 8px;transition: all .3s; }
.slide-letter p{display: block; float: left; font-size: 16px;}
.slide-letter .brt{float: right; font-size: 14px; margin-top: 2px; padding-left: 18px; background: url(/content/dam/gtjagy/i-album.png) no-repeat left center;}
.swiper-per .swiper-container .swiper-slide a:hover .slide-letter{bottom: 0; }

.swiper-per .swiper-slide img{ max-width: 100%; border-radius: 8px; width: 518px; height: 290px;}
.swiper-per .cur{top: 36%; width: 48px; height: 48px; color: #fff; background: #034888; border-radius: 50%;}
.swiper-per .cur:focus{ outline: none; }
.swiper-per .cur.swiper-button-disabled{ background: #c6c6c6; color: #fff; pointer-events: none; opacity: 1;}
.swiper-per .cur::after{ font-size: 16px; }

.swiper-per .swiper-button-prev{left: 16px;}
.swiper-per .swiper-button-next{right: 16px;}
.swiper-per .swiper-pagination .swiper-pagination-bullet-active{background:#034888;}
.swiper-per .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 56px; }

.swiper-more{ height: 34px; position: absolute; bottom: 0; left: 0; right: 0;z-index: 10;}
.swiper-more a.brt{ margin: 0 auto; display: block; text-align: center; width: 110px; height: 32px; line-height: 32px; border: 1px solid #034888; color: #034888; border-radius: 2px;}
.swiper-more a.brt>i{ position: relative; top: 4px; display: inline-block; width: 16px; height: 16px; margin-left: 5px; background: url(/content/dam/gtjagy/more-hover.png) no-repeat;}
.swiper-more a.brt:hover{background: #034888;color: #fff;}
.swiper-more a.brt:hover>i{ background: url(/content/dam/gtjagy/more-hover.png) no-repeat;}

.wel-con{background: #F7F9FC; padding-bottom: 64px;}
.bar_tit2{ padding: 64px 0 24px; overflow: hidden; }
.bar_tit2 h2{font-size: 24px; float: left;}
.bar_tit2 .bar_r{float: right; margin-top: 7px; font-size: 18px;color: #9A9A9A;}
.bar_tit2 .bar_r .btn_pre,.bar_tit2 .bar_r .btn_next{ cursor: pointer; }
.bar_tit2 .bar_r span.blue{ color: #034888; }
.bar_tit2 .bar_r span.disabled{ cursor: default; }
.bar_tit2 a.more_r{float: right; margin-top: 7px; font-size: 14px;color: #9A9A9A;}

.swiper-per2 .swiper-container .swiper-slide ul{ margin: 0 -7px; display: flex; flex-wrap: wrap;}
.swiper-per2 .swiper-container .swiper-slide ul li{ width: 25%; }
.swiper-per2 .swiper-container .swiper-slide ul li a{
    display: block;  position: relative; margin: 0 7px;
    background: #fff; transition: all .3s;
    border-radius: 4px; padding-bottom:16px; 
    box-shadow: 0px 4px 30px 1px rgba(0,80,179,0.08);
}
.swiper-per2 .swiper-container .swiper-slide ul li a::after{
    display: none; position: absolute; 
    content: ''; top: 0; left: 0; right: 0; bottom: 110px;
    #background: url(/content/dam/gtjagy/play-hover.png) no-repeat center center rgba(0, 0, 0, .6);
    border-radius: 4px 4px 0px 0px;
}
.swiper-per2 .swiper-container .swiper-slide ul li a>img{width: 100%;}
.swiper-per2 .swiper-container .swiper-slide ul li a>p{padding:16px 16px 12px 16px; font-size: 16px; line-height: 24px; min-height: 100px;}
.swiper-per2 .swiper-container .swiper-slide ul li a>span{ font-size: 12px; color: #9A9A9A; padding:0 16px;}
.swiper-per2 .swiper-container .swiper-slide ul li a:hover{background: #034888; color: #fff;box-shadow: 0px 4px 12px 1px rgba(0,0,0,0.08);}
.swiper-per2 .swiper-container .swiper-slide ul li a:hover>span{color: #5b8bc1;}
.swiper-per2 .swiper-container .swiper-slide ul li a:hover::after{display: block;}
.swiper-per2 .swiper-pagination{display: none;}

.rep-left{ border-right:solid 1px #E2E2E2; margin-top: 64px; padding-right: 48px; }
.rep-left .bar_tit2{ padding-top: 0; }
.rep-g{display: flex; flex-wrap: wrap;}
.rep-g img{width: 130px; height: 184px;}
.rep-g ul{ margin-left: 24px; width: 70%; }
.rep-g ul li{font-size: 16px; margin-bottom: 16px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.rep-g ul li:last-child{margin-bottom: 0;}
.rep-right{ padding-left: 48px; }
.rep-right p{margin-bottom: 24px; font-size: 16px;}
.brt-more a{display: block; text-align: center; font-size: 14px; width: 138px; height: 36px; line-height: 34px; border: 1px solid #034888; color: #034888; border-radius: 3px; transition:all .3s;}
.brt-more a:hover{background: #034888; color: #fff;}

.together{padding-bottom: 48px;}
.bar_tit2 ul{float: right;}
.bar_tab li{display: inline-block; cursor: pointer; margin-left: 12px; width: 80px; height: 28px; line-height: 28px;font-size: 14px;  text-align: center;border: 1px solid #034888; color: #034888; border-radius: 2px; transition:all .3s;}
.bar_tab li.actives{background: #034888; color: #fff;}
.togelink{ margin: 0 -8px; }
.togelink li{text-align: center; margin-bottom: 16px;}
.togeCon .togelink,.select-tit,.select-pop{ display: none; }
/*视频*/
.opacity{position:fixed;background-color: #000; opacity: .7; filter: alpha(opacity=70); top: 0; left: 0; right: 0; bottom: 0; z-index: 30;display: none;}
.player{ background: #000; position: fixed; top: 50%; left: 50%; margin-left:-600px; margin-top:-340px; width: 1200px; height: 675px; z-index: 40; display: none;}
.player>a.exit{ display: block; width: 32px; font-size: 32px; font-family: serif; height: 32px; color: #fff; text-align: center; line-height: 32px; position: absolute; right:-40px; top: 0;}
.vid-wrap{display:none;}