@font-face {
  font-family: "aboutcount";
  src: url('font/DINCOND-MEDIUM.OTF');
  font-weight: normal;
  font-style: normal;
}

body{
    overflow-x: hidden;
	overflow-y: scroll;
	font-size:12px; color:#FFFFFF;
	background-color:#17161a;
	margin:0px;
	padding:0px;
	font-family:"Microsoft Yahei";
}
*{ padding:0px; margin:0; font-family:"Microsoft Yahei";}
a{
	font-size:12px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Microsoft Yahei";
}
a:hover 
{
color:#FF0000; font-family:"Microsoft Yahei";
}
a:hover img0{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8} 
input,from,td,table,img,dl,dt,ul,dd,li,p,div,span{ padding:0; margin:0; list-style:none; font-family:"Microsoft Yahei";}
ul,li{padding:0px; margin:0px; list-style-type:none; display: block; font-family:"Microsoft Yahei";}
.left{float:left}
.right{float:right}
.clear{
 PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px; PADDING-TOP: 0px
}
#all{
width:100%; font-family:"Microsoft Yahei"; background-color:#17161a;
}
.news{
	font-size:12px;
	text-shadow:#FFF;
	text-decoration:none;
	color:#FFFFFF;
}
.con{
	font-size:12px;
	color:#FFFFFF;
}
td{
	font-size:12px;
	color: #FFFFFF;
	font-family:"Microsoft Yahei";
}
.wordbreak{
word-break:break-all;
}
a.yiyi1
{
display:block; text-align:center; color:#FFF; font-size:18px; width:80px; line-height:107px; margin-left:8px; margin-right:8px; position: relative; box-sizing:border-box;
}
a.yiyi1:hover 
{
color:#F00;
}
a.yiyi100
{
display:block; text-align:center; color:#F00; font-size:18px; width:80px; line-height:107px; margin-left:8px; margin-right:8px; box-sizing:border-box; position: relative;
}
a.yiyi100:hover 
{
color:#F00;
}
.yiyi1-text{letter-spacing:10px; padding-left:10px;}
.lansearch{
background: url(images/search.png) no-repeat left; letter-spacing:2px; padding-left:46px;
}
.lansearch:hover 
{
background: url(images/search2.png) no-repeat left;
}
@media screen and (max-width: 1400px){
a.yiyi1{font-size:16px; width:65px; margin-left:5px; margin-right:5px; line-height:76px;}
a.yiyi100{font-size:16px; width:65px; margin-left:5px; margin-right:5px; line-height:76px;}
.yiyi1-text{letter-spacing:5px; padding-left:5px;}
.lansearch{background: url(images/searchb.png) no-repeat left; letter-spacing:2px; padding-left:27px;}
.lansearch:hover {background: url(images/search2b.png) no-repeat left;}
}
a.yiyi1000
{
color:#000; font-size:14px; height:30px; line-height:30px; width:29px; padding-left:1px; margin-top:1px; display:block; text-align:center; float:left; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; letter-spacing:2px; background-color:#616161;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
a.yiyi1000:hover 
{
color:#91bcfd;
}
a.yiyi2
{
color:#01f7fe; font-size:18px;
}
a.yiyi2:hover 
{
color:#F00;
}
a.yiyi200
{
color:#bbbbbb; font-size:14px;
}
a.yiyi200:hover 
{
color:#F00;
}
a.yiyi2000
{
color:#0066ff; font-size:12px; display:block; float:right; margin:-35px 10px 0px 0px; height:19px; line-height:19px; width:50px; text-align:center; border:1px solid #0066ff;
border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
-moz-border-radius:9px;
-ms-border-radius:9px;
}
a.yiyi2000:hover 
{
color:#F00; border:1px solid #F00;
}
@media screen and (max-width: 1024px){
a.yiyi2000{display:none;}
}
@media screen and (max-width: 668px){
a.yiyi2{font-size:15px;}
a.yiyi200{font-size:13px;}
}

a.yiyi20000
{
color:#0066ff; font-size:14px; width:60px; text-align:center; height:22px; line-height:22px; margin:0px 20px 0px 0px; display:block; float:right; font-family:Arial, Helvetica, sans-serif; border:1px solid #0066ff;
border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
-moz-border-radius:9px;
-ms-border-radius:9px;
}
a.yiyi20000:hover 
{
color:#FFF; background-color:#0066ff;
}
a.yiyi3
{
color:#FFFFFF; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:38px; line-height:38px;
}
a.yiyi3:hover 
{
background:url(images/mark03.png) center bottom no-repeat; color:#ff8901;
}
a.yiyi3000
{
color:#ff8901; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:38px; line-height:38px; 
background:url(images/mark03.png) center bottom no-repeat;
}
a.yiyi3000:hover 
{
background:url(images/mark03.png) center bottom no-repeat;
}
a.yiyi3000bs
{
color:#FFF; background-color:#0066ff; font-size:18px; display:block; text-align:center; height:60px; line-height:60px; 
}
a.yiyi3000bs:hover 
{
color:#FFF; background-color:#fe8a01;
}
a.yiyi3000bss
{
color:#666; font-size:14px; display:block; text-align:left; height:30px; line-height:30px; background:url(images/bclass.png) no-repeat 0px 9px; padding-left:12px;
}
a.yiyi3000bss:hover 
{
color:#F00;
}
a.yiyi5
{
display:block; padding-left:25px; color:#202020; font-size:16px; text-align:left; height:40px; line-height:40px; background-color:#999; background:url(images/class.png) no-repeat 10px 15px; border-bottom:1px dashed #a0a0a0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
a.yiyi5:hover 
{
color:#F00;
}
a.yiyi5000
{
display:block; padding-left:25px; color:#F00; font-size:16px; text-align:left; height:40px; line-height:40px; background-color:#999; background:url(images/class.png) no-repeat 10px 15px; border-bottom:1px dashed #a0a0a0;
}
a.yiyi5000:hover 
{
color:#F00;
}
@media screen and (max-width: 668px){
a.yiyi3{font-size:16px; margin-left:12px; margin-right:12px;}
a.yiyi3000{font-size:16px; margin-left:12px; margin-right:12px;}
}
a.yiyi6
{
color:#FFF; font-size:16px;
}
a.yiyi6:hover 
{
color:#F00;
}
a.yiyi60
{
color:#8f8f8f; font-size:13px;
}
a.yiyi60:hover 
{
color:#F00;
}
a.yiyi6c
{
color:#FFF; font-size:16px;
}
a.yiyi6c:hover 
{
color:#F00;
}
a.yiyi60c
{
color:#FFF; font-size:13px;
}
a.yiyi60c:hover 
{
color:#F00;
}
a.yiyi600
{
color:#0066ff; font-size:13px; width:40px; height:25px; line-height:25px; display:block; border-top:2px solid #0066ff; text-align:center; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi600:hover 
{
color:#F00; border-top:2px solid #F00;
}
a.yiyi7
{
color:#777; font-size:13px; 
}
a.yiyi7:hover 
{
color:#F00;
}
a.yiyi8
{
color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi8:hover 
{
color:#F00;
}
a.yiyi9
{
color:#FFF; font-size:24px;
}
a.yiyi9:hover 
{
color:#F00;
}
a.yiyi51
{
float:left; width:150px; height:42px; line-height:41px; display:block; margin-left:1px; margin-bottom:10px; text-align:center; color:#FFF; font-size:16px; background-color:#afafaf;
}
a.yiyi51:hover 
{
background-color:#ea3d38;
}
a.yiyi510
{
float:left; width:150px; height:42px; line-height:41px; display:block; margin-left:1px; margin-bottom:10px; text-align:center; color:#FFF; font-size:16px; background-color:#ea3d38;
}
a.yiyi510:hover 
{
background-color:#ea3d38;
}

a.yiyi51a
{
float:left; width:230px; height:50px; line-height:49px; display:block; text-align:center; color:#101010; font-size:16px; background-color:#dfdfdf; margin:5px; box-shadow:0 0 10px rgba(0,0,0,0.3);
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
a.yiyi51a:hover 
{
background-color:#ea3d38; color:#FFF;
}
a.yiyi510a
{
float:left; width:230px; height:50px; line-height:49px; display:block; text-align:center; color:#FFF; font-size:16px; background-color:#ea3d38; margin:5px; box-shadow:0 0 10px rgba(0,0,0,0.3);
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
a.yiyi510a:hover 
{
background-color:#ea3d38;
}

a.yiyi8ai
{
color:#FFF; font-size:18px;
}
a.yiyi8ai:hover 
{
color:#F00;
}
a.yiyi8bi
{
color:#818181; font-size:15px;
}
a.yiyi8bi:hover 
{
color:#F00;
}
a.yiyi8ci
{
color:#999; font-size:15px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi8ci:hover 
{
color:#F00;
}
@media screen and (max-width: 1366px){
a.yiyi8ai
{
font-size:16px;
}
a.yiyi8bi
{
font-size:14px;
}
a.yiyi8ci
{
font-size:14px;
}
}
@media screen and (max-width: 668px){
a.yiyi8ai
{
font-size:14px;
}
a.yiyi8bi
{
font-size:12px;
}
a.yiyi8ci
{
font-size:12px;
}
}



a.yiyiabout
{
color:#FFF; width:128px; height:36px; line-height:36px; text-align:center; font-size:16px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; display:block; margin:0px auto 0px auto; background-color:#b8b8b8;
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
a.yiyiabout:hover 
{
color:#FFF; background-color:#5c82fd;
}

.newswap{
display:none;
}
.newspc{
display:block;
}
@media screen and (max-width: 1024px) {
.newswap{
display:block;
}
.newspc{
display:none;
}
}

.index-box-video-all {
	width:100%; clear:both; margin:0px auto 0px auto; padding:60px 2% 0 2%; overflow:hidden; 
	background-image: url('images/casebg.jpg'), linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01));
	background-blend-mode: multiply;
	background-size: cover; background-attachment:fixed;
}
.player-index{
	position:absolute; z-index:3; left:0; top:0; width:100%; height:100%; background:url(images/playerindex.png) rgba(0, 0, 0, 0.5) no-repeat right 10px top 10px; transition: background 1.5s;
}
.player-text{
	position:absolute; z-index:10; left:0; bottom:0; width:100%; height:auto; box-sizing:border-box; padding:10px 3%;
	background:linear-gradient(90deg, rgba(25, 127, 253, 0.5), rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0),rgba(255, 0, 0, 0));  text-shadow: 1px 1px 2px #000;
}
.player-text p{
	color:#FFF; font-size:16px; padding:0; margin:0; letter-spacing:3px; overflow:hidden;
	display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.player-text span{
	color:#aaa; font-size:14px; line-height:150%; overflow:hidden;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.index-box-video-all ul {
clear:both; width:100%; margin:0 auto; overflow:hidden; position:relative; padding:50px 0 25px 0;
display: -webkit-flex; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;
}
.index-box-video-all ul li{float:left; width:32%; margin:0 2% 35px 0;}
.index-box-video-all ul li:nth-child(-n+2){width:45%;}
.index-box-video-all ul li:nth-child(3n-1){margin:0 0 35px 0;}
.index-box-video-all ul li:nth-child(3){clear:both;}

.index-box-video-all ul li:nth-child(-n+2) .player-text p{
	color:#FFF; font-size:18px; padding:0; margin:0; letter-spacing:3px; overflow:hidden;
	display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.index-box-video-all ul li:nth-child(-n+2) .player-text span{
	color:#aaa; font-size:16px; line-height:150%; overflow:hidden;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}


.index-box-video-all .pic {
  clear:both; position:relative; width:100%; padding:60% 0 0 0; box-sizing: border-box;
  font-size: 0; overflow:hidden;
border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
-o-border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-ms-border-radius:10px 10px 0px 0px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-box-video-all .pic>img {
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-box-video-all ul li:hover .player-index {
   background:url(images/playerindex.png) rgba(0, 0, 0, 0) no-repeat right 10px top 10px;
}
.index-box-video-all ul li:hover img {
  transform: scale(1.1);
}
@media screen and (max-width: 1200px) {
.player-text p{
	font-size:14px; letter-spacing:2px;
}
.player-text span{
	font-size:12px;
}
.index-box-video-all ul li:nth-child(-n+2) .player-text p{
	font-size:16px;
}
.index-box-video-all ul li:nth-child(-n+2) .player-text span{
	font-size:14px;
}
}
@media screen and (max-width: 1024px) {
.index-box-video-all ul li:nth-child(-n+2) .player-text p{
	font-size:14px; letter-spacing:2px; 
}
.index-box-video-all ul li:nth-child(-n+2) .player-text span{
	font-size:12px;
}
}
@media screen and (max-width: 700px) {
.index-box-video-all ul li{float:none; width:100%; margin:0 0 35px 0;}
.index-box-video-all ul li:nth-child(-n+2){width:100%;}

.player-text p{
	font-size:16px; letter-spacing:3px;
}
.player-text span{
	font-size:14px;
}
.index-box-video-all ul li:nth-child(-n+2) .player-text p{
	font-size:16px; letter-spacing:3px; 
}
.index-box-video-all ul li:nth-child(-n+2) .player-text span{
    font-size:14px;
}
}

/*wap搜索*/
.wapform{width:96%; clear:both; margin:10px 0;}
.wapsearchtext{width:calc(100% - 52px); height:52px; border:1px solid #999; border-right:0px; color:#888; background:#FFF; outline:none; font-size:16px; line-height:50px; float:right; box-sizing:border-box; padding-left:10px;}
/*这里*/
.logo{ border:3px solid #fff; font:bold 24px/100px "Microsoft Yahei"; width:100px; height:100px; position:fixed; top:50px; left:50px; z-index:999;}
.menu{ height:42px; background:rgba(0,0,0,0.6);position:fixed;  top:0px; left:0; z-index:998; width:100%; }
.menu li{list-style:none; float:left; display:inline-block; font:16px/42px "Microsoft Yahei";}
.menu li a{ color:#fff; text-decoration:none; text-align:center; display:block; padding:0px 15px}
.menu li.active{ background:#F00;}

.solid-white {background:#17161a; background-size:cover; border-bottom:1px solid #333; box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.05);}
.solid-white-top {background:#17161a; background-size:cover;}

.position-fixed {
    position: sticky;
    top: 0;
    left: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	z-index:1000;
}
.position-absolute {
    position:relative;
    top: 0;
    left: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	z-index:10;
}

.headerbg{
width:100%; margin:0px auto; clear:both;
}
.headerbgin{
width:100%; margin:0px auto; clear:both; overflow:hidden; background-color:#FFF; border-bottom:1px solid #d0d0d0;
}
.header{
width:98%; max-width:1600px; margin:0px auto; clear:both; overflow:hidden;
display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap;
}
.headerlogo{
overflow:hidden; height:76px; display:none;
}
.headerlogo img{width:auto; height:100%; border:0px;}
.headerlogotitle{
float:left; margin:30px 0px 0px 15px; padding-left:15px; border-left:1px solid #e0e0e0; height:50px; line-height:25px; font-size:14px; color:#636363;
}
.headright{
display:-webkit-inline-flex; display:inline-flex; flex:1; justify-content:space-between; padding:0; flex-wrap: nowrap; align-items:center;
}
.headright .head-item{
float:left;
}
.headright .head-item img{width:auto; height:55px; border:0px;}
.headwap{
display:none;
}
.headright .head-item:hover>a{
color:#F00;
}
.headright .head-item:hover>.lansearch{
background: url(images/search2.png) no-repeat left; color:#F00;
}
/* 二级菜单 */
.subMenu{opacity:1; height:0; position:absolute; left:0; width:100%; background:url(images/subMenubg.jpg) repeat-x top rgba(240, 240, 240, 1.0); border-top:0px solid #e0e0e0; overflow: hidden;
 transition: all 1.0s;
 -webkit-transition: all 1.0s;
 -moz-transition: all 1.0s;/* Firefox 4 */
 -o-transition: all 1.0s; /* Opera */
 
 -webkit-transform: rotateX(-60deg);
 transform: rotateX(-60deg);
 -webkit-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 transform-origin: 0 0;
}
.subMenu div{overflow:hidden;}
.headright .head-item:hover .subMenu{
height:auto; opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.subMenu .about-menu{display:flex; flex-wrap: wrap; flex-direction:row; align-items:center; justify-content:space-between; width:100%; min-height:420px; max-width:1600px; margin:0 auto; clear:both;}
.subMenu .about-menu .about-menu-img{ width:33%; box-sizing:border-box; border:1px solid #CCC; margin:0px 0; float:right;
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
.subMenu .about-menu .about-menu-img img{width:100%; height:auto; border:0;}
.subMenu .about-menu .about-menu-img:hover img{
    transform: scale(1.15);
}
.subMenu .about-menu .about-menu-list{float:left; width:65%;}
.subMenu .about-menu .about-menu-list img{border:0px; height:100%; width:auto; vertical-align:middle;}
.subMenu .about-menu .about-menu-list a{
float:left; width:23%; margin-right:2%; display:block; height:60px; line-height:60px; font-size:20px; overflow:hidden; color:#000; border-bottom:1px solid #BBB;
}
.subMenu .about-menu .about-menu-list a:hover { color:#F00;}

.subMenu .about-menu form { width:600px; clear:both; margin:0 auto;}
.subMenu .about-menu .searchtext { width:548px; height:52px; border:1px solid #999; border-right:0px; color:#888; background:#FFF; outline:none; font-size:16px; line-height:50px; float:right; box-sizing:border-box; padding-left:10px;}


.subMenu .pro-menu{width:100%; max-width:1600px; margin:0 auto; clear:both; padding:50px 0 75px 0;}
.subMenu .pro-menu a{display:block; float:left; width:18.4%; height:50px; line-height:50px; font-size:20px; overflow:hidden; color:#000; margin:20px 2% 20px 0;
background:url(images/menumark.png) no-repeat 0 16px; border-bottom:1px solid #BBB; box-sizing:border-box; padding-left:21px; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.subMenu .pro-menu a:hover{color:#F00;}
.subMenu .pro-menu a:nth-child(5n){
margin:20px 0 20px 0;
}

.subMenu .case-menu{display:flex; flex-wrap: wrap; flex-direction: row; justify-content: center;align-items:center; width:100%; max-width:1600px; margin:0 auto;}
.subMenu .case-menu .case-menu-img{ width:22%; height:100px; box-sizing:border-box; border:1px solid #CCC; margin:75px 4% 75px 0; background-color:#FFF;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.subMenu .case-menu .case-menu-list{ width:22%; height:100px; box-sizing:border-box; border:1px solid #CCC; margin:75px 4% 75px 0; background-color:#FFF;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.subMenu .case-menu .case-menu-list:last-child{margin:35px 0 35px 0;}
/*-Navigation-*/
.sp_nav{width:36px;float:right;position:relative; top:50%;cursor:pointer;height:36px;margin-top:-18px; margin-right:6px;
border-radius: 62% 38% 46% 54% / 60% 63% 37% 40%; background:#09F;
}
.sp_nav span{display:block;background:#FFF;width:18px;height:2px;position:absolute;left:9px; top:9px; transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:11px}
.sp_nav span:nth-of-type(2){top:18px}
.sp_nav span:nth-of-type(3){top:25px}
.sp_nav_se span:nth-of-type(1){top:18px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:18px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:70px}
/*-Navigation-*/
@media screen and (max-width: 1400px){
.headright .head-item:hover>.lansearch{
background: url(images/search2b.png) no-repeat left; color:#F00;
}
.headerlogo{height:60px;}
.subMenu .about-menu{min-height:300px;}
.subMenu .about-menu .about-menu-list a{height:60px; line-height:60px; font-size:16px;}
.subMenu .pro-menu{padding:35px 0 50px 0;}
.subMenu .pro-menu a{height:50px; line-height:50px; font-size:16px; overflow:hidden; color:#000; margin:12px 2% 12px 0;}
.subMenu .pro-menu a:nth-child(5n){margin:12px 0 12px 0;}
}
@media screen and (max-width: 1024px){
.headerlogotitle{display:none;}
.headerlogo{height:60px;}
}
@media screen and (max-width: 924px){
.headerbg{height:70px;}
.headerbgin{height:70px;}
.header{width:100%; height:70px; position:relative; z-index:2000;}
.headerlogo{height:55px; max-width:70%; padding-left:5px; display:block;}
.headright{display:none;}
.headwap{
height:70px;
display:-webkit-inline-flex; display:inline-flex; flex:1; justify-content:flex-end;
}
.headmenubg{display:none;}
.nav_show{top:70px;}
}
/*-Navigation-*/
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:100%; font-size:14px;}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:34px;float:left;border-left:1px #ddd solid;text-align:center;color:#999; font-size:14px; display:block;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:19px;padding:6px 7px 5px 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:1.0em}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:100%;font-size:14px; display:block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left; font-size:14px;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*--Navigation--*/
.flasher-about{
width:100%; margin:0px auto; clear:both; height:335px; background:url(images/flash_about.jpg) center;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
footer s
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footerbg{ width:100%; clear:both; margin:0px auto; overflow:hidden; background:#131215;}
.pfooter{width:96%; clear:both; margin:0px auto; color:#656565; padding:35px 0;
display: -webkit-flex; display: flex; flex-wrap: nowrap; align-items:center; justify-content: space-between;
}
.foot-l{
width:50%;
}
.foot-l img{
float:left;
}
.foot-title{
float:left; padding:7px 0 7px 10px; line-height:26px; color:#6e6e6e; font-size:16px;
}
.foot-share{
float:left; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap; font-size:20px; color:#6e6e6e; font-family:Arial, Helvetica, sans-serif; margin-left:2%; letter-spacing:2px; text-shadow: 1px 1px 1px #000;
}
.foot-share ul li {
  position: relative;
}
.social-profile {
	float:left;
}
.social-profile li{
	float:left; margin-right:10px;
}
.social-profile li i{
	float:left; background-color:#333; color:#09F; width:36px; height:36px; line-height:36px; margin-right:10px; text-align:center; box-sizing:border-box; padding-left:2px; font-size:20px;
border-radius:18px;
-webkit-border-radius:18px;
-o-border-radius:18px;
-moz-border-radius:18px;
-ms-border-radius:18px;
}

.social-profile li .subeqr{ width:100px; position:absolute; left:-32px; top:20px; z-index:5; background-color:#fff; border:1px solid #ddd; box-shadow:0 0 5px #ddd; /*display:none;*/ visibility:hidden; opacity:0; transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); } 
.social-profile li .subeqr img{width:100%; height:auto;} 
.social-profile li:hover .subeqr{ /*display:block;*/ visibility:visible; opacity:1; top:48px; } 
.social-profile li .subeqr:before{ content:''; width:0; height:0; border-bottom:10px solid #fff; border-right:10px solid transparent; border-left:10px solid transparent; position:absolute; left:38px; top:-10px; z-index:5; } 
.social-profile li .subeqr:after{ content:''; width:0; height:0; border-bottom:12px solid #ddd; border-right:12px solid transparent; border-left:12px solid transparent; position:absolute; left:36px; top:-12px; }

.foot-menu{
clear:both; overflow:hidden; border-bottom:1px solid #393939; border-top:1px solid #393939;
width:100%; margin:0px auto; color:#656565; padding:35px 2%; box-sizing:border-box;
display: -webkit-flex; display: flex; flex-wrap: nowrap; align-items:center; justify-content: space-between;
}
.foot-menu-l{
font-size:18px;
}
.foot-menu-l a{ color:#656565; font-size:18px; margin-right:36px; display:block; float:left;}
.foot-menu-l a:hover{ color:#F00;}
.foot-menu-r{
font-size:18px;
}
.foot-menu-r i{
	background-color:#333; color:#09F; width:36px; height:36px; line-height:36px; margin-left:5px; margin-right:10px; text-align:center; box-sizing:border-box; padding:5px; font-size:24px;
border-radius:18px;
-webkit-border-radius:18px;
-o-border-radius:18px;
-moz-border-radius:18px;
-ms-border-radius:18px;
}
.foot-menu-r:hover{
color:#F00;
}
.foot-menu-r:hover i{
color:#F00;
}

.foot-contact{
clear:both; overflow:hidden;
width:100%; margin:0px auto; color:#656565; padding:35px 2% 15px 2%; box-sizing:border-box;
display: -webkit-flex; display: flex; flex-wrap: nowrap; align-items:center; justify-content: space-between;
}
.foot-contact-l{
width:66%; font-size:18px; line-height:240%;
}
.foot-contact-l h3{
font-size:18px; font-weight:normal;
}
.foot-contact-l-info{
float:left; width:50%; font-size:18px; padding-right:5%; box-sizing:border-box;
}
.foot-contact-l-messages{
float:left; width:50%; font-size:18px;
}
a.foot-contact-l-messages-more
{
clear:both; display:block; width:292px; height:48px; line-height:48px; font-size:18px; background-color:#195680; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
padding-left:22px; box-sizing:border-box; margin-top:30px; color:#71b8e9;
border-radius:24px;
-webkit-border-radius:24px;
-o-border-radius:24px;
-moz-border-radius:24px;
-ms-border-radius:24px;	
transition: all 0.3s ease;
}
.foot-contact-l-messages-more i {
  display: inline-block;
  width: 0.14rem;
  height: 0.12rem;
  background-image: url(images/more_30.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-left: 80px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
a.foot-contact-l-messages-more:hover 
{
color:#F00; background-color:#104c75;
}
.foot-contact-l-messages-more:hover i {
  transform: translateX(0.1rem);
  -webkit-transform: translateX(0.1rem);
  -moz-transform: translateX(0.1rem);
  -ms-transform: translateX(0.1rem);
  -o-transform: translateX(0.1rem);
  background-image: url(images/more_30.png);
}

.foot-contact-r{
font-size:18px; color:#6e6e6e; text-align:center; line-height:50px;
}

.foot-copyright{
clear:both; width:96%; clear:both; margin:0px auto; font-size:16px; color:#656565; line-height:26px; text-align:left; padding:15px 0;
}
.foot-copyright a{ color:#656565; font-size:16px;}
.foot-copyright a:hover{ color:#F00;}

@media screen and (max-width: 1600px){
.pfooter{padding:20px 0;}
.foot-title{
float:left; padding:7px 0 7px 10px; line-height:26px; font-size:14px;
}
.foot-share{
float:left; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap; font-size:18px; 
margin-left:2%; letter-spacing:2px; text-shadow: 1px 1px 1px #000;
}
.social-profile li i{
 width:36px; height:36px; line-height:36px; margin-right:10px; text-align:center; padding-left:2px; font-size:20px;
}
.foot-menu{
padding:25px 2%;
}
.foot-menu-l a{ color:#656565; font-size:16px; margin-right:30px;}
.foot-menu-r{
font-size:16px;
}
.foot-menu-r i{
	background-color:#333; color:#09F; width:36px; height:36px; line-height:36px; margin-left:5px; margin-right:10px; text-align:center; box-sizing:border-box; padding:5px; font-size:24px;
border-radius:18px;
-webkit-border-radius:18px;
-o-border-radius:18px;
-moz-border-radius:18px;
-ms-border-radius:18px;
}
.foot-contact{
width:100%; margin:0px auto; padding:25px 2% 10px 2%;
}
.foot-contact-l{
width:66%; font-size:16px; line-height:240%;
}
.foot-contact-l h3{
font-size:16px; font-weight:normal;
}
.foot-contact-l-info{
float:left; width:50%; font-size:16px; padding-right:5%; box-sizing:border-box;
}
.foot-contact-l-messages{
float:left; width:50%; font-size:16px;
}
a.foot-contact-l-messages-more
{
clear:both; display:block; width:272px; height:48px; line-height:48px; font-size:16px; background-color:#195680; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
padding-left:22px; box-sizing:border-box; margin-top:30px; color:#71b8e9;
border-radius:24px;
-webkit-border-radius:24px;
-o-border-radius:24px;
-moz-border-radius:24px;
-ms-border-radius:24px;	
transition: all 0.3s ease;
}
.foot-contact-l-messages-more i {
  margin-left: 80px;
}
.foot-contact-r{
font-size:16px; color:#6e6e6e; text-align:center; line-height:50px;
}

.foot-copyright{
clear:both; width:96%; clear:both; margin:0px auto; font-size:16px; color:#656565; line-height:26px; text-align:left; padding:15px 0;
}
.foot-copyright a{ color:#656565; font-size:16px;}
}
@media screen and (max-width: 1200px){
.pfooter{padding:20px 0;}
.foot-title{
float:left; padding:7px 0 7px 10px; line-height:26px; font-size:14px;
}
.foot-share{
float:left; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap; font-size:16px; 
margin-left:2%; letter-spacing:2px; text-shadow: 1px 1px 1px #000;
}
.social-profile li i{
 width:36px; height:36px; line-height:36px; margin-right:10px; text-align:center; padding-left:2px; font-size:16px;
}
.foot-menu{
padding:25px 2%;
}
.foot-menu-l a{ color:#656565; font-size:14px; margin-right:30px;}
.foot-menu-r{
font-size:14px;
}
.foot-menu-r i{
	background-color:#333; color:#09F; width:30px; height:30px; line-height:30px; margin-left:5px; margin-right:10px; text-align:center; box-sizing:border-box; padding:5px; font-size:20px;
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:185px;
}
.foot-contact{
width:100%; margin:0px auto; padding:25px 2% 10px 2%;
}
.foot-contact-l{
width:66%; font-size:14px; line-height:240%;
}
.foot-contact-l h3{
font-size:14px; font-weight:normal;
}
.foot-contact-l-info{
float:left; width:50%; font-size:14px; padding-right:5%; box-sizing:border-box;
}
.foot-contact-l-messages{
float:left; width:50%; font-size:14px;
}
a.foot-contact-l-messages-more
{
clear:both; display:block; width:200px; height:38px; line-height:38px; font-size:14px; background-color:#195680; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
padding-left:22px; box-sizing:border-box; margin-top:30px; color:#71b8e9;
border-radius:19px;
-webkit-border-radius:19px;
-o-border-radius:19px;
-moz-border-radius:19px;
-ms-border-radius:19px;	
transition: all 0.3s ease;
}
.foot-contact-l-messages-more i {
  margin-left: 30px;
}
.foot-contact-r{
font-size:14px; color:#6e6e6e; text-align:center; line-height:50px;
}

.foot-copyright{
clear:both; width:96%; clear:both; margin:0px auto; font-size:14px; color:#656565; line-height:26px; text-align:left; padding:15px 0;
}
.foot-copyright a{ color:#656565; font-size:14px;}
}
@media screen and (max-width: 1024px){
.pfooter{padding:20px 0; justify-content:center;}
.foot-l{
 display:none;
}
.foot-share{
float:left; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap; font-size:14px; 
margin-left:2%; letter-spacing:2px; text-shadow: 1px 1px 1px #000;
}
.social-profile li i{
 width:36px; height:36px; line-height:36px; margin-right:10px; text-align:center; padding-left:2px; font-size:16px;
}
.foot-menu{
padding:25px 2%;
}
.foot-menu-l a{ color:#656565; font-size:14px; margin-right:10px;}
.foot-menu-r{
font-size:14px; width:180px; text-align:right;
}
.foot-menu-r i{
	background-color:#333; color:#09F; width:30px; height:30px; line-height:30px; margin-left:5px; margin-right:10px; text-align:center; box-sizing:border-box; padding:5px; font-size:20px;
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:185px;
}
.foot-contact{
width:100%; margin:0px auto; padding:25px 2% 10px 2%;
}
.foot-contact-l{
width:100%; font-size:14px; line-height:240%;
}
.foot-contact-l h3{
font-size:14px; font-weight:normal;
}
.foot-contact-l-info{
float:left; width:50%; font-size:14px; padding-right:5%; box-sizing:border-box;
}
.foot-contact-l-messages{
float:left; width:50%; font-size:14px;
}
a.foot-contact-l-messages-more
{
clear:both; display:block; width:200px; height:38px; line-height:38px; font-size:14px; background-color:#195680; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
padding-left:22px; box-sizing:border-box; margin-top:30px; color:#71b8e9;
border-radius:19px;
-webkit-border-radius:19px;
-o-border-radius:19px;
-moz-border-radius:19px;
-ms-border-radius:19px;	
transition: all 0.3s ease;
}
.foot-contact-l-messages-more i {
  margin-left: 30px;
}
.foot-contact-r{
font-size:14px; color:#6e6e6e; text-align:center; line-height:50px; display:none;
}

.foot-copyright{
clear:both; width:96%; clear:both; margin:0px auto; font-size:14px; color:#656565; line-height:26px; text-align:left; padding:15px 0;
}
.foot-copyright a{ color:#656565; font-size:14px;}
}
@media screen and (max-width: 700px){
.pfooter{padding:20px 0;}
.foot-title{
float:left; padding:7px 0 7px 10px; line-height:26px; font-size:14px; display:none;
}
.foot-share{
float:left; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap; font-size:16px; 
margin-left:0%; letter-spacing:2px; text-shadow: 1px 1px 1px #000;
}
.social-profile li i{
 width:36px; height:36px; line-height:36px; margin-right:5px; text-align:center; padding-left:2px; font-size:16px;
}
.foot-menu{
padding:25px 2%;
}
.foot-menu-l a{ color:#656565; font-size:14px; margin-right:10px;}
.foot-menu-r{
font-size:14px; width:300px; text-align:right;
}
.foot-menu-r i{
	background-color:#333; color:#09F; width:30px; height:30px; line-height:30px; margin-left:5px; margin-right:10px; text-align:center; box-sizing:border-box; padding:5px; font-size:20px;
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:185px;
}
.foot-contact{
width:100%; margin:0px auto; padding:25px 2% 10px 2%;
}
.foot-contact-l{
width:100%; font-size:14px; line-height:240%;
}
.foot-contact-l h3{
font-size:14px; font-weight:normal;
}
.foot-contact-l-info{
float:left; width:100%; font-size:14px; padding-right:5%; box-sizing:border-box;
}
.foot-contact-l-messages{
float:left; width:100%; font-size:14px;
}
a.foot-contact-l-messages-more
{
clear:both; display:block; width:200px; height:38px; line-height:38px; font-size:14px; background-color:#195680; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
padding-left:22px; box-sizing:border-box; margin-top:15px; color:#71b8e9;
border-radius:19px;
-webkit-border-radius:19px;
-o-border-radius:19px;
-moz-border-radius:19px;
-ms-border-radius:19px;	
transition: all 0.3s ease;
}
.foot-contact-l-messages-more i {
  margin-left: 30px;
}
.foot-contact-r{
font-size:14px; color:#6e6e6e; text-align:center; line-height:50px; display:none;
}

.foot-copyright{
clear:both; width:96%; clear:both; margin:0px auto; font-size:14px; color:#656565; line-height:26px; text-align:left; padding:15px 0;
}
.foot-copyright a{ color:#656565; font-size:14px;}
}


/*轮播*/
.index-page-banner-in{
width:100%; clear:both; margin:0px auto; overflow:hidden; position:relative;
}
.index-page-banner-in img{
width:100%; height:auto; border:0px;
}

.index-page-banner{
width:100%; clear:both; margin:0px auto; overflow:hidden; position:relative;
}
.index-page-banner .swiper-slide{
font-size:0;
}
.index-page-banner .swiper-slide a {
width:100%; height:842px; position: relative; display: block; overflow:hidden;
}
.index-page-banner .swiper-slide a img {
width:1920px; height:842x; border:0px; position:relative; left:50%; top:50%; margin-left:-960px; margin-top:-421px;
}
.index-page-banner .swiper-slide .pcs{display:block;}
.index-page-banner .swiper-slide .waps{display:none;}
@media screen and (max-width: 1600px){
.index-page-banner .swiper-slide a {height:746px;}
.index-page-banner .swiper-slide a img {width:1700px; height:746px; margin-left:-850px; margin-top:-373px;}
}
@media screen and (max-width: 1400px){
.index-page-banner .swiper-slide a {height:658px;}
.index-page-banner .swiper-slide a img {width:1500px; height:658px; margin-left:-750px; margin-top:-329px;}
}
@media screen and (max-width: 1200px){
.index-page-banner .swiper-slide a {height:auto;}
.index-page-banner .swiper-slide a img {width:100%; height:auto; left:0; top:0; margin-left:0; margin-top:0;}
.index-page-banner .swiper-slide .pcs{display:none;}
.index-page-banner .swiper-slide .waps{display:block;}	
}
.index-page-banner .banner-lunbo .swiper-pagination{
 bottom:40px;
}
.index-page-banner .banner-lunbo .swiper-pagination .swiper-pagination-bullet {
  width:60px;
  height: 10px;
  background: none;
  opacity: 1;
  margin: 0;
  vertical-align: middle;
  border-radius: 0;
  position: relative;
}
.index-page-banner .banner-lunbo .swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  display: block;
  width: 75%;
  height: 10px;
  background: #fff;
  position: absolute;
  left:5%;
  top:4px;
  z-index: 10;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.index-page-banner .banner-lunbo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background: #0066ff;
}

.index-page-banner .btn-boxt {
	clear:both; width:100%; height:60px; position:absolute; z-index:5; top:50%; margin-top:-30px;
}
.index-page-banner .btn-boxt .swiper-btn {
  display: inline-block;
  width: 84px;
  height: 84px;
}
.index-page-banner .btn-boxt .swiper-btn.prev {
  margin-left:1%; float:left; opacity:0.7;
  background: url(images/mark_l.png) no-repeat;
}
.index-page-banner .btn-boxt .swiper-btn.prev:hover {
  background: url(images/mark_l.png) no-repeat; opacity: 1;
}
.index-page-banner .btn-boxt .swiper-btn.next {
  margin-right:1%; float:right; opacity: 0.7;
  background: url(images/mark_r.png) no-repeat;
}
.index-page-banner .btn-boxt .swiper-btn.next:hover {
  background: url(images/mark_r.png) no-repeat; opacity: 1;
}
@media screen and (max-width: 1000px){
.index-page-banner .btn-boxt .swiper-btn {
  display: none;
}
}


.index-page-gonggao{
width:100%; height:60px; clear:both; margin:0px auto; overflow:hidden; background-color:#0066ff; border-bottom:1px solid #CCC;
}
.index-page-gonggao div{
overflow:hidden;
}
.index-page-gonggaoall{
width:100%; max-width:1600px; height:60px; clear:both; margin:0px auto; position:relative;
}
.index-page-gonggao .gonggao{
padding:0 10px; height:60px; background-color:#FFF; line-height:60px; font-size:18px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; position:absolute; left:0; top:0; z-index:2;
}
.index-page-gonggao .gonggao span{
padding:0 0 0 0; font-weight:bold;
}
.index-page-gonggao .gonggaoshow{
width:100%; height:60px;
}
.index-page-gonggao .gonggaoshow marquee{
width:100%; height:60px; line-height:60px; font-size:17px; color:#FFF;
}
@media screen and (max-width: 700px){
.index-page-gonggao .gonggao{display:none;}
}

.index-page-youshi{
width:100%; clear:both; margin:0px auto; overflow:hidden; padding-top:10px;
}
.index-page-youshi div{
overflow:hidden;
}
.index-video-all{
width:100%; clear:both; margin:0 auto; padding:70px 0 0 0; background-color:#f0f0f0; overflow:hidden;
}
.index-video-all ul{
width:100%; clear:both; margin:0px auto; padding:50px 0 90px 0; overflow:hidden;
}
.index-video-all ul li{
float:left; width:30.3333%; margin:0 1.5%; box-sizing:border-box;
}
.index-video-all ul li:nth-child(1){
width:60%; margin:0 20% 3% 20%;
}
.index-video-all ul li:hover img{
    transform: scale(1.1);
}

.index-page-youbanner{
width:100%; height:575px; clear:both; margin:0px auto; box-sizing: border-box; background:url(images/banner_08.jpg) no-repeat;
}
.youbanner01{
width:96%; max-width:1100px; clear:both; margin:0px auto; padding-top:120px;
}
.youbanner01 p{
color:#FFF; font-size:18px; line-height:33px; padding-top:20px;
}
.index-page-youshi00{
float:right; width:55%; max-width:400px; height:250px; margin-top:-140px; background-color:#0039c8;
}
.index-page-youshi00:hover{
background-color:#0149fd;
}
.index-page-youshi00a{
width:90%; margin:50px auto; padding-bottom:15px; padding-left:5px; border-bottom:1px solid #4d74db; color:#FFF; font-size:18px; box-sizing: border-box; 
}
.index-page-youshi00b{
width:90%; margin:50px auto; padding-left:5px;
}
.index-page-youshi01{
width:100%; clear:both; text-align:center; color:#17161a; font-size:32px; padding:60px 0px 30px 0px;
font-family:"Microsoft Yahei", "Arial Black", Gadget, sans-serif; font-weight:bold;
-webkit-text-stroke: 1px #FFF; /* Safari */
text-stroke: 1px #FFF; /* 标准语法（可能不被所有浏览器支持） */
}
.index-page-youshi02{
width:100%; clear:both; text-align:center; color:#CCC; font-size:20px; padding-bottom:60px;
}
.index-page-youshiall{
width:96%; clear:both; margin:0px auto; padding-bottom:50px;
}
.index-page-youshilist{
float:left; width:23.875%; margin-right:1.5%; text-align:center; background-color:#17161a;
}
.index-page-youshilist:nth-child(4){
margin-right:0;
}
.index-page-youshilist:hover{
background-color:#17161a;
}
.index-page-youshi-container{
position:relative; width:100%; padding:0; overflow:hidden;
}
.index-page-youshi-container img{
width:100%; max-width:261px; height:auto; border:0;
}
.index-page-youshi-container a{
width:100%; height:100%; position:relative; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto; display:block; box-sizing: border-box; padding:10% 0 5% 0;
}
.index-page-youshilist h6{
color:#FFF; font-size:16px; margin:20px 0 10px 0;
}
.index-page-youshilist p{
color:#788083; font-size:16px; line-height:30px; padding:0 10px;
}
@media screen and (max-width: 1560px){
.index-page-youbanner{
width:100%; height:575px; clear:both; margin:0px auto; box-sizing: border-box; background:url(images/banner_03.jpg) no-repeat;
}
}
@media screen and (max-width: 1400px){
.index-page-youshilist h6{font-size:16px; margin:10px 0 3px 0;}
.index-page-youshilist p{font-size:13px; line-height:24px;}
.index-page-youshi-container a{padding-top:15%;}
}
@media screen and (max-width: 1200px){
.index-page-youshi-container img{
width:80%; max-width:261px; height:auto; border:0;
}
.index-page-youshilist h6{font-size:14px; margin:10px 0 3px 0;}
.index-page-youshilist p{font-size:12px; line-height:20px;}
.index-page-youshi-container a{padding-top:10%;}
}
@media screen and (max-width: 1024px){
.youbanner01{
width:96%; max-width:1100px; clear:both; margin:0px auto; padding-top:100px;
}
.index-page-youshi-container a{padding-top:5%;}
.index-page-youshilist h6{font-size:12px; margin:10px 0 3px 0;}
.index-page-youshilist p{font-size:12px; line-height:18px;}
}
@media screen and (max-width: 768px){
.index-video-all ul{
height:0px; padding:0;
}
.index-video-wap{
display:block;
}
.index-video-all ul li:nth-child(1){
width:100%; margin:0 0 3% 0;
}
.index-video-all ul li:nth-child(2){
width:48.5%; margin:0 3% 3% 0;
}
.index-video-all ul li:nth-child(3){
width:48.5%; margin:0 0 3% 0;
}
.index-video-all ul li:nth-child(4){
width:100%; margin:0;
}

.index-page-youshi-container a{padding-top:1%;}
.index-page-youshilist h6{font-size:12px; margin:10px 0 1px 0;}
.index-page-youshilist p{font-size:12px; line-height:20px;}
}
@media screen and (max-width: 700px){
.index-video-all{
padding:30px 0 0 0;
}
.youbanner01{
width:96%; max-width:1100px; clear:both; margin:0px auto; padding-top:60px;
}
.index-page-youshi00{
width:100%; max-width:100%; height:250px; margin-top:-140px; background-color:#0039c8;
}
.index-page-youshi01{
width:100%; clear:both; text-align:center; color:#FFF; font-size:28px; padding:40px 0px 20px 0px;
}
.index-page-youshi02{
width:100%; clear:both; text-align:center; font-size:16px; padding-bottom:40px;
}
.index-page-youshiall{
width:96%; max-width:1600px; clear:both; margin:0px auto; padding-bottom:50px;
}
.index-page-youshilist{
width:50%; margin-right:0;
}
.index-page-youshilist:nth-child(2n+1){
clear:both;
}
.index-page-youshilist:nth-child(2), .index-page-youshilist:nth-child(3){
background-color:#17161a;
}
.index-page-youshi-container a{padding-top:15%;}
.index-page-youshilist h6{font-size:16px; margin:12px 0 6px 0;}
.index-page-youshilist p{font-size:14px; line-height:28px;}
}
@media screen and (max-width: 480px){
.index-page-youshi00{
margin-top:-40px;
}
.index-page-youshi-container a{padding-top:2%;}
.index-page-youshilist h6{font-size:14px; margin:6px 0 3px 0;}
.index-page-youshilist p{font-size:10px; line-height:15px;}
}

/*title s*/
.protitle{
padding:9px 15px 9px 15px; color:#FFF; font-size:22px; line-height:45px; background-color:#ff8901; float:left;
box-shadow:0 0 15px rgba(0,0,0,0.5);
border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
}
.protitleqr{
clear:both; line-height:25px; color:#777; font-size:16px;
}
.titleall{
width:98%; margin:0 auto; clear:both; overflow:hidden;
}
.titleall div{
overflow:hidden;
}
.titleall .titleleft{text-align:center;}
.titleall .titleright{
display: -webkit-flex; display: flex; flex-direction:row; flex-wrap: wrap; align-items:center;  justify-content:center; padding-top:0px;
}
.titleall .titleright .active{ color:#F00; border-bottom:1px solid #F00;}
.titleall .titleright a{
display:block; width:17%; height:50px; line-height:50px; font-size:18px; color:#FFF; margin:5px 1.5% 5px 1.5%; 
text-align:center; border-bottom:1px solid #999; box-sizing:border-box; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.titleall .titleright a:hover{
color:#F00; border-bottom:1px solid #F00;
}
.titleall01{
clear:both; padding-bottom:10px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; color:#17161a; font-size:50px; line-height:50px; letter-spacing:1px;
  -webkit-text-stroke: 1px white; /* Safari */
  text-stroke: 1px white; /* 标准语法（可能不被所有浏览器支持） */
}
.titleall01a{
clear:both; padding-bottom:10px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; color:#17161a; font-size:36px; line-height:50px; letter-spacing:1px;
  -webkit-text-stroke: 1px white; /* Safari */
  text-stroke: 1px white; /* 标准语法（可能不被所有浏览器支持） */
}
.titleall02{
font-family:"Microsoft Yahei"; font-size:28px; font-weight:bold; letter-spacing:5px; color:#000;
}
.titleall02a{
font-family:"Microsoft Yahei"; font-size:24px; font-weight:bold; letter-spacing:5px; color:#323232; padding-bottom:1.5%;
text-shadow: 1px 1px 1px #666;
}
.titleall01c{
clear:both; padding-bottom:10px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; color:#FFF; font-size:50px; line-height:50px; letter-spacing:1px;
}
.titleall02c{
float:left; font-family:"Microsoft Yahei"; font-size:28px; font-weight:bold; letter-spacing:5px; color:#FFF;
}
.titleall03{
clear:both; width:60px; height:3px; background-color:#000; margin-top:20px;
}
.titleall05{
clear:both; font-family:"Microsoft Yahei"; font-size:28px; font-weight:bold; letter-spacing:3px; color:#FFF;
  -webkit-text-stroke: 1px #a7c8ea; /* Safari */
  text-stroke: 1px #a7c8ea; /* 标准语法（可能不被所有浏览器支持） */
}
a.index-more-all
{
float:right; width:150px; height:50px; line-height:50px; border:1px solid #0066ff; display:block; margin-top:-70px; text-align:center; color:#999; font-size:17px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.index-more-all i {
  display: inline-block;
  width: 0.14rem;
  height: 0.12rem;
  background-image: url(images/more2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-left: 0.18rem;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
a.index-more-all:hover 
{
color:#F00;
}
.index-more-all:hover i {
  transform: translateX(0.1rem);
  -webkit-transform: translateX(0.1rem);
  -moz-transform: translateX(0.1rem);
  -ms-transform: translateX(0.1rem);
  -o-transform: translateX(0.1rem);
  background-image: url(images/more2.png);
}
@media screen and (max-width: 1400px){
.titleall01{
font-size:40px; line-height:40px;
}
.titleall01a{
font-size:30px; line-height:45px; letter-spacing:1px;
}
.titleall02{
font-size:24px;
}
.titleall02a{
font-size:18px; letter-spacing:2px; padding-bottom:2.5%;
}
.titleall01c{
font-size:40px; line-height:40px;
}
.titleall02c{
font-size:24px;
}
.titleall05{
font-size:18px;
}
a.index-more-all
{
width:135px; height:45px; line-height:45px; margin-top:-55px;
}
.titleall .titleright a{
width:17%; height:50px; line-height:50px; font-size:16px; color:#FFF; margin:5px 1.5% 5px 1.5%; 
}
}
@media screen and (max-width: 1200px){
.titleall .titleright a{
width:22%; height:42px; line-height:42px; font-size:14px; color:#FFF; margin:5px 1.5% 5px 1.5%; 
}
.titleall05{
font-size:16px;
}
.titleall03{
margin-top:15px;
}
a.index-more-all
{
width:120px; height:40px; line-height:40px; margin-top:-50px;
}
}
@media screen and (max-width: 1024px){
.titleall .titleright a{
width:30.33333%; height:42px; line-height:42px; font-size:14px; color:#FFF; margin:5px 1.5% 5px 1.5%; 
}
}
@media screen and (max-width: 668px){
.titleall .titleright a{
width:47%; height:42px; line-height:42px; font-size:14px; color:#FFF; margin:5px 1.5% 5px 1.5%; 
}
.titleall01{
font-size:30px; line-height:30px;
}
.titleall01a{
font-size:24px; line-height:40px; letter-spacing:1px;
}
.titleall02{
font-size:20px;
}
.titleall02a{
font-size:14px; letter-spacing:0px; padding-bottom:2.5%;
}
.titleall01c{
font-size:30px; line-height:30px;
}
.titleall02c{
font-size:20px;
}
a.index-more-all
{display:none;}
}
/*title e*/

.index-page-pro{
width:98%; clear:both; margin:0px auto; overflow:hidden; padding-top:50px; padding-bottom:30px;
}
.index-page-pro div{
overflow:hidden;
}
.index-page-pro ul{
width:100%; clear:both; margin:0 auto; padding:40px 0px 20px 0px; overflow:hidden;
}
.index-page-pro ul li{
float:left; width:18.8%; margin-bottom:30px; margin-right:1.5%; border:0px solid #e0e0e0; background-color:#17161a; box-sizing: border-box;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.index-page-pro ul li:nth-child(5n){
 margin-right:0;
}
@media screen and (max-width: 1400px){
.index-page-pro{padding-top:50px; padding-bottom:15px;}
.index-page-pro ul li{width:23.875%; margin-bottom:30px; margin-right:1.5%;}
.index-page-pro ul li:nth-child(5n){margin-right:1.5%;}
.index-page-pro ul li:nth-child(4n){margin-right:0;}
.index-p-p ul li:nth-child(9){display:none;}
.index-p-p ul li:nth-child(10){display:none;}
}
@media screen and (max-width: 1200px){
.index-page-pro ul li{width:32.33333%; margin-bottom:30px; margin-right:1.5%;}
.index-page-pro ul li:nth-child(4n){margin-right:1.5%;}
.index-page-pro ul li:nth-child(3n){margin-right:0;}
.index-p-p ul li:nth-child(9){display:block;}
}
@media screen and (max-width: 700px){
.index-page-pro{padding-top:25px; padding-bottom:5px;}
.index-page-pro ul{width:98%; padding:10px 0px 0px 0px;}
.index-page-pro ul li{width:48.5%; margin-bottom:30px; margin-right:3%;}
.index-page-pro ul li:nth-child(5n){margin-right:3%;}
.index-page-pro ul li:nth-child(4n){margin-right:3%;}
.index-page-pro ul li:nth-child(3n){margin-right:3%;}
.index-page-pro ul li:nth-child(2n){margin-right:0;}
.index-p-p ul li:nth-child(10){display:block;}
}


.hotsalelist01{
margin:5px auto 0px auto; width:90%; line-height:26px; height:26px; border-top:0px solid #e4e4e4; text-align:left; padding-top:0px; text-align:center;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
.hotsalelist02{
margin:0px auto; width:90%; line-height:26px; height:26px; text-align:left; padding-top:6px; padding-bottom:11px;
}
.prolist{
	list-style-type: none;
	/*display:inline-block;*/
	display: block;
	float: left;
	max-width:600px;
	max-height:600px;
	width:100%;
	position: relative;
	overflow: hidden;
}
.dummy{padding-top:100%;}
.prolist img{
	max-width: 80%;
	max-height: 80%;
	display: inline-block;
	vertical-align: middle;
}
.prolist i{
	display: inline-block;
	vertical-align: middle;
	height:100%;
}
.prolist p{
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
}
/*pro s*/
.index-pro{
width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden; padding-top:50px; padding-bottom:40px;
}
.index-pro div{
overflow:hidden;
}
.index-pro-l{
float:left; width:18%; background-color:#f0f0f0; padding-bottom:10px;
}
.index-pro-classtitle{
clear:both; text-align:center; background-color:#0066ff; color:#FFF; font-size:18px; font-weight:bold; line-height:46px;
}
.index-pro-classall{
clear:both; padding:5px 0px 20px 0px;
}
.index-pro-qr01{
clear:both; text-align:center;
}
.index-pro-qr01 img{
clear:both; width:80%; height:auto; border:0px; margin:0 auto;
}
.index-pro-qr02{
clear:both; width:80%; margin:8px auto 20px auto; text-align:center; background-color:#2f2f2f; font-size:16px; color:#FFF; line-height:32px;
border-radius:16px;
-webkit-border-radius:16px;
-o-border-radius:16px;
-moz-border-radius:16px;
-ms-border-radius:16px;
}
.index-pro-r{
float:right; width:80%;
}
.index-pro-r ul{
width:100%; clear:both; padding:0px 0px 20px 0px;
}
.index-pro-r ul li{
float:left; width:22.75%; margin-bottom:30px; margin-right:3%; border:1px solid #e0e0e0; background-color:#FFF; box-sizing: border-box;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.index-pro-r ul li:nth-child(4n){
 margin-right:0;
}
@media screen and (max-width: 1024px){
.index-pro{padding-top:30px; padding-bottom:40px;}
.index-pro-l{display:none;}
.index-pro-r{float: none; width:100%; padding-top:30px;}
}
@media screen and (max-width: 700px){
.index-pro-r ul{padding:0px 0px 20px 0px;}
.index-pro-r ul li{width:48%; margin-bottom:30px; margin-right:4%;}
.index-pro-r ul li:nth-child(2n){margin-right:0;}
}

.index-page-pro ul li:hover img{
    transform: scale(1.15);
}
.index-page-pro ul li:hover{border:0px solid #0066ff;}

/*app s*/
.index-page-app-bg{
width:100%; clear:both; margin:0px auto; overflow:hidden; background-color:#ececec; padding:60px 0px 70px 0px;
}
.index-page-appall{
width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden;
}
.index-page-app{
	width:100%; max-width:1600px; clear:both; margin:40px auto 0px auto; overflow:hidden; position:relative;
}
.index-page-app .swiper-slide{
font-size:0;
}
.appimg{
position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto; overflow:hidden; background-color:#039;
}
.index-page-app .swiper-slide a {
width:100%; padding:55% 0 0 0; position: relative; display: block; overflow:hidden;
}
.index-page-app .swiper-slide img {
width:100%; height:100%; border:0px; 
}
.index-page-app .btn-boxt {
  clear:both; width:100%; height:50px; position:absolute; z-index:10; top:50%; margin-top:-25px;
}
.index-page-app .btn-boxt .swiper-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
}
.index-page-app .btn-boxt .swiper-btn.prev {
  margin-left:1%; float:left; opacity:0.7;
  background: url(images/l.png) no-repeat;
}
.index-page-app .btn-boxt .swiper-btn.prev:hover {
  background: url(images/l.png) no-repeat; opacity: 1;
}
.index-page-app .btn-boxt .swiper-btn.next {
  margin-right:1%; float:right; opacity: 0.7;
  background: url(images/r.png) no-repeat;
}
.index-page-app .btn-boxt .swiper-btn.next:hover {
  background: url(images/r.png) no-repeat; opacity: 1;
}
@media screen and (max-width: 700px){
.index-page-app-bg{padding:30px 0px 40px 0px;}
.index-page-app{margin:20px auto 0px auto;}
}
.index-page-aboutbg{
width:100%; clear:both; margin:0px auto; overflow:hidden; background: url(images/banner_06.jpg) no-repeat right center;
}
.index-page-about{
width:98%; clear:both; margin:0px auto; overflow:hidden; padding:80px 0px 80px 0px;
}
.index-page-about div{
overflow:hidden;
}
.about-all{
clear:both; width:90%; font-size:18px; color:#777; line-height:200%; padding:20px 0px 0px 0px; margin-left:1%; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.about-all p{
padding-bottom:15px; font-size:18px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.about-img{
clear:both; width:98%; font-size:18px; color:#777; line-height:33px; padding:20px 0px 20px 0px; margin:0 auto;
}
a.about-more
{
color:#FFF; font-size:16px; height:38px; line-height:38px; width:110px; display:block; text-align:center; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; background-color:#0066ff;
border-radius:19px;
-webkit-border-radius:19px;
-o-border-radius:19px;
-moz-border-radius:19px;
-ms-border-radius:19px;
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.9); margin:10px 10px 10px 1%;
}
a.about-more:hover 
{
color:#FFF; background-color:#cb7a00;
}
@media screen and (max-width: 1400px){
.about-all{font-size:16px; line-height:28px; padding:10px 0px 0px 0px;}
.about-all p{padding-bottom:10px;}
}
@media screen and (max-width: 768px){
.about-all{font-size:16px; line-height:30px; padding:20px 0px 0px 0px;}
.about-all p{padding-bottom:10px;}
}
@media screen and (max-width: 700px){
.index-page-about{padding:30px 0px 30px 0px;}
.about-img img{width:100%; height:auto; border:0px;}
}

/*case s*/
.index-page-casebg{
width:100%; height:732px; padding-top:89px; clear:both; margin:0px auto; overflow:hidden; background:url(images/banner_01.jpg) center; box-sizing: border-box;
}
.index-page-caseall{
width:100%; max-width:1920px; clear:both; margin:0px auto; position:relative; padding:50px 50px 0 50px; box-sizing:border-box; overflow:hidden;
}





.index-page-caseall .swiper-slide{
font-size:0; background:none;
}
.index-page-caseall .swiper-slide .caselistlun {
width:100%; position: relative; overflow:hidden;
}
.index-page-caseall .swiper-slide .caselistlun .caselistlun01{
clear:both; position:relative; width:100%; padding:60% 0 0 0; overflow:hidden; box-sizing: border-box; border:1px solid #555; overflow:hidden;
}
.index-page-caseall .swiper-slide .caselistlun .caselistlun01>img {
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto; transition:all .25s; transition: transform ease-in .35s;
  object-fit: cover;
  border:0;
}
.index-page-caseall .swiper-slide .caselistlun:hover img {
transform: scale(1.15);
}
.index-page-caseall .btn-boxt {
  clear:both; width:100%; height:72px; position:absolute; z-index:10; top:50%; box-sizing:border-box; padding-right:100px;
}
.index-page-caseall .btn-boxt .swiper-btn {
  display: inline-block;
  width: 36px;
  height: 72px;
}
.index-page-caseall .btn-boxt .swiper-btn.prev {
  margin-left:-50px; float:left; opacity:0.7;
  background: url(images/casem_l.png) no-repeat;
}
.index-page-caseall .btn-boxt .swiper-btn.prev:hover {
  background: url(images/casem_l.png) no-repeat; opacity: 1;
}
.index-page-caseall .btn-boxt .swiper-btn.next {
  margin-right:-50px; float:right; opacity:0.7;
  background: url(images/casem_r.png) no-repeat;
}
.index-page-caseall .btn-boxt .swiper-btn.next:hover {
  background: url(images/casem_r.png) no-repeat; opacity: 1;
}

.caselist{
clear:both; width:420px; margin:0 20px;
}
.caselist01{
clear:both; width:418px; height:280px; box-sizing: border-box; border:1px solid #555;
}
.caselist img{width:418px; height:280px; border:0;}
.caselist:hover img{
    transform: scale(1.15);
}
@media screen and (max-width: 668px){
.index-page-casebg{
width:100%; height:auto; clear:both; margin:0px auto; overflow:hidden; background:url(images/banner_01.jpg) center; box-sizing: border-box; padding-bottom:50px;
}
}
.index-page-case{
	width:100%; clear:both; overflow:hidden; position:relative;
}

.index-page-news-show{
width:98%; clear:both; margin:0px auto; overflow:hidden; padding-top:60px; padding-bottom:40px;
}

.index-page-news{
width:98%; clear:both; margin:0px auto; overflow:hidden; padding-top:60px; padding-bottom:40px;
}
.index-page-news div{
overflow:hidden;
}
.index-page-news ul{
width:98%; clear:both; margin:0px auto; padding:40px 0px 20px 0px;
}
.index-page-news ul li{
float:left; width:48%; margin-bottom:30px; margin-right:4%; box-sizing:border-box;
background:linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1), rgba(3, 150, 251, 0.1));  box-shadow:0 0 15px rgba(0,0,0,0.2);
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
transition: box-shadow 1.0s;
}
.index-page-news ul li:nth-child(2n){
 margin-right:0;
}
.index-page-news ul li:hover{
     box-shadow:0 0 15px rgba(0,0,0,0.5);
}
.index-page-news ul li:hover img{
    transform: scale(1.15);
}
.newsleft{
float:left; width:28%; box-sizing: border-box; border:1px solid #555; margin:10px; background:#353535;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.newsleft .newspic{
clear:both; position:relative; width:100%; padding:60% 0 0 0; overflow:hidden; box-sizing: border-box; overflow:hidden;
}
.newsleft .newspic>img{
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.newsright{
float:right; width:calc(72% - 30px); box-sizing:border-box; padding-right:10px;
}
.news01{
clear:both; line-height:36px; padding:5px 0px 4px 0px; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.news02{
clear:both; width:84px; height:2px; background-color:#0066ff;
}
.news03{
clear:both; line-height:24px; padding:7px 0px 0px 0px;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.news04{
clear:both; line-height:25px;
}
@media screen and (max-width: 1200px){
.index-page-news ul li{
float:left; width:100%; margin-bottom:20px; margin-right:0; box-sizing:border-box;
}
}
@media screen and (max-width: 768px){
.news01{
clear:both; line-height:36px; padding:0px 0px 3px 0px;
}
.news02{
clear:both; width:60px; height:2px; background-color:#0066ff;
}
.news03{
clear:both; word-break:break-all; line-height:20px; height:40px; padding:5px 0px 0px 0px;
}
}
@media screen and (max-width: 700px){
.index-page-news{padding-top:25px; padding-bottom:20px;}
.index-page-news ul{padding:10px 0px 20px 0px;}
.index-page-news ul li{margin-bottom:18px;}

.newsleft{
width:30%;
}
.newsright{
 width:calc(70% - 20px);
}

.news01{clear:both; line-height:26px; padding:4px 0px 0px 0px;}
.news03{
clear:both; word-break:break-all; line-height:18px; height:36px; padding:3px 0px 0px 0px;
}
}


.index-banner-01{
	width:100%; height:692px; clear:both; margin:20px auto 0px auto; overflow:hidden;
	background: url(images/aboutbg.jpg) center; background-size: cover; background-attachment:fixed;
}
.index-banner-01 div{
	overflow:hidden;
}
.index-banner-01 .title-text{
	text-align:center; padding-top:155px;
}
.index-banner-01 .title-text h3{
	font-size:50px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:5px; color:#FFF;
}
.index-banner-01 .title-text p{
	font-size:25px; color:#FFF; opacity: 0.9; line-height:200%; padding-top:70px;
}
.index-banner-01 .title-text a{
	display:block; border:2px solid #e0e0e0; box-sizing:border-box; width:260px; height:48px; line-height:44px; font-size:18px; margin:105px auto 0 auto; color:#FFF; letter-spacing:2px; opacity: 0.9;
border-radius:35px;
-webkit-border-radius:35px;
-o-border-radius:35px;
-moz-border-radius:35px;
-ms-border-radius:35px;
}
@media(max-width:1350px) {
.index-banner-01 .title-text{
    padding-top:155px;
}
.index-banner-01 .title-text h3{
	font-size:40px; letter-spacing:3px;
}
.index-banner-01 .title-text p{
	font-size:25px; line-height:200%; padding-top:70px;
}
.index-banner-01 .title-text a{
	width:260px; height:48px; line-height:44px; font-size:18px; margin:110px auto 0 auto; letter-spacing:2px;
	border-radius:35px;
	-webkit-border-radius:35px;
	-o-border-radius:35px;
	-moz-border-radius:35px;
	-ms-border-radius:35px;
}
}
@media(max-width:1024px) {
.index-banner-01 .title-text{
    padding-top:155px;
}
.index-banner-01 .title-text h3{
	font-size:40px; letter-spacing:3px;
}
.index-banner-01 .title-text p{
	font-size:22px; line-height:200%; padding-top:70px;
}
.index-banner-01 .title-text a{
	width:260px; height:48px; line-height:44px; font-size:18px; margin:110px auto 0 auto; letter-spacing:2px;
	border-radius:35px;
	-webkit-border-radius:35px;
	-o-border-radius:35px;
	-moz-border-radius:35px;
	-ms-border-radius:35px;
}
}
@media(max-width:668px) {
.index-banner-01 .title-text{
    padding-top:125px;
}
.index-banner-01 .title-text h3{
	font-size:32px; letter-spacing:3px;
}
.index-banner-01 .title-text p{
	font-size:20px; line-height:200%; padding-top:70px;
}
.index-banner-01 .title-text a{
	width:250px; height:48px; line-height:44px; font-size:18px; margin:110px auto 0 auto; letter-spacing:2px;
	border-radius:35px;
	-webkit-border-radius:35px;
	-o-border-radius:35px;
	-moz-border-radius:35px;
	-ms-border-radius:35px;
}
}

/*内页*/
.indexpage{
width:96%; max-width:1600px; margin:0 auto; clear:both; overflow:hidden; padding-top:50px; padding-bottom:50px;
}
.indexpage div{
overflow:hidden;
}

.aboutflex{
display: -webkit-flex; display: flex; flex-direction:row; flex-wrap: nowrap; align-items:center; justify-content:space-between
}
.indexabout{
	width:100%; clear:both; overflow:hidden; padding:40px 0px 20px 0px; line-height:180%; font-size:18px; color:#FFF; box-sizing:border-box;
}
.indexabout p{
padding-top:10px;
}
.indexabout img{
border:0px; max-width:100%; height:auto;
}
.indexabout table{
    max-width:100%;
}
.indexabout iframe{
    width:1067px; height:600px; margin:0 auto; clear:both;
}
.indexabout .aboutleft{
float:left; width:63%;
}
.indexabout .aboutright{
float:right; width:30%; text-align:right; padding-top:10px;
}
@media screen and (max-width: 1400px){
.indexabout{
	 padding:20px 0px 20px 0px; line-height:180%; font-size:16px;
}
}
@media screen and (max-width: 1024px){
.indexabout .aboutleft{float:none; width:100%;}
.indexabout .aboutright{display:none;}
}
@media screen and (max-width: 700px){
.indexpage{padding-top:25px; padding-bottom:10px;}
.indexabout{padding:5px 0px 20px 0px;}
}

.indexpage-case{
width:98%; max-width:1800px; margin:0 auto; clear:both; overflow:hidden; padding-top:50px; padding-bottom:50px;
}
.indexpage-case div{
overflow:hidden;
}
.indexpage-case ul{
clear:both; padding:40px 0px 0px 0px;
}
.indexpage-case ul li{
float:left; width:31.33333%; margin-right:3%; overflow:hidden; margin-bottom:25px;
}
.indexpage-case ul li .caseimg{
clear:both; position:relative; width:100%; padding:60% 0 0 0; overflow:hidden; box-sizing: border-box; overflow:hidden;
}
.indexpage-case ul li .caseimg>img{
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
}
.indexpage-case ul li:hover img{
    transform: scale(1.15);
}
.indexpage-case ul li:nth-child(3n){
margin-right:0;
}
.indexpage-case ul li:nth-child(3n+1){
clear:both;
}
.indexpage-case ul li p{
.indexpage-case color:#000; font-weight:bold; line-height:30px; padding-top:10px; padding-bottom:2px;
}
.indexpage-case ul li span{
font-size:15px; color:#999; line-height:24px;
}
@media screen and (max-width: 768px){
.indexpage-case ul{padding:30px 0px 0px 0px;}
}
@media screen and (max-width: 700px){
.indexpage-case{padding-top:25px; padding-bottom:25px;}
.indexpage-case ul{padding:25px 0px 0px 0px;}
.indexpage-case ul li{
float:left; width:100%; margin-right:0; overflow:hidden; margin-bottom:10px;
}
}

.newshowtitle{
text-align:center; clear:both; font-size:22px; font-weight:bold; padding-bottom:10px; color:#FFF;
}
.newshowtime{
text-align:center; clear:both; font-size:14px; line-height:130%; padding-bottom:0px; color:#666;
}
.newshowdetail{
width:100%; margin:0 auto; clear:both; line-height:180%; font-size:16px; color:#FFF; padding:0 0 20px 0;
}
.newshowdetail img{
border:0px; max-width:100%; height:auto;
}
.newshowdetail p{
padding-top:10px;
}
.newshowmark{
text-align:right; clear:both; line-height:180%; font-size:12px; padding-top:8px; padding-right:5px;
}
.newshowmark a{ color:#FFFFFF; font-size:12px;}
.newshowmark a:hover{ color:#F00;}

@media screen and (max-width: 768px){
.newshowtitle{font-size:18px;}
.newshowdetail{width:100%; font-size:16px;}
}

.newpage{
text-align:center; clear:both; color:#FFF; width:100%; margin:35px auto 0px auto;
display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap; justify-content:center;
box-sizing:border-box; padding:10px;
}
.newpage .page-menu-left{
width:48px; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: wrap; justify-content:center;
}
.newpage .page-menu-all{
width:auto; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: wrap; justify-content:center;
}
.newpage .page-menu-right{
width:48px; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: wrap; justify-content:center;
}
.newpage a{font-size:18px; color:#FFF; display:block; text-align:center; width:36px; height:36px; line-height:36px; border:1px solid #353535; margin:5px;}
.newpage a:hover{color:#F00;}
@media screen and (max-width: 1420px){
.newpage .page-menu-left{width:44px;}
.newpage .page-menu-right{width:44px;}
.newpage a{font-size:16px; width:32px; height:32px; line-height:32px; margin:5px;}
}
@media screen and (max-width: 1024px){
.newpage{
margin:5px auto 0px auto;
}
.newpage .page-menu-left{width:40px;}
.newpage .page-menu-right{width:40px;}
.newpage a{font-size:14px; width:28px; height:28px; line-height:28px; margin:5px;}
}



.promenu{
width:96%; max-width:1600px; clear:both; margin:0 auto; overflow:hidden; text-align:center; box-sizing: border-box; font-size:0; display:none;
}
.promenu a{
  box-sizing: border-box;
  position: relative;
  display:inline-block;
  width:15.06666%; margin:10px 0.8%;
  height:50px; line-height:50px;
  font-size: 17px;
  color: #222;
  text-align: center;
  background-color:#e6e6e6;
  border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.promenu a:hover{
  background-color:#0066ff; color:#FFF;
}
.promenu .on{
  background-color:#0066ff; color:#FFF;
}
@media screen and (max-width: 1420px){
.promenu a{
  width:18%; margin:10px 1%;
  height:50px; line-height:50px;
  font-size: 16px;
}
}
@media screen and (max-width: 1200px){
.promenu a{
  width:23%; margin:10px 1%;
  height:40px; line-height:40px;
  font-size: 16px;
}
}
@media screen and (max-width: 1024px){
.promenu{display:block;}
.promenu a{
  width:31.33333%; margin:10px 1%;
  height:40px; line-height:40px;
  font-size: 16px;
}
}
@media screen and (max-width: 700px){
.promenu a{
  width:48%; margin:10px 1%;
  height:40px; line-height:40px;
  font-size: 16px;
}
}

/*响应缓冲*/
.yiyi1, .yiyi100, .yiyi1000, .huanchong, .yiyi7, .yiyi20000, .lansearch:hover, .hotsalelist:hover .hotsaleline, .hotsalelistin:hover .hotsaleline, .aboutall3 img ,.subMenu .about-menu .about-menu-list a {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: 5px;
	cursor: pointer;
	transition: all .3s ease;
}
@media screen and (max-width: 768px){
.yb_conct {display:none;}
}
.yb_bar ul li {
	width: 53px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 0px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: rgba(0,0,0,0.5) url(images/fixCont.png) no-repeat 0 0; font-size:14px;
}
.yb_bar .yb_phone {
	background: rgba(0,0,0,0.5) url(images/contact-email.png) no-repeat center bottom 10px; font-size:18px; letter-spacing:4px; color:#FFF; padding-top:18px; height:132px; writing-mode: vertical-rl;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -113px; font-size:14px;
}
.yb_bar .yb_MSN {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -225px; font-size:14px;
}
.yb_bar .yb_SKYPE {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -169px; font-size:14px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -281px; font-size:14px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a, .yb_MSN a, .yb_SKYPE a {
	display: block; font-size:14px;
	text-indent: 0px;
	width: 100%;
	height: 100%;
	color: #fff;
}

/*内页公司介绍，联系方式等*/
.inpage-about-all{
	width:98%; max-width:1600px; clear:both; margin:0 auto; overflow:hidden; padding-top:50px;
}
.inpage-about-all div{
	overflow:hidden;
}
.inpage-about-show{
	width:98%; max-width:1600px; clear:both; margin:0 auto; overflow:hidden; padding:40px 0px 20px 0px; line-height:180%; font-size:16px; color:#FFF; box-sizing:border-box;
}
.inpage-about-show p{
padding-top:10px;
}
.inpage-about-show img{
border:0px; max-width:100%; height:auto;
}
.inpage-about-show table{
    max-width:100%;
}
.inpage-about-show iframe{
    width:1067px; height:600px; margin:0 auto; clear:both;
}
.inpage-about-show .leftp{float:left; width:48%; overflow:hidden; margin-bottom:35px; padding-top:0px;}
.inpage-about-show .rightp{float:right; width:48%; height:auto; overflow:hidden; margin:10px 0 40px 0; border:1px solid #CCC; height:540px;}

.inpage-about-show .netbooklist{float:left; width:46%; margin:0 2%; padding-top:20px;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.bookbiaoyu{text-align:center; font-size:18px; color:#999; font-weight:bold; letter-spacing:0px;}
.inpage-about-show form{width:100%; max-width:1000px; clear:both; margin:0 auto;}
.inpage-about-show input{border:1px solid #000; box-sizing:border-box; background-color:#404040; color:#FFF; padding:0 8px; margin:0; box-sizing:border-box; outline:none;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.inpage-about-show textarea{border:1px solid #000; box-sizing:border-box; background-color:#404040; color:#FFF; padding:0 8px; margin:0;  box-sizing:border-box; outline:none;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}

.inpage-about-show .submit01{width:150px; height:40px; line-height:40px; font-size:17px; float:left; margin-left:25px;}
.inpage-about-show .submit02{width:150px; height:40px; line-height:40px; font-size:17px; float:left; margin-left:35px;}

@media(max-width:1620px) {
.inpage-about-show{padding:40px 10px 20px 10px; line-height:180%; font-size:16px;}
}
@media(max-width:1200px) {
.inpage-about-show iframe{width:889px; height:500px;}
.inpage-about-show .leftp{float:none; clear:both; width:90%; margin:0 auto 20px auto; padding-top:0px;}
.inpage-about-show .rightp{float:none; clear:both; width:960px; margin:10px auto 10px auto;}
}
@media(max-width:1024px) {
.inpage-about-show{padding:30px 5px 10px 5px; line-height:180%; font-size:16px;}
}
@media(max-width:980px) {
.inpage-about-show iframe{width:889px; height:500px;}
.inpage-about-show .leftp{float:none; clear:both; width:90%; margin:0 auto 20px auto; padding-top:0px;}
.inpage-about-show .rightp{float:none; clear:both; width:100%; margin:10px auto 10px auto; height:400px;}
}
@media(max-width:924px) {
.inpage-about-show iframe{width:740px; height:416px;}
}
@media(max-width:924px) {
.inpage-about-show iframe{width:740px; height:416px;}
}
@media(max-width:768px) {
.inpage-about-show form{margin:0 auto 20px auto;}
.inpage-about-show .netbooklist{float:none; clear:both; width:96%; margin:0 2%; padding-top:20px;}
.inpage-about-show .submit01{width:135px; height:38px; line-height:38px; font-size:17px; float:left; margin-left:20px;}
.inpage-about-show .submit02{width:135px; height:38px; line-height:38px; font-size:17px; float:left; margin-left:30px;}
}
@media(max-width:700px) {
.inpage-about-show iframe{width:100%; height:300px;}
.bookbiaoyu{font-size:16px; letter-spacing:0px;}
}
.inpage-contact-bg{
	width:100%; clear:both; margin:0 auto; overflow:hidden; background-size:100%;
}

/*下载中心*/
.download-search{
width:100%; border-bottom:1px solid #363636; font-size:18px; font-weight:bold; padding:0 5px 0px 5px; box-sizing: border-box; overflow:hidden;
}
.download-search .mydform{
width:100%; max-width:100%; padding:0; margin:0 auto; position:relative;
}
.dlon
{
color:#FFF; background-color:#17161a;
}
.dlon:focus
{
color:#FFF;
}
.download-title{
width:100%; border-bottom:1px solid #363636; font-size:18px; font-weight:bold; padding:20px 5px 10px 5px; box-sizing: border-box; overflow:hidden;
}
.download-title-a{
float:left; width:47%;
}
.download-title-b{
float:left; width:30%;
}
.download-title-c{
float:left; width:12%;
}
.download-title-d{
float:right; text-align:right;
}
.download-list{
width:100%; font-size:18px; padding:18px 5px 18px 5px; box-sizing: border-box; border-bottom:1px solid #363636; overflow:hidden;
}
.download-list:hover{
background-color:#454545;
}
.download-list-a{
float:left; width:47%; font-weight:bold; padding-right:30px; box-sizing:border-box;
}
.download-list-b{
float:left; width:30%; color:#777; font-size:16px; padding-right:30px; box-sizing:border-box;
}
.download-list-c{
float:left; width:12%; color:#777;
}
.download-list-c a{font-size:18px; color:#777;}
.download-list-c a:hover{color:#F00;}
.download-list-d{
float:right; text-align:right;
}
.download-list-d a{font-size:18px; color:#428bca;}
.download-list-d a:hover{color:#F00;}
@media(max-width:1024px) {
.download-title-c{display:none;}
.download-list-c{display:none;}
}
@media(max-width:700px) {
.download-title{font-size:16px;}
.download-list{font-size:16px;}
.download-title-a{width:48%;}
.download-list-a{width:48%;}
.download-title-b{width:33%;}
.download-list-b{width:33%; font-size:14px;}
.download-list-d a{font-size:16px;}
}

.inpage-video{
	width:98%; max-width:1800px; clear:both; margin:0 auto; overflow:hidden; padding-top:50px;
}
.inpage-video div{
	overflow:hidden;
}
.videomenu{
	width:100%; max-width:1800px; clear:both; margin:0 auto; overflow:hidden; font-size:0px; text-align:center; padding-top:40px; padding-bottom:40px;
}
.videomenu .mli{position:relative; width:13.428%; height:55px; line-height:55px; font-size:18px; text-align:center; box-sizing: border-box; cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space:nowrap; display:inline-block; background-color:#ddd; margin-right:1%; margin-bottom:10px;}
.videomenu .mli:nth-child(7n){margin-right:0;}
.videomenu .mli:last-child{margin-right:0;}
.videomenu .mli a{display: block;color:#000;}
.videomenu .mli a:after{content: " ";border-style: solid dashed dashed dashed;border-color: transparent; border-bottom-color:#ddd; border-width: 10px 10px 10px 10px;width: 0;height: 0;position: absolute;left: 50%;margin-left: -10px;bottom: 0;transition: all .5s;}
.videomenu .mli a.on, .videomenu .mli a:hover{background:#3773d3; color: #fff; transition: all .5s;}
.videomenu .mli a.on:after, .videomenu .mli a:hover:after{border-bottom-color: #fff;}

.inpage-video ul{
	padding:40px 0 40px 0;
}

.inpage-video ul li{
	float:left; width:49%; margin-right:2%; margin-bottom:30px; position:relative;
}
.inpage-video ul li:nth-child(2n){
	margin-right:0;
}
.inpage-video ul li:nth-child(2n+1){
	clear:both;
}
.casepic{
  clear:both; position:relative; width:100%; padding:60% 0 0 0; box-sizing: border-box;
  font-size: 0; overflow:hidden;
border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
-o-border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-ms-border-radius:10px 10px 0px 0px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.player{
	position:absolute; z-index:3; left:50%; top:50%; margin-left:-60px; margin-top:-60px; width:120px; height:120px; background:url(images/player.png);
}

.casepic>img{
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.inpage-video ul li:hover img{
    transform: scale(1.1);
}

.inpage-video ul li:hover .player-index {
   background:url(images/playerindex.png) rgba(0, 0, 0, 0) no-repeat right 10px top 10px;
}
@media(max-width:1420px) {
.videomenu{padding-bottom:30px;}
.videomenu .mli{width:14%; height:50px; line-height:50px; font-size:16px; margin-right:1%; margin-bottom:8px;}
.inpage-video ul li{
	margin-bottom:20px;
}
}
@media(max-width:1024px) {
.videomenu .mli{width:15%; height:45px; line-height:45px; font-size:14px; margin-right:1%; margin-bottom:6px;}
.inpage-video ul li{
	margin-bottom:15px;
}
}
@media(max-width:768px) {
.videomenu{padding-bottom:20px;}
.videomenu .mli{width:25%; height:42px; line-height:42px; font-size:14px; margin-right:1%; margin-bottom:5px;}
.videomenu .mli:nth-child(1){margin-left:1%;}
}
@media(max-width:668px) {
.inpage-video{width:98%;}
.videomenu{padding-bottom:15px;}
.videomenu .mli{width:40%; height:42px; line-height:42px; font-size:14px; margin-right:1%; margin-left:1%; margin-bottom:5px;}
.videomenu .mli:nth-child(1){margin-left:1%;}
.videomenu .mli:last-child{margin-right:1%;}
.inpage-video ul li{
	width:100%; margin-right:0; margin-bottom:4%;
}
}


/**加载中蒙版.loading{width:100%; height:100%; background-color:rgba(85, 85, 85, 0.5); opacity:1; position:fixed; -position:absolute; top:0; left:0; z-index:1099; display:none; padding:0;}**/ 
.loading{width:60%; height:90%; opacity:1; position:fixed; -position:absolute; top:10%; left:20%; display: none; z-index:100; padding:0; overflow:hidden;}
.closeloading{width:100%; height:100%; position:fixed; left:0; top:0; z-index:3000; display:none; background:url(images/closebiga.png) no-repeat top 16px right 16px rgba(85, 85, 85, 0.9);}
.loadingin{transform: scale(1);}
.loadingout{transform: scale(0);}

.loadvideo{
	width:100%; padding:57.5% 0 0 0; position:relative; display:block; overflow:hidden; background-color:#000; margin:0 auto;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
}
.loadshow{
	width:100%; height:100%; display:block; position:absolute; left:0; top:0; overflow:hidden; box-sizing:border-box; border:10px solid #999; background:#FFF;
}
.loadshow iframe{
	width:100%; height:100%;
}
@media(max-width:1420px) {
.loadshow{border:10px solid #999;}
}
@media(max-width:1200px) {
.loading{width:76%; height:90%; top:10%; left:12%;}
}
@media(max-width:1024px) {
.loading{width:80%; height:90%; top:10%; left:10%;}
}
@media(max-width:768px) {
.loading{width:92%; height:88%; top:12%; left:4%;}
.closeloading{background:url(images/closebigb.png) no-repeat top 16px right 16px rgba(85, 85, 85, 0.9);}
.loadvideo{
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.loadshow{border:5px solid #999;}
}
@media(max-width:668px) {
.loading{width:96%; height:85%; top:15%; left:2%;}
}

.inpage-proshow{
	width:100%; max-width:1600px; clear:both; margin:0 auto; padding-top:0px; padding-bottom:0px; position:relative; overflow:hidden;
}
.proshow-menu-container {
width:90px; position:absolute; right:0px; margin-right:-100px; z-index:1;
}
.proshow-menu{
position:fixed; width:90px; top:141px; z-index:10; overflow:hidden;
}
.proshow-menu a{
display:block; padding-left:15px; height:40px; line-height:40px; text-align:left; font-size:14px; color:#000; border-bottom:1px solid #DDD; background:url(images/menumark.png) no-repeat -5px 11px;
}
.proshow-menu a:hover, #menu a.current{color:#06F; background:url(images/menumark.png) no-repeat -5px 11px;}

.close-proshow-menu{
width:90px; height:36px; text-align:center; position:fixed; top:105px; z-index:500; border-bottom:1px solid #DDD; overflow:hidden;
}
.close-proshow-menu p:after {
	content: '关闭';
	font-family:light;
	font-size: 14px;
	z-index: 500;
	color: #000; display:block; width:100%; line-height:36px; text-align:center;
}
.close-proshow-menu.active  p:after {
	content: '展开'; 
}

.proshow-container{
	width:100%; clear:both; overflow:hidden;
}
.proshow-container div{
	overflow:hidden;
}
.inpage-proshow-box01{
	width:96%; clear:both; margin:0 auto; padding:0 0 0 0; overflow:hidden;
}
.inpage-proshow-box01-wap{
	width:100%; clear:both; padding:50px 0; overflow:hidden; display:none;
}
.inpage-proshow-box01-pic{
	width:100%; clear:both; overflow:hidden; padding:0px 40px 30px 40px; box-sizing:border-box;
}
@media(max-width:700px) {
.inpage-proshow-box01-pic{padding:0px 30px 30px 30px;}
}
.inpage-proshow-box02{
	width:100%; clear:both; padding:30px 0 20px 0;
}
.inpage-proshow-box03{
	width:100%; clear:both; padding:20px 0; 
}
.inpage-proshow-box04{
	width:100%; clear:both; padding:20px 0; 
}
.inpage-proshow-box05{
	width:100%; clear:both; padding:20px 0; 
}
.inpage-proshow-box06{
	width:100%; clear:both; padding:20px 0;
}
.proshow-box01-left{
	width:48.5%; float:left; padding:50px 0 50px 0; font-size:18px; color:#EEE; line-height:200%;
}
.proshow-box01-left-01{
	clear:both; text-align:center; padding-bottom:35px; overflow:hidden;
}
.proshow-box01-left-01 img{
	clear:both; max-width:100%; height:auto; border:0px;
}
.proshow-box01-left-02{
	clear:both; margin-top:20px; position:relative; width:100%; padding:0; box-sizing: border-box; overflow:hidden;
}
.proshow-box01-left-02>img{
  width:100%; height:auto; border:0;
}

.proshow-box01-right{
	width:48.5%; float:right; padding:50px 0 50px 0;
}
.proshow-box01-left img{
	max-width:100%; height:auto;
}
.proshow-box01-left table{
    width:100%; max-width:100%;
}

.proshow-box01-all{
	width:100%; clear:both; padding:0 2%; font-size:18px; color:#EEE; line-height:200%; box-sizing:border-box; overflow:hidden;
}

.proshow-title{
	width:100%; padding-left:2%; box-sizing:border-box; line-height:65px; font-size:24px; color:#FFF; overflow:hidden; display:block; position:relative; border-bottom:1px solid #666;
}
.proshow-all{
	width:100%; font-size:18px; color:#FFFFFF; line-height:200%; overflow:hidden; padding:20px 2%; display:block; box-sizing:border-box; margin:0 auto;
}
.proshow-all img{
	max-width:100%; max-width:1600px; height:auto;
}
.proshow-all table{
    max-width:100%;
}
.pconoff{
	display:block;
}
.waponoff{
	display:none;
}
.psbox02-left{
float:left; width:60%;
}
.psbox02-right{
float:right; width:35%;
}
.psbox02-right img{
width:100%; height:auto; border:0;
}
@media(max-width:1800px) {
.proshow-menu-container {width:90px; position:absolute; right:0px; z-index:1; margin-right:0px;}
.close-proshow-menu{display:block;}
}
@media(max-width:1420px) {
.proshow-menu-container {width:90px;}
.close-proshow-menu{width:70px; height:32px;}
.close-proshow-menu p:after {font-size:13px; line-height:32px;}
.proshow-menu{width:70px; top:137px;}
.proshow-menu a{padding-left:12px; height:32px; line-height:32px; font-size:13px; background:url(images/menumark.png) no-repeat -5px 6px;}
.proshow-menu a:hover, #menu a.current{color:#06F; background:url(images/menumark.png) no-repeat -5px 6px;}
.proshow-title{line-height:60px;}
.proshow-box01-right{font-size:16px; line-height:180%;}
.proshow-all{font-size:16px; line-height:180%; padding:20px 2%;}
}

@media(max-width:1200px) {
.inpage-proshow{
	padding-top:0px;
}
.inpage-proshow-box01{
	padding:0;
}
}
@media(max-width:1024px) {
.proshow-title{line-height:55px;}
.inpage-proshow{padding-top:0px;}
.inpage-proshow-box01{padding:0;}

.proshow-box01-left{
width:100%; float:none; clear:both; margin:0 auto; padding:30px 0;
}
.proshow-box01-right{
width:100%; float:none; font-size:14px; line-height:180%; padding-top:15px; padding-bottom:20px;
}
.proshow-all{font-size:16px; line-height:180%; padding:20px 2%;}
}
@media(max-width:924px) {
.psbox02-left{float:none; width:100%;}
.psbox02-right{display:none;}
}

@media(max-width:700px) {
.proshow-box01-left{clear:both; margin:0 auto;}
.inpage-proshow-box01{padding:0 0 0 0;}
.inpage-proshow-box01-wap{padding:20px 0; display:block;}
.inpage-proshow-box02{padding:20px 0 10px 0;}
.inpage-proshow-box03{padding:10px 0;}
.inpage-proshow-box04{padding:10px 0;}
.inpage-proshow-box05{padding:10px 0;}
.inpage-proshow-box06{padding:10px 0;}
.pconoff{display:none;}
.waponoff{display:block;}
.proshow-menu{display:none;}
.close-proshow-menu{display:none;}
.proshow-all{display:block;}
.proshow-title{
	line-height:50px;
}
.proshow-title p:after {
	content: '';
	background:url(images/jiantou2.png) no-repeat center;
	font-family:light;
	font-size: 22px;
	position:absolute;
	z-index: 10;
	color: #FFF; display:block; width:25px; height:25px; text-align:center; line-height:25px; right:10px; top:13px;
}
.proshow-title.active  p:after {
	color: #FFF;
	font-size: 28px;
	content: ''; 
	top:11px;
	background:url(images/jiantou.png) no-repeat center;
}
}

/*特效*/
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);}
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

.index-more {
  display: block;
  width: 1.46rem;
  height: 0.5rem;
  line-height: 0.5rem;
  font-family: "mb";
  text-transform: uppercase;
  color: #082c7e;
  text-align: center;
  position: relative;
  background-image: url(images/titbg3.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.index-more:hover {
  color: #fff;
  background-image: url(images/titbg.png);
}
.index-more:hover i {
  transform: translateX(0.1rem);
  -webkit-transform: translateX(0.1rem);
  -moz-transform: translateX(0.1rem);
  -ms-transform: translateX(0.1rem);
  -o-transform: translateX(0.1rem);
  background-image: url(images/more.png);
}
.index-more.whitebox {
  color: #fff;
  background-image: url(images/titbg2.png);
}
.index-more.whitebox i {
  background-image: url(images/more.png);
}
.index-more.whitebox:hover {
  background-image: url(images/titbg.png);
}
.index-more.white:hover i {
  transform: translateX(0.1rem);
  -webkit-transform: translateX(0.1rem);
  -moz-transform: translateX(0.1rem);
  -ms-transform: translateX(0.1rem);
  -o-transform: translateX(0.1rem);
}
.index-more i {
  display: inline-block;
  width: 0.14rem;
  height: 0.12rem;
  background-image: url(images/more2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-left: 0.18rem;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.index-box-2 {
  position: relative; padding-top:60px;
}
.index-boxwap-2 {
 width:96%; clear:both; margin:0 auto; overflow:hidden; display:none;
}
.index-boxwap-2 ul{
 clear:both; margin:0 auto; overflow:hidden; padding-top:10px;
}
.index-boxwap-2 ul li{
 clear:both; overflow:hidden; margin-bottom:3%;
}
.index-boxwap-2 ul li .boxwappic{
clear:both; position:relative; width:100%; padding:60% 0 0 0; overflow:hidden; box-sizing: border-box; overflow:hidden;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.index-boxwap-2 ul li .boxwappic>img{
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-boxwap-2 ul li .aboxwap1{
clear:both; display:block; font-size:16px; font-weight:bold; color:#FFF; padding-top:5px; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.index-boxwap-2 ul li .aboxwap2{
clear:both; display:block; font-size:14px; color:#999; line-height:20px; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
}

@media screen and (max-width: 768px) {
.index-box-2 {
  position: relative; display:none;
}
.index-boxwap-2 {
  position: relative; display:block; padding-top:36px;
}
}

.search-all{
	width:100%; clear:both; margin:0 auto; overflow:hidden; padding:40px 0 50px 0;
}
.searchlist{
float:left; width:46%; margin:0px 2% 30px 2%; background-color:#17161a; box-sizing: border-box; padding:6px 10px 10px 10px; border:1px solid #666; overflow:hidden; color:#06F;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.searchlist div{overflow:hidden;}
.searchlist:nth-child(2n+1){clear:both;}
.searchlist:hover{
border:1px solid #0066ff;
}
.searchlist .searchleft{float:left; width:34%; box-sizing:border-box; padding:6px;}
.searchlist .searchleft .searchpic{
clear:both; position:relative; width:100%; padding:100% 0 0 0; overflow:hidden; box-sizing: border-box; overflow:hidden;
}
.searchlist .searchleft .searchpic>img{
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.searchlist .searchright{float:right; width:65%; box-sizing:border-box;}
.searchlist .searchright .sa1{display:block; clear:both; font-size:16px; line-height:200%;}
.searchlist .searchright .sa2{display:block; clear:both; font-size:14px; line-height:200%; overflow:hidden; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.searchlist .searchright .sa3{display:block; clear:both; font-size:16px; line-height:250%;}
.searchlist:hover img{
    transform: scale(1.15);
}
@media screen and (max-width: 768px){
.searchlist{float:none; clear:both; width:98%; margin:0px 1% 10px 1%;}
}
@media screen and (max-width: 668px){
.searchlist{float:none; clear:both; width:99%; margin:0px auto 20px auto;}
}


    .mySwbox-main{
        padding-top:0px;
    }
    .mySwbox-main .mySwbox{
        max-width: 1920px;
        margin: 0 auto;
        position: relative;
        padding: 0px 0 0px 0;
        width: 100%;
        height: 100%;
       
    }
    .mySwbox-main .swiper-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }
    .mySwbox-main .swiper-slide {
        background-size: cover;
        background-position: center; background-color:#17161a;
    }
    .mySwbox-main .gallery-top {
        width: 100%;
    }
    .mySwbox-main .gallery-thumbs {
        box-sizing: border-box;
        padding: 10px 0;
    }
    .mySwbox-main .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 1;
    }
    .mySwbox-main .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
    }
.mySwbox-main .slideimg{
    position:relative; width:100%; padding:100% 0 0 0; box-sizing: border-box; overflow:hidden;
}
.mySwbox-main .slideimg>img{
  position:absolute; left:0; top:0; right:0; bottom:0; max-width:96%; max-height:96%; margin:auto; border:0;
}
.mySwbox-main .mySwbox-thumbs{margin-top: 20px; padding:5px 0px;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.mySwbox-main .mySwbox-thumbs .gallery-thumbs{
    max-width: 1920px;
    margin: 0 auto;
    padding:0;
}
.mySwbox-main .gallery-thumbs .swiper-slide{
    position: relative;
    transition: all ease .5s;
    cursor: pointer;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0); background-color:#666;
    padding: 5px;
	box-sizing:border-box;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
}
.mySwbox-main .img-center{
    position:relative; width:100%; padding:100% 0 0 0; box-sizing: border-box; overflow:hidden; background-color:#17161a;
	border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.mySwbox-main .img-center>img{
  position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto; object-fit: cover; border:0;
}
.mySwbox-main .gallery-thumbs .swiper-slide.swiper-slide-thumb-active::before {
    width: 100%;
}
.mySwbox-main .gallery-thumbs .swiper-slide:before {
    width: 0;
    height: 100%;
    background: #F00;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
}
.mySwbox-main .gallery-thumbs .swiper-slide:last-child {
    border-right: 0;
}
@media (max-width:1024px) {
.mySwbox-main .slide .text p{font-size:14px;line-height:30px;color:#666; margin: 0;}
.mySwbox-main .slide .text .more{ width:120px; height:36px; line-height:36px; font-size:16px;
border-radius:18px;
-webkit-border-radius:18px;
-o-border-radius:18px;
-moz-border-radius:18px;
-ms-border-radius:18px;
}
    .mySwbox-main .mySwbox-thumbs .gallery-thumbs{padding: 0px 0;}
    .mySwbox-main .gallery-thumbs .swiper-slide{padding: 5px;}
    .mySwbox-main .img-center{width:100%;}
    .mySwbox-main .gallery-thumbs .swiper-slide .text{padding-left:0px;}
}
@media (max-width:768px) {
    .mySwbox-main .mySwbox-thumbs{margin-left:0px;margin-right:0px;}
    .mySwbox-main .mySwbox{padding-top: 15px;}
    .mySwbox-main .slide .text{width: 100%;padding-top:20px;padding-right: 3%;}
	.mySwbox-main .slide .text h2 .s1{font-size:.4rem;line-height:200%; font-weight:bold;}
	.mySwbox-main .slide .text p{font-size:16px;line-height:32px;color:#666; margin: 0; min-height:96px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
    .mySwbox-main .slide{flex-direction: column;}
	.mySwbox-main .slide .text .more{ display:none;}
    .mySwbox-main .slide .imgr{width: 100%; height:auto; margin-top: 10px;}
    .mySwbox-main .gallery-thumbs .swiper-slide .text{display: none;}
    .mySwbox-main .img-center {border-right: 0;width: 100%;}
    .mySwbox-main .mySwbox-main{padding: 5px 0 30px 0;}
    .mySwbox-main .gallery-thumbs .swiper-slide{}
    .mySwbox-main .slide .text h2 .s3{display: none;}
}

/* promenu css */
.index-promenu-all {width:100%; clear:both; margin:0 auto; overflow:hidden;}
.index-promenu-all div{overflow:hidden;}
.promenu-list {float:left; width:25%; position:relative; display:block;}
.promenu-list-a {width:100%; position:relative; z-index:1;}
.promenu-list-a img{width:100%; height:auto; border:0px;}
.promenu-list-b {width:100%; position:absolute; z-index:2; left:0; top:0; opacity:0;
 transition: all 1.0s;
 -webkit-transition: all 1.0s;
 -moz-transition: all 1.0s;/* Firefox 4 */
 -o-transition: all 1.0s; /* Opera */
}
.promenu-list-b img{width:100%; height:auto; border:0px;}
.promenu-list-b.on{opacity:1;}

.promenu-list-c {width:100%; height:100%; position:absolute; z-index:3; left:0; top:0; box-sizing:border-box; padding:8% 5% 5% 5%;}
.promenu-list-c-1 {font-family:"Microsoft Yahei"; font-size:32px; line-height:180%; color:#FFF; letter-spacing:3px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-2 {font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:32px; font-weight:bold; color:#FFF; letter-spacing:1px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-3 {line-height:180%; font-family:"Microsoft Yahei"; font-size:16px; color:#FFF; letter-spacing:1px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-4 {padding-top:10px; line-height:160%; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:14px; color:#9b9a98; letter-spacing:1px; text-shadow: 1px 1px 2px #000; padding:0 5% 0 0;}
.promenu-list-c-5 {position:absolute; top:80%;}

@media screen and (max-width: 1600px) {
.promenu-list-c-1 {font-size:28px; line-height:180%; color:#FFF; letter-spacing:2px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-2 {font-size:28px; color:#FFF; letter-spacing:1px;}
.promenu-list-c-3 {line-height:180%; font-size:16px; color:#FFF; letter-spacing:1px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-4 {line-height:160%; font-size:12px; color:#9b9a98; letter-spacing:0px; text-shadow: 1px 1px 2px #000; padding:0 5% 0 0;}
.promenu-list-c-5 {position:absolute; top:78%;}
}
@media screen and (max-width: 1400px) {
.promenu-list-c-1 {font-size:22px; line-height:180%; color:#FFF; letter-spacing:2px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-2 {font-size:22px; color:#FFF; letter-spacing:1px;}
.promenu-list-c-3 {line-height:180%; font-size:14px; color:#FFF; letter-spacing:1px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-4 {line-height:160%; font-size:12px; color:#9b9a98; letter-spacing:0px; text-shadow: 1px 1px 2px #000; padding:0 5% 0 0;}
.promenu-list-c-5 {position:absolute; top:76%;}
}
@media screen and (max-width: 1250px) {
.promenu-list-c-1 {font-size:20px; line-height:180%; color:#FFF; letter-spacing:2px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-2 {font-size:20px; color:#FFF; letter-spacing:1px;}
.promenu-list-c-3 {line-height:180%; font-size:12px; color:#FFF; letter-spacing:1px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-4 {line-height:160%; font-size:12px; color:#9b9a98; letter-spacing:0px; text-shadow: 1px 1px 2px #000; padding:0 5% 0 0;}
.promenu-list-c-5 {position:absolute; top:72%;}
}
@media screen and (max-width: 1100px) {
.promenu-list-c-1 {font-size:18px; line-height:180%; color:#FFF; letter-spacing:2px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-2 {font-size:16px; color:#FFF; letter-spacing:1px;}
.promenu-list-c-3 {line-height:180%; font-size:12px; color:#FFF; letter-spacing:1px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-4 {line-height:150%; font-size:12px; color:#9b9a98; letter-spacing:0px; text-shadow: 1px 1px 2px #000; padding:0 5% 0 0;}
.promenu-list-c-5 {position:absolute; top:68%;}
}
@media screen and (max-width: 924px) {
.promenu-list {float:left; width:50%; position:relative;}
.promenu-list-c-1 {font-size:28px; line-height:180%; color:#FFF; letter-spacing:2px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-2 {font-size:28px; color:#FFF; letter-spacing:1px;}
.promenu-list-c-3 {line-height:180%; font-size:16px; color:#FFF; letter-spacing:1px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-4 {line-height:160%; font-size:12px; color:#9b9a98; letter-spacing:0px; text-shadow: 1px 1px 2px #000; padding:0 5% 0 0;}
.promenu-list-c-5 {position:absolute; top:78%;}
}
@media screen and (max-width: 700px) {
.promenu-list-c-1 {font-size:18px; line-height:180%; color:#FFF; letter-spacing:2px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-2 {font-size:16px; color:#FFF; letter-spacing:1px;}
.promenu-list-c-3 {line-height:180%; font-size:12px; color:#FFF; letter-spacing:1px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-4 {line-height:150%; font-size:12px; color:#9b9a98; letter-spacing:0px; text-shadow: 1px 1px 2px #000; padding:0 5% 0 0;}
.promenu-list-c-5 {position:absolute; top:70%;}
}
@media screen and (max-width: 500px) {
.promenu-list-c-1 {font-size:16px; line-height:180%; color:#FFF; letter-spacing:2px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-2 {font-size:15px; color:#FFF; letter-spacing:0px;}
.promenu-list-c-3 {line-height:180%; font-size:12px; color:#FFF; letter-spacing:1px; text-shadow: 1px 1px 2px #000;}
.promenu-list-c-4 {line-height:150%; font-size:12px; color:#9b9a98; letter-spacing:0px; text-shadow: 1px 1px 2px #000; padding:0 5% 0 0;}
.promenu-list-c-5 {position:absolute; top:50%;}
}
/* promenu css */

.index-prolunbo-all {width:100%; clear:both; margin:0 auto; overflow:hidden; padding-top:30px;}
.index-prolunbo {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  padding:50px 0 80px 0;
  width:100%; clear:both; margin:0 auto; overflow:hidden; position:relative;
}
.index-prolunbo .swiper-btn {
  width: 30px;
  height: 92px;
  position:absolute;
  top:50%; margin-top:-46px; z-index:100;
}
.index-prolunbo .swiper-btn.prev {
  left:5px;
  background: url(images/allm_l.png) no-repeat center rgba(204,204,204,0.0);
}
.index-prolunbo .swiper-btn.prev:hover {
  background: url(images/allm_l.png) no-repeat center rgba(204,204,204,0.0);
}
.index-prolunbo .swiper-btn.next {
  right:5px;
  background: url(images/allm_r.png) no-repeat center rgba(204,204,204,0.0);
}
.index-prolunbo .swiper-btn.next:hover {
  background: url(images/allm_r.png) no-repeat center rgba(204,204,204,0.0);
}
.index-prolunbo .prolunbo-box {
  width:calc(100% - 10px); margin:0 auto;
}
.index-prolunbo .swiper-slide {
  font-size: 0;
  background: #FFF;
}
.index-prolunbo .pic {
  clear:both; position:relative; width:100%; padding:100% 0 0 0; box-sizing: border-box;
  font-size: 0; overflow:hidden;

border:1px solid #CCC;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;

  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-prolunbo .pic>img {
  position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-prolunbo .swiper-slide:hover img {
  transform: scale(1.15);
}
.index-prolunbo a {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a.sw-case1
{
display:block; clear:both; color:#000; font-size:16px; line-height:32px; padding:5px 0 0 0;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
a.sw-case1:hover 
{
color:#F00;
}
a.sw-case2
{
display:block; clear:both; color:#CCC; font-size:14px; line-height:24px;
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
a.sw-case2:hover 
{
color:#F00;
}
a.sw-case3
{
display:block; clear:both; color:#BBB; font-size:14px; line-height:30px;
}
a.sw-case3:hover 
{
color:#F00;
}

@media screen and (max-width: 1200px) {
.index-prolunbo .prolunbo-box {
  width:calc(100% - 100px); margin:0 auto;
}
.index-prolunbo .swiper-btn.prev {
  left:0px;
}
.index-prolunbo .swiper-btn.next {
  right:0px;
}
}

@media screen and (max-width: 768px) {
.index-prolunbo .prolunbo-box {
  width:calc(100% - 60px); margin:0 auto;
}
.index-prolunbo .swiper-slide {
width: 100%!important;
}
.index-prolunbo .swiper-btn {
  width: 30px;
  height: 60px;
  position:absolute;
  top:50%; margin-top:-30px;
}
.index-prolunbo .swiper-btn.prev {
  left:0;
  background: url(images/feel3.png) no-repeat center;
}
.index-prolunbo .swiper-btn.prev:hover {
  background: url(images/feel3.png) no-repeat center #DDD;
}
.index-prolunbo .swiper-btn.next {
  right:0px;
  background: url(images/feel4.png) no-repeat center;
}
.index-prolunbo .swiper-btn.next:hover {
  background: url(images/feel4.png) no-repeat center #DDD;
}
}
@media screen and (max-width: 700px) {
.index-prolunbo-all {width:100%; clear:both; margin:0 auto; overflow:hidden; padding-top:0px;}
.index-prolunbo {padding:30px 0 50px 0;}
}

.about-img ul {
  font-size: 0; padding-top:0px;
}
.about-img ul li {
  display: inline-block;
  width: 20%;
}
.about-img ul li:last-child {
  width: 40%;
}
.about-img ul li .num {
  font-size: 14px;
  color: #999;
}
.about-img ul li span {
  font-family: aboutcount; padding-top:25px;
  font-size: .72rem;
  display: inline-block;
}
.about-img ul li span,
.about-img ul li i {
  color: #06F;
  font-family: aboutcount;
  display: inline-block;
}
.about-img ul li i {
  font-size: .24rem;
  font-style: normal;
  margin-left: 15px;
  vertical-align:top;
}
.about-img ul li p {
  font-size: 14px;
  color: #999;
  line-height: 30px;
}
@media screen and (max-width: 1024px){
.about-img ul li {
  display: inline-block;
  width: 50%;
}
.about-img ul li:last-child {
  width: 50%;
}
}

.index-page-about-01-bg{
width:100%; clear:both; margin:0px auto; padding:1% 0 0 0; overflow:hidden; background: url(images/aboutbg01.jpg) center; background-size:cover;
}
.index-page-about-01-showbox{
width:100%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden; 
}
.index-page-about-01-show{
clear:both; width:100%; padding:56.16667% 0 0 0; box-sizing: border-box; overflow:hidden; position:relative;
}
.index-page-about-01-show .about-01-showbox{
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto; background: url(images/aboutbgin_02.png) center; background-size:cover;
}
.aboutbox{
  width:100%; height:100%; clear:both; overflow:hidden;
  display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap;
}
.aboutboxwap{display:none;}
.aboutbox-l{
  width:412px; overflow:hidden;
}
.aboutbox-l img{
  width:100%; height:auto; border:0px;
}
.aboutbox-r{
  flex:1; overflow:hidden;
}
.aboutbox-r div{
  overflow:hidden;
}
.aboutbox-r-show{
  clear:both; padding:0 3% 0 3%; color:#FFF; font-size:20px; line-height:180%; box-sizing:border-box; letter-spacing:2px;
  text-shadow: 1px 1px 1px #666;
}
.aboutbox-r-more{
  float:right; color:#c0c0c0; font-size:18px; text-align:right; line-height:54px; padding:3% 5% 0 0; display:block; cursor:pointer;
}
.aboutbox-r-more:hover .aboutbox-r-more-a{
  background: url(images/aboutmore_10.png) center no-repeat #222222;
}
.aboutbox-r-more-a{
  float:right; width:54px; height:54px; background: url(images/aboutmore_10.png) center no-repeat #3c3c3c; margin-left:10px;
  border-radius:27px;
-webkit-border-radius:27px;
-o-border-radius:27px;
-moz-border-radius:27px;
-ms-border-radius:27px;
}
.aboutbox-r-more-b{
  clear:both; color:#FFF; font-size:24px;
}
@media screen and (max-width: 1600px){
.aboutbox-r-show{
  clear:both; padding:0 3% 0 3%; color:#FFF; font-size:18px; line-height:180%; box-sizing:border-box; letter-spacing:2px;
  text-shadow: 1px 1px 1px #666;
}
}
@media screen and (max-width: 1400px){
.aboutbox-r-show{
  clear:both; padding:0 3% 0 3%; color:#FFF; font-size:16px; line-height:180%; box-sizing:border-box; letter-spacing:2px;
  text-shadow: 1px 1px 1px #666;
}
}
@media screen and (max-width: 1200px){
.aboutbox-l{
  width:30%; overflow:hidden;
}
.aboutbox-r-show{
  clear:both; padding:0 3% 0 3%; color:#FFF; font-size:16px; line-height:180%; box-sizing:border-box; letter-spacing:2px;
  text-shadow: 1px 1px 1px #666;
}
}
@media screen and (max-width: 1100px){
.aboutboxwap{display:block; padding-top:20px; margin-bottom:-30px;}
.index-page-about-01-show{
clear:both; width:100%; padding:0 0 0 0; box-sizing: border-box; overflow:hidden; position:relative;
}
.index-page-about-01-show .about-01-showbox{
  position:relative; left:0; top:0; right:0; bottom:0; width:100%; height:100%; padding-bottom:6%; margin:auto; box-sizing:border-box; background: url(images/aboutbgin_02.png) center no-repeat; background-size:100% 100%;
}
.aboutbox-l{
  width:30%; overflow:hidden; display:none;
}
.aboutbox-r{
  flex:1; overflow:hidden; padding:70px 0 20px 0;
}
.aboutbox-r-show{
  clear:both; padding:0 3% 0% 3%; color:#FFF; font-size:16px; line-height:180%; box-sizing:border-box; letter-spacing:2px;
  text-shadow: 1px 1px 1px #666;
}
}
@media screen and (max-width: 800px){
.aboutboxwap{display:block; padding-top:20px; margin-bottom:-40px;}
.aboutbox-r{
  flex:1; overflow:hidden; padding:70px 0 40px 0;
}
}


.index-box-5bg {width:100%; clear:both; margin:0 auto; overflow:hidden; padding-top:60px;}
.index-box-5 {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  padding:20px 0 80px 0;
  width:100%; clear:both; margin:0 auto; overflow:hidden; position:relative;
}
.index-box-5 .swiper-btn {
  width: 50px;
  height: 92px;
  position:absolute;
  top:50%; margin-top:-46px;
}
.index-box-5 .swiper-btn.prev {
  left:15px;
  background: url(images/allm_l.png) no-repeat center;
}
.index-box-5 .swiper-btn.prev:hover {
  background: url(images/allm_l.png) no-repeat center #DDD;
}
.index-box-5 .swiper-btn.next {
  right:15px;
  background: url(images/allm_r.png) no-repeat center;
}
.index-box-5 .swiper-btn.next:hover {
  background: url(images/allm_r.png) no-repeat center #DDD;
}
.index-box-5 .news-box {
  width:calc(100% - 160px); margin:0 auto;
}
.index-box-5 .swiper-slide {
  font-size: 0;
  background: #202020;
}
.index-box-5 .swiper-slide:hover {
  background: #007eff url(images/i5_bg.png) no-repeat right bottom;
}
.index-box-5 .swiper-slide:hover .pic {
  padding:0 0 0 0;
}
.index-box-5 .swiper-slide:hover .info {
  padding-top: .86rem;
}
.index-box-5 .swiper-slide:hover .info .name,
.index-box-5 .swiper-slide:hover .info .desc,
.index-box-5 .swiper-slide:hover .info .date {
  color: #fff;
}
.index-box-5 .swiper-slide:hover .more {
  margin-left: .45rem;
  margin-top: .7rem;
  position: static;
  border-color: #fff;
  background: url(images/a_r2.png) no-repeat center center;
}
.index-box-5 .swiper-slide a {
  position: relative;
  display: block;
  height: 5.86rem;
}
.index-box-5 .pic {
  clear:both; position:relative; width:100%; padding:60% 0 0 0; box-sizing: border-box;
  font-size: 0; overflow:hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-box-5 .pic>img {
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-box-5 .info {
  position: relative;
  padding: .58rem .45rem 0;
}
.index-box-5 .info .name {
  font-weight: 700;
  color: #FFF;
  font-size: .18rem;
  line-height: 24px;
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  letter-spacing: 1px;
  padding-right: .18rem;
}
.index-box-5 .info .desc {
  font-size: 14px;
  color: #a1a1a1;
  line-height: 24px;
  height: 72px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: .24rem auto .55rem;
}
.index-box-5 .info .date {
  color: #999;
  font-size: 14px;
}
.index-box-5 .more {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 10;
  width: .7rem;
  height: .7rem;
  border: 1px solid #007eff;
  background: url(images/a_r2_on.png) no-repeat center center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: background-position 0.3s ease;
  -webkit-transition: background-position 0.3s ease;
}
.index-box-5 .more:hover {
  background-position-x: 60%!important;
}
@media screen and (max-width: 1440px) {
  .index-box-5 .swiper-slide a {
    height: 7.2rem;
  }
}
@media screen and (max-width: 1200px) {
.index-box-5 .news-box {
  width:calc(100% - 100px); margin:0 auto;
}
.index-box-5 .swiper-btn.prev {
  left:0px;
}
.index-box-5 .swiper-btn.next {
  right:0px;
}
}

@media screen and (max-width: 1024px) {
  .index-box-5 .swiper-slide:hover .info {
    padding-top: 1.2rem;
  }
  .index-box-5 .swiper-slide:hover .more {
    margin-left: .45rem;
    margin-top: .8rem;
  }
  .index-box-5 .swiper-slide a {
    height: 8.5rem;
  }
  .index-box-5 .info {
    padding: .58rem .4rem;
  }
  .index-box-5 .info .name {
    font-size: .32rem;
    line-height: .4rem;
    height: .8rem;
    padding-right: 0;
  }
  .index-box-5 .info .desc {
    font-size: .28rem;
    line-height: .4rem;
    height: 1.2rem;
  }
  .index-box-5 .info .date {
    font-size: .28rem;
  }
  .index-box-5 .more {
    width: .8rem;
    height: .8rem;
    background-size: 40%;
  }
  .index-box-5 .more:hover {
    background-size: 40%;
  }
}

@media screen and (max-width: 768px) {
.index-box-5 .news-box {
  width:calc(100% - 60px); margin:0 auto;
}
.index-box-5 .swiper-slide {
width: 100%!important;
}
.index-box-5 .swiper-btn {
  width: 30px;
  height: 60px;
  position:absolute;
  top:50%; margin-top:-30px;
}
.index-box-5 .swiper-btn.prev {
  left:0;
  background: url(images/feel3.png) no-repeat center;
}
.index-box-5 .swiper-btn.prev:hover {
  background: url(images/feel3.png) no-repeat center #DDD;
}
.index-box-5 .swiper-btn.next {
  right:0px;
  background: url(images/feel4.png) no-repeat center;
}
.index-box-5 .swiper-btn.next:hover {
  background: url(images/feel4.png) no-repeat center #DDD;
}
.index-box-5 .swiper-slide a {
    height: 12rem;
}
}
@media screen and (max-width: 1024px){
.index-box-5bg {padding-top:35px;}
.index-box-5 {padding:10px 0 50px 0;}
}
@media screen and (max-width: 668px) {
.index-box-5 .swiper-slide a {
    height: 9rem;
}
}
.proshowtitlebg{
	width:100%; max-width:1600px; clear:both; margin:0 auto; overflow:hidden; border-bottom:1px solid #666;
}
.proshowtitle{
	width:96%; max-width:1600px; clear:both; margin:0 auto; overflow:hidden; 
	padding:30px 0px 30px 0px; line-height:180%; font-size:24px; color:#FFF; box-sizing:border-box;
}
.proshowtitle span{
	font-size:24px; color:#FFF; margin-right:10px;
}