@import url(https://cdn.kaytrip.com/kaytrip/style/css/body.css);
@import url(https://cdn.kaytrip.com/kaytrip/style/css/color_links.css);
@import url(https://cdn.kaytrip.com/kaytrip/style/css/head2015new_1500.css);
@import url(https://cdn.kaytrip.com/kaytrip/style/css/head2015_zt.css);
@import url(https://cdn.kaytrip.com/kaytrip/style/css/m_head2015new.css);
 .banner { position:relative; width:100%; overflow:hidden;}
 /* .banner:after{ display:block; position:absolute; top:0; right:0; content:""; background:url(../jiguang/tz.png) no-repeat; width:840px; height:418px;} */
 .banner .banneri{ width:100%; height:auto}
 .banneri2{ position:absolute; bottom:0; left:50%; width:1920px; margin-left:-960px;}
.zt1{ background:url(../jiguang/br_02.jpg) no-repeat center 0 ; }
.zt_bg{ width:1000px; margin:0 auto; text-align:left;}



/* 列表1 */
 
.dl_list > div{ width: 50%;}
.dl_list dl img{ object-fit: cover;width:96%; margin-left:2%; height:auto; margin-top:10px; }.dl_list dl:hover img{  }
.dl_list dl{ float:left; width:calc(100% - 16px); text-align:left;margin:20px 8px 0 8px;}
.dl_list dl dd,.dl_list dl dt{ background:#fff;  position:relative; }
.dl_list dl dd{  padding:10px 10px 5px 10px; }
.dl_list h2{ font-size:16px; padding-bottom:5px; line-height:21px; min-height: 50px; }
.dl_list p{ color:#999999; padding:0;}
.dl_list p b{ color:#da2522; font-size:24px;}.dl_list p b em{ font-size:14px; font-style:normal;}
.miaosha{border-radius:50px; float:right; padding:0 5px; font-size:12px;-webkit-transition:all 0.6s ease-in-out; transition: all 0.6s ease-in-out;background:#f20000; color:#fff;display:block; margin:0 auto;  text-align:center;overflow: hidden;}
/* 列表 修改 */
.miaosha{ background:url(../jiguang/jiguang_17.png) repeat-x; color:#523b0f; font-size:18px; width:134px; line-height:34px;height:34px; background-size:100% 100%;}
  .dl_list h2,.dl_list p{ color:#505050;}
  .dl_list p b{ color:#000;}
  .dl_list dl dd {
    padding: 10px 10px 15px 10px;
}


.zt1{ background-color: #20282a ;}
.zt1in{ background:url(../jiguang/jiguang_27.png) no-repeat center  bottom; padding-bottom:230px;}
 .zt2{ background:url(../jiguang/brbr_02.jpg) no-repeat center 0; }
 
 .list ul{ float:left;} .list li{ padding:6px 6px;}.list ul.ulx{ padding-top:38px;}
 .zzz2{ display:none;}.dl_list dl{ position:relative}.dl_list dl:hover .youhui{ display:block;}
 .youhui{ background:url(../jiguang/tehui.png) no-repeat; height:157px; width:157px; position:absolute; z-index:10; top:0; left:1.5%; display:none;	}
 .chanpin{ background-color:#002b44;  height:400px; position:relative}
 
 .img{ z-index:2; position:absolute; left:7px; top:7px;}
 .aa1,.aa2{ position:absolute; top:7px; border:2px solid #0a1634; background:#fefb93; color:#0a1634; width:100px; padding:10px 0;font-size:19px; text-align:center}
 .aa1{left:10px; }.aa2{left:120px; background:#fff; }
 .aa3{ background:#002b44; color:#fff; width:470px; position: absolute; bottom:-10px; right:10px; height:34px; line-height:34px; text-align:center; border-radius:18px; display:block}
 .text{ color:#00283f;background:#fff; width:280px; height:320px; position:absolute; right:8px; bottom: 8px; z-index:1; padding:0 20px 0 500px;}
 .renshu{ font-size:18px; color:#fffa8a; width:125px; height:30px; line-height:30px; display:block; position:absolute; top:-50px; border:1px solid #fffa8a; text-align:center}
 .renshu2{ right:30px;}.text h2{ font-size:19px; border-bottom:2px solid #00283f; padding:56px 0 8px 0; margin-bottom:5px;}
 .vv1{ background:#00a4b3; color:#fff; width:110px; text-align:center}.text img{ margin-top:100px; }.text .on_right{ margin-top:70px;}
 .vv2{ background:#c18629 url(../jiguang/jiguang_17.png) repeat-x; color:#523b0f; border:1px solid #523b0f; width:108px; font-size:21px; line-height:58px; text-align:center; height:58px; margin-top:8px;}
 .chanpin b{ font-size: 40px;margin-top: 20px; display: inline-block;}
 .chanpin b em{ font-size: 20px; font-style: normal; }
 .chanpin img{object-fit: cover; height: 340px; width: 660px;}
 .list ul{ width:242px; }
 .list ul li{   width:230px;position:relative; height:324px;}
.list ul li .span{  display: block; margin:0 auto;   z-index:1;transition: 0.6s;
transform-style: preserve-3d;width: 100%; height: 100%; }
.hx_2,.hx_1{backface-visibility: hidden; top:0; position:absolute; left:0; width: 100%; height: 100%;color: #fff; background-size: cover; }
.con{ text-align: center; background-color: rgba(21, 0, 32, 0.75); top:0; position:absolute; left:0; right: 0;  height: 100%;display: flex; align-items: center; flex-direction: column; justify-content: center; color: #fff; padding: 0 20px;}
.hx_2{ 
position: relative;transform: rotateY(180deg);}

.hx_1{ z-index:2;}
.list ul li:hover .span  {transform:rotateY(180deg);}.huanxian_new ul li:hover .hx_2{ }

 .title{ background: #150020; padding: 20px; position: absolute; bottom: 0; right: 0; left: 0; text-align: center; font-size: 18px; font-weight: bold;}
 
 .dl_list .qidai dt,.dl_list .qidai dd{ opacity:0.6; background:#002b44; color:#002b44  }
 .dl_list .qidai h2,.dl_list .qidai p, .dl_list .qidai p b{ color:#002b44; }
 .dl_list .qidai .miaosha{ background:#002b44; color:#002b44 }
 .xianzhi1{ color:#fff; position:absolute; top:50%; font-size:21px; margin-top:-15px;z-index:11; width:100%; display:block; text-align: center;}
 
 .dl_list { display: flex; flex-wrap: wrap;}
 
  .dl_list dt img {-webkit-transition: .5s transform; -moz-transition: .5s transform;-ms-transition: .5s transform;-o-transition: .5s transform;transition: .5s transform;
	
	-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);
	height: 250px;
	}.dl_list dl dt { overflow: hidden}
  .dl_list dl:hover dt img {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
 
  /* .dl_list dl { background-color: #fff;} */
@media (max-width:789px){
	.banner:after{ width:200px; height:200px; background-size:100% auto}
	.img img{ width:100%;}
	.img{ left:auto;top:auto; position: relative; width:100%; clear:both; display:block}.aa1,.aa2{ font-size:12px; padding:0 5px; border-width:1px;}.aa1 br,.aa2 br{ display: none; }
	.aa3{ width:100%; border-radius:0; bottom: auto; top:20px; text-align:left; left:8px; background:none;}
	.chanpin{ margin:0 13px;   height:auto;}
	.text{ right:auto; bottom:auto; height:auto; position: relative; width:90%; padding:0 5% 10px 5%; margin:0; left:auto; z-index:100}
	.text h2{ padding:0}.text img{ margin-top:0;}.text .on_right{ margin-top:0;}.vv2{ margin:2px 0 0 0; height:34px; line-height:34px;}
	.dl_list{ padding:0 10px;}.dl_list dl{ margin-top:5px;}
	.m_header{ background:none; position:absolute; top:0; width:100%; z-index:111}
	.dl_list dl img{ margin-top:4px;}
	.zt_bg{ width:100%;}
	img{ max-width:100%; height:auto; vertical-align: bottom}
  .zzz1{ display:none ;}
	  .zzz2{ display:block;}
	  .banneri2{ left:0; width:100%; margin:0;}
	  .zt1{ background-size:100% 100%;}
	  .dl_list h2{ min-height:30px;}
	  .miaosha{ font-size:13px; width:60px; height:30px; line-height:30px;}
	  .zt1in{ padding-bottom:120px;}
	  .list ul{ width:50%;}.list ul.ulx{ padding:0;}
	  .list ul li{ width:90%; height:220px}
	  .list{ padding:0 15px;}
	   .zt1,.zt2{  background-size:100% 100% ;}
	}
	@media (max-width:414px){
		 .list ul li{   height:245px}
	}
	@media (max-width:375px){
		 .list ul li{   height:220px}
	}
@media (max-width:320px){
	 
	 .list ul li{   height:185px}
	}
	
	.i_zk_tag1 .i_zk_tag_in{ background: #291735; padding: 15px ; min-height: 60px;}
	.i_zk_tag1 .i_zk_tag_in::after{ display: none;}
	.i_zk_tag1  span{ max-width:120px;word-wrap:break-word;
		word-break:normal;    white-space: wrap; font-size:17px; font-weight: 400;
		}
	 
		.i_zk_tag1{ width: 200px; height: 200px;}
		.jiagex{ padding: 20px 0;}
		.jiagex b{font-size: 21px; }
		.jiagex b em{font-size:12px; font-style: normal; }

.zt_title{text-align: center; font-size: 21px; color: #02e7c5; padding-bottom: 70px; }
.zt_title h1{font-weight: normal;}
.zt_title .en{  position: relative; overflow: hidden; height:32px; font-family:Georgia, 'Times New Roman', Times, serif; font-size: 40px; font-style: italic; color: #fff;}
 

.gonglue{  color: #02e7c5; font-size: 16px; display: flex;background: url(../jiguang/br2.png) no-repeat center 0;  background-size: 100% auto; }
.gonglue dt{ font-weight: bold; font-size: 28px; background: url(../jiguang/br.svg) no-repeat center 0;  background-size: contain; color: #000; text-align: center; padding: 20px; margin-bottom: 10px;}
.gonglue  dl{ padding: 0 30px;}
.gonglue p{ padding-bottom: 15px;}

@media (min-width:768px){
	.gonglue{ padding: 70px 0 120px 0;}
	.gonglue  dl:nth-of-type(1){ padding-top: 70px;}
	.gonglue  dl:nth-of-type(3){ padding-top:50px;}
 
}
.HackBox + .zt_title{ margin-top:120px; }
@media (max-width:768px){

	.gonglue{ flex-direction: column; padding-bottom: 50px;}
	.gonglue dl{ display: flex; padding:10px 20px 0 0;  }
	.gonglue dt{ background-size: 90px 90px;font-size: 18px; min-width: 80px; max-width: 80px;width: 80px}
	.gonglue dd{ width: calc(100% - 80px);}

	.zt_title{ padding-bottom: 20px; font-size: 12px;}
	.zt_title .en{ font-size: 24px; height: 20px;}
	.zt_title h1{ font-size: 21px;}
	.zt_title img{ margin-bottom: -15px;}
	.i_zk_tag1 .i_zk_tag_in{ padding: 10px; min-height: auto;}
	.i_zk_tag1{ width: 140px; height: 140px; }
	.i_zk_tag1{ width: 140px; height: 140px; }
	.HackBox + .zt_title{ margin-top: 40px; }

	.chanpin img{ height: 180px;}
	.dl_list{ margin: 10px -3px;}
	.dl_list dl img{ height: auto;}
	.dl_list dl{ margin: 5px 5px; width: calc(100% - 10px);}
	.banner .banneri{ height: 380px; object-fit: cover;}
	}