@charset "utf-8";
/* CSS Document */
a{ text-decoration:none ; }
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
input,select,textarea {outline:none; background-color: transparent;}
*{ margin: 0; padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; font-size: 14px;}
*[class~="row"] {margin: 0;}
*[class*="col-"] {padding: 0;}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
h1,h2,h3,h4,h5,h6{ font-weight: normal; }
* html .clearfix {zoom:1;}
img{ border:none; display:block;}
ul,li{ list-style:none; }
em,i{ font-style:normal;}
body{}
input::-webkit-input-placeholder { opacity: 0.6; color:#333; }


.tits{ padding: 0 15px; background-color: #EEE; height: 36px; font-size: 15px; color: #333; }
.tits a{ line-height: 36px;}
.tits a:hover{ color: #145b87; cursor: pointer; text-decoration: underline; }

.indexs{ margin:0 auto; }
.movies{ padding: 15px 0; display: flex; align-items: center; justify-content: space-between; }
.movies .item{ float: left; width: 9%; cursor: pointer; }
.movies .item .imga{ display: block; width: 100%; position: relative; height: 0; padding-bottom: 136%; }
.movies .item .imga img{ position: absolute; left: 50%; top:50%; width: 100%; transform: translate(-50%,-50%);  }
.movies .item .namea{ display: block; text-align: center; padding: 8px 0 0; }
.movies .item .namea span{ display: block; font-size: 14px; line-height: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.movies .item .namea i{ display: block; font-size: 13px; line-height: 20px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.movies .item:hover .namea span{ color: #145b87; text-decoration: underline; }

.news{ display: flex; align-items: center; justify-content: space-between; }

.news .npart{ width: 24%; border:1px solid #ececec; padding:0 10px; }
.news .npart h3{ position: relative; line-height: 36px; overflow: hidden;  }
.news .npart h3 span{ float: left; line-height: 36px; border-bottom: 2px solid #FFBC00; position: relative; z-index: 2; }
.news .npart h3:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #2BB866; }

.news .linka{ border-bottom: 1px solid #ddd; padding: 8px 0; overflow: hidden; cursor: pointer; }
.news .linka .imga{ display: block; width: 40px; height: 40px; float: left; }
.news .linka .imga img{ width: 40px; height: 40px;  }
.news .linka .namea{ float: right; width: calc(100% - 52px ); padding: 0px 0; }
.news .linka .namea span{ display: block; font-size: 13px; line-height: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .linka .namea i{ display: block; font-size: 12px; line-height: 20px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .linka:last-child{ border-bottom: none; }
.news .linka:hover .namea span{ color: #145b87; text-decoration: underline; }
.news .txta{ padding: 8px 0; display: block; border-bottom: 1px solid #ddd; cursor: pointer; }
.news .txta span{ display: block; font-size: 13px; line-height: 20px; min-height: 40px; color: #333; 
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 2;			
	line-clamp: 2;					
	-webkit-box-orient: vertical;	
}
.news .txta span a{ color: #333; }
.news .txta span i{ font-size: 12px; color: #888; }
.news .txta:hover{ color: #145b87; text-decoration: underline; }
.news .txta:hover span{ color: #145b87; }
.news .txta:hover i{ color: #145b87; }
.news .txta:last-child{ border-bottom: none; }

.hots{ height: 40px; padding: 8px 0; display: flex; align-items: center; justify-content: space-around; width: 1000px; margin:0 auto; font-size: 14px; color: #333; background-color: #F2F2F2;}
.hots a{ cursor: pointer; }
.hots a:hover{ color: #145b87; }

.footer{ text-align: center; line-height: 30px; padding:20px 15px; font-size: 12px; color: #999; }
.footer i{ padding: 0 15px; font-size: 12px; color: #ddd;  }
.footer a{ cursor: pointer;  }
.footer a:hover{ color: #145b87; }

.kinds{ border:1px solid #ececec; margin-top: 20px;}
.kinds h4{ position: relative; line-height: 36px; overflow: hidden;  }
.kinds h4 span{ float: left; line-height: 36px; border-bottom: 2px solid #FFBC00; position: relative; z-index: 2; padding: 0 10px; }
.kinds h4:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #2BB866; }
.kinds h4 p{ float: right; overflow: hidden; margin-right: 10px; }
.kinds h4 p a{ line-height: 34px; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 2px solid #fff; padding: 0 10px; cursor: pointer; display: block; float: left; }
.kinds h4 p a.on{ border-color: #ccc; border-top-color:#2BB866;  }
.kinds h4 p a:hover{ border-color: #ccc; border-top-color:#2BB866;  }
.kinds .news{ padding: 10px; align-items: flex-start; }
.kinds .news .npart{ width: 32%; }
.kinds .news .txta p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-height: 20px; line-height: 20px; font-size: 13px; color: #333; }
.kinds .news .txta p i{ font-size: 12px; color: #888;}
.kinds .news .txta p a{ color: #333; }
.kinds .news .txta em{ width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #fff; background-color: #b2b2b2; float: left; margin-right: 4px; }
.kinds .news .txta:nth-child(1) em{ background-color:#e34d2c;  }
.kinds .news .txta:nth-child(2) em{ background-color:#e29513;  }
.kinds .news .txta:nth-child(3) em{ background-color:#eed400;  }
.kinds .news .txta:hover p{ color: #145b87; }
.kinds .news .txta:hover p i{ color: #145b87; }
.kinds .news .txta:hover p a:hover{ color: #145b87; }
.kinds .swbox .news{ display: none; }
.kinds .swbox .news.on{ display: flex; }

.cont{ max-width: 1000px; margin: 0 auto; width: 100%; }
.ifmid{ padding: 28px 0; }
.ifmid h3{ position: relative; line-height: 56px; overflow: hidden; margin-bottom: 5px;  }
.ifmid h3 span{ float: left; line-height: 56px; border-bottom: 2px solid #FFBC00; position: relative; z-index: 2; font-size: 18px; color: #333; font-weight: bold; }
.ifmid h3:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #2BB866; }
.ifmid .parts{ padding: 0 20px; border:1px solid #eeeeee; margin-bottom: 28px; } 
.ifmid .pone{ padding: 10px 0 16px 0; }
.ifmid .pone .source{ padding-left: 22px; background-position: left center; background-repeat: no-repeat; background-size:16px auto;  background-image: url(../img/icon08.png); font-size: 14px; color: #333; line-height: 36px; margin-bottom: 20px; border-bottom: 1px solid #eeeeee; }
.ifmid .pone .lists{ overflow: hidden; }
.ifmid .pone .lists .lista{ width:16%; float: left; height: 32px; line-height: 30px; text-align: center; background-color: #f7f7f7; border:1px solid #e5e5e5; font-size: 14px; color: #333; text-align: center; margin-right: 0.8%; margin-bottom: 10px; cursor: pointer; transition: all 0.4s; }
.ifmid .pone .lists .lista:hover{ background-color: #dcf2ff; border-color:#145b87; color: #145b87;  }
.ifmid .pone .lists .lista:nth-child(6n){ margin-right: 0; }
.ifmid .nrdesc{ font-size: 14px; line-height: 26px; color: #333; padding: 15px 0; }

.topbar{ height: 40px; padding: 8px 0; margin:0 auto; font-size: 14px; color: #fff; background-color: #145b87;}
.flex .cont{ display: flex; align-items: center; justify-content: space-around;}
.flexbt .cont{ display: flex; align-items: center; justify-content: space-between;}
.topbar a{ cursor: pointer; font-size: 14px; color: #fff; }
.topbar a:hover{ font-weight: bold; }

.ways{ height: 40px;}
.ways p{ line-height: 40px; font-size: 13px; color: #666666;  }
.ways p a{ color: #666666; cursor: pointer;}
.ways p a:hover{ color: #145b87; }

.dyinfo{ padding: 50px 0; background-image: url(../img/icon09.png); background-size: 100% 100%; }
.dyinfo .pics{ width: 280px; float: left; }
.dyinfo .pics img{ display: block; width: 100%; }
.dyinfo .info{ padding-left: 30px; width: calc(100% - 280px); float: left; }
.dyinfo .info h3{ font-size: 22px; color: #fefefe; font-weight: bold; line-height: 1.4; }
.dyinfo .info .step{ font-size: 14px; color: #ff2602; line-height:40px; padding-left: 25px; background-position: left center; background-repeat: no-repeat; background-size:16px auto;  background-image: url(../img/icon07.png); }
.dyinfo .info .step i{ color:#309a25;  }
.dyinfo .info p{ font-size: 13px; line-height: 32px; color: #fff; opacity: 0.5; }


.dyinfo.bg2{ background-image: url(../img/icon15.png);}
.dyinfo.bg2 .pics{ width: 140px; border-radius: 20px; overflow: hidden; }
.dyinfo.bg2 .info{ width: auto; }
.dyinfo.bg2 .tag{ overflow: hidden; margin-top: 10px; }
.dyinfo.bg2 .tag span{ float: left; font-size: 13px; color: #309a25; margin-right: 12px; margin-bottom: 10px; border:1px solid #70b36b; padding: 0 10px; line-height: 24px; background-color: rgb(48 149 38 / 0.2); }
.dyinfo.bg2 .libs{ overflow: hidden; }
.dyinfo.bg2 .libs p{ float: left; opacity: 1; width: 50%; line-height: 30px; }
.dyinfo.bg2 .btns{ float: right; width: 144px; text-align: center; }
.dyinfo.bg2 .btns .downa{ display: block; width: 144px; height: 42px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-style: 14px; color: #333; margin-bottom: 18px; background-color: #04c7b2; color: #fff; }
.dyinfo.bg2 .btns .downa:nth-child(2){ background-color: #0088ff; margin-bottom: 8px; }
.dyinfo.bg2 .btns .downa img{ display: block; width:14px; margin-right: 10px;   }
.dyinfo.bg2 .btns p{ font-size: 14px; color: #919191; line-height: 20px; }
.dyinfo.bg2 .apps{ display: none; }

.dwlist{ overflow: hidden; position: relative; }
.dwpart{ width: 30%; margin-right: 5%; float: left; padding:20px 0; }
.dwpart .item{ display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px dashed #ededed; }
.dwpart .item .imga{ display: block; width: 50px; height: 50px; border-radius: 12px; overflow: hidden; }
.dwpart .item .imga img{ display: block; width: 50px; height: 50px; }
.dwpart .item .namea{ width: calc(100% - 110px ); padding: 0 10px; }
.dwpart .item .namea span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #111; line-height: 22px; }
.dwpart .item .namea i{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: #888; line-height: 20px; }
.dwpart .item .goa{ display: block; width:56px; height: 24px; display: flex; align-items: center; justify-content: center; border:1px solid #145b87; font-size: 14px; color: #145b87; border-radius: 24px; cursor: pointer; }
.dwpart .item:last-child{ border-bottom: none; }
.dwpart:nth-child(3){ margin-right: 0; }
.dwlist:before{ content: ""; position: absolute; left: 32.5%; top: 20px; width: 1px; bottom: 20px; background-color: #ededed; }
.dwlist:after{ content: ""; position: absolute; right: 32.5%; top: 20px; width: 1px; bottom: 20px; background-color: #ededed; }
.dwpart .item .goa:hover{ background-color: #145b87; color: #fff; }
.dwpart .item .namea span:hover{ color: #145b87; cursor: pointer; text-decoration: underline; }

.banTxt{ background-image: url(../img/icon16.png); background-size: cover; }
.banTxt .txt{ text-align: center; line-height: 1.5; padding: 85px 0; }
.banTxt .txt h3{ font-size: 44px; color: #fffefe; margin-bottom: 10px; }
.banTxt .txt h5{ font-size: 16px; color: #fffefe; opacity: 0.5; }

.newboth{ overflow: hidden; padding-top: 28px; }
.newboth .mins{ float: left; width: 68%; }
.newboth .mins .xws{ padding:0 20px; border:1px solid #eeeeee;}
.newboth .bor{ padding:0 20px; border:1px solid #eeeeee; margin-bottom: 28px;}
.newboth .side{ float: right; width: 30%; }
.newboth h3{ position: relative; line-height: 56px; overflow: hidden; margin-bottom: 5px;  }
.newboth h3 span{ float: left; line-height: 56px; border-bottom: 2px solid #FFBC00; position: relative; z-index: 2; font-size: 18px; color: #333; font-weight: bold; }
.newboth h3:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #2BB866; }
.newboth .list{ padding: 10px 0; }
.newboth .list .item{ border-bottom: 1px solid #eeeeee; padding: 15px 0;  }
.newboth .list .item a{ display: block; font-size: 16px; color: #000; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.newboth .list .item i{ display: block; font-size: 13px; color: #888; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 6px; }
.newboth .list .item:last-child{ border-bottom: none; }
.newboth .list .item a:hover{ color: #145b87; }

.newboth .listb{ padding: 10px 0; margin-bottom: 28px; border:1px solid #eeeeee; padding:0 20px; }
.newboth .listb .item{ border-bottom: 1px solid #eeeeee; padding: 10px 0;  }
.newboth .listb .item a{ display: block; font-size: 14px; color: #333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newboth .listb .item i{ display: block; font-size: 12px; color: #888; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newboth .listb .item:last-child{ border-bottom: none; }
.newboth .listb .item a:hover{ color: #145b87; }

.newboth .listb .tags{ padding: 10px 0; overflow: hidden; }
.newboth .listb .taga{ height: 26px; float: left; padding: 0 6px; border-radius: 4px; font-size: 13px; color: #f1516c; margin-right: 7px; margin-bottom: 7px; cursor: pointer; line-height: 26px; }
.newboth .listb .taga:nth-child(4n){ background-color: #feedf0; color: #f1516c; }
.newboth .listb .taga:nth-child(4n+1){ background-color: #eaf7f5; color: #31b49a; }
.newboth .listb .taga:nth-child(4n+2){ background-color: #f2edfe; color: #7e51f1; }
.newboth .listb .taga:nth-child(4n+3){ background-color: #eef8e9; color: #5abd29; }
.newboth .listb .taga:hover{ background-color: #145b87; color: #fff; }

.newboth .listc .item{ border-bottom: 1px solid #eeeeee; padding: 10px 0; overflow: hidden; }
.newboth .listc .item a{ display: block; font-size: 14px; color: #333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 120px); float:left; }
.newboth .listc .item i{ display: block; font-size: 12px; color: #888; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right;}
.newboth .listc .item:last-child{ border-bottom: none; }
.newboth .listc .item a:hover{ color: #145b87; }

.newboth .near{ padding-top: 10px; padding-bottom: 10px; }
.newboth .near p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #444; line-height: 40px; border-bottom: 1px solid #eee;}
.newboth .near p a{ font-size: 14px; color: #444; cursor: pointer; }
.newboth .near p a:hover{ color: #145b87; }
.newboth .near p:last-child{ border-bottom: none; }

.newboth .xqinfo{ padding-top:35px; padding-bottom: 35px; }
.newboth .xqinfo h4{ display: block; text-align: center; font-size: 22px; color: #000; line-height: 36px; font-weight: bold; margin-bottom: 10px; }
.newboth .xqinfo h5{ display: block; text-align: center; font-size: 14px; color: #888; line-height: 36px; }
.newboth .xqinfo .words{ font-size: 14px; color: #444; line-height: 32px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee;}
.newboth .xqinfo .words img{ display: block; width: 100%; margin:30px 0; }

.pageBox{ display: flex; justify-content: center; align-items: center; padding: 35px 0;}
.pageBox a{ display: block; min-width: 42px; height: 42px; color: #333; line-height: 42px; text-align: center; background-color: #ededed; cursor: pointer; margin: 0 5px; font-size: 14px; color: #333; padding: 0 10px; }
.pageBox a:hover{ background-color: #145b87; color: #fff; }
.pageBox i{ margin: 0 5px; min-width: 42px; text-align: center; font-size: 14px; color: #666; }

@media(max-width: 1020px){
	body{ background-color: #f7f7f7; padding-top: 40px; }
	.tits{ padding: 0 15px; }
	.cont{ min-width: 300px; }
	.topbar{ position: fixed; left: 0; top: 0; width: 100%; z-index: 999; }
	
	.movies{ background-color: #fff; display: block; overflow: hidden; padding: 15px; overflow-x: scroll; white-space: nowrap}
	.movies .item{ width: 100px; float: none; margin-right: 10px;display: inline-block;  }

	.news{ display: block; width: 100%; }
	.news .npart{ width: 100%; border:none; padding: 0px 15px 10px; margin-bottom: 12px; background-color: #fff; }
	.news .txta span{ min-height: 20px; -webkit-line-clamp:1; line-clamp:1; }

	.kinds{ margin-top: 0; background-color: #fff; }
	.kinds .swbox .news.on{ display: block !important; }
	.kinds .news .npart{ width: 100%; padding: 0; margin:0; }

	.footer{ background-color: #fff; }
	.ways p{ padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

	.dyinfo{ padding: 20px 15px; }
	.dyinfo .pics{ width: 35%; }
	.dyinfo .info{ width: 65%; padding-left: 15px; }
	.dyinfo .info h3{ font-size: 15px; }
	.dyinfo .info .step{ font-size: 13px; line-height:30px; padding-left: 25px;  }
	.dyinfo .info p{ font-size: 12px; line-height: 24px; }

	.ifmid{ padding: 0; }
	.ifmid .parts{ padding: 0 15px; border:none; background-color: #fff; margin-bottom: 12px; }
	.ifmid h3{ line-height: 40px;  margin-bottom: 5px;  }
	.ifmid h3 span{ line-height: 40px; border-bottom: 2px solid #FFBC00; font-size: 14px; color: #333;  }
	.ifmid .nrdesc{ font-size: 13px; line-height: 24px; padding: 10px 0; }
	.ifmid .nrdesc img{ width:100%!important}
	.ifmid .pone{ padding: 6px 0 10px 0; }
	.ifmid .pone .lists .lista{ width:23%; float: left; font-size: 13px; margin-right: 2%; margin-bottom: 10px; }
	.ifmid .pone .source{ margin-bottom: 10px; }
	.ifmid .pone .lists .lista:nth-child(6n){ margin-right: 2%; }
	.ifmid .pone .lists .lista:nth-child(4n){ margin-right: 0%; }

	.ifmid .parts .movies{ overflow: hidden; display: block; padding:15px 0; }
	.ifmid .parts .movies .item{ width: 31.33%; float: left; margin-right: 3%; margin-bottom: 10px; }
	.ifmid .parts .movies .item:nth-child(3n){ margin-right: 0%; }

	.dyinfo.bg2 .pics{ width: 100px; }
	.dyinfo.bg2 .info{ width: calc(100% - 100px); padding-left:20px; }
	.dyinfo.bg2 .tag{ margin-top: 5px; }
	.dyinfo.bg2 .tag span{ margin-bottom: 5px; font-size: 12px; line-height: 20px; padding: 
	0 6px; }
	.dyinfo.bg2 .libs p{ width: 100%; line-height: 24px; }
	.dyinfo.bg2 .apps{ display: flex; align-items: center; justify-content: center; height: 48px; border-radius: 48px; background-color:#04c7b2; margin:30px 0 10px; float: left; width: 100%; font-size: 15px; color: #fff;  }
	.dyinfo.bg2 .apps img{ display: block; width: 14px; margin-right: 6px; }
	.dyinfo.bg2 .btns{ display: none; }

	.dwlist{ display: block; padding: 10px 0; }
	.dwlist:before{ display:none; }
	.dwlist:after{ display:none; }
	.dwpart{ width: 100%; margin-right: 0; padding: 0; }

	.banTxt .txt{ padding: 40px 0; }
	.banTxt .txt h3{ font-size: 20px; color: #fffefe; margin-bottom: 5px; }
	.banTxt .txt h5{ font-size: 14px; color: #fffefe; opacity: 0.5; }
	
	.newboth{ padding-top: 0; }
	.newboth .mins{ width: 100%; border:none; }
	.newboth .side{ width: 100%; border:none; }

	.newboth h3{ line-height: 40px;  margin-bottom: 5px;  }
	.newboth h3 span{ line-height: 40px; border-bottom: 2px solid #FFBC00; font-size: 14px; color: #333;  }
	.newboth .list{ padding: 5px 0; }
	.newboth .list .item{ padding: 10px 0; }
	.newboth .list .item a{ font-size: 15px; line-height: 24px; }
	.newboth .list .item i{ font-size: 12px; line-height: 20px; margin-top: 2px; }

	.pageBox a{ margin:0 2px; height: 30px; line-height: 30px; min-width: 30px; font-size: 12px; padding: 0 6px; }
	.pageBox i{ margin:0 2px; height: 30px; line-height: 30px; min-width: 30px; font-size: 12px;}
	.newboth .mins{ margin-bottom: 12px; /*background-color: #fff;*/ }
	.newboth .side{  }
	.newboth .mins .xws{ border:none;background-color: #fff; }
	.newboth .listb{ border:none;background-color: #fff; margin-bottom: 12px; }
	.newboth .side .listb:last-child{ margin-bottom: 0; }
	.pageBox{ background-color: #fff; }


	.newboth .xqinfo{ padding-top: 20px !important; padding-bottom: 10px !important; background-color: #fff; margin-bottom: 0; }
	.newboth .bor{ border: none; padding: 0 15px; margin-bottom: 0; background-color: #fff; }
	.newboth .xqinfo h4{ font-size: 16px; line-height: 28px; margin-bottom: 5px; }
	.newboth .xqinfo h5{ font-size: 13px; line-height: 20px; }
	.newboth .xqinfo .words{ margin-top: 15px; padding-top: 15px; font-size: 13px; line-height: 26px; }
	.newboth .xqinfo .words img{ margin:15px 0; }
	.newboth .near{ margin-bottom: 12px; padding-top: 15px 0; background-color: #fff; }
}