body, button, input, select, textarea {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑", "Microsoft Yahei", "Arial", "Verdana", "sans-serif";
	font-size: 13px; line-height:28px;
	background: #fff; color:#434343;
}





.ny_banner {width: 100%;position: relative;overflow: hidden;; display:block}
.ny_banner {height: 300px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.banner_wz{ width:100%; text-align:center; margin:0 auto; display:block; position:absolute; top:35%; height:auto; overflow:hidden; font-size:44px; line-height:44px; color:#fff}
.banner_wz span{font-size:16px; line-height:28px; font-family:Arial, Helvetica, sans-serif; display:block; margin-top:10px}
@media (max-width: 1199px) and (min-width: 1001px) {
	.ny_banner{height: 320px;}
}

@media screen and (max-width: 1000px) {
	.ny_banner {height: 280px;}
}
@media screen and (max-width: 760px) {
	.ny_banner  {height: 240px;}
	.banner_wz{top:30%; font-size:40px}
}
@media screen and (max-width: 480px) {
	.ny_banner {height: 200px;}
	.banner_wz{font-size:36px}
}

.ny_page{width:100%; height:auto; overflow:hidden; padding:60px 0}
.ny_page p img{max-width:100%; height:auto; overflow:hidden}

.ny_about{height:auto; overflow:hidden}
.ab_content{ width:100%; background-color:#f2f2f2;height:auto; overflow:hidden}

.list-type{margin: 0 auto; text-align:center; display:block; padding:0}
.list-type li{width: 10%; float:left;display:block;padding: 0;color: #808080;font-size: 16px;height: 64px;text-align: center;transition-duration: .5s;position: relative;}
.list-type li a{font-size: 16px;color: #333333;display:block;line-height: 64px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-type li.active a, .list-type li a:hover {color: #FFFFFF;background: #e87e12; font-weight:bold}

.local-wp{height:auto; overflow:hidden; padding:15px 0; color:#777}
.local-wp h2{font-size:15px; color:#626262; padding:10px 0; border-bottom:1px solid #eaeaea}
.local-wp h2 font{font-size:16px; color:#222}
.local-wp span{color:#777; padding-top:10px}
@media (max-width:1024px) {
	.ny_about img{ width:45%; height:auto; overflow:hidden}
}
@media (max-width:768px) {
	.ab_content{ padding:15px 0}
	.list-type{text-align: center;}
	.list-type li{width:31.33%; margin:5px 1%; height: 42px}
	.list-type li a{font-size: 14px; line-height:42px; border:1px solid #B8B8B8}
	.list-type li.active a, .list-type li a:hover {border:1px solid #e87e12;}
	.ny_page{padding:30px 0}
	
}
@media (max-width:520px) {
	.ny_about img{ width:100%; height:auto; overflow:hidden}
}

@media (max-width:480px) {
	.ny_page{padding:20px 0}
}

/*发展历程*/


.ny_fzlc_bg{background: url(../images/page_falc.jpg) no-repeat center; padding:30px 0; width:100%; height:auto; overflow:hidden; font-size:30px; line-height:34px; text-align:center; color:#fff; margin-top:40px}
.ny_fzlc ul li{width:100%; height:auto; overflow:hidden;background:url(../images/page_lc2.jpg) no-repeat center top;}
.ny_fzlc ul li span{width:47%; float:left; text-align:right; font:bold 28px/30px Arial, Helvetica, sans-serif; color:#f08519}
.ny_fzlc ul li p{width:47%; float:right; text-align:left; min-height:70px; padding-bottom:20px}
.ny_fzlc ul li:nth-child(1){background:url(../images/page_lc1.jpg) no-repeat center top; padding:47px 0 10px 0}
.ny_fzlc ul li:nth-child(2n) span{ float:right; text-align:left}
.ny_fzlc ul li:nth-child(2n) p{float:left; text-align:right;}



@media (max-width:480px) {
	.ny_fzlc{position:relative}
	.ny_fzlc ul li{background:none; padding:20px; border:1px solid #CCC; margin-top:15px; position:relative; min-height:180px; overflow:hidden; display:block}
	.ny_fzlc ul li:nth-child(1){background:none; padding:20px}
	.ny_fzlc ul li span{width:100%; float:none; text-align:left; position:absolute; top:20px }
	.ny_fzlc ul li p{width:90%; float:none; text-align:left; min-height:auto; padding-bottom:0; position:absolute; top:60px}
	.ny_fzlc ul li:nth-child(2n) span{ float:none; text-align:left}
	.ny_fzlc ul li:nth-child(2n) p{float:none;  text-align:left;}
	.ny_fzlc ul li:nth-child(1){min-height:120px}
	.ny_fzlc ul li:nth-child(3){min-height:120px}
	.ny_fzlc ul li:nth-child(4){height:300px}
	.ny_fzlc ul li:nth-child(7){height:220px}
	.ny_fzlc ul li:nth-child(8){height:210px}
}


/*联系我们*/

.ny_contact{width:40%; float:left; background-color:#f8f8f8; padding:30px 30px 10px 30px}
.ny_contact h2{font-size:24px; color:#000; font-weight:normal; padding-bottom:15px;}
.ny_contact h2 span{font-size:14px; color:#f08519; display:block}
.ny_contact ul li{width:100%; height:auto; overflow:hidden; padding:15px 0; border-top:1px dashed #cecece}
.ny_contact ul li span{font-size:16px; color:#f08519; font-weight:bold; padding-bottom:10px; display:block}
.ny_contact ul li p{width:40%; float:left; margin-right:5%; text-align:center}
.ny_contact ul li p img{width:100%; height:auto; overflow:hidden; display:block}
#dituContent{width:60%; float:right; height:545px}




@media (max-width:768px) {
	.ny_contact{width:100%; float:none;}
	#dituContent{width:100%; float:none; height:375px; margin-top:20px}
	.ny_contact ul li p{width:25%;}
}


@media (max-width:480px) {
	.ny_contact ul li p{width:40%;}
}

@media (max-width:360px) {
	.ny_contact ul li p{width:46%; margin:0 2%}
}




/*产品展示*/

.ny_pro{height:auto; overflow:hidden}
.ny_pro_list{width:23.5%; float:left; margin:10px 0 10px 2%; border:1px solid #f2f2f2}
.ny_pro_list h3{-webkit-box-sizing: border-box; overflow: hidden;position:relative}
.ny_pro_list h3 a img{ cursor: pointer; transition: all .5s;width:100%; height:auto; overflow:hidden}
.ny_pro_list h3 a:hover img{transform: scale(1.2)}

.ny_pro_list:nth-child(1){margin:10px 0 10px 0}
.ny_pro_list:nth-child(4n+1){margin:10px 0 10px 0; clear:left}
.ny_pro_list p{width:100%; height:auto; overflow:hidden; background-color:#f2f2f2; text-align:center}
.ny_pro_list p a{font-size:16px; padding:20px 5px; display:block}
.ny_pro_list p a:hover{background-color:#e87e12; color:#fff; display:block}



.ny_pro_top{width:100%; height:auto; overflow:hidden; background-color:#f8f8f8; padding:30px}
.ny_pro_top_l{width:50%; float:left}
.ny_pro_top_l{-webkit-box-sizing: border-box; overflow: hidden;position:relative}
.ny_pro_top_l img{width:100%; height:auto; cursor: pointer; transition: all .5s;}
.ny_pro_top_l img:hover{transform: scale(1.2)}

.ny_pro_top_r{width:45%; float:right}
.ny_pro_top_r h1{font-size:24px;; padding-top:20px}
.ny_pro_top_r p{margin-top:15px; font-size:13px; color:#777; padding:20px 0; border-bottom:1px dashed #eaeaea; border-top:1px dashed #eaeaea; height:auto; overflow:hidden}
.pro_btn{ margin-top:30px}
.pro_btn a{width:47%; float:left; background-color:#e87e12; text-align:center; font-size:16px; padding:10px 0; display:block; color:#fff}
.pro_btn a:nth-child(2){ margin-left:4%; background-color:#333}

.ny_pro_bottom{width:100%; height:auto; overflow:hidden; margin-top:30px}
.ny_pro_bottom h2{ width:100%; height:auto; overflow:hidden; background-color:#333; padding:15px 20px; color:#fff; font-size:20px; font-weight:normal}
.ny_pro_nr{height:auto; overflow:hidden; margin-top:20px; border-bottom: 1px dashed #eaeaea;padding-bottom: 20px;}
.ny_pro_nr img{ max-width:100%; height:auto; overflow:hidden}
.ny_pro_nr table{margin:0 auto}

@media (max-width:768px) {
	.ny_pro_list{width:48.5%; margin:10px 0 10px 0;}
	.ny_pro_list:nth-child(2n){margin:10px 0 10px 3%}
	.ny_pro_list:nth-child(2n+1){margin:10px 0 10px 0; clear:left}
	.ny_pro_list:nth-child(4n+1){margin:10px 0 10px 0; clear:left}
	.ny_pro_top_l{width:100%; float:none}
	.ny_pro_top_r{width:100%; float:none}
	
	
}
@media (max-width:640px) {
	.ny_pro_top{padding:20px}
}

@media (max-width:500px) {
	.ny_pro_top{padding:15px}
	.ny_pro_nr img{width:100%; height:auto; overflow:hidden}
}



/*新闻资讯*/
.ny_news{height:auto; overflow:hidden}
.ny_news_list{width:32.333%; float:left; margin:0 0 25px 0; padding-bottom:20px; border-bottom:4px solid #f2f2f2 }
.ny_news_list:hover{ border-bottom:4px solid #e87e12; cursor: pointer; transition: all .5s;}
.ny_news_list h3{-webkit-box-sizing: border-box; overflow: hidden;position:relative}
.ny_news_list h3 a img{ cursor: pointer; transition: all .5s;width:100%; height:auto; overflow:hidden}
.ny_news_list h3 a:hover img{transform: scale(1.2)}
.ny_news_list h2{margin-top:10px;}
.ny_news_list h2 a{font-size:16px; font-weight:bold; color:#222}

.ny_news_list:nth-child(3n+1){ clear:left}
.ny_news_list:nth-child(2){margin:0 1.5% 25px 1.5%}
.ny_news_list:nth-child(5){margin:0 1.5% 25px 1.5%}
.ny_news_list span{font:normal 13px/30px Arial, Helvetica, sans-serif; color:#e87e12}
.ny_news_list p{width:100%; height:auto; overflow:hidden; font-size:13px; color:#626262; margin-top:20px}

.ny_news_tlt{width:100%; height:auto; overflow:hidden; text-align:center; padding-bottom:15px; border-bottom:1px dashed #eaeaea}
.ny_news_tlt h2{font-size:24px; color:#222;}
.ny_news_tlt span{display:block; text-align:center; font-size:13px; color:#777; margin-top:10px}
.ny_news_content{width:100%; height:auto; overflow:hidden; margin-top:20px; border-bottom: 1px dashed #eaeaea;padding-bottom: 20px;}
.ny_news_content img{max-width:100%; height:auto; overflow:hidden}
.ny_news_content table{margin:0 auto}

@media (max-width:768px) {
	.ny_news_list{width:48.5%;}
	.ny_news_list:nth-child(2n){margin:0 0 25px 3%}
	.ny_news_list:nth-child(5){margin:0 0 25px 0}
	.ny_news_tlt h2{font-size:20px;}
	
	.ny_news_list:nth-child(3n+1){ clear:none}
	.ny_news_list:nth-child(2n+1){ clear:left}
}
@media (max-width:480px) {
	.ny_news_list{width:100%;}
	.ny_news_list:nth-child(2n){margin:0 0 25px 0}
}





/*feedback*/
.ny_feed_ny {width: 100%;height: auto;overflow: hidden}
.ny_feed_tit {text-align: center;padding-bottom: 1em;border-bottom: 1px solid #e6e6e6;color: #626262}
.ny_feed_tit span {font-size: 1.6em;font-weight: bold;color: #222;display: block;text-align: center;line-height: 3em}
.ny_feed_ny form {margin-top: 3em; width:80%; margin:3em auto 0 auto}
.lyb {width: 47%;margin: .5em 1.5%; float:left;}
.lyb1{width:97%; margin:.5em auto}
.lyb input {width: 100%;border: 1px solid #e7e7e7;color: #626262;height: 3em;font-size: 1.1em; background-color:#f2f2f2}
.lyb1 textarea {width: 100%;border: 1px solid #e7e7e7;color: #626262;height: 12em;font-size: 1.1em}
.lyb_tj {width: 40%;margin: 2em auto;}
.lyb_tj input { width:100%;background-color: #e87e12;border: 1px solid #e87e12;color: #fff;height: 3em;font-size: 1.3em}

@media (max-width:991px) {
	.ny_feed_ny form {width:100%;}
}

@media (max-width:520px) {
	.lyb {width: 100%; margin:.5em auto; float:none}
	.lyb1{width:100%;}
}
@media (max-width:360px) {
	.lyb_tj {width: 60%}
}






/* page */
.pages{display: table;margin: 0 auto;margin-top: 20px;}
.pages b {display: block;float: left;color: #FFFFFF;font-size: 14px;line-height: 20px;padding: 7px 12px;margin: 0 2px;border: 1px solid #e87e12;background: #e87e12;border-radius: 3px;}
.pages a {display: block;float: left;color: #666666;font-size: 14px;line-height: 20px;padding: 7px 12px;margin: 0 2px;border: 1px solid #CCCCCC;border-radius: 3px;}
.pages span {display: block;float: left;color: #666666;font-size: 14px; line-height: 20px;padding: 7px 12px; margin: 0 2px;border: 1px solid #e87e12;}
.pages .fl{display: none;}
.pages a:hover {background: #e87e12;color: #fff;border: 1px solid #e87e12;}



.ny_news_ye{width:100%; height:auto; overflow:hidden; margin-top:30px}
.ny_news_ye p{width:49%; float:left; padding:15px; border:1px solid #eaeaea; float:left}
.ny_news_ye p:nth-child(2){margin-left:2%}
.ny_news_ye p:hover{background-color:#e87e12; color:#fff; display:block}


@media (max-width:640px) {
	.ny_news_ye p{width:100%; float:none;}
	.ny_news_ye p:nth-child(2){margin-left:0; margin-top:15px}
}




/*product ny*/

a {
  cursor: pointer; }

.pro-list1 .pro-item {position: relative; flex: 0 0 calc(100%/3 - 10px); width: calc(100%/3 - 10px); display: inline-block; color: #000; line-height: 1.1;  background: #fff; transition-duration: .3s; margin-bottom: 15px; margin-right: 15px; }
.pro-list1 .pro-item:before, .pro-list1 .pro-item:after { position: absolute; content: ""; display: block; transition-duration: .3s; left: 0; top: 0; opacity: 0;z-index: 3; }
.pro-list1 .pro-item:before {width: 30px; height: 30px; background: url(../images/pro-jia.jpg) no-repeat center; }
.pro-list1 .pro-item:after { width: 100%;  height: 100%; box-sizing: border-box; border: 2px solid #0086c0; }
.pro-list1 .pro-item:nth-child(3n) { margin-right: 0; }
.pro-list1 .pro-item:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.pro-list1 .pro-item:hover:before, .pro-list1 .pro-item:hover:after { opacity: 1; }
.pro-list1 .pro-item:hover .pro-for-more, .pro-list1 .pro-item:hover .pro-h5 {color: #0086c0; }
.pro-list1 .pro-item:hover .pro-for-more {background: url(../images/pro-more1on.png) no-repeat right center; }
.pro-list1 .item-mains {padding: 22px 22px 0; }
.pro-list1 .txts-mains {padding-top: 26px; }
.pro-list1 .pro-for-more {font-size: .16rem; border-top: 1px solid #e1e1e1; line-height: 66px; font-size: 12px; color: #999; transition-duration: .3s; background: url(../images/pro-more1.png) no-repeat right center; }
.pro-list1 .pro-h5 {font-size: 22px; margin-bottom: 15px; }
.pro-list1 .pro-detail {font-size: 15px; line-height: 26px; color: #666; height: 52px; margin-bottom: 40px; }
.proInfo-title { background: #0086c0; color: #fff; font-size: 20px; line-height: 66px; }

.proInfo-font36 { font-size: 36px; line-height: 1.1; color: #333; }
.proInfo-banner .swiper-slide {cursor: pointer; }
.proInfo-banner .swiper-slide:before { width: 100%; height: 100%; box-sizing: border-box;  border: 2px solid #0060b0; position: absolute; content: ""; display: block; transition-duration: .3s; left: 0; top: 0; opacity: 0; z-index: 3; }
.proInfo-banner .swiper-slide.cur:before {opacity: 1; }
.proInfo-banner .swiper-slide img{display: block; width: 100%;}

.proInfo-list1 {color: #333; }
.proInfo-list1 .scroll-wrap {height: 200px;}
.proInfo-list1 .proInfo-font36 {padding: 30px 0; border-bottom:1px solid #d8d8d8 }
.proInfo-list1 .proInfo-list1-mains {padding: 50px 0; }
.proInfo-list1 .proInfo-font16 {font-size: 16px; line-height: 1.1; color: #666; padding: 22px 0; }
.proInfo-list1 .proInfo-font24 { font-size: 24px; line-height: 1.1; color: #333; padding-bottom: 30px; border-bottom: 1px solid #d8d8d8; }
.proInfo-list1 .proInfo-detail {font-size: 14px; line-height: 30px; color: #333; }
.proInfo-list1 .list1-left {background: #f7f7f7; flex: 0 0 42.6%; width: 42.6% }
.proInfo-list1 .list1-right { flex: 0 0 52.9%; width: 52.9%; }
.proInfo-list1 .show-list-imgs {padding: 20px 44px; position: relative; }
.proInfo-ajax-control1 {border-bottom: 1px solid #eee; }
.proInfo-ajax-control1 .ajax-s0 {flex: 0 0 110px; text-align: center; font-size: 18px; line-height: 90px; position: relative; margin-right: 144px; cursor: pointer; }
.proInfo-ajax-control1 .ajax-s0:before {position: absolute; content: ""; display: block; transition-duration: .3s; left: 0; top: 100%; opacity: 0; z-index: 3; width: 100%; height: 10px; background: url(../images/pro-ico1.png) no-repeat center; }
.proInfo-ajax-control1 .ajax-s0:after {position: absolute; content: ""; display: block;height: 40px; width: 1px; top: 50%; right: -72px; margin-top: -20px; background: #eee; }
.proInfo-ajax-control1 .ajax-s0:last-child {margin-right: 0; }
.proInfo-ajax-control1 .ajax-s0:last-child:after {display: none; }
.proInfo-ajax-control1 .ajax-s0:hover:before, .proInfo-ajax-control1 .ajax-s0.cur:before {opacity: 1; }
.proInfo-list2 .ajax-mains {padding: 72px 0;font-size: 14px; line-height: 1.9; color: #666; height:auto; overflow:hidden }
.proInfo-list2 .ajax-mains img {max-width: 100%; display: inline-block; margin: 0 auto; }
.proInfo-list3 .proInfo-font36 {padding: 60px 0; }


.footer-pad{padding-bottom:50px}

.proMore-banner .swiper-slide {position: relative;display: inline-block; color: #000; line-height: 1.1; background: #fff; transition-duration: .3s; }
.proMore-banner .swiper-slide:before, .proMore-banner .swiper-slide:after {position: absolute; content: ""; display: block; transition-duration: .3s; left: 0; top: 0; opacity: 0;z-index: 3; }
.proMore-banner .swiper-slide:before {width: 30px; height: 30px; background: url(../images/pro-jia.jpg) no-repeat center; }
.proMore-banner .swiper-slide:after {width: 100%; height: 100%; box-sizing: border-box; border: 2px solid #0086c0; }
.proMore-banner .swiper-slide:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.proMore-banner .swiper-slide:hover:before, .proMore-banner .swiper-slide:hover:after {opacity: 1; }
.proMore-banner .swiper-slide:hover .pro-for-more, .proMore-banner .swiper-slide:hover .pro-h5 {color: #0086c0; }
.proMore-banner .swiper-slide:hover .pro-for-more {background: url(../images/pro-more1on.png) no-repeat right center; }
.proMore-banner .item-mains {padding: 15px 15px 0; }
.proMore-banner .txts-mains {padding-top: 15px; }
.proMore-banner .pro-for-more {font-size: .16rem; border-top: 1px solid #e1e1e1; line-height: 66px; font-size: 12px; color: #999; transition-duration: .3s; background: url(../images/pro-more1.png) no-repeat right center; }
.proMore-banner .pro-h5 {font-size: 18px; margin-bottom: 12px; }
.proMore-banner .pro-detail {font-size: 13px; line-height: 26px; color: #626262; height: 52px; margin-bottom: 20px; }

.proInfo-detail p{margin-top: 15px; white-space: normal; text-align: left; line-height: 30px;font-size: 14px; color:#434343;}
.bgf1 {background: #f1f1f1; }
.bgf7 {background: #f7f7f7; }
.bgff {background: #ffffff; }



.swiper-btn1 {flex: 0 0 40px;display: inline-flex;justify-content: space-between; }
.swiper-btn1 .btn {flex: 0 0 15px;height: 30px;display: inline-block;cursor: pointer; }
.swiper-btn1 .prev {background: url(../images/prev1.png) no-repeat center; }
.swiper-btn1 .prev:hover {background: url(../images/prevon1.png) no-repeat center; }
.swiper-btn1 .next {background: url(../images/next1.png) no-repeat center; }
.swiper-btn1 .next:hover {background: url(../images/nexton1.png) no-repeat center; }

.swiper-btns2 { position: absolute; left: 0; width: 100%; height: 1px; top: 50%; margin-top: -15px; overflow: visible; }
.swiper-btns2 .btn { flex: 0 0 44px; height: 30px; display: inline-block; cursor: pointer; }
.swiper-btns2 .btn:focus {outline: none; }
.swiper-btns2 .prev {background: url(../images/prev2.png) no-repeat center; }
.swiper-btns2 .prev:hover { background: url(../images/prevon2.png) no-repeat center; }
.swiper-btns2 .next { background: url(../images/next2.png) no-repeat center; }
.swiper-btns2 .next:hover {background: url(../images/nexton2.png) no-repeat center; }
.cs{display: block}


@media (max-width:1024px){
	.proInfo-list1 .list1-left {flex: 0 0 46.6%; width: 46.6% }
	.proInfo-list1 .list1-right { flex: 0 0 49.9%; width: 49.9%; }
	.proInfo-list1 .proInfo-font36 {padding: 20px 0;}
	.proInfo-list1 .proInfo-font24 {padding-bottom: 20px;}
}


@media (max-width:960px){
	.proInfo-list1 .scroll-wrap {height: 130px;}
	.proInfo-font36 {font-size: 30px;}
	.proInfo-list1 .proInfo-font24 {font-size: 20px;}
	.proInfo-list1 .proInfo-font16 {padding: 18px 0 10px 0;}
}



@media (max-width:767px){
	.proInfo-list1 .list1-left {flex: 0 0 100%; width: 100%; float:none }
	.proInfo-list1 .list1-right {flex: 0 0 100%; width: 100%; float:none }
	.proInfo-ajax-control1 .ajax-s0 {flex: 0 0 33.33%; margin-right:0}
	.proInfo-ajax-control1 .ajax-s0:after {right: -1px;}
	.proMore-banner .item-mains {padding: 10px 10px 0;}
	.cs{display:none}
}
@media (max-width:420px){
.proInfo-list3{display:none}
}




.xh_main{width:80%; margin:0 auto; position: relative;}
.xh_main video{width:100%; background-color:#000}

/* 清浮动 */
.clearfix:after,
.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}
.fl{float:left;}
.fr{float:right;}
.show{display:block;}
.hide{display:none;}
.video-wrap{width: 100%;position: relative;overflow: hidden;/*height:27.1em;*/height:41.35em;background: #000000; z-index:99999}
.video-wrap video{width:100%;object-fit: contain; min-height:41.35em;}
.video-controls-bg{position: absolute;width: 100%;height: 65px;left: 0;bottom: 0;background: #000000;opacity: .6;filter: alpha(opacity=60);z-index: -1;}
.video-controls{position: absolute;width: 100%;height: 55px;box-sizing: border-box;padding-top: 5px;left: 0;bottom:0;z-index: 3;transition: all ease .4s;}
.loading-line{position: absolute;top: 0;background: rgba(255,255,255,.6);width: 100%;height: 4px;left: 0;}
.loading-line em{position: relative;display: block;width: 1%;height: 4px;background: #ff4444;}
.loading-line span{display: block;position: absolute;left: 1%;margin-left: -10px;width: 10px;height: 16px;top: 50%;margin-top: -8px;background: #FFFFFF;cursor: pointer;}
.video-btn{width: 55px;height: 60px;background-image: url(../images/play.png);background-position: center;background-repeat: no-repeat;background-size: 16px 24px;cursor: pointer;display: inline-block;}
.play{background-image: url(../images/pause.png) !important;}
.pause{background-image: url(../images/play.png) !important;}
.video-time{display: inline-block;line-height: 60px;color: #FFFFFF;vertical-align: top;}
.video-fullscreen{width: 55px;height: 60px;background-image: url(../images/fullscreen.png);background-position: center;background-repeat: no-repeat;background-size: 24px 24px;cursor: pointer;float: right;}
.video-fullscreen-active{position: fixed !important;width: 100%;height: 100%;top: 0;left: 0;background: #000000;}



@media (max-width: 1299px) {
	.video-wrap {height: 40.2em;}
.video-wrap video{min-height:40.2em;}
}
@media (max-width: 1160px) {
	.video-wrap {height: 38.2em}
	.video-wrap video{min-height:38.2em}
}
@media (max-width: 1024px){
.video-wrap {height: 35.8em;}
.video-wrap video{min-height:35.8em}
}
@media (max-width: 999px) {
	.video-wrap {height: 34.5em;}
	.video-wrap video{min-height:34.5em}
	.testi-left{width:50%; height:auto; overflow:hidden}
.xh_main{width:100%; float:right; height:100%; overflow:hidden}

}

@media (max-width: 768px) {
	.video-wrap {height: 31.2em;}
	.video-wrap video{min-height:31.2em}
}
@media (max-width: 640px) {
	
	
	
	.testi-left{width:100%; float:none; height:auto; overflow:hidden}
	.xh_main{width:100%; float:none; height:100%; overflow:hidden}
	.video-wrap {height: 25em;}
	.video-wrap video {min-height:19em; overflow:hidden;}
	.in_about_top{width:100%}
	.in_about_bottom{width:100%}

}

@media (max-width: 480px) {
	.video-wrap {height: 16.6em;}
	.video-wrap video {min-height:16.6em; overflow:hidden}
	.in_about_top_wz a p { display:none}
	}

@media (max-width: 360px) {
	.video-wrap {height: 14em;}
	.video-wrap video {min-height:14em; overflow:hidden}
	
	}