@charset "utf-8";
/* CSS Document */

.displayT{width: 100%;height: 100%;display: table;}
.tableC{display: table-cell;}
.inlineB{display: inline-block;}
.middle{vertical-align: middle;}
.show_tb{display: none!important;}
.show_mb{display: none!important;}

#index{max-width: 1920px;width: 100%;padding-top: 62px;}
#index .wrap{width: 1410px;}
#index_head{background: #fff;position: fixed;left: 0;top:0;width: 100%;box-shadow: 0px 3px 4px #efefef;z-index: 100;}
#index_head .logo{margin:6px 35px 0 0;}
#index_head .nav{margin-left: 40px;}
#index_head .nav .fl{margin-right: 30px;}
#index_head .nav .fl.first .a{background: url(../images/ihd1_0.png) no-repeat left center;padding-left:20px;}
#index_head .nav .fl.first .a:hover{background: url(../images/ihd1.png) no-repeat left center;}
#index_head .nav .fl .a{font-size: 16px;font-weight:500;color: #595959;display: inline-block;height: 60px;line-height: 60px;}
#index_head .nav .fl:hover .ul{top:100%;opacity: 1;z-index: 100;visibility: visible;}
#index_head .nav .fl .a:hover{color: #4bb033;}
#index_head .search{position: relative;margin-top:20px;}
#index_head .search .s1{position: absolute;top:5px;right: 0;cursor: pointer;}
#index_head .search form{visibility: hidden;opacity: 0}
#index_head .search .text{border:1px solid #d5d4d4;border-radius:100px;padding:0 10px;height: 23px;width:100px;font-size: 13px;display: inline-block;vertical-align: middle;}
#index_head .search .sub{border:none;background: url(../images/ihd2.png) no-repeat center;width: 16px;height: 16px;padding:3px;display: inline-block;vertical-align: middle;cursor: pointer;}
#index_head .search .show_form{visibility: visible;opacity: 1;}
#index_head .share{margin-top:19px; margin-left:23px;}
#index_head .m-menu{width: 40px;margin: 13px 0 0 2%;display: none;}

#index_head .posi{position: relative;height: 60px;}
#index_head .ul{position: absolute;top:60%;left: 0;width: 100%;opacity: 0;z-index: -1;background: #fff;visibility: hidden;}
#index_head .ul .wrap{padding:30px 0;}
#index_head .ul_show{top:0;opacity: 1;z-index: 100;}
#index_head .ul .right{width: 420px;height: 230px;margin-left: 95px;}
#index_head .ul .left{/* width: 980px; */}
#index_head .ul .left ul{float: left;margin-left: 75px;}
#index_head .ul .left ul li{line-height: 340%;}
#index_head .ul .left ul li a{font-size: 12px;color: #666;}
#index_head .ul .left ul li a:hover{color: #000;}

.m-nav{}
.m-nav{position: fixed;z-index: 101;background: #595959;top:0;left: -280px;width: 280px;min-height: 100%;transition: left 0.5s, right 0.5s;}
.m-nav li{padding:0 2%;border-bottom: 1px dashed #A2A2A2;}
.m-nav li a{font-size: 16px;color: #fff;display: inline-block;width: 100%;padding:5% 0;text-indent: 5%;}
.mask{position: fixed;top: 0;left:0;width:100%;height:100%;z-index: 100;visibility: hidden;opacity: 0;background: rgba( 0, 0, 0, 0.4);}
.mask_vis{visibility: visible;opacity: 1.0;transition: visibility 0s, opacity 0.5s;}


#owl-banner,#owl-banner-t{width: 100%;max-width: 1920px;max-height:850px;text-align: center;margin:0 auto;}
#owl-banner .item,#owl-banner-t .item{background: #fff no-repeat center;}
#owl-banner .owl-controls,#owl-banner-t .owl-controls{margin-top: 0;}
#owl-banner .owl-controls .owl-page span,#owl-banner-t .owl-controls .owl-page span{background: #9a9a9a;width: 50px;height: 2px;}
#owl-banner .owl-pagination,#owl-banner-t .owl-pagination{position: absolute;width: 100%;left: 0;bottom: 3%;text-align: center;}
#owl-banner .owl-buttons,#owl-banner-t .owl-buttons{}
#owl-banner .owl-buttons div,#owl-banner-t .owl-buttons div{position: absolute;top:40%;text-indent: 999px;width: 41px;height: 81px;overflow: hidden;padding:0;margin:0;opacity: 1;transition:left .5s,right .5s,opacity .5s;-webkit-transition:left .5s,right .5s,opacity .5s;opacity: 0;}
#owl-banner .owl-buttons .owl-prev,#owl-banner-t .owl-buttons .owl-prev{left: 0;background: url(../images/id9.png) no-repeat center;}
#owl-banner .owl-buttons .owl-next,#owl-banner-t .owl-buttons .owl-next{right: 0;background: url(../images/id10.png) no-repeat center;}
#owl-banner:hover .owl-buttons div,#owl-banner-t:hover .owl-buttons div{opacity: 1;}
#owl-banner:hover .owl-buttons .owl-prev,#owl-banner-t:hover .owl-buttons .owl-prev{left: 2%;}
#owl-banner:hover .owl-buttons .owl-next,#owl-banner-t:hover .owl-buttons .owl-next{right: 2%;}

#owl-banner-m{width: 100%;max-width: 1920px;max-height:850px;text-align: center;margin:0 auto;}
#owl-banner-m .item{background: #fff no-repeat center;}
#owl-banner-m .owl-controls{margin-top: 0;}
#owl-banner-m .owl-controls .owl-page span{background: #9a9a9a;width: 50px;height: 2px;}
#owl-banner-m .owl-pagination{position: absolute;width: 100%;left: 0;bottom: 3%;text-align: center;}
#owl-banner-m .owl-buttons{}
#owl-banner-m .owl-buttons div{position: absolute;top:40%;text-indent: 999px;width: 41px;height: 81px;overflow: hidden;padding:0;margin:0;opacity: 1;transition:left .5s,right .5s,opacity .5s;-webkit-transition:left .5s,right .5s,opacity .5s;opacity: 0;}
#owl-banner-m .owl-buttons .owl-prev{left: 0;background: url(../images/id9.png) no-repeat center;}
#owl-banner-m .owl-buttons .owl-next{right: 0;background: url(../images/id10.png) no-repeat center;}
#owl-banner-m:hover .owl-buttons div{opacity: 1;}
#owl-banner-m:hover .owl-buttons .owl-prev{left: 2%;}
#owl-banner-m:hover .owl-buttons .owl-next{right: 2%;}


.i_pro{padding:20px 0;}
.i_pro .wrap{position: relative;}
.i_pro .left{width: 49%;padding-right: .7%;}
.i_pro .right{position: absolute;right: 0;top: 0;width: 49%;height: 100%;padding-left: .7%;}
.i_pro .right .box{}
.i_pro .right .box1{margin-bottom: 3%;height: 58.24%;}
.i_pro .right .box2{height: 39.4%;}


#i-video{position: relative;background: #000;}
#i-video .play{position: absolute;left:48%;top:48%;width: 5%;}
#i-video .video{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 95;}
#i-video .video .main{position: relative;}
#i-video .video .main .close{position: absolute;right: 2%;top:2%;font-size: 30px;}
#i-video .video video{width: 100%;max-width: 1920px;}
#i-video .btn{position: absolute;width: 100%;height: 100%;left: 0;top:0;background: url(../images/id4.png) no-repeat center;cursor: pointer;background-size: auto 15%;}
#i-video.start_play .btn{background: none;}


#i-video2{position: relative;}
#i-video2 .play{position: absolute;left:48%;top:48%;width: 5%;}
#i-video2 .video{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 95;}
#i-video2 .video .main{position: relative;}
#i-video2 .video .main .close{position: absolute;right: 2%;top:2%;font-size: 30px;}


#i-fun{padding:20px 0;}
#owl-info{width: 100%;max-width: 1920px;text-align: center;margin:0 auto;overflow: hidden;}
#owl-info .item{background: #fff no-repeat center;margin:0 10px;position: relative;max-height: 335px;}
#owl-info .item .tableC{/* height: 335px; */}
#owl-info .item .word{background: url(../images/ihd12.png) repeat;position: absolute;top: 100%;left: 0;width: 92%;padding:2% 4%;cursor: pointer;}
#owl-info .item .word .t{font-size: 18px;color: #fff;margin-bottom: 5px;}
#owl-info .item .word .w{font-size: 14px;color: #fff;height: 38px;}
#owl-info .item:hover .word{top:74%;}
#owl-info .owl-controls{margin-top: 0;}
#owl-info .owl-controls .owl-page span{background: #163e80;}
#owl-info .owl-pagination{display: none;}
#owl-info .owl-buttons{}
#owl-info .owl-buttons div{position: absolute;top:40%;text-indent: 999px;width: 34px;height: 60px;overflow: hidden;padding:0;margin:0;opacity: 1;}
#owl-info .owl-buttons .owl-prev{left: 1%;background: url(../images/id9.png) no-repeat center;}
#owl-info .owl-buttons .owl-next{right: 1%;background: url(../images/id10.png) no-repeat center;}

#i-info{padding:30px 0;background: #f3f3f3;}
#i-info .left{width: 42.5%;}
#i-info .left2{display: none;}
#i-info .left2 .t{visibility: hidden;}
#i-info .left .t{font-size: 26px; font-weight: bold; color: #333;margin-bottom: 2.5%;}
#i-info .left .tr{margin-bottom: 2%;}
#i-info .left .tr .n{}
#i-info .left .tr .n a{font-size: 16px; font-weight:600; color: #333;width: 99%;display: inline-block;}
#i-info .left .tr .d{font-size: 12px;color: #666;}
#i-info .right{width: 57.5%;}
#i-info .right .box{width: 46.6%;margin-left: 2%;}
#i-info .right .box .tableC{}
#i-info .right .box .t{margin: 2% 0;}
#i-info .right .box .t a{font-size: 16px; font-weight:600; color: #333;width: 99%;}
#i-info .right .box .bf{font-size: 14px;color: #666;}

#movie{width:50%; height:70%; position:fixed; left:25%; top:15%; z-index:999; background:#000000; display:none;}
#movieBg{background:#000; opacity:0.5; width:100%; height:100%; position:fixed; z-index:998; display:none;}

@media only screen and (max-width: 1440px){
	#index .wrap{width: 99%;}
}

@media only screen and (max-width: 1280px){
	#index_head .nav .fl{margin-right: 20px;}
}

@media only screen and (max-width: 1050px){
	#index_head .nav .fl{margin-right: 15px;}
}

@media only screen and (max-width: 1280px){
	#index_head .ul .left ul{margin-left:50px;}
}

@media only screen and (max-width: 1024px){
	#index_head .nav .fl{margin-right:10px;}
	#index_head .ul .left ul{margin-left:22px;}
	#index_head .ul .right{margin-left:0px;}
}

@media only screen and (max-width: 992px){
	.show_pc{display: none!important;}
	.show_tb{display: block!important;}
	#i-info .left{width: 48%;margin-bottom: 2%;}
	#i-info .left2{display: block;margin-left: 2%;}
	#i-info .right{float: none;width: 100%;}
	#owl-info .item .word{bottom: 0;top: initial;}
	#owl-info .item:hover .word{bottom: 0;top: initial;}
	#index_head .nav{display: none;}
	#index_head .m-menu{display: block;}
}
@media only screen and (max-width: 768px){
}

@media only screen and (max-width: 640px){
	#index_head .logo{margin:13px 0px 0px 0px;}
	#index_head .search .text{width:80px;}
	.show_tb{display: none!important;}
	.show_mb{display: block!important;}
	#i-info .left{width: 100%;}
	#i-info .left2{display: none;}
	#owl-info .item .word .w,#i-info .right .box .bf{font-size: 12px;}
	#i-info .right .box .t a,#i-info .left .tr .n a{font-size: 14px;}
	#owl-info .item .word .t{font-size: 15px;}
	.i_pro .img{width: 100%;padding:0;}
	.i_pro .left{margin-bottom: 3%;}
	.i_pro .right{position: initial;}
	#index_head .share{display: none;}
}