@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#fff; position:relative;}/* */
body,html{ padding-top:0px; overflow-x:hidden; width:100%;}
* {font-size:14px; color:#606060; font-family:'Arial';}
*: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:#225EAB;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;}

.bg { width:100%; height:100%; z-index:0; position:absolute; left:0; top:0; position:fixed;}
.bg img { width:100%; height:100%;object-fit: cover;}
.top2 { margin:0 auto; width:100%; position:absolute; position:fixed; background-color:#fff; box-shadow:0 0 15px rgb(0,0,0,0.15); z-index:999; z-index:999; left:0%; right:0%; top:0%;}
.top2 .topmenu { margin:0 auto; width:67.5%; padding-top:0vw; padding-bottom:0; position:relative;}
.top2 .topmenu .logo { float:left; width:11%; overflow:hidden; text-align:left; margin-top:0.55vw;}
.top2 .topmenu .logo img { width:100%; height:auto;}
.top2 .topmenu .pmenu { float:left; display:block; width:59.8%; margin-left:12%; margin-top:0%;}
.top2 .topmenu .pmenu ul { width:100%;}
.top2 .topmenu .pmenu ul .mn { display:block; float:left; width:17%; margin-right:3%; position:relative; text-align:center;}
.top2 .topmenu .pmenu ul .mn a { display:block; width:auto; overflow:hidden; color:#686868; font-size:1vw; line-height:3vw;}
.top2 .topmenu .pmenu ul .mn p { width:0; transition:.3s;}
.top2 .topmenu .pmenu ul .mn:hover a { color:#0056C2;}
.top2 .topmenu .pmenu ul .mn:hover p { margin:0 auto; width:3vw; height:0.2vw; overflow:hidden; background-color:#0056C2;}
.top2 .topmenu .pmenu ul .mn.on a { color:#0056C2;}
.top2 .topmenu .pmenu ul .mn.on p { margin:0 auto; width:3vw; height:0.2vw; overflow:hidden; background-color:#0056C2;}
.top2 .topmenu .search { float:right; width:5%; text-align:right; margin-top:1.2vw; cursor:pointer; position:relative;}
.top2 .topmenu .search input { display:none; position:absolute; left:-11.5vw; width:15vw; top:-0.4vw; border:1px solid #686868; line-height:1.5vw; text-indent:0.5vw; font-size:0.9vw; color:#686868;}
.top2 .topmenu .search .sbt { width:1.1vw; height:1.1vw; float:right; border:0; margin-left:13.7vw; margin-top:0.3vw;}
.top2 .topmenu .search img { width:1.1vw; height:1.1vw; position:relative; z-index:9; margin-top:-0.1vw;}
.top2 .topmenu .search:hover input { display:block;}
.top2 .topmenu .search:hover img { display:none;}
.top2 .topmenu .mmenu { display:none; float:right; width:5%; margin-top:1.7%; text-align:right;}
.top2 .topmenu .mmenu img { width:33%; height:auto; cursor:pointer;}
@media screen and (max-width:1400px){
	.top2 .topmenu .pmenu ul .mn a {  font-size:1.3vw;}
}	
@media screen and (max-width:750px){
	.bg { display:none;}
	.top2 { padding-bottom:3vw; padding-top:2vw; box-shadow:0 0 0 rgb(0,0,0,0.2); border-bottom:1px solid #eee;}
	.top2 .topmenu { width:100%; padding-top:0.3%; padding-bottom:0.3%;}
	.top2 .topmenu .logo { width:25%; margin-top:1.5%; margin-left:5%;}
	.top2 .topmenu .pmenu { display:none; position:absolute; padding:3vw 0 8vw 0; opacity:0.9; width:100%; margin-left:0; top:12.3vw; border-top:1px solid #eee; background-color:#fff}
	.top2 .topmenu .pmenu ul .mn { float:inherit; margin:0 auto; width:90%; margin-right:auto; text-align:left;}
	.top2 .topmenu .pmenu ul .mn a { font-size:4vw; line-height:12vw; border-bottom:1px solid #eee;}
	.top2 .topmenu .pmenu ul .mn p { display:none;}
	.top2 .topmenu .search { margin-top:2.8%;}
	.top2 .topmenu .search input { left:-35vw; width:50vw; top:-1vw; border:1px solid #686868; line-height:6vw; text-indent:1.5vw; font-size:3vw;}
	.top2 .topmenu .search .sbt { width:5vw; height:5vw; float:right; border:0; margin-left:45vw; margin-top:0.7vw;}
	.top2 .topmenu .search img { width:5vw; height:5vw; margin-top:-0.1vw;}
	.top2 .topmenu .mmenu { display:block; width:10%; margin-top:3%; margin-right:5%; text-align:right;}
	.top2 .topmenu .mmenu img { width:50%; margin-left:50%;}
	.top2 .topmenu .mmenu .openmenu { display:block;}
	.top2 .topmenu .mmenu .closemenu { display:none;}
}
.banner{overflow: hidden; position: relative; margin-top:0vw;}
.banner img{width: 100%;}
.banner .swiper-slide { position:relative;}
.banner .swiper-slide img {width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.banner .swiper-slide .viewinfo { width:67.5%; left:16.25%; position:absolute; z-index:9; top:13vw;}
.banner .swiper-slide .viewinfo .bigname { width:45%; text-align:left; font-size:2.4vw; color:#fff; line-height:2.5vw;}
.banner .swiper-slide .viewinfo .notes { width:50%; margin-top:3vw; text-align:left; font-size:1.1vw; color:#fff; line-height:1.5vw;}
.banner .swiper-slide .viewinfo .view { display:block; width:20%; margin-top:3vw; transition:.3s; text-align:center; border:1px solid #fff; color:#fff; font-size:0.9vw; line-height:2vw;}
.banner .swiper-slide .viewinfo .view:hover { background-color:#0056C2;}
.banner .swiper-slide-active{z-index: 10;}
.banner .swiper-slide-active img,.swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	
.banner .swiper-pagination { bottom:8vw;}
.banner .swiper-pagination-bullet { width: 0.6vw; line-height: 0.6vw; height: 0.6vw; margin:0 0.4vw !important; border-radius: 50%;text-align: center; opacity: 0.8;color: #fff;}
.swiper-pagination-bullet-active { background-color:#fff;}
@media screen and (max-width:750px){
	.banner{ margin-top:12.5vw;}
	.banner img{ width: 150%; margin-left:-25%;}
	.banner .swiper-slide .viewinfo { width:90%; left:5%; top:18vw;}
	.banner .swiper-slide .viewinfo .bigname { width:80%; font-size:4vw; line-height:4.5vw;}
	.banner .swiper-slide .viewinfo .notes { width:80%; margin-top:6vw; font-size:3vw; line-height:3.5vw;}
	.banner .swiper-slide .viewinfo .view { display:block; width:50%; margin-top:6vw; font-size:3vw; line-height:6vw;}
	.banner .swiper-slide .viewinfo .view:hover { background-color:#0056C2;}
	.banner .swiper-slide img { width:150%; margin-left:-25%;}
	.banner .swiper-pagination { bottom:3vw;}
	.banner .swiper-pagination-bullet { width: 2.5vw; line-height: 2.5vw; height:2.5vw; margin:0 1vw !important; }
}
.proclass { width:100%; overflow:hidden; position:relative; z-index:90; margin-top:-6.8vw; opacity:0.9; background-color:#D4D2D2}
.proclass ul { width:100%;}
.proclass ul li { float:left; height:6.8vw; width:8.3333%; position:relative; text-align:center;}
.proclass ul li img { max-width:100%; height:auto;}
.proclass ul li a { display:block; width:100%; color:#5F5F5F; height:6vw; padding-bottom:0.8vw; position:absolute; top:0; font-size:0.9vw; line-height:1vw; display:flex; align-items:flex-end; justify-content:center;border-top: 0 solid #0056C2;
  transition: border-top-width 0.2s ease-in-out; }
.proclass ul li a:hover { color:#0056C2;border-top-width: 5px;}

@media screen and (max-width:1400px){
	.proclass ul li a {  font-size:1.1vw;}
}	

@media screen and (max-width:750px){
	.proclass { padding:3vw 0; margin-top:0vw; opacity:1; background-color:#E9E9E9}
	.proclass ul { width:100%;}
	.proclass ul li { float:left; height:27vw; width:30.3333%; margin-left:1.5%; margin-right:1.5%;}
	.proclass ul li img { width:65%; height:auto;}
	.proclass ul li a { display:block; width:100%; height:24vw; padding-bottom:3vw; position:absolute; top:0; font-size:3vw; line-height:5vw; display:flex; align-items:flex-end; justify-content:center;}
}
.index1 { width:100%; background-color:#fff; position:relative; z-index:9;}
.prohot { margin:0 auto; width:67.5%; padding:4vw 0; overflow:hidden; background-color:#fff}
.prohot .title { width:35%; text-align:left; font-size:1vw; color:#333; line-height:1.5vw;}
.prohot .hotlist { width:100%; overflow:hidden; margin-top:2vw;}
.prohot .hotlist ul { width:103%;}
.prohot .hotlist ul li { float:left; width:33.3333%; height:15.5vw; overflow:hidden; position:relative;}
.prohot .hotlist ul li .data { width:95%; height:15.5vw;}
.prohot .hotlist ul li .data img { width:100%; height:auto;}
.prohot .hotlist ul li .data a { display:block; width:92%; height:100%; position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center;}
.prohot .hotlist ul li .data a p { display:block; margin:0 auto; transition:.6s; width:60%; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:1vw 0; text-align:center; font-size:1.2vw; color:#fff; line-height:1.5vw;}
.prohot .hotlist ul li .data a p:hover { opacity:0;}
@media screen and (max-width:1400px){
	.prohot .title { width:45%; font-size:1.3vw;}
}
@media screen and (max-width:750px){
	.prohot { width:90%; padding:8vw 0;}
	.prohot .title { width:80%; font-size:3.3vw; line-height:5vw;}
	.prohot .hotlist { margin-top:6vw;}
	.prohot .hotlist ul { width:100%;}
	.prohot .hotlist ul li { float:left; width:100%; height:67vw;}
	.prohot .hotlist ul li .data { width:100%; height:67vw;}
	.prohot .hotlist ul li .data a p { width:80%; padding:3vw 0; font-size:3.5vw; line-height:5vw;}
}
.changeinfo { margin:0 auto; width:67.5%; height:37vw; margin-top:0vw; padding-bottom:2vw; overflow:hidden; position:relative; background-color:#fff;}
.changeinfo .shows { position:absolute; width:17%; left:0; top:2vw; z-index:9;}
.changeinfo .shows .sshows { width:100%; height:8vw; text-align:center; margin-bottom:1.5vw; display:flex; justify-content:center; align-items:center;}
.changeinfo .shows .sshows img { width:60%; height:auto; cursor:pointer; transition:.3s;}
.changeinfo .shows .sshows img:hover { width:65%; height:auto;}
.changeinfo .showbig { width:100%; height:37vw; overflow:hidden;}
.changeinfo .showbig ul { width:100%;}
.changeinfo .showbig ul li { float:left; height:37vw; width:100%;}
.changeinfo .showbig ul li .big { width:100%; height:31.5vw; overflow:hidden; position:relative;}
.changeinfo .showbig ul li .big .bigimg { width:100%; height:auto;}
.changeinfo .showbig ul li .big p { display:block; transition:.3s; width:11vw; line-height:2.5vw; border-radius:2vw; font-size:0.9vw; color:#fff; border:1px solid #fff; z-index:5; position:absolute; right:2vw; bottom:2vw; display:flex; justify-content:center; align-items:center;}
.changeinfo .showbig ul li .big p img { width:23%; height:auto;}
.changeinfo .showbig ul li .big p:hover { background-color:#0056C2;}
.changeinfo .showbig ul li .biginfo { width:100%; overflow:hidden; margin-top:1.5vw; display:flex; justify-content:space-between;}
.changeinfo .showbig ul li .biginfo .llogo { width:35%; text-align:center;}
.changeinfo .showbig ul li .biginfo .llogo img { width:52%; height:auto;}
.changeinfo .showbig ul li .biginfo .rinfo { width:65%; text-align:right; display:flex; align-items:center; justify-content:flex-end;}
.changeinfo .showbig ul li .biginfo .rinfo .line { width:3vw; height:1px; border-top:2px solid #333; margin-right:1.5vw; margin-top:0.3vw;}
.changeinfo .showbig ul li .biginfo .rinfo .dinfo a { font-size:1.2vw; line-height:1.5vw; color:#333;}
@media screen and (max-width:750px){
	.changeinfo { width:100%; height:60vw; margin-top:2vw;}
	.changeinfo .shows { width:20%; left:0; top:4vw;}
	.changeinfo .shows .sshows { width:100%; height:12vw; margin-bottom:1.5vw;}
	.changeinfo .shows .sshows img { width:50%;}
	.changeinfo .shows .sshows img:hover { width:52%;}
	.changeinfo .showbig { width:100%; height:60vw;}
	.changeinfo .showbig ul { width:100%;}
	.changeinfo .showbig ul li { height:60vw;}
	.changeinfo .showbig ul li .big { height:47.2vw;}
	.changeinfo .showbig ul li .big p { width:35vw; line-height:7vw; border-radius:5vw; font-size:3.3vw; right:4vw; bottom:4vw;}
	.changeinfo .showbig ul li .big p img { width:23%; height:auto;}
	.changeinfo .showbig ul li .biginfo { margin-top:3.5vw;}
	.changeinfo .showbig ul li .biginfo .llogo { width:30%;}
	.changeinfo .showbig ul li .biginfo .llogo img { width:65%;}
	.changeinfo .showbig ul li .biginfo .rinfo { width:65%; margin-right:5%;}
	.changeinfo .showbig ul li .biginfo .rinfo .line { width:6vw; height:1px; border-top:1px solid #333; margin-right:2vw; margin-top:0.3vw;}
	.changeinfo .showbig ul li .biginfo .rinfo .dinfo a { font-size:3vw; line-height:5vw;}
}
.index2 { width:100%; margin-top:35vw; background-color:#fff; position:relative; z-index:9;}
.hotnews { margin:0 auto; width:100%; background-color:#F5F5F5; padding:4vw 0;}
.hotnews .ntitle { margin:0 auto; width:67.5%; overflow:hidden; text-align:center;}
.hotnews .ntitle p { display:block; margin:0 auto; width:20%; text-align:center; position:relative; font-size:1.5vw; line-height:1.5vw; color:#002554; font-weight:bold;}
.hotnews .ntitle p::before { content:''; display:block; position:absolute; left:-2vw; top:0.7vw; line-height:1.5vw; width:3vw; height:2px; background-color:#002554;}
.hotnews .ntitle p::after { content:''; display:block; position:absolute; right:-2vw; top:0.7vw; line-height:1.5vw; width:3vw; height:2px; background-color:#002554;}
.hotnews .showarea { margin:0 auto; width:67.5%; margin-top:2vw; overflow:hidden;}
.hotnews .showarea ul { width:103%;}
.hotnews .showarea ul a { display:block; float:left; overflow:hidden; width:30.333%; margin-right:3%;}
.hotnews .showarea ul a .img { width:100%; height:13vw; overflow:hidden; text-align:center;}
.hotnews .showarea ul a .img img { width:100%; height:auto; transition:.5s;}
.hotnews .showarea ul a .img img:hover { transform:scale(1.1);}
.hotnews .showarea ul a .notearea { width:auto; overflow:hidden; background-color:#fff; padding:0.5vw 1vw 1vw 1vw;}
.hotnews .showarea ul a .stitle { width:100%; margin-top:1vw; transition:.5s; text-align:left; font-size:1vw; line-height:1.5vw; color:#333; height:2.6vw; overflow:hidden;} 
.hotnews .showarea ul a .stitle:hover { font-weight:bold;}
.hotnews .showarea ul a .line { width:4vw; height:2px; background-color:#002554; margin-top:1vw;}
.hotnews .showarea ul a .notes { width:100%; margin-top:1vw; font-size:0.9vw; line-height:1.3vw; height:5.2vw; overflow:hidden; color:#666;}
.hotnews .viewmore { display:block; margin:0 auto; transition:.3s; margin-top:3vw; width:10vw; line-height:3vw; font-size:1.5vw; border-radius:5vw; text-align:center; background-color:#002554; color:#fff;}
.hotnews .viewmore:hover { background-color:#0056C2;}

@media screen and (max-width:1400px){
	.hotnews .ntitle p  { font-size:2vw;}
	.hotnews .showarea ul a .stitle{ font-size:1.3vw;line-height:2vw;height:4vw;}
	.hotnews .showarea ul a .notes {  font-size:1.1vw; line-height:1.5vw; height:6vw;}
}
@media screen and (max-width:750px){
	.index2 { margin-top:0vw;}
	.hotnews { padding:8vw 0;}
	.hotnews .ntitle { width:90%;}
	.hotnews .ntitle p { width:50%; font-size:4.5vw; line-height:5vw;}
	.hotnews .ntitle p::before { left:-2vw; top:2.5vw; line-height:1.5vw; width:6vw; height:2px;}
	.hotnews .ntitle p::after { right:-2vw; top:2.5vw; line-height:1.5vw; width:6vw; height:2px;}
	.hotnews .showarea { width:90%; margin-top:6vw;}
	.hotnews .showarea ul { width:103%;}
	.hotnews .showarea ul a { display:block; float:inherit; width:100%; margin-right:auto; margin-bottom:5vw;}
	.hotnews .showarea ul a .img { height:57vw;}
	.hotnews .showarea ul a .notearea { width:auto; padding:3vw 3vw 5vw 3vw;}
	.hotnews .showarea ul a .stitle { width:96%; margin-top:2vw; font-size:3.3vw; line-height:5vw; height:10vw;} 
	.hotnews .showarea ul a .line { width:10vw; height:2px; margin-top:3vw;}
	.hotnews .showarea ul a .notes { width:96%; margin-top:3vw; font-size:3vw; line-height:4vw; height:16vw;}
	.hotnews .viewmore { margin-top:2vw; width:30vw; line-height:8vw; font-size:3.5vw; border-radius:5vw;}
}
.indexpro { margin:0 auto; width:100%; background-color:#fff; padding:4vw 0 6vw 0;}
.indexpro .ptitle { margin:0 auto; width:67.5%; overflow:hidden; text-align:center;}
.indexpro .ptitle p { display:block; margin:0 auto; width:40%; text-align:center; position:relative; font-size:1.5vw; line-height:1.5vw; color:#002554; font-weight:bold;}
.indexpro .ptitle p::before { content:''; display:block; position:absolute; left:-2vw; top:0.7vw; line-height:1.5vw; width:3vw; height:2px; background-color:#002554;}
.indexpro .ptitle p::after { content:''; display:block; position:absolute; right:-2vw; top:0.7vw; line-height:1.5vw; width:3vw; height:2px; background-color:#002554;}
.indexpro .showarea { margin:0 auto; width:80%; margin-top:2vw; position:relative;}
.indexpro .showarea .goleft { position:absolute; cursor:pointer; left:0; top:6vw; width:4vw; height:4vw; background:url(../images/gleft.png) no-repeat center center; background-size:100% 100%;} 
.indexpro .showarea .goright { position:absolute; cursor:pointer; right:0; top:6vw; width:4vw; height:4vw; background:url(../images/gright.png) no-repeat center center; background-size:100% 100%;}
.indexpro .showarea .proshow { margin:0 auto; width:85%; height:17vw; overflow:hidden;}
.indexpro .showarea .proshow ul { width:100%;}
.indexpro .showarea .proshow ul li { float:left; width:25%; height:17vw;}
.indexpro .showarea .proshow ul li a { display:block; width:96%; height:auto; padding:1vw 0; border:1px solid #D8D8D8; text-align:center; font-size:1vw; line-height:1.2vw; color:#000;}
.indexpro .showarea .proshow ul li a img { margin:0 auto; transition:.3s; width:70%; height:auto; margin-bottom:2vw;}
.indexpro .showarea .proshow ul li a img:hover { transform:scale(1.1);}
.indexpro .viewmore { display:block; margin:0 auto; transition:.3s; margin-top:3vw; width:22vw; line-height:3vw; font-size:1.5vw; border-radius:5vw; text-align:center; background-color:#002554; color:#fff;}
.indexpro .viewmore:hover { background-color:#0056C2;}

@media screen and (max-width:1400px){
	.indexpro .showarea .proshow ul li a{ font-size:1.3vw;}

}
@media screen and (max-width:750px){
	.indexpro { padding:8vw 0 10vw 0;}
	.indexpro .ptitle { width:90%;}
	.indexpro .ptitle p { width:90%; font-size:4.5vw; line-height:5vw;}
	.indexpro .ptitle p::before { left:-2vw; top:2.5vw; line-height:1.5vw; width:6vw; height:2px;}
	.indexpro .ptitle p::after { right:-2vw; top:2.5vw; line-height:1.5vw; width:6vw; height:2px;}
	.indexpro .showarea { width:90%; margin-top:6vw;}
	.indexpro .showarea .goleft { z-index:15; left:2vw; top:30vw; width:8vw; height:8vw;} 
	.indexpro .showarea .goright { z-index:15; right:2vw; top:30vw; width:8vw; height:8vw;}
	.indexpro .showarea .proshow { width:100%; height:75vw;}
	.indexpro .showarea .proshow ul { width:100%;}
	.indexpro .showarea .proshow ul li { width:100%; height:75vw;}
	.indexpro .showarea .proshow ul li a { width:99%; height:auto; padding:5vw 0; font-size:3.5vw; line-height:4vw;}
	.indexpro .showarea .proshow ul li a img { width:60%; height:auto; margin-bottom:5vw;}
	.indexpro .viewmore { margin-top:5vw; width:60vw; line-height:8vw; font-size:3.5vw; border-radius:5vw;}
}
.footer { width:100%; overflow:hidden; background-color:#002554; padding:4vw 0 0 0; position:relative; z-index:9;}
.footer .flogo { display:none;}
.footer .bottom { margin:0 auto; width:92%; display:flex; justify-content:space-around;}
.footer .bottom .farea { width:20%;}
.footer .bottom .farea .ftitle { width:100%; font-size:1.1vw; color:#fff; line-height:1.2vw; padding-bottom:1vw; border-bottom:1px solid #fff;}
.footer .bottom .farea .ftitle span { display:none;}
.footer .bottom .farea .flinks { width:100%; margin-top:1vw; text-align:left;}
.footer .bottom .farea .flinks a { display:block; width:auto; font-size:0.9vw; line-height:2vw; color:#fff;}
.footer .bottom .farea .flinks a:hover { text-decoration:underline;}
.footer .copyarea { width:100%; text-align:center; overflow:hidden; color:#fff; opacity:0.8; font-size:0.9vw; line-height:1.2vw; margin-top:1.5vw; padding:1vw 0; border-top:1px solid #2B313C;} 
.footer .copyarea * { color:#fff; opacity:0.8; font-size:0.9vw; line-height:1.2vw;}
.footer .copyarea a { color:#fff; opacity:0.8; font-size:0.9vw; line-height:1.2vw;}
.footer .copyarea a:hover { text-decoration:underline;}
@media screen and (max-width:1400px){
	.footer .bottom .farea .ftitle{ font-size:1.3vw;}
.footer .bottom .farea .flinks a,.footer .copyarea,.footer .copyarea a {font-size:1.1vw;}

}
@media screen and (max-width:750px){
	.footer { padding:4vw 0 0 0;}
	.footer .flogo { display:block; width:90%; margin:0 auto; text-align:center;}
	.footer .flogo img { width:30vw; height:auto;}
	.footer .bottom { margin:0 auto; width:92%; margin-top:8vw; display:inherit;}
	.footer .bottom .farea { margin:0 auto; width:90%; border:1px solid #fff; margin-bottom:3vw;}
	.footer .bottom .farea .ftitle { width:auto; cursor:pointer; position:relative; font-size:4vw; line-height:10vw; padding-bottom:auto; text-indent:3vw; border-bottom:0;}
	.footer .bottom .farea .ftitle span { display:block; position:absolute; text-indent:0; right:0; top:0; width:10vw; height:10vw; line-height:10vw; text-align:center; color:#fff; font-size:5vw;}
	.footer .bottom .farea .flinks { display:none; width:auto; margin:2vw 3vw 3vw 3vw; margin-top:0;}
	.footer .bottom .farea .flinks a { font-size:3.5vw; line-height:8vw; }
	.footer .copyarea { font-size:3.5vw; line-height:5vw; margin-top:6vw; padding:6vw 0;} 
	.footer .copyarea * { font-size:3.5vw; line-height:5vw;}
	.footer .copyarea a { font-size:3.5vw; line-height:5vw;}
}
.pagebanner { margin:0 auto; width:100%; overflow:hidden; position:relative;}
.pagebanner img { width:100%; height:auto;}
.pagebanner .pagead { margin:0 auto; position:absolute; width:67.5%; z-index:2; top:11vw; margin-left:16.25%;}
.pagebanner .pagead .bigname { width:100%; text-align:left; font-size:2.5vw; color:#fff; line-height:3vw;}
.pagebanner .pagead .notes { width:100%; margin-top:1vw; text-align:left; font-size:1.5vw; color:#fff; line-height:3vw;}
.pagebanner .pagead .line { width:3vw; margin-top:2vw; height:0.2vw; background-color:#fff;}
@media screen and (max-width:750px){
	.pagebanner img { width:260%; height:auto; margin-left:-80%;}
	.pagebanner .pagead { width:90%; top:35vw; margin-left:5%;}
	.pagebanner .pagead .bigname { font-size:6vw; line-height:7vw; text-align:center;}
	.pagebanner .pagead .notes { margin-top:4vw; font-size:3.5vw; line-height:6vw; text-align:center;}
	.pagebanner .pagead .line { margin:0 auto; width:8vw; margin-top:6vw; height:1vw;}
}
.page { width:100%; background-color:#F5F5F5; overflow:hidden; position:relative; z-index:9;}
.page .pagepro { margin:0 auto; width:67.5%; overflow:hidden; padding:4vw 0;}
.page .pagepro .promenu { float:left; width:20%; padding-bottom:2vw; background-color:#fff;}
.page .pagepro .promenu .classtitle { margin:0 auto; position:relative; width:85%; margin-top:1vw; margin-bottom:0.6vw; text-align:left; font-size:1.1vw; line-height:1.5vw; color:#01244E;}
.page .pagepro .promenu .classtitle img { display:none;}
.page .pagepro .promenu .showmenu { width:100%;}
.page .pagepro .promenu .classlist { margin:0 auto; width:85%; margin-bottom:0.6vw; padding-bottom:0.6vw; border-bottom:1px solid #eee;}
.page .pagepro .promenu .classlist .bigclass { width:100%; background-color:#fff; overflow:hidden;}
.page .pagepro .promenu .classlist .bigclass .bigico { float:left; cursor:pointer; width:10%; text-align:center; font-size:0.9vw; line-height:2vw; color:#C5C3C4; font-weight:bold;}
.page .pagepro .promenu .classlist .bigclass .bigname { float:left; display:block; width:90%; text-align:left; font-size:0.8vw; line-height:2vw; color:#333; font-weight:bold;}
.page .pagepro .promenu .classlist.on .bigclass { background-color:#ECECEC;}
.page .pagepro .promenu .classlist .smallclass { display:none; width:100%; padding:0.5vw 0;}
.page .pagepro .promenu .classlist .smallclass a { display:block; width:auto; margin-bottom:0.5vw; background-color:#fff; padding-left:10%; font-size:0.8vw; color:#565656; line-height:1.2vw;}
.page .pagepro .promenu .classlist .smallclass.on{ display:block;}
.page .pagepro .promenu .classlist .smallclass a.on { color:#0056C2;background-color:#ECECEC;}
.page .pagepro .promain { float:right; width:78%; padding-bottom:2vw;}
.page .pagepro .promain .prolist { width:100%; overflow:hidden;}
.page .pagepro .promain .prolist ul { width:102%;}
.page .pagepro .promain .prolist ul li { float:left; width:31.3333%; margin-right:2%; height:15vw; overflow:hidden; margin-bottom:1vw; background-color:#fff;}
.page .pagepro .promain .prolist ul li a { display:block; width:100%; height:15vw; text-align:center; position:relative;}
.page .pagepro .promain .prolist ul li a img { width:60%; height:auto; margin-top:1vw; transition:.3s;}
.page .pagepro .promain .prolist ul li a img:hover { transform:scale(1.1);}
.page .pagepro .promain .prolist ul li a div { display:block; width:100%; position:absolute; line-height:2vw; text-align:center; bottom:1vw; font-size:1vw; color:#000;}

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

.page .pagepro .promenu .classlist .bigclass .bigname,.page .pagepro .promenu .classlist .smallclass a {font-size:1vw;}

}

@media screen and (max-width:750px){
	.page .pagepro { width:90%; padding:5vw 0 8vw 0;}
	.page .pagepro .promenu { float:inherit; width:100%; padding-bottom:0.2vw;}
	.page .pagepro .promenu .classtitle { text-align:center; cursor:pointer; font-weight:bold; width:94%; padding:4vw 0 0 0; margin-top:3vw; margin-bottom:4vw; font-size:4.5vw; line-height:5vw;}
	.page .pagepro .promenu .classtitle img { display:block; position:absolute; right:3%; top:5.7vw;}
	.page .pagepro .promenu .showmenu { display:none; width:100%; height:82vw; overflow-y:auto; padding-top:2vw; padding-bottom:2vw;}
	.page .pagepro .promenu .classlist { width:94%; margin-bottom:3vw; padding-bottom:3vw;}
	.page .pagepro .promenu .classlist .bigclass .bigico { width:8%; font-size:3.5vw; line-height:8vw;}
	.page .pagepro .promenu .classlist .bigclass .bigname { width:92%; font-size:3.5vw; line-height:8vw;}
	.page .pagepro .promenu .classlist .smallclass { display:none; padding:2vw 0;}
	.page .pagepro .promenu .classlist .smallclass a { margin-bottom:2vw; padding-left:8%; font-size:3.3vw; line-height:6vw;}
	.page .pagepro .promain { float:inherit; width:100%; margin-top:5vw; padding-bottom:2vw;}
	.page .pagepro .promain .prolist ul { width:102%;}
	.page .pagepro .promain .prolist ul li { float:left; width:48%; margin-right:2%; height:44vw; margin-bottom:2vw;}
	.page .pagepro .promain .prolist ul li a { height:44vw;}
	.page .pagepro .promain .prolist ul li a img { width:70%; margin-top:3vw; margin-bottom:3vw;}
	.page .pagepro .promain .prolist ul li a div { line-height:5vw; bottom:3vw; font-size:5vw;}
}
.dede_pages {margin:20px auto;height:40px;width:100%;text-align:center;overflow:hidden;}
.dede_pages ul {display:inline-block; *display:inline; zoom:1;margin:0 auto;position:relative;}
.dede_pages ul li {list-style:none;float:left;border:1px solid #ddd;height:35px; line-height:35px;border-radius:3px; margin:0 3px;font-size:14px;}
.dede_pages ul li a,.dede_pages ul li span{color:#333;display:block;padding:0px 14px;}
.dede_pages ul li a:hover{padding:0px 14px;background:#002554;color:#fff;}
.dede_pages ul li.active{background:#002554;display:block;color:#fff;}
.dede_pages ul li.active a{color:#fff;display:block;}
@media (max-width: 767px){ 

.dede_pages {height:65px;}
.dede_pages ul li {height:25px; line-height:25px;margin-bottom:5px;}
.dede_pages ul li a,.dede_pages ul li span{padding:0px 10px;}
.dede_pages ul li a:hover{padding:0px 10px;}
.dede_pages ul li .current{background:#002554;display:block;color:#fff;}
}

@media screen and (max-width:750px){
	.page_page { margin-top:5vw; padding:2vw 0; font-size:3.5vw; line-height:6vw;}
}
.proview { margin:0 auto; width:67.5%; padding:6vw 0 4vw 0;}
.proview .protitle { width:100%; text-align:left; font-size:1vw; color:#333; font-weight:bold; line-height:1.5vw;}
.proview .proinfos { width:100%; overflow:hidden; margin-top:3vw;} 
.proview .proinfos .proimgs { float:left; width:8%; text-align:left;}
.proview .proinfos .proimgs .img { width:auto; height:5vw; cursor:pointer; margin-bottom:1vw; text-align:center; border:1px solid #eee; display:flex; justify-content:center; align-items:center;}
.proview .proinfos .proimgs .img img { width:80%; height:auto; transition:.3s;}
.proview .proinfos .proimgs .img img:hover { transform:scale(1.1);}
.proview .proinfos .probigshow { float:left; width:55%; text-align:center;}
.proview .proinfos .probigshow img { width:70%; height:auto;}
.proview .proinfos .proinfo { float:right; width:37%; overflow:hidden;}
.proview .proinfos .proinfo .proname { width:100%; text-align:left; font-size:2vw; color:#01244E; font-weight:bold; line-height:2.5vw;}
.proview .proinfos .proinfo .protip { width:100%; text-align:left; margin-top:1.6vw; font-size:1.1vw; color:#000; font-weight:bold; line-height:1.6vw;}
.proview .proinfos .proinfo .prodetail { width:100%; text-align:left; margin-top:1vw; font-size:0.9vw; color:#333; line-height:1.5vw;}
@media screen and (max-width:750px){
	.proview {  width:90%; padding:20vw 0 12vw 0;}
	.proview .protitle { font-size:3.5vw; line-height:4vw;}
	.proview .proinfos { margin-top:6vw;} 
	.proview .proinfos .proimgs { float:inherit; width:100%; overflow:hidden;}
	.proview .proinfos .proimgs .img { float:left; width:29%; height:25vw; margin-right:3.33%; margin-bottom:3vw;}
	.proview .proinfos .proimgs .img img { width:80%; height:auto; transition:.3s;}
	.proview .proinfos .probigshow { float:inherit; width:auto; border:1px solid #eee; padding:5vw 0; margin-top:6vw; overflow:hidden;}
	.proview .proinfos .probigshow img { width:70%; height:auto;}
	.proview .proinfos .proinfo { float:inherit; width:100%; margin-top:6vw;}
	.proview .proinfos .proinfo .proname { font-size:6vw; font-weight:bold; line-height:6.5vw;}
	.proview .proinfos .proinfo .protip { margin-top:4vw; font-size:4vw; line-height:6vw;}
	.proview .proinfos .proinfo .prodetail { margin-top:3vw; font-size:3.5vw; line-height:6vw;}
}
.aboutview { width:100%; background-color:#fff; position:relative; z-index:9;}
.aboutbg { width:100%; height:600px; overflow:hidden; filter:blur(8px); position:relative; z-index:1;}
.aboutbg img { width:100%; height:auto;}
.aboutinfo { margin:0 auto; position:relative; overflow:hidden; z-index:2; margin-top:-24vw; width:67.5%; background-color:#fff; padding:0 0 2vw 0; box-shadow:0 0 15px rgb(0,0,0,0.1);}
.aboutinfo .abouttop { width:100%; margin-top:0; overflow:hidden;}
.aboutinfo .abouttop .limg { float:left; width:36%; overflow:hidden;}
.aboutinfo .abouttop .limg img { width:100%; height:auto; transition:.6s;}
.aboutinfo .abouttop .limg img:hover { transform:scale(1.1);}
.aboutinfo .abouttop .info { float:right; width:64%; padding:3vw 0 2vw 0;}
.aboutinfo .abouttop .info .abouttile { margin:0 auto; width:85%; position:relative;}
.aboutinfo .abouttop .info .abouttile span { transition:.3s; margin-left:1vw; font-size:1.5vw; line-height:2vw; color:#01244E; position:relative; z-index:1;}
.aboutinfo .abouttop .info .abouttile p { transition:.3s; display:block; position:absolute; width:0%; z-index:0; top:0; left:0; height:2vw; line-height:2vw; background-color:#01244E;}
.aboutinfo .abouttop:hover .info .abouttile span { color:#fff;}
.aboutinfo .abouttop:hover .info .abouttile p { width:100%;}
.aboutinfo .abouttop .info .infos { margin:0 auto; width:85%; position:relative; margin-top:2vw; font-size:0.9vw; line-height:1.5vw; color:#333;}
.aboutinfo .abouttop .info .infos p{ font-size:0.9vw; line-height:1.5vw; color:#333;}
.aboutinfo .aboutfoot { margin:0 auto; width:96%; margin-top:0vw; overflow:hidden;}
.aboutinfo .aboutfoot .tip1 { width:100%; text-align:left; font-size:1.5vw; color:#01244E; line-height:1.5vw;}
.aboutinfo .aboutfoot .line { width:6vw; margin-top:1vw; height:0.2vw; background-color:#01244E;}
.aboutinfo .aboutfoot .tip2 { width:100%; margin-top:1vw; text-align:left; font-size:1.5vw; color:#333; line-height:1.5vw;}
@media screen and (max-width:750px){
	.aboutbg { height:100vw;}
	.aboutbg img { width:150%; height:auto; margin-left:-25%;}
	.aboutinfo { margin-top:-75vw; width:90%; padding:0 0 8vw 0;}
	.aboutinfo .abouttop .limg { float:inherit; width:100%;}
	.aboutinfo .abouttop .info { float:inherit; width:100%; padding:6vw 0 4vw 0;}
	.aboutinfo .abouttop .info .abouttile { width:90%;}
	.aboutinfo .abouttop .info .abouttile span { margin-left:2vw; font-size:4vw; line-height:8vw;}
	.aboutinfo .abouttop .info .abouttile p { height:8vw; line-height:8vw;}
	.aboutinfo .abouttop .info .infos { width:90%; margin-top:6vw; font-size:3.5vw; line-height:6vw;}
	.aboutinfo .abouttop .info .infos p{ font-size:3.5vw; line-height:6vw;}
	.aboutinfo .aboutfoot { width:90%; margin-top:3vw;}
	.aboutinfo .aboutfoot .tip1 { font-size:3.5vw; line-height:6vw;}
	.aboutinfo .aboutfoot .line { width:10vw; margin-top:3vw; height:0.5vw;}
	.aboutinfo .aboutfoot .tip2 { margin-top:3vw; font-size:3.5vw; line-height:6vw;}
}
.aboutimgs { width:100%; height:51vw; overflow:hidden; position:relative; z-index:1; margin-top:-5vw;}
.aboutimgs .lg { width:22%; height:auto; position:absolute; top:0; left:0.2%; z-index:0;}
.aboutimgs .lg img { width:100%; height:auto;}
.aboutimgs .imginfo { margin:0 auto; width:67.5%; margin-top:12vw; position:relative; overflow:hidden; z-index:1;}
.aboutimgs .imginfo .linfo { float:left; width:45%; text-align:left; font-size:0.9vw; color:#333; line-height:1.5vw;}
.aboutimgs .img1 { position:absolute; right:0; top:8vw; width:50%;}
.aboutimgs .img1 img { width:100%; height:28vw; transition:.6s;}
.aboutimgs .img1 img:hover { transform:scale(1.1);}
.aboutimgs .img2 { position:absolute; left:27%; top:28vw; width:30%;}
.aboutimgs .img2 img { width:100%; height:auto; transition:.6s;}
.aboutimgs .img2 img:hover { transform:scale(1.1);}
@media screen and (max-width:750px){
	.aboutimgs { height:185vw; margin-top:0vw;}
	.aboutimgs .lg { margin:0 auto; width:90%; height:auto; position:absolute; top:0; left:auto; z-index:0;}
	.aboutimgs .imginfo { width:90%; margin-top:12vw;}
	.aboutimgs .imginfo .linfo { float:inherit; width:100%; font-size:3.5vw; line-height:6vw;}
	.aboutimgs .img1 { margin:0 auto; position:inherit; width:90%; margin-top:5vw; top:auto;}
	.aboutimgs .img1 img { width:100%; height:auto;}
	.aboutimgs .img1 img:hover { transform:scale(1);}
	.aboutimgs .img2 { margin:0 auto; position:inherit; left:auto; top:auto; width:90%; margin-top:5vw;}
	.aboutimgs .img2 img:hover { transform:scale(1);}
}
.aboutview2 { width:100%; margin-top:35vw; background-color:#fff; position:relative; z-index:9;}
.honors { margin:0 auto; width:67.5%; background-color:#fff; padding:4vw 0;}
.honors .ntitle { margin:0 auto; width:100%; overflow:hidden; text-align:center;}
.honors .ntitle p { display:block; margin:0 auto; width:25%; text-align:center; position:relative; font-size:1.5vw; line-height:1.5vw; color:#002554; font-weight:bold;}
.honors .ntitle p::before { content:''; display:block; position:absolute; left:-2vw; top:0.7vw; line-height:1.5vw; width:3vw; height:2px; background-color:#002554;}
.honors .ntitle p::after { content:''; display:block; position:absolute; right:-2vw; top:0.7vw; line-height:1.5vw; width:3vw; height:2px; background-color:#002554;}
.honors .notes { margin:0 auto; width:90%; overflow:hidden; margin-top:3vw; text-align:left; font-size:1vw; color:#333; line-height:1.5vw;}
.honors .notes p{ margin:0 auto;  overflow:hidden;  text-align:left; font-size:1vw; color:#333; line-height:1.5vw;}

.honors .showarea { margin:0 auto; width:90%; margin-top:4vw; overflow:hidden;}
.honors .showarea ul { width:107%;}
.honors .showarea ul li { float:left; width:18%; margin-right:7%; margin-bottom:3vw; text-align:left;}
.honors .showarea ul li img { width:100%; height:auto; transition:.6s;}
.honors .showarea ul li img:hover { transform:scale(1.1);}
@media screen and (max-width:750px){
	.aboutview2 { margin-top:0vw;}
	.honors { width:90%; padding:8vw 0;}
	.honors .ntitle { width:90%;}
	.honors .ntitle p { width:50%; font-size:4.5vw; line-height:5vw;}
	.honors .ntitle p::before { left:-2vw; top:2.5vw; line-height:1.5vw; width:6vw; height:2px;}
	.honors .ntitle p::after { right:-2vw; top:2.5vw; line-height:1.5vw; width:6vw; height:2px;}
	.honors .notes { width:90%; margin-top:5vw; font-size:3.3vw; line-height:5vw;}
	.honors .notes p{font-size:3.3vw; line-height:5vw;}
	.honors .showarea { width:90%; margin-top:6vw;}
	.honors .showarea ul { width:105%;}
	.honors .showarea ul li { float:left; width:45%; margin-right:5%; margin-bottom:5vw;}
	.honors .showarea ul li img { width:100%; height:auto;}
	.honors .showarea ul li img:hover { transform:scale(1);}
}
.frudtop { width:100%; background-color:#F5F5F5; padding:7.5vw 0 4vw 0;}
.frudtop .imgchange { width:100%; overflow:hidden; position:relative;}
.frudtop .imgchange .changebt { position:absolute; width:9vw; height:4.5vw; z-index:99; top:12vw; left:60.5%;}
.frudtop .imgchange .changebt .gleft { float:left; cursor:pointer; width:4.5vw; height:4.5vw; background:url(../images/left3.jpg) no-repeat center center; background-size:100% 100%;}
.frudtop .imgchange .changebt .gright { float:right; cursor:pointer; width:4.5vw; height:4.5vw; background:url(../images/right3.jpg) no-repeat center center; background-size:100% 100%;}
.frudtop .imgchange .imglist { width:100%; height:37.5vw; overflow:hidden;}
.frudtop .imgchange .imglist ul { width:100%;}
.frudtop .imgchange .imglist ul li { float:left; width:100%; overflow:hidden;}
.frudtop .imgchange .imglist ul li .imgleft { float:left; width:60%; text-align:left;}
.frudtop .imgchange .imglist ul li .imgleft img { width:100%; height:auto; transition:1s; cursor:pointer;}
.frudtop .imgchange .imglist ul li .imgleft img:hover { transform:scale(1.08);}
.frudtop .imgchange .imglist ul li .imgright { float:right; width:40%; text-align:center;}
.frudtop .imgchange .imglist ul li .imgright img { width:75%; height:auto; margin-top:2vw; transition:1s; cursor:pointer;}
.frudtop .imgchange .imglist ul li .imgright img:hover { transform:scale(1.08);}
.frudtop .infos { margin:0 auto; width:67.5%; overflow:hidden; margin-top:3vw; display:flex; justify-content:space-between;}
.frudtop .infos .llogo { width:45%; text-align:left;}
.frudtop .infos .llogo img { width:47.5%; height:auto;}
.frudtop .infos .rnotes { width:55%; text-align:left; font-size:0.9vw; color:#333; line-height:1.8vw;} 
@media screen and (max-width:750px){
	.frudtop { padding:19vw 0 8vw 0;}
	.frudtop .imgchange .changebt { width:16vw; height:8vw; top:12vw; left:54%;}
	.frudtop .imgchange .changebt .gleft { width:8vw; height:8vw;}
	.frudtop .imgchange .changebt .gright { width:8vw; height:8vw;}
	.frudtop .infos { width:90%; margin-top:5vw; display:inherit;}
	.frudtop .infos .llogo { width:100%; text-align:center;}
	.frudtop .infos .llogo img { width:60%;}
	.frudtop .infos .rnotes { width:100%; margin-top:3vw; font-size:3vw; line-height:6vw;} 
}
.frud1 { margin:0 auto; width:80%; padding:4vw 0;}
.frud1 .images { width:100%; overflow:hidden; display:flex; justify-content:space-between;}
.frud1 .images .limg { width:50%;}
.frud1 .images .limg img { width:100%; height:auto;}
.frud1 .images .rimg { width:42.5%;}
.frud1 .images .rimg img { width:100%; height:auto;}
.frud1 .viewnotes { margin:0 auto; width:70%; overflow:hidden; margin-top:3vw; text-align:center; font-size:0.9vw; line-height:1.5vw; color:#333; transition:.6s;}
.frud1 .viewnotes:hover { transform:scale(1.1);}
.frud2 { margin:0 auto; width:100%; padding:4vw 0; background-color:#F5F5F5;}
.frud2 .img { margin:0 auto; width:65%; text-align:center;}
.frud2 .img img { width:100%; height:auto; transition:.6s;}
.frud2 .img img:hover { transform:scale(1.1);}
.frud2 .viewnotes { margin:0 auto; width:60%; overflow:hidden; margin-top:3vw; text-align:center; font-size:0.9vw; line-height:1.5vw; color:#333; transition:.6s;}
.frud2 .viewnotes:hover { transform:scale(1.1);}
@media screen and (max-width:750px){
	.frud1 { width:90%; padding:8vw 0;}
	.frud1 .viewnotes { width:90%; margin-top:5vw; font-size:3.3vw; line-height:6vw;}
	.frud2 { width:100%; padding:8vw 0;}
	.frud2 .img { width:90%;}
	.frud2 .viewnotes { width:90%; margin-top:5vw; font-size:3.3vw; line-height:6vw;}
}
.gapbanner { margin:0 auto; width:100%; overflow:hidden; position:relative;}
.gapbanner img { width:100%; height:auto;}
.gapimgs { width:100%; height:28vw; overflow:hidden; position:relative; z-index:99; margin-top:-25vw;}
.gapimgs .rimgs { margin:0 auto; width:60%; overflow:hidden; height:28vw;}
.gapimgs .rimgs ul { width:100%;}
.gapimgs .rimgs ul li { float:left; width:100%; height:28vw; overflow:hidden;}
.gapimgs .rimgs ul li img { width:100%; height:28vw;}
@media screen and (max-width:750px){
	.gapbanner { margin-top:15vw;}
	.gapimgs { width:100%; height:35vw; overflow:hidden; position:relative; z-index:99; margin-top:-20vw;}
	.gapimgs .rimgs { margin:0 auto; width:70%; overflow:hidden; height:35vw;}
	.gapimgs .rimgs ul { width:100%;}
	.gapimgs .rimgs ul li { float:left; width:100%; height:35vw; overflow:hidden;}
	.gapimgs .rimgs ul li img { width:100%; height:35vw;}
}
.gap1 { margin:0 auto; width:100%; background-color:#fff;}
.gap1 .showarea1 { margin:0 auto; width:67.5%; padding:4vw 0; overflow:hidden;}
.gap1 .showarea1 .stitle { margin:0 auto; width:90%; text-align:center; font-size:1.4vw; color:#000; line-height:1.6vw; font-weight:bold;}
.gap1 .showarea1 .notes { margin:0 auto; width:90%; margin-top:2vw; text-align:center; font-size:0.9vw; color:#000; line-height:1.5vw;}
.gap1 .showarea2 { margin:0 auto; width:76%; padding:4vw 0 0 0; overflow:hidden; background-color:#F5F5F5;}
.gap1 .showarea2 .imgsarea { margin:0 auto; width:90%; height:28.5vw; overflow:hidden; position:relative;}
.gap1 .showarea2 .imgsarea .changebt { position:absolute; width:9vw; height:4.5vw; z-index:99; left:0; bottom:0;}
.gap1 .showarea2 .imgsarea .changebt .toleft { float:left; cursor:pointer; width:4.5vw; height:4.5vw; background:url(../images/left3.jpg) no-repeat center center; background-size:100% 100%;}
.gap1 .showarea2 .imgsarea .changebt .toright { float:right; cursor:pointer; width:4.5vw; height:4.5vw; background:url(../images/right3.jpg) no-repeat center center; background-size:100% 100%;}
.gap1 .showarea2 .imgsarea .showimgs { width:100%; height:28.5vw; overflow:hidden; text-align:center; position:relative; z-index:90;}
.gap1 .showarea2 .imgsarea .showimgs ul { width:100%;}
.gap1 .showarea2 .imgsarea .showimgs ul li { float:left; width:100%; height:auto;}
.gap1 .showarea2 .imgsarea .showimgs ul li img { width:100%; height:auto; display:block;}
.gap1 .showarea3 { margin:0 auto; width:67.5%; padding:4vw 0; display:flex; justify-content:space-between;}
.gap1 .showarea3 .lftlogo { width:30%; text-align:center;}
.gap1 .showarea3 .lftlogo .thelogo { margin:0 auto; width:80%; text-align:center;}
.gap1 .showarea3 .lftlogo .thelogo img { width:91.5%; height:auto;}
.gap1 .showarea3 .lftlogo a { margin:0 auto; transition:.3s; display:block; margin-top:2vw; width:80%; text-align:center; border:1px solid #eee; line-height:3vw; font-size:0.9vw; color:#666;}
.gap1 .showarea3 .lftlogo a:hover { background-color:#0056C2; color:#fff;}
.gap1 .showarea3 .rinfo { width:48%; text-align:left; font-size:0.9vw; line-height:2vw; color:#333;}
.gap1 .gaimg { margin:0 auto; width:67.5%; padding:1vw 0 2vw 0; text-align:center;}
.gap1 .gaimg img { width:100%; height:auto;}
@media screen and (max-width:750px){
	.gap1 .showarea1 { width:90%; padding:8vw 0;}
	.gap1 .showarea1 .stitle { width:100%; font-size:4vw; line-height:4.5vw;}
	.gap1 .showarea1 .notes { width:100%; text-align:left; margin-top:5vw; font-size:3.3vw; line-height:6vw;}
	.gap1 .showarea2 { width:100%; padding:8vw 0 0 0;}
	.gap1 .showarea2 .imgsarea { width:90%; height:38vw;}
	.gap1 .showarea2 .imgsarea .changebt { width:16vw; height:8vw;}
	.gap1 .showarea2 .imgsarea .changebt .toleft { width:8vw; height:8vw;}
	.gap1 .showarea2 .imgsarea .changebt .toright { width:8vw; height:8vw;}
	.gap1 .showarea2 .imgsarea .showimgs { height:38vw;}
	.gap1 .showarea3 { width:90%; padding:8vw 0; display:inherit;}
	.gap1 .showarea3 .lftlogo { width:100%;}
	.gap1 .showarea3 .lftlogo .thelogo { width:100%;}
	.gap1 .showarea3 .lftlogo .thelogo img { width:50%;}
	.gap1 .showarea3 .lftlogo a { margin-top:5vw; width:50%; line-height:8vw; font-size:3.5vw;}
	.gap1 .showarea3 .rinfo { width:100%; margin-top:7vw; font-size:3.3vw; line-height:6vw;}
	.gap1 .gaimg { width:90%; padding:2vw 0 4vw 0;}
}
.newslist { margin:0 auto; width:67.5%; padding:4vw 0;}
.newslist .newsdata { width:100%; margin-bottom:2vw; padding-bottom:2vw; display:flex; justify-content:space-between; border-bottom:1px solid #B5B5B5}
.newslist .newsdata .limg { width:30%;}
.newslist .newsdata .limg img { width:84%; height:auto; transition:.6s;}
.newslist .newsdata .limg img:hover { transform:scale(1.1);}
.newslist .newsdata .rinfo { width:70%;}
.newslist .newsdata .rinfo .newstitle { width:100%; overflow:hidden;}
.newslist .newsdata .rinfo .newstitle a { display:block; width:100%; height:3.6vw; overflow:hidden; font-size:1.2vw; line-height:1.8vw; color:#333;}
.newslist .newsdata .rinfo .newstitle a:hover { color:#0056C2;}
.newslist .newsdata .rinfo .newsdate { width:100%; margin-top:1vw; overflow:hidden; font-size:0.9vw; color:#666; line-height:1vw;} 
.newslist .newsdata .rinfo .notes { width:100%; overflow:hidden; margin-top:1.5vw; font-size:0.9vw; line-height:1.5vw; height:3vw; color:#000;} 
@media screen and (max-width:750px){
	.newslist { width:90%; padding:8vw 0;}
	.newslist .newsdata { margin-bottom:5vw; padding-bottom:5vw; display:inherit;}
	.newslist .newsdata .limg { width:100%;}
	.newslist .newsdata .limg img { width:100%;}
	.newslist .newsdata .limg img:hover { transform:scale(1);}
	.newslist .newsdata .rinfo { width:100%; margin-top:5vw;}
	.newslist .newsdata .rinfo .newstitle a { height:auto; font-size:3.5vw; line-height:4.5vw; font-weight:bold;}
	.newslist .newsdata .rinfo .newsdate { margin-top:4vw; font-size:3.3vw; line-height:5vw;} 
	.newslist .newsdata .rinfo .notes { margin-top:4vw; font-size:3.3vw; line-height:5vw; height:auto;} 
}
.newsview { margin:0 auto; width:67.5%; overflow:hidden; padding:6vw 0;}
.newsview .newstitle { width:100%; text-align:center; font-size:1.5vw; font-weight:bold; line-height:2vw; color:#000;}
.newsview .newsdate { width:100%; text-align:center; margin-top:1.5vw; font-size:1.1vw; line-height:1.5vw; color:#000;}
.newsview .newsinfos { width:100%; margin-top:2vw; font-size:1vw; line-height:1.6vw; color:#666; font-family:'Arial';}
.newsview .newsinfos * { font-size:1vw; line-height:1.6vw;}
.newsview .newsinfos img { max-width:100%; height:auto;}
.newsview2 { margin:0 auto; width:100%; overflow:hidden; padding:3vw 0 0;}
@media screen and (max-width:750px){
	.newsview { width:100%; padding:20vw 0 12vw 0;}
}

.lianxizuo{width:50%;float:left;}
.lianxizuo h1{font-size:35px; }
.lianxizuo li {font-size:25px;line-height:60px;margin-top:30px;}
.lianxizuo li img{width:50px;margin-right:20px;vertical-align:middle;}
.lianxir{width:50%;float:right;}
.lianxir img{width:100%;height:auto;}


@media screen and (max-width:750px){
.lianxizuo,.lianxir { width:100%; padding:0vw 0 2vw 0;}
.lianxizuo li {font-size:23px;line-height:60px;margin-top:10px;}.lianxizuo h1{font-size:30px; }
}