@charset "UTF-8";

/**

 * 

 * @authors Griezmann (you@example.org)

 * @date    xxxx-xx-xx 

 * @version $Griezmann1.0$

 */

.banner { overflow: hidden; position: relative; padding-top: 41.25%; background-color: #333333; }

.banner-cnt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #c4c4c4; }

.banner-cnt a { display: block; width: 100%; height: 100%; font-size: 0; }

.banner-cnt .swiper-button-next, .banner-cnt .swiper-button-prev { width: 70px; height: 70px; margin-top: -35px; background-size: 35px 35px; background-color:rgba(0, 0, 0, 0.5); border-radius: 100%; }

.banner-cnt .swiper-button-next { right: 50px; }

.banner-cnt .swiper-button-prev { left: 50px; }

.banner-cnt .swiper-pagination-bullet { width: 16px; height: 16px; background: #000000; opacity: .5; }

.banner-cnt .swiper-pagination-bullet-active { opacity: 1; background: #0a6fb5; }

.banner-cnt  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }

.banner-1920 { display: block; }

.banner-960 { display: none; }





.index .area1{padding:0 0px 100px;}

.index .area1 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;}

.index .area1 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}

.index .area1 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#0a6fb5;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}

.index .area1 .body .picScro{width:64.28%;float:left;}

.index .area1 .body .picScro .pic-img { overflow: hidden; position: relative; padding-top: 41.11%; border-radius: 6px; }

.index .area1 .body .picScro .pic-img-cnt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #c4c4c4; }

.index .area1 .body .picScro .pic{overflow:hidden;font-size:0;}

.index .area1 .body .picScro .pic img{transition:all 0.3s;}

.index .area1 .body .picScro .pic:hover img{transform:scale(1.08);}

.index .area1 .body .picScro .caption{width:88.888%;margin:0 auto;background-color:#f5f5f5;border-radius:6px;/*box-shadow:0px 1px 10px rgba(0,0,0,0.1);*/margin-top:-60px;position:relative;z-index:1;}

.index .area1 .body .picScro .caption .intit{height:60px;line-height:60px;font-size:18px;color:#0a6fb5;font-weight:bold;background-color:#fff;padding:0px 20px;border-top-left-radius:6px;border-top-right-radius:6px;overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;}

.index .area1 .body .picScro .caption .inbod .data{float:left;width:120px;background-color:#f0f0f0;border-right:1px solid #e5e5e5;font-family: Arial;}

.index .area1 .body .picScro .caption .inbod .data p{padding:30px 20px;color:#999999;}

.index .area1 .body .picScro .caption .inbod .data span{display:block;font-size:14px;line-height:14px;margin-top:18px;margin-left:24px;}

.index .area1 .body .picScro .caption .inbod .data em{font-size:36px;line-height:32px;display:block;position:relative;}

.index .area1 .body .picScro .caption .inbod .data em:before{content:"";display:block;width:80%;height:1px;background-color:#c4c4c4;position:absolute;left:0px;bottom:-6px;transform:rotate(-36deg);}

.index .area1 .body .picScro .caption .inbod .newCt{padding-left:40px;overflow:hidden;height:124px;padding-right:250px;position:relative;}

.index .area1 .body .picScro .caption .inbod .newCt .txt{font-size:16px;color:#555;padding-top:28px;line-height:30px;}

.index .area1 .body .picScro .caption .inbod .newCt .more{display:block;width:160px;height:40px;font-family: Arial;line-height:40px;font-size:12px;text-transform:uppercase;background-color:#0a6fb5;color:#fff;border-radius:20px;position:absolute;right:20px;top:50%;margin-top:-20px;box-sizing:border-box;padding:0px 20px;transition:all 0.3s;}

.index .area1 .body .picScro .caption .inbod .newCt .more:before{content:"";display:block;width:30px;height:16px;background:url("../images/zjt.png"/*tpa=http://www.ht-saae.com/images/zjt.png*/) center no-repeat;background-size:cover;position:absolute;right:20px;top:50%;margin-top: -8px;transition:all 0.3s;}

.index .area1 .body .picScro .caption .inbod .newCt .more:hover:before{transform:translateX(6px);}

.index .area1 .body .picScro .caption .inbod .newCt .more:hover{background-color:#065693;box-shadow:0px 1px 10px rgba(0,0,0,0.1);}

.index .area1 .body .newList{width:32.85%;float:right;background-color:#f7f7f7;border:1px solid #e5e5e5;border-radius:6px;}

.index .area1 .body .newList li{border-bottom:1px solid #e5e5e5;transition:all 0.3s;}

.index .area1 .body .newList li a{display:block;padding:43px 28px;}

.index .area1 .body .newList li .intit{font-size:14px;font-family:Arial;color:#999;padding-left:20px;background:url("../images/dt.gif"/*tpa=http://www.ht-saae.com/images/dt.gif*/) left center no-repeat;line-height:14px;}

.index .area1 .body .newList li .inbod{font-size:18px;color:#333333;margin-top:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}

.index .area1 .body .newList li:hover{background-color:#fff;}

.index .area1 .body .newList li:hover .inbod{color:#0a6fb5;}





.index .area2{padding:80px 0px 100px;}

.index .area2 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;}

.index .area2 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}

.index .area2 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#0a6fb5;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}

.index .area2 .tit p{font-size:18px;color:#3c3c3c;font-weight:normal;line-height:18px;margin-top:30px;}

.index .area2 .body .aboutList{position:relative;z-index:2;}

.index .area2 .body .aboutList ul{width:1500px;}

.index .area2 .body .aboutList li{float:left;width:300px;height:340px;box-shadow:0px 1px 30px rgba(0,0,0,0.1);border-radius:5px;position:relative;margin-right:66px;}

.index .area2 .body .aboutList li .pic-img { overflow: hidden; position: relative; padding-top: 113.33%; border-radius: 5px; }

.index .area2 .body .aboutList li .pic-img-cnt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #c4c4c4; }

.index .area2 .body .aboutList li img{overflow: hidden;font-size:0;}

.index .area2 .body .aboutList li .caption{position:absolute;left:0px;top:0px;width:100%;height:100%;box-sizing:border-box;padding:46px;}

.index .area2 .body .aboutList li .caption .intit{font-size:14px;color:#666;line-height:24px;width:120px;}

.index .area2 .body .aboutList li .caption .inbod{font-size:18px;color:#333;margin-top:35px;} 

.index .area2 .body .aboutList li .caption .inbod span{font-size:60px;color:#0a6fb5;font-family:OpenSans-Bold;display:block;line-height:60px;margin-bottom:18px;margin-left:-3px;}  

.index .area2 .body .aboutList li .caption .inbod span em{font-size:18px;}

.index .area2 .body .aboutTxt{width:114%;position:relative;left:50%;transform:translateX(-50%);margin-top:-100px;}

.index .area2 .body .aboutTxt .pic img{margin-top:-100px;}

.index .area2 .body .aboutTxt .caption{position:absolute;left:0px;top:50%;width:100%;transform:translateY(-40%);}

.index .area2 .body .aboutTxt .caption .ct{width:48%;}

.index .area2 .body .aboutTxt .caption .ct .intit{font-size:30px;color:#fff;text-transform:uppercase;}

.index .area2 .body .aboutTxt .caption .ct .intit span{display:inline-block;border-bottom:1px solid #ffffff;position:relative;}

.index .area2 .body .aboutTxt .caption .ct .intit span:before{content:"";display:block;width:40px;height:3px;position:absolute;left:0px;bottom:-1px;background-color:#fff;}

.index .area2 .body .aboutTxt .caption .ct .intit em{font-weight:lighter;}

.index .area2 .body .aboutTxt .caption .ct .inbod{font-size:16px;line-height:34px;color:#fff;margin-top:42px;}

.index .area2 .body .aboutTxt .caption .ct .inbod .txt{overflow:hidden!important;height:68px!important;}

.index .area2 .body .aboutTxt .caption .ct .inbod .more{display:block;width:180px;height:50px;line-height:50px;box-sizing:border-box;padding:0px 14px;background-color:rgba(255,255,255,0.3);font-size:16px;color:#fff;border-radius:5px;position:relative;margin-top:50px;transition:all 0.3s;}

.index .area2 .body .aboutTxt .caption .ct .inbod .more:before{content:"";display:block;width:22px;height:10px;background:url("../images/jj.png"/*tpa=http://www.ht-saae.com/images/jj.png*/) center no-repeat;background-size:cover;right:18px;top:50%;margin-top:-5px;position:absolute;transition:all 0.3s;}

.index .area2 .body .aboutTxt .caption .ct .inbod .more:hover:before{transform:translateX(6px);}

.index .area2 .body .aboutTxt .caption .ct .inbod .more:hover{background-color:#004ca4;}





.index .area3{padding:0px 0px 100px;}

.index .area3 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;}

.index .area3 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}

.index .area3 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#0a6fb5;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}

.index .area3 .body .list{overflow:hidden;padding-bottom:10px;}

.index .area3 .body .list .swiper-slide .pic-img { overflow: hidden; position: relative; padding-top: 68.75%; }

.index .area3 .body .list .swiper-slide .pic-img-cnt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #c4c4c4; }

.index .area3 .body .list .swiper-slide .pic{overflow:hidden;font-size:0;}

.index .area3 .body .list .swiper-slide .pic img{transition:all 0.3s;}

.index .area3 .body .caption{width:81.25%;margin:0 auto;background-color:#fff;box-shadow:0px 1px 10px rgba(0,0,0,0.1);padding:40px;box-sizing:border-box;position:relative;margin-top:-100px; margin-bottom: 10px;}

.index .area3 .body .caption .intit{font-size:24px;color:#0a6fb5;font-weight:bold;line-height:24px;}

.index .area3 .body .caption .intit:before{content:"";display:block;width:4px;height:24px;background-color:#0a6fb5;position:absolute;left:0px;top:40px;}

.index .area3 .body .caption .intit span{display:block;padding-bottom:24px;border-bottom:1px solid #e5e5e5;position:relative;}

.index .area3 .body .caption .intit span:before{content:"";display:block;width:20px;height:3px;background-color:#e5e5e5;position:absolute;left:0px;bottom:-1px;}

.index .area3 .body .caption .inbod{font-size:16px;line-height:30px;color:#555;margin-top:25px;}

.index .area3 .body .caption .inbod .txt{height:150px;overflow-y:auto;text-align:justify;padding-right:10px;}

/*滚动条样式*/

.index .area3 .body .caption .inbod .txt::-webkit-scrollbar {/*滚动条整体样式*/width: 6px;/*高宽分别对应横竖滚动条的尺寸*/height: 6px;}

.index .area3 .body .caption .inbod .txt::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #0a6fb5;}

.index .area3 .body .caption .inbod .txt::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(255,255,255,0.6);width:2px;}

.index .area3 .body .caption .inbod .more{display:block;width:180px;height:50px;border:1px solid #0a6fb5;border-radius:3px;line-height:50px;box-sizing:border-box;padding:0px 13px;position:relative;color:#0a6fb5;margin-top:30px;transition: all 0.3s;}

.index .area3 .body .caption .inbod .more:before{content:"";display:block;width:22px;height:10px;background:url("../images/gfj.png") center no-repeat;background-size:cover;position:absolute;right:18px;top:50%;margin-top:-5px;transition:all 0.3s;}

.index .area3 .body .caption .inbod .more:hover{background-color:#0a6fb5;color:#fff;}

.index .area3 .body .caption .inbod .more:hover:before{transform:translateX(5px);background-image:url("../images/gfjt1.png");}

.index .area3 .body .list .swiper-slide:hover .pic img{transform:scale(1.08);}

.index .area3 .body .swiper-button-next, .index .area3 .body .swiper-button-prev { width: 70px; height: 70px; margin-top: -35px; background-size: 35px 35px; background-color:rgba(0, 0, 0, 0.5); border-radius: 5px; }

.index .area3 .body .swiper-button-disabled { opacity: 0; }





.index .area5{padding:0px 0px 100px;}

.index .area5 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;}

.index .area5 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}

.index .area5 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#0a6fb5;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}

.index .area5 .body .list ul{width:1440px;}

.index .area5 .body .list li{padding:18px;border:1px solid #e6e6e6;box-shadow:0px 1px 10px rgba(0,0,0,0.1);float:left;width:454px;box-sizing:border-box;margin-right:19px;transition:all 0.3s;}

.index .area5 .body .list li .pic-img { overflow: hidden; position: relative; padding-top: 66.58%; }

.index .area5 .body .list li .pic-img-cnt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-color: #c4c4c4; }

.index .area5 .body .list li .pic{overflow:hidden;font-size:0;}

.index .area5 .body .list li .pic img{transition:all 0.3s;}

.index .area5 .body .list li span{display:block;width:80px;height:24px;text-align:center;line-height:24px;color:#fff;background-color:#0a6fb5;position:absolute;left:0px;bottom:0px;z-index: 2;}

.index .area5 .body .list li .caption .intit{font-size:12px;color:#999999;padding-left:20px;background:url("../images/dd.gif") left center no-repeat;margin-bottom:10px;}

.index .area5 .body .list li .caption{margin-top:20px;}

.index .area5 .body .list li .caption .inbod .txt{font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.index .area5 .body .list li .caption .inbod .more{font-size:12px;color:#666;font-family:Arial;text-transform:uppercase;display:inline-block;padding-left:10px;background:url("../images/mobg.gif") left center no-repeat;margin-top:20px;}

.index .area5 .body .list li:hover{transform:translateY(-10px);box-shadow:0px 1px 20px rgba(0,0,0,0.2);}

.index .area5 .body .list li:hover .pic img{transform:scale(1.08);}







@media(max-width: 1500px){

	.index .area1 .body .picScro .pic{height: 264px;}

	.index .area1 .body .newList li a{padding:40px 28px;}

	.index .area1 .body .picScro .caption .inbod .data p{padding:43px 20px;}

	.index .area1 .body .picScro .caption .inbod .newCt{height:150px;}



	.index .area2 .body .aboutList li{width:280px;height:320px;margin-right:26px;}

	.index .area2 .body .aboutList li .caption .inbod span{font-size:50px;}

	.index .area2 .body .aboutTxt{margin-top:-80px;}

	.index .area2 .body .aboutTxt .caption .ct .inbod{font-size:14px;line-height:26px;}

	.index .area2 .body .aboutTxt .caption .ct .inbod .txt{overflow:hidden!important;height:52px!important;}

	.index .area2 .body .aboutTxt .caption .ct .inbod .more{margin-top:40px;width:140px;height:42px;line-height:42px;font-size:14px;}



	

	.index .area3 .body .caption{padding:20px 30px;}

	.index .area3 .body .caption .intit{font-size:18px;}

	.index .area3 .body .caption .intit span{padding-bottom:18px;}

	.index .area3 .body .caption .intit:before{top:20px;}

	.index .area3 .body .caption .inbod{font-size:14px;line-height:24px;margin-top:20px;}

	.index .area3 .body .caption .inbod .more{margin-top:20px;width:140px;height:42px;line-height:42px;font-size:14px;}



	.index .area5 .body .list ul{width:1300px;}

	.index .area5 .body .list li{width:387px;}

}





@media(max-width:960px){

	.banner { margin-top: 60px; padding-top: 45%; }

	.banner .swiper-button-next, .banner .swiper-button-prev { display: none; }

	.banner-1920 { display: none; }

	.banner-960 { display: block; }
	.banner-960 img {width: 100% !important;}






	.index .area1{padding:0 0px 40px;}

	.index .area1 .tit{font-size:20px;margin-bottom:30px;}

	.index .area1 .tit span{padding:0px 10px 10px;}

	.index .area1 .tit span:before{width:40px;margin-left:-20px;}

	.index .area1 .body .picScro{width:100%;}

	.index .area1 .body .newList{width:100%;margin-top:10px;}

	.index .area1 .body .picScro .caption{width:100%;margin-top:10px;}

	.index .area1 .body .picScro .caption .intit{font-size:16px;height:50px;line-height:50px;/*background-color:transparent;*/}

	.index .area1 .body .picScro .caption .inbod .newCt{padding:20px;height:auto;}

	.index .area1 .body .picScro .caption .inbod .data p{padding:34px 20px;}

	.index .area1 .body .picScro .caption .inbod .newCt .txt{padding-top:0px;font-size:14px;line-height:24px;text-align:justify;}

	.index .area1 .body .picScro .caption .inbod .newCt .more{display: none;}

	.index .area1 .body .newList li .inbod{font-size:16px;}

	.index .area1 .body .newList li a{padding:20px 28px;}





	.index .area2{padding:40px 0px 40px;}

	.index .area2 .tit{font-size:20px;margin-bottom:30px;}

	.index .area2 .tit span{padding:0px 10px 10px;}

	.index .area2 .tit span:before{width:40px;margin-left:-20px;}

	.index .area2 .tit p{font-size:14px;margin-top:10px;}

	.index .area2 .body .aboutList{margin-bottom:20px;}

	.index .area2 .body .aboutList ul{width:100%;}

	.index .area2 .body .aboutList li{width:48%;margin:0px;height:auto;margin:1%;}

	.index .area2 .body .aboutList li .caption .inbod span {font-size:20px;line-height:20px;}

	.index .area2 .body .aboutList li .caption .inbod{margin-top:10px;font-size:14px;}

	.index .area2 .body .aboutList li .caption{padding:15%;}

	.index .area2 .body .aboutTxt{width:100%;margin-top:0px;}

	.index .area2 .body .aboutTxt .pic{display:none;}

	.index .area2 .body .aboutTxt .pic img{margin:0px;}

	.index .area2 .body .aboutTxt .caption{background:url("../images/abpic.jpg");background-size:cover;position:static;padding:30px 10px;box-sizing:border-box;transform:translateY(0);}

	.index .area2 .body .aboutTxt .caption .ct{width:100%;}

	.index .area2 .body .aboutTxt .caption .ct .intit{font-size:26px;}

	.index .area2 .body .aboutTxt .caption .ct .inbod{text-align:justify;}

	.index .area2 .body .aboutTxt .caption .ct .inbod .txt{height:auto!important;}





	.index .area3{padding:0px 0px 40px;}

	.index .area3 .tit{font-size:20px;margin-bottom:30px;}

	.index .area3 .tit span{padding:0px 10px 10px;}

	.index .area3 .tit span:before{width:40px;margin-left:-20px;}

	.index .area3 .body .caption{width:88%;}

	.index .area3 .swiper-button-area3-next, .index .area3  .swiper-button-area3-prev { display: none; }





	.index .area5{padding:0 0px 40px;}

	.index .area5 .tit{font-size:20px;margin-bottom:30px;}

	.index .area5 .tit span{padding:0px 10px 10px;}

	.index .area5 .tit span:before{width:40px;margin-left:-20px;}

	.index .area5 .body .list ul{width:100%;}

	.index .area5 .body .list ul li{width:100%;margin:0px 0px 10px;}



	

	.video_wrap{position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.96);z-index:9999;padding:0px 0px;box-sizing:border-box;display:none;}

	.video_wrap .play_I .video-js{}

	.video_wrap .play_I{position:relative;width:100%;left:0px;margin-left:0px;top:50%;transform:translateY(-50%);}

	.video_wrap .play_I .video-js.vjs-fluid{}

	.video_wrap .play_I .video-js .vjs-big-play-button{width:60px;height:60px;border-radius:50%;margin-left:-30px;margin-top:-30px;font-size:30px;line-height:56px;outline:none;}

	.video_wrap .play_I .video-js .vjs-big-play-button:hover{box-shadow:0 0 20px rgba(255,255,255,0.6)}

	.video_wrap .close{background:url("../images/closedd.png") center no-repeat;background-size:cover;width:50px;height:50px;position:absolute;cursor:pointer;transition:all 0.6s linear;border-radius:50%;right:20px;top:20px;}

	.video_wrap .close:hover{transform:rotate(360deg);box-shadow:0 0 30px rgba(255,255,255,0.6)}

}