/*.blockli .box .right{

}
.blockli .box{ height:100%;	position: relative; }
.blockli .right .img{
	position: absolute;
	right: 0px;
	bottom: 0px;
}*/
/*.blockli .right .img{
	position: absolute;
	right: 0px;
	bottom: 0px;
}*/
.tvtable{ padding-top:30px;}
.tvtable .picli{ float:left; width:33.3333%; overflow:hidden;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;  padding:5px;}
.tvtable .picli .img{}
/*.tvtable .picli .img >embed{ width:100%;}*/
.tvtable .picli .ntitle{ text-align:center}
#cms1 .lxin{box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; max-width:800px; margin:auto;}
/*.lxin .fl{ width:40%;}*/
.lxin .fr{ padding-top:50px;}
@media screen and (max-width :1600px){.box{ width:1200px;}

}
@media screen and (max-height :768px){
.blockli .right .img{
	position:relative;
	right:auto;
	bottom:auto;
}
.blockli{ padding-top:10px;}
/*.blockli .econtent{ padding-top:10px;}*/
.blockli .dp{ padding-top:10px; padding-bottom:10px;}


.blockli .h1{ font-size:32px;}
.blockli .h2{ font-size:16px;padding-top:5px;}
.blockli .right img{ max-height:255px;}
.blockli .left{
	padding-top:15px;
	position: relative; float:left; 
}

.case,.kehu{ padding-top:20px; padding-bottom:20px;}
.case .right img{ max-height:250px;}
.case .entitle,.kehu .entitle,.blockli .entitle{ line-height:1;}
.about .right img{ max-height:320px;}
.about .entitle{ padding-bottom:10px;}
.kehu .swiper-container .picli .dp{ min-height:6em; max-height:6em; margin-top:10px;}
.kehu .swiper-container{ margin-top:20px;} 
.kehu .swiper-container .picli a{ padding-bottom:20px;}
.case .left a:hover{ margin-left:0px;}


.block .item{ font-size:16px; padding-top:10px; padding-bottom:10px;} 
.block .item .t1{ font-size:12px}
.block .item .t2{} 
.block .item .t1 span{
	font-size:18px;

}
}

/*@media screen and (max-width :1366px){
.blockli{ padding-top:30px;}
.blockli .dp{ padding-top:10px; padding-bottom:10px;}
.blockli .right img{ max-height:150px;}

.case,.kehu{ padding-top:30px; padding-bottom:30px;}
.case .right img{ max-height:250px;}
.about .right img{ max-height:380px;}
.kehu .swiper-container .picli .dp{ min-height:6em; max-height:6em; margin-top:10px;}
.kehu .swiper-container{ margin-top:20px;} 
.kehu .swiper-container .picli a{ padding-bottom:20px;}
.case .left a:hover{ margin-left:0px;}

}
*/

@media screen and (max-width :1200px){.box{ width:1000px; max-width:95%;}
.block .item{ font-size:16px; padding-top:5px; padding-bottom:5px; }
.block .item .t2{ font-size:14px}
/*.blockli .left{ width:38%;}
.blockli .right{ width:58%;}*/
.navl ul li a{
	padding-left:10px;
	padding-right:10px;

}
.navl{margin-left:30px;}
#cms .picli{ width:22%; }
#cms .picli:nth-child(5n+1){ clear:none;}
#cms .picli:nth-child(4n+1){ clear:both;}

.flash .txt .h1{font-size: 40px; line-height:35px;}
.flash .txt .h2{font-size: 22px; padding-top:10px;}
.flash .txt{margin-top:-40px; } 
.flash .swiper-slide>div{ min-height:280px;max-height:280px;/* background-size:auto 100%; background-position:center center;*/}
.flash .swiper-slide>div img{ display:none;}
}

@media screen and (max-width :1024px){
#header{ display:none}
.header,.app_logo{display:block;}
.flash{ margin-top:0px;}
#cms .picli{ margin-bottom:10px; margin-top:10px;}
#cms1,#cms{ max-width:90%;width:90%; margin-left:5%; margin-right:5%;}

#cms .picli .dp{ min-height:7.5em; max-height:7.5em;}

.block .item{ font-size:14px; padding-top:10px; padding-bottom:10px;} 
.block .item .t1{ font-size:12px}
.block .item .t2{} 
.block .item .t1 span{
	font-size:18px;

}
.blocklis .img{ float:left; width:65%;}
.blocklis .img+.block{width:34%; float:right}
}
@media screen and (max-width :980px){
#cms .picli .img{
	width:115px;
	height:115px;

}
#cms .picli .dp{ min-height:9em; max-height:9em;}}

@media screen and (max-width :815px){
#cms .picli .dp{ min-height:6em; max-height:6em; overflow:visible}
.blockli .box .right .img{
	position:relative;
	left:auto;
	bottom:auto;
}
.honorhc{ padding-top:50px;}
.blocklis .img{ float:left; width:100%;}
.blocklis .img+.block{width:100%; float:right}

#foot .fl{ width:100%;}
#foot .fr{ display:none}
#foot2 .fl,#foot2 .fr{ width:100%; text-align:center; clear:both; font-size:12px}
#foot .fl> ul >li>a{ font-size:14px;}
#foot .fl> ul> li> ul >li>a{ font-size:12px;}
.postion .fr{ float:left}
#header{ display:none}

.app_top{ height:50px;}
#cms .picli{width:47%; }
#cms .picli:nth-child(2n+1){ clear:both;}
#cms1 h1.h1{ font-size:22px;}
#cms1 .content{ font-size:14px;}
#cms1{ padding-top:20px;}

#cms .newsList li{padding:0px 0; }
#cms .newsList li div{ display:none}
#cms .newsList li i h1{ font-size:30px;}
#cms .newsList li i h2{ font-size:14px;}
#cms .newsList li span{padding:0 0px; padding-left:30px;}
#cms .newsList li span{display:inline-block;width:calc(100% - 150px);}
#cms .newsList li span h3{ font-size:16px; line-height:1.5; max-height:3em; overflow:hidden;}
#cms .newsList li span h4{ line-height:1.5; font-size:12px; max-height:4.5em; overflow:hidden}
.flash .picimg>div{ background-size:0;}
flash .picimg>div img{ display:block}
/*.flash .picimg>div{ height:200px;}*/
.flash .swiper-slide>div{ max-height:250px;min-height:250px;}

.pronav {line-height:40px;}
.pronav a{

	font-size:16px;
	padding-left:30px;
	padding-right:30px;
	margin-right:5px;

}

.blockli{ padding-top:30px; }
.blockli .left,.blockli .box .right{ float:left; width:100%; margin:auto; max-width:100%; }
.blockli .box .right{ float:none; max-width:500px; margin:auto}
.blockli .box .right .dp{ text-align:center}
/*.blockli .box .right .dp span{ text-align:center; display:block; width:33.3333333%; float:left; overflow:hidden; background-color:#FFFFFF;}
.blockli .box .right .dp span *{ max-width:100%;}*/
.blockli .box .right .dp+.h3{ clear:both}
.blockli .left{ text-align:center; padding-bottom:20px; padding-top:0px; max-width:606px; margin:auto; float:none;}
.lunbo{ margin-top:0px;}
.blockli .left img{ max-width:100%;}

.blockli .box{ max-width:95%; width:95%;}

.blockli .right .h1{ font-size:28px; line-height:1.5;}
.blockli .right .h2{ font-size:16px;line-height:1.5;}
.blockli .right .h3{ font-size:16px;line-height:1.5; padding-bottom:10px;}
.case .left{
	width:140px;

	line-height:35px;
	font-size:14px;

}
.case .right{ margin-left:160px;}
.case .right:after{
	left: -21px;
}
.scrollnav { display:none}
#cms .picli a:after,.kehu .picli a:after{ display:none}

.blockli .right{ margin:auto; float:none; max-width:500px;}



.caseleft,.caseright{ clear:both; margin:auto; width:100%; margin-bottom:20px;}
.caseleft ul li{ width:50%; float:left;}
.caseleft ul li:nth-child(2n+1){ clear:both}
.caseright{border-radius:5px;}
}
@media screen and (max-width :580px){
.tvtable .picli{ width:100%;}
.tvtable{ padding-top:0px;}
.honorhc{ padding-top:10px;}
.flash .swiper-slide>div{ min-height:220px;max-height:220px;}


.pronav a{ float:left; width:48%; margin-left:1%; margin-right:1%;padding:0px;}

.case .left{ width:100%; float:left;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; }
.case .left a{ width:25%; float:left; text-align:center; font-size:12px; font-weight:bold}
.case .left a span{padding-left: 30px; background-size:20px; padding-top:10px; padding-bottom:10px; display:inline-block; text-align:left;}
.case .left:before,.case .left:after{ display:none}
.case .left a:hover{ margin-left:0px;}
.case .right{ margin:auto; width:100%; clear:both; padding-top:10px;}
.case .right .h1{ display:block}
.case .left a  span:before{
	border-right-style: none;
	position: absolute;
	height: 1px; width:0%;
	top: auto;
	right: auto;
	content:'';
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0F8BED;
	left: 0px;
	bottom: 0px;
}

.case .left a.hover  span:before,.case .left a:hover  span:before{ width:100%;}
#footnav{ display:block}
.kefu{ display:none}
#foot2{ padding-bottom:50px;}
.etitle{ font-size:28px; }
.entitle{font-size:14px;}
.case .right .hc .h1{font-size:16px; /*display:block*/}
.about .right{ padding-top:20px; float:left; width:100%; clear:both;}
.case,.kehu{ padding-top:30px; padding-bottom:30px;}


.blockli .right .dp{ padding-top:10px; padding-bottom:10px;}
.blockli .right .h1{ font-size:24px;}
.blockli .right .h2{ font-size:14px;}
.blockli .right .h3{ font-size:14px;}

.case .left a:before{
	border-right:none;
}
#cms1 .lxin{ max-width:320px;}
#cms1 .lxin .fl{ width:100%;}
#cms1 .lxin .fr{ width:100%; clear:both; padding-top:15px;}
}


@media screen and (max-width :414px){

#cms .picli{width:97%; }
#cms .picli{ clear:both;}
#cms .picli .dp{ min-height:0em; max-height:16em;}
.flash .txt .h1{font-size: 30px;}
.flash .txt .h2{font-size: 16px;}
.flash .swiper-slide>div{ max-height:200px;min-height:200px;}
#cms .newsList li i{ width:80px;}
#cms .newsList li span{width:calc(100% - 90px); }
.case .left a span,.case .left a.hover span,.case .left a:hover span{ background-image:none; }
.case .left a span{ padding-left:0px; font-size:14px;}
.about .left a:nth-child(1) span,.about .left a:nth-child(1):hover span,.about .left a.hover:nth-child(1) span{background-image:none;}
.about .left a:nth-child(2) span,.about .left a:nth-child(2):hover span,.about .left a.hover:nth-child(2) span{background-image:none;}
.about .left a:nth-child(3) span,.about .left a:nth-child(3):hover span,.about .left a.hover:nth-child(3) span{background-image:none;}
.about .left a:nth-child(4) span,.about .left a:nth-child(4):hover span,.about .left a.hover:nth-child(4) span{background-image:none;}

.caseleft ul li{ font-size:12px; line-height:1.2;}
.caseleft ul li a{ padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px;}
.caseleft ul li a.hover:after,.caseleft ul li a:hover:after{ display:none}
.caseleft ul li a.hover,.caseleft ul li a:hover{ background-color:#0a5196; color:#FFFFFF}


.blockli .box .right .dp span{ text-align:center; display:block; width:31.3333333%; float:left; overflow:hidden; background-color:#FFFFFF; padding:0px; margin:auto; margin-bottom:10px; margin-left:1%; margin-right:1%; font-size:12px}
.blockli .box .right .dp span *{ max-width:100%;}
}

@media screen and (max-width :320px){
.kehu .swiper-container .picli{ padding:10px;}
  .kehu .box{
	padding-left:30px;
	padding-right:30px;

}
.kehu .swiper-button-next,.kehu  .swiper-button-prev{

	height:35px;
	width: 35px;
	 background-size:17px; margin-top:22.5px;
}
.kehu .box{ width:100%; max-width:100%;}
.kehu .swiper-button-next{ left:0px;}
.kehu  .swiper-button-prev{ right:0px;}

.flash .swiper-slide>div{ max-height:160px;min-height:160px;}
.pronav a{ font-size:14px; }

}