@charset "utf-8";
.nav_dh{display: none;}
.dh_banner{height: 210px; margin-top: 44px;background: url(/content/dam/gtjagy/banner.jpg) no-repeat center top;background-size: 100% 100%;}
.dh_banner .slo-img{ width: auto; margin: 50px auto 0 auto; }
.dh_banner .slo-img img{width: 80%;}
.dh_banner .play{background: url(/content/dam/gtjagy/i-play.png) no-repeat center 125px; background-size: 32px 32px; }

.bannerSwiper{margin-top: 44px;position: relative; width: 100%; height: 210px; overflow: hidden;}
.bannerSwiper .swiper-slide { position: relative; text-align: center;}
.bannerSwiper .swiper-slide>img{ height: 210px; }
.bannerSwiper .swiper-slide .slo-img{position: absolute; width: 100%; top: 50px; margin-left: -50%; left: 50%; right: 50%; text-align: center;}
.bannerSwiper .swiper-slide .slo-img>img{width: 70%;}
.bannerSwiper .swiper-slide .play{background: url(/content/dam/gtjagy/i-play.png) no-repeat center 125px; background-size: 32px 32px;}
.bannerSwiper .swiper-slide img#bannerImg {height: 210px;}

.dh_us{ padding: 24px 16px; background: #fff; font-size: 14px; line-height: 22px; }
.bar_tit{ padding: 24px 0 16px; }
.bar_tit h2{font-size: 16px; }

.new-item{ padding-bottom: 24px; width: 100%; padding: 0 16px; box-sizing: border-box; }
.ikSliderbox{width: 100%; position: relative;}
.ikSliderbox .slider-container{ height: auto; background:none; }
.slider-ibox{ width: 100%; height: auto;  display: flex;flex-wrap: wrap;}
.slider-ibox .banpic{ width: 100%; height: 192px; border-radius: 4px 4px 0px 0px; overflow: hidden; }
.slider-ibox .slider-r{width: 100%;height: auto; background: #fff; box-sizing: border-box; padding: 16px 16px 48px 16px;}
.slider-ibox .slider-r .slider-tag{font-size: 12px;padding: 2px 8px;}
.slider-ibox .slider-r h2{font-size: 14px; margin:12px 0 0 0;}
.slider-ibox .slider-r p{ margin:12px 0 16px 0; font-size: 12px; line-height: 20px; }
.slider-ibox .slider-r a.brt{position: static; display: block; height: 36px; color: #9A9A9A; width: 100%; border-radius: 4px;}
.ikSliderbox .pre_thum{display: none;}
.ikSliderbox .slider-nav{ bottom: 10px; }
.ikSliderbox .slider-nav .slider-nav__control{ width: 6px; height: 6px; background:#DBDBDB; border-color:#DBDBDB; transition:none;  }
.ikSliderbox .slider-nav .slider-nav__control.is-active{ width: 16px; background: #034888; border-color:#034888; border-radius: 3px; }

.project-item{background: #fff; padding: 0 16px 14px 16px; margin-top: 24px;}
.project-pc{display: none;}
.project-m{display: block; }
.project-m ul{ margin: 0 -5px; }
.m-gtja-bar{ margin: 0 5px 10px 5px; height: 88px; padding: 16px; color: #fff; font-size: 12px; box-sizing: border-box; border-radius: 4px; background: url(/content/dam/gtjagy/block_bg@2x.png) no-repeat; background-size: 100% 100%;}
.m-gtja-bar h3{font-size: 16px; padding-bottom: 8px;}
.project-m ul li a{margin: 0 5px 10px 5px; display: block; background: #F7F9FC; border-radius: 4px;}
.project-m ul li a img{ width: 100%; height: 128px; border-radius:4px  4px  0px  0px;}
.project-m ul li a p{font-size: 12px; padding: 0 8px; height: 32px; line-height: 32px;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}

.by-con{margin-top: 0; padding-bottom: 24px; }
.swiper-per{padding: 0; position: relative; max-width: 2200px; margin: 0 auto; box-sizing: border-box;}
.swiper-per .swiper-container{width: 100%; height: auto;perspective: 1200px}
.swiper-per .cur{display: none;}

.swiper-per .swiper-container .swiper-slide {
	width: 80%; height: 275px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.swiper-per .swiper-container .swiper-slide a{height: 185px;}
.swiper-per .swiper-container .swiper-slide .main-img {
	width: 100%; border-radius: 4px;
	margin: 0 auto;
	display: block
}
.slide-letter{ position: absolute; bottom: 0; padding: 8px; height: 32px; border-radius: 0px 0px 8px 8px;transition: all .3s; }
.slide-letter p{display: block;font-size: 12px;}
.slide-letter .brt{display: none;}
.swiper-more{ padding: 0 16px; bottom: 5px;}
.swiper-more a.brt{display: block; color: #9A9A9A;height: 36px; border-color: #C4C4C4; width: 100%; border-radius: 4px;}
.swiper-more a.brt>i{background: url(/content/dam/gtjagy/more.png) no-repeat;}
.teer-item{background: #fff; padding:0 16px 24px 16px;}
.teer-swiper{ padding-bottom: 0; }
.teer-swiper .mySwiperBig{ height: auto;}
.teer-swiper .mySwiperBig .swiper-slide{ height: 1px; }
.teer-swiper .mySwiperBig .swiper-slide.swiper-slide-active { height:auto}
.teer-swiper .mySwiperBig .u-mate{margin: 12px 0 16px 0; font-size: 12px; }
.teer-swiper .mySwiperBig .u-mate .u-site{display: block; margin-bottom: 6px;}
.teer-swiper .mySwiperBig .u-mate .u-pro{margin-left: 0px;}
.teer-swiper .mySwiperBig .u-info{ padding:40px 16px;height: auto; font-size: 12px; line-height: 24px; color: #505050;}
.teer-swiper .mySwiperBig .u-info::after,.teer-swiper .mySwiperBig .u-info::before{width: 12px; height: 11px;}
.teer-swiper .mySwiperBig .u-info::after{top: 16px; left: 16px;}
.teer-swiper .mySwiperBig .u-info::before{bottom: 16px; right: 16px;}
.teer-swiper .mySwiperBig h3{padding: 2px 10px;}
.mySwiperSmall{ margin-top: 20px; }
.small-per{ padding: 0; }
.small-per .cur{display: none;}
.mySwiperSmall .swiper-slide a{ display: block; padding: 3px; border: solid 1px transparent; border-radius: 50%; }
.mySwiperSmall .swiper-slide a img{ width: 64px; height: 64px; border: solid 3px transparent; border-radius: 50%;}
.mySwiperSmall .swiper-slide span{font-size: 12px;}

.wel-con{background: #F7F9FC; padding: 0 16px 8px 16px;}
.bar_tit2{ padding: 24px 0 16px; text-align: center; overflow: hidden; }
.bar_tit2 h2{font-size: 16px; float: none;}
.bar_tit2 .bar_r{display: none;}
.swiper-per2 .swiper-container{ padding-bottom: 30px; }
.swiper-per2 .swiper-pagination{display: block;}
.swiper-per2 .swiper-pagination .swiper-pagination-bullet-active{background:#034888;}
.swiper-per2 .swiper-container .swiper-slide ul{ margin: 0 -4px;}
.swiper-per2 .swiper-container .swiper-slide ul li{ width: 50%;}
.swiper-per2 .swiper-container .swiper-slide ul li a{margin: 0 4px 8px 4px; padding-bottom: 8px;}
.swiper-per2 .swiper-container .swiper-slide ul li a>p{ font-size: 14px; padding: 8px; line-height: 22px; height: 54px; overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.swiper-per2 .swiper-container .swiper-slide ul li a>span{font-size: 12px; padding: 0 8px;}

.rep-con{ background: #fff; padding: 16px 16px 0 16px; }
.rep-con .pure-u-1-2{ width: 100%; }
.rep-left{ border:none; margin-top: 0; padding: 0 0 24px 0; border-bottom:solid 1px #E2E2E2;}
.rep-left .bar_tit2,.rep-right .bar_tit2,.together .bar_tit2{ padding-top: 0;padding: 0;  text-align: left; overflow: hidden;}
.rep-left .bar_tit2 h2,.rep-right .bar_tit2 h2,.together .bar_tit2 h2{ float: left; }
.rep-left .bar_tit2 a.more_r,.rep-right .bar_tit2 a.more_r,.together .bar_tit2 a.more_r{margin-top: 0; }

.rep-g{ padding-top: 16px; }
.rep-g img{width: 100px; height: 144px;}
.rep-g ul{ margin-left: 16px; width: 62%; }
.rep-g ul li{font-size: 14px; margin-bottom: 9px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.rep-g ul li:last-child{margin-bottom: 0;}
.rep-right{ border:none; margin-top: 0; padding: 24px 0;  border-bottom:solid 1px #E2E2E2;}
.rep-right .bar_tit2{ padding-bottom: 16px;}
.rep-right p{margin-bottom: 12px; font-size: 14px; #white-space: nowrap;}
.brt-more{ margin-top: 16px; }
.brt-more a{width:100%; }

.together{background: #fff; padding:24px 16px 14px 16px;}
.together .bar_tab{display: none;}
.together .togeCon{padding-top: 16px;}
.togelink{margin: 0 -5px;}
.togelink li{ width: 50%; margin: 0 0 10px 0; }
.togelink li img{width: 95%;}
.together .bar_tit2{ position: relative; height: 24px; overflow:visible; }
.select-tit{display: block; float: right; font-size: 14px; color: #034888; cursor: pointer;}
.select-pop{ display: none; position: absolute; top: 30px; right: 0; z-index: 20; padding: 10px; background: #fff; border:solid 1px #E2E2E2; width: 100px; border-radius: 4px;}
.select-pop a{display: block; text-align: center;font-size: 14px;  padding: 5px 0}
.select-pop a.active{color: #034888;}
.select-pop a+a{ border-top:solid 1px #E2E2E2; }


.vid-wrap{width:100%; height: 100%; position:fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 99; display: none;}
.vid-wrap>a{ position: fixed; right: 0; top: 0; padding: 10px;font-size: 32px; font-family: serif; line-height: 32px;  display: block;color: #fff;z-index: 100;}
.vid-wrap video{width: 100%; padding-top: 10%;  height: 100%; box-sizing: border-box;}