@charset "utf-8";
body {margin:0 auto; padding:0; position:relative;}/* */
body,html{ padding-top:0px; overflow-x:hidden;}
* {font-size:14px; line-height:25px; color:#606060; font-family:'微软雅黑';}
*:focus {outline:none;}
img { border:0px;}
ul {margin:0px; *margin-left:0px; margin-left:-40px;}
li {list-style-type:none;}
a { outline:none; outline:0;text-decoration:none;outline-style:none;}
a:link {font-size: 14px;color: #858585;text-decoration: none;}/* transition:color 0.3s linear;*/
a:visited {font-size: 14px;color: #858585;text-decoration: none;}/* transition:color 0.3s linear;*/
a:hover {font-size: 14px;color:#1671EF;text-decoration:none;}/* transition:color 0.3s linear;*/
p { margin:0px; padding:0px;}
form { margin:0px; padding:0px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
*{-webkit-tap-highlight-color: transparent;}

.thepage { PADDING-RIGHT: 3px; PADDING-LEFT: 3px;FONT-SIZE: 14px; MARGIN: 3px; COLOR: #fff; PADDING-TOP: 3px; FONT-FAMILY: Arial; TEXT-ALIGN: center}
.thepage a { border-radius:5px; MARGIN:2px; COLOR: #666; BACKGROUND-COLOR: #fff;FONT-SIZE: 14px; TEXT-DECORATION: none; border:1px solid #cccccc; padding:8px; padding-left:12px; padding-right:12px;}
.thepage a:hover {COLOR: #fff; BACKGROUND-COLOR:#0774F2;border:1px solid #0774F2;FONT-SIZE: 14px;}
.thepage a:active {COLOR: #0774F2; BACKGROUND-COLOR: #fff;FONT-SIZE: 14px;}
.thepage a.page-num-current { border-radius:5px; MARGIN:2px; COLOR: #ffffff; BACKGROUND-COLOR: #0774F2; border:1px solid #0774F2; padding:8px; padding-left:12px; padding-right:12px;FONT-SIZE: 14px;}
.thepage a.disabled { border-radius:5px; MARGIN:2px; COLOR: #cccccc; BACKGROUND-COLOR: #fff;FONT-WEIGHT: bold; border:1px solid #cccccc; padding:8px; padding-left:12px; padding-right:12px;FONT-SIZE: 14px;}
@media screen and (max-width:768px){
	.thepage { PADDING-RIGHT: 1vw; PADDING-LEFT: 1vw;FONT-SIZE: 3vw; MARGIN: 0.2vw; COLOR: #fff; PADDING-TOP: 1vw;}
	.thepage a { border-radius:5px; MARGIN:0.2vw; FONT-SIZE: 3vw; padding:1.2vw; padding-left:2.5vw; padding-right:2.5vw;}
	.thepage a:hover { FONT-SIZE: 3vw;}
	.thepage a:active { FONT-SIZE: 3vw;}
	.thepage a.page-num-current { border-radius:5px; MARGIN:0.2vw; padding:1.2vw; padding-left:2.5vw; padding-right:2.5vw;FONT-SIZE: 3vw;}
	.thepage a.disabled { border-radius:5px; MARGIN:0.2vw; padding:2vw; padding-left:2vw; padding-right:2vw;FONT-SIZE: 3vw;}
}
.openwin { width:100%; height:100%; background-color:rgb(0,0,0,0.8); position:fixed; z-index:1000; display:flex; justify-content:center; align-items:center;}
.openwin .playarea { width:800px; height:660px; background-color:#fff; z-index:1001; border-radius:10px; text-align:center; position:relative;}
.openwin .playarea .closewin { position:absolute; width:25px; height:25px; right:5px; top:-40px; background:url(../images/d2.png) no-repeat center center; background-size:100% 100%; cursor:pointer;}
.openwin .playarea .player { margin:0 auto; width:760px; height:570px; text-align:center; margin-top:20px; overflow:hidden; background-color:#000; border-radius:10px; overflow:hidden;}
.openwin .playarea .player .playframe { width:100%; height:100%; background-color:#000;}
.openwin .playarea .operbt { width:100%; text-align:center; margin-top:13px;}
.openwin .playarea .operbt a { display:inline-block; transition:.3s; width:auto; padding:5px 20px; background-color:#F60; border-radius:5px; margin-left:20px; margin-right:20px; font-size:14px; color:#fff;}
.openwin .playarea .operbt a:hover { background-color:#F90;}
@media screen and (max-width:768px){
	.openwin .playarea { width:90%; height:76vw; border-radius:2vw;}
	.openwin .playarea .closewin { width:5vw; height:5vw; right:1vw; top:-8vw;}
	.openwin .playarea .player { width:95%; height:60vw; margin-top:2.5vw; border-radius:2vw;}
	.openwin .playarea .operbt { margin-top:3vw;}
	.openwin .playarea .operbt a { padding:0.5vw 4vw; border-radius:1vw; margin-left:2vw; margin-right:2vw; font-size:3.3vw;}
}
.top { width:100%; height:80px; position:fixed; top:0px; z-index:999; background-color:#fff; border-bottom:1px solid #eee;}
.top .topinfo { margin:0 auto; width:1350px; height:80px; display:flex; justify-content:space-between; align-items:center;}
.top .topinfo .logo { width:203px; height:50px; text-align:left;}
.top .topinfo .logo img { width:100%; height:auto;}
.top .topinfo .nav { width:500px; text-align:left;}
.top .topinfo .nav a { display:inline-block; width:auto; margin-right:50px; font-size:16px; color:#000;}
.top .topinfo .nav a:hover { color:#1671EF;}
.top .topinfo .nav a.on { color:#1671EF;}
.top .topinfo .nav .ts_earch { display:none;}
.top .topinfo .tsearch { width:260px; height:45px; border-radius:50px; border:1px solid #eee; overflow:hidden; display:flex; justify-content:space-between;}
.top .topinfo .tsearch .linput { width:190px;}
.top .topinfo .tsearch .linput input { width:90%; margin-left:5%; line-height:45px; border:0px; font-size:15px; color:#666; text-indent:10px;}
.top .topinfo .tsearch .sbtarea { width:70px;}
.top .topinfo .tsearch .sbtarea input { width:100%; height:45px; cursor:pointer; line-height:40px; border:0px; font-size:15px; color:#fff; background-color:#FF5A00;}
.top .topinfo .mmenu { display:none;}
.navbg { position: fixed; z-index: 991; width: 100%; height: 100%;background:rgb(50,55,63,0.95);left: 0; top: 0; display:none;}
@media screen and (max-width:768px){
	.top { width:100%; height:14vw;}
	.top .topinfo { width:95%; height:14vw; display:inherit; position:relative;}
	.top .topinfo .logo { width:40%; text-align:left;}
	.top .topinfo .logo img { width:100%; height:auto; margin-top:2vw;}
	.top .topinfo .nav { position: fixed; z-index:900; width:45%; height:100%; left:-45%; top:calc(14vw + 1px); padding-top:5vw; display:inherit; background-color:#0D6FB8;}
	.top .topinfo .nav a { display:block; width:100%; margin-right:auto; text-indent:4.5vw; font-size:3.8vw; line-height:10vw; color:#fff;}
	.top .topinfo .nav a.on { color:#fff;}
	.top .topinfo .tsearch { display:none;}
	.top .topinfo .nav .ts_earch { margin:0 auto; margin-top:10vw; display:block; width:85%; overflow:hidden;}
	.top .topinfo .nav .ts_earch .linput { width:calc(100% - 2px); background-color:#fff; border-radius:20vw; border:1px solid #eee;}
	.top .topinfo .nav .ts_earch .linput input { width:90%; margin-left:1%; border-radius:20vw; line-height:8vw; border:0px; font-size:3.5vw; color:#666; text-indent:3vw;}
	.top .topinfo .nav .ts_earch .sbtarea { width:100%; margin-top:3vw;}
	.top .topinfo .nav .ts_earch .sbtarea input { width:100%; height:8vw; cursor:pointer; border-radius:20vw; line-height:8vw; border:0px; font-size:3.5vw; color:#fff; background-color:#FF5A00;}
	.top .topinfo .mmenu { display:block; position:absolute; top:4.2vw; right:0; cursor:pointer; border-radius:1vw; margin-right:1%; width:6vw; height:6vw; background:url(../images/d1.png) no-repeat center center; background-size:70% 70%; background-color:#0D6FB8;}
	.top .topinfo .mmenu.on { display:block; top:4.2vw; right:0; cursor:pointer; border-radius:1vw; margin-right:1%; width:6vw; height:6vw; background:url(../images/d2.png) no-repeat center center; background-size:70% 70%; background-color:#0D6FB8;}
	.navbg { display:none;}
}
.pagemain { margin:0 auto; width:1400px; overflow:hidden; padding-top:0px; margin-top:110px; padding-bottom:50px; border-radius:15px; background-color:#fff;}
@media screen and (max-width:768px){
	.pagemain { width:100%; padding-top:5vw; margin-top:14vw; border-radius:0 0 2vw 2vw;}
}
.pagetitle { margin:0 auto; width:1400px; overflow:hidden; padding-top:30px; text-align:center; background-color:#fff;}
.pagetitle p { display:inline-block; width:auto; text-align:center; font-size:35px; font-weight:bold; color:#000; line-height:40px; padding-bottom:15px; border-bottom:1px solid #ccc;}
@media screen and (max-width:768px){
	.pagetitle { width:100%; padding-top:0vw;}
	.pagetitle p { font-size:6vw; line-height:6.5vw; padding-bottom:3vw;}
}
.bigclass { margin:0 auto; width:1400px; margin-top:0px; background-color:#fff;}
.bigclass .classlist { margin:0 auto; width:1350px; overflow:hidden; margin-top:30px;}
.bigclass .classlist ul { width:1600px;}
.bigclass .classlist ul a { display:block; transition:.3s; float:left; border-radius:5px; width:260px; height:38px; margin-right:10px; margin-bottom:10px; text-align:center; border:1px solid #DEDEDE; line-height:38px; overflow:hidden; font-size:16px; color:#000;}
.bigclass .classlist ul a.on { background-color:#000; color:#fff; border:1px solid #000;}
.bigclass .classlist ul a:hover { background-color:#333; color:#fff; border:1px solid #333;}
@media screen and (max-width:768px){
	.bigclass { width:90%;}
	.bigclass .classlist { width:100%; margin-top:7vw;}
	.bigclass .classlist ul { width:102%;}
	.bigclass .classlist ul a { width:calc(31.3333% - 2px); height:8vw; margin-right:2%; margin-bottom:2vw; line-height:8vw; font-size:3.3vw;}
}
.smallclass { margin:0 auto; width:1400px; margin-top:0px; background-color:#fff;}
.smallclass .classlist { margin:0 auto; width:1350px; overflow:hidden; margin-top:30px;}
.smallclass .classlist a { display:inline-block; border-radius:5px; transition:.3s; width:auto; padding:5px 20px; text-align:center; font-size:14px; color:#666; margin-right:10px; margin-bottom:10px;}
.smallclass .classlist a { border:1px solid #DEDEDE;}
.smallclass .classlist a.on { color:#fff; background-color:#000; border:1px solid #000;}
.smallclass .classlist a:hover { color:#fff; background-color:#333; border:1px solid #333;}
@media screen and (max-width:768px){
	.smallclass { width:90%;}
	.smallclass .classlist { width:100%; margin-top:5vw;}
	.smallclass .classlist a { padding:0.5vw 3vw; font-size:3.2vw; margin-right:1vw; margin-bottom:3vw;}
}
.datashow { margin:0 auto; width:1400px; overflow:hidden; text-align:center; background-color:#fff;}
.datashow .datalist { margin:0 auto; width:1350px; overflow:hidden; margin-top:30px;}
.datashow .datalist ul { width:1500px;}
.datashow .datalist ul li { float:left; width:320px; border-radius:10px; overflow:hidden; text-align:center; margin-right:23px; margin-bottom:25px;}
.datashow .datalist ul li a { display:block; width:320px; height:560px; overflow:hidden; text-align:center; position:relative;}
.datashow .datalist ul li a img { width:320px; height:560px; transition:.5s;}
.datashow .datalist ul li a p { display:block; transition:.5s; width:100%; text-align:center; color:#fff; font-size:15px; position:absolute; top:40%; opacity:0;}
.datashow .datalist ul li a:hover img { transform:scale(1.05);}
.datashow .datalist ul li a:hover p { top:46%; opacity:1;}
.datashow .datalist ul li .stitle { width:320px; height:40px; transition:.5s; background-color:#F6F6F6; line-height:40px; overflow:hidden; text-align:center; margin-top:0px; font-size:15px; color:#000;}
.datashow .datalist ul li:hover .stitle { background-color:#eee;}
.page_page { width:100%; width:1400px; text-align:center; overflow:hidden; padding:30px 0;}
@media screen and (max-width:768px){
	.datashow { width:90%; }
	.datashow .datalist { width:100%; margin-top:6vw;}
	.datashow .datalist ul { width:103%;}
	.datashow .datalist ul li { width:47%; border-radius:2vw; margin-right:3%; margin-bottom:5vw;}
	.datashow .datalist ul li a { width:100%; height:80vw;}
	.datashow .datalist ul li a img { width:100%; height:80vw;}
	.datashow .datalist ul li a p { font-size:3.5vw; top:40%; opacity:0;}
	.datashow .datalist ul li a:hover img { transform:scale(1.05);}
	.datashow .datalist ul li a:hover p { top:46%; opacity:1;}
	.datashow .datalist ul li .stitle { width:100%; height:8vw; line-height:8vw; margin-top:0vw; font-size:3.3vw;}
	.page_page { width:100%; padding:5vw 0 1vw 0;}
}
.footer { width:100%; text-align:center; margin-top:60px; overflow:hidden; padding:30px 0; background-color:#1A1A1A;}
.footer .bottom { margin:0 auto; width:1350px; text-align:center; display:flex; justify-content:space-around; align-items:center;}
.footer .bottom .llogo { width:203px; text-align:center;}
.footer .bottom .llogo img { width:100%; height:auto;}
.footer .bottom .flinks { width:450px; text-align:center;} 
.footer .bottom .flinks a { display:inline-block; width:auto; margin-left:15px; margin-right:15px; font-size:15px; color:#A4A4A4;}
.footer .bottom .flinks a:hover { text-decoration:underline; color:#fff;}
.footer .bottom .copys { width:auto; text-align:center; font-size:14px; color:#666;} 
.footer .bottom .copys * { font-size:14px; color:#666;}
.footer .bottom .copys a { font-size:14px; color:#666;}
.footer .bottom .copys a:hover { text-decoration:underline;}
@media screen and (max-width:768px){
	.footer { margin-top:8vw; padding:5vw 0 20vw 0;}
	.footer .bottom { width:90%; display:inherit;}
	.footer .bottom .llogo { width:100%;}
	.footer .bottom .llogo img { width:40%; height:auto;}
	.footer .bottom .flinks { width:100%; margin-top:5vw;} 
	.footer .bottom .flinks a { margin-left:2vw; margin-right:2vw; font-size:3.3vw;}
	.footer .bottom .copys { width:100%; margin-top:4vw; font-size:3.3vw; line-height:6vw;} 
	.footer .bottom .copys * { font-size:3.3vw; line-height:6vw;}
	.footer .bottom .copys a { font-size:3.3vw; line-height:6vw;}
}
.aboutinfo { margin:0 auto; width:1200px; min-height:600px; margin-top:40px; padding-bottom:50px;}
.aboutinfo .title { width:100%; text-align:left; font-size:18px; color:#000; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #eee;}
.aboutinfo .infos { width:100%; margin-top:20px; text-align:justify; font-size:16px; line-height:35px; color:#000;}
.aboutinfo .infos * { font-size:16px; line-height:35px; color:#000;}
.aboutinfo .infos a { font-size:16px; line-height:35px; color:#000;}
.aboutinfo .infos a:hover { font-size:16px; line-height:35px; color:#1671EF; text-decoration:underline;}
.aboutinfo .infos img { max-width:90%; height:auto;}
.aboutinfo .contact { width:100%; margin-top:50px; text-align:center; font-size:16px; line-height:40px; color:#000;}
.aboutinfo .contact * { font-size:16px; line-height:40px; color:#000;}
.aboutinfo .contact a { font-size:16px; line-height:40px; color:#000;}
.aboutinfo .contact a:hover { font-size:16px; line-height:40px; color:#1671EF; text-decoration:underline;}
.aboutinfo .contact img { max-width:90%; height:auto;}
@media screen and (max-width:768px){
	.aboutinfo { width:90%; min-height:140vw; margin-top:0vw; padding-bottom:9vw;}
	.aboutinfo .title { font-size:4.5vw; padding-bottom:2vw;}
	.aboutinfo .infos { margin-top:4vw; font-size:3.8vw; line-height:7vw;}
	.aboutinfo .infos * { font-size:3.8vw; line-height:7vw;}
	.aboutinfo .infos a { font-size:3.8vw; line-height:7vw;}
	.aboutinfo .infos a:hover { font-size:3.8vw; line-height:7vw;}
	.aboutinfo .contact { margin-top:7vw; font-size:3.8vw; line-height:7vw;}
	.aboutinfo .contact * { font-size:3.8vw; line-height:7vw;}
	.aboutinfo .contact a { font-size:3.8vw; line-height:7vw;}
	.aboutinfo .contact a:hover { font-size:3.8vw; line-height:7vw;}
}
.float { width:60px; height:180px; position:fixed; z-index:800; background-color:#000; right:0; top:40%;}
.float .ct { display:block; width:60px; height:60px; position:relative; background-color:#000; border-bottom:1px solid #fff;}
.float .ct .show { width:60px; height:60px; background-color:#000; position:relative; z-index:10; font-size:11px; color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.float .ct .show img { height:20px; width:auto; margin-top:5px;}
.float .ct .hide.hide1 { position:absolute; transition:.2s; z-index:0; left:140px; overflow:hidden; bottom:0; width:140px; height:60px; text-align:center; color:#fff; font-size:15px; background-color:#000; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.float .ct .hide.hide2 { position:absolute; transition:.2s; z-index:0; left:120px; overflow:hidden; bottom:0; width:120px; height:121px; text-align:center; color:#fff; font-size:15px; background-color:#000; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.float .ct .hide.hide2 img { width:110px; height:auto;}
.float .ct:hover .hide.hide1 { left:-140px;}
.float .ct:hover .hide.hide2 { left:-120px;}
@media screen and (max-width:768px){
	.float { width:100%; height:15vw; position:fixed; z-index:800; background-color:#000; right:0; bottom:0; top:auto;}
	.float .ct { display:block; float:left; width:33.3333%; height:15vw; position:relative; background-color:#000; border-bottom:0px;}
	.float .ct .show { width:100%; height:15vw; background-color:#000; position:relative; z-index:10; font-size:3vw; color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.float .ct .show img { height:5vw; width:auto; margin-top:1vw;}
	.float .ct .hide.hide1 { position:absolute; transition:.2s; z-index:0; left:auto; overflow:hidden; bottom:-25vw; width:100%; height:15vw; text-align:center; color:#fff; font-size:3vw; background-color:#000; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.float .ct .hide.hide2 { position:absolute; transition:.2s; z-index:0; left:auto; overflow:hidden; bottom:-25vw; width:100%; height:33vw; text-align:center; background-color:#000; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.float .ct .hide.hide2 img { width:90%; height:auto;}
	.float .ct:hover .hide.hide1 { left:auto; bottom:15vw;}	
	.float .ct:hover .hide.hide2 { left:auto; bottom:15vw;}	
}