body{
    overflow-x: hidden;
	overflow-y: scroll;
	font-size:12px; color:#363636;
	background-color:#FFF;
	margin:0px;
	padding:0px;
	font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
*{ padding:0px; margin:0}
a{
	font-size:12px;
	text-decoration:none;
	color:#363636;
	font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a:hover 
{
color:#FF0000; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
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", Arial, Helvetica, sans-serif;}
ul,li{padding:0px; margin:0px; list-style-type:none; display: block; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
.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:#FFF;
}
.news{
	font-size:12px;
	text-shadow:#FFF;
	text-decoration:none;
	color:#363636;
}
.con{
	font-size:12px;
	color:#363636;
}
td{
	font-size:12px;
	color: #363636;
	font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.wordbreak{
word-break:break-all;
}
a.yiyi1
{
display:block; width:160px; text-align:center; color:#FFF; font-size:18px; line-height:99px; padding:0 5px; box-sizing:border-box; position: relative; margin-left:20px; 
}
a.yiyi1:hover 
{
color:#FFF; background-color:#202020;
}
a.yiyi100
{
display:block; width:160px; text-align:center; color:#FFF; font-size:18px; line-height:99px; padding:0 5px; box-sizing:border-box; position: relative; margin-left:20px; 
background-color:#202020;
}
a.yiyi100:hover 
{
color:#FFF;
}
.yiyi1-text{letter-spacing:0px; padding-left:0px;}
@media screen and (max-width: 1400px){
a.yiyi1{font-size:16px; line-height:76px; width:140px; margin-left:15px;}
a.yiyi100{font-size:16px; line-height:76px; width:140px; margin-left:15px; }
}
@media screen and (max-width: 1200px){
a.yiyi1{font-size:16px; line-height:76px; width:120px; margin-left:10px;}
a.yiyi100{font-size:16px; line-height:76px; width:120px; margin-left:10px; }
}
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:#000; font-size:16px;
}
a.yiyi2:hover 
{
color:#F00;
}
a.yiyi200
{
color:#bbbbbb; font-size:14px;
}
a.yiyi200:hover 
{
color:#F00;
}
a.yiyi2000
{
color:#003152; 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 #003152;
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:#003152; 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 #003152;
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:#003152;
}
a.yiyi3
{
color:#454545; 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:#003152; 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:#252525; 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:#003152; font-size:13px; width:40px; height:25px; line-height:25px; display:block; border-top:2px solid #003152; 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:#333; 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:#222; font-size:20px;
}
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;
}

/*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:#2c2c2c; border-bottom:1px solid #2c2c2c; box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.05);}
.solid-white-top {background:#2c2c2c;}

.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:90px; width:74px;
}
.headerlogo img{width:auto; height:100%; border:0px;}

.headencn{
overflow:hidden; height:34px;
}
.headencn a{
float:left; font-size:16px; display:block; width:32px; height:32px; line-height:30px; box-sizing:border-box; border:1px solid #5f5f5f; color:#FFF; text-align:center; 
letter-spacing:1px; padding-left:1px;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.headencn a:hover { color:#FFF; background:#8ac52c;}
.headencn .searchform{
float:left; position:relative;
}
.headencn .searchtext { width:140px; margin-left:10px; height:32px; border:1px solid #5f5f5f; color:#f0f0f0; background:#2c2c2c; outline:none; font-size:14px; line-height:30px; float:right; box-sizing:border-box; padding-left:10px; padding-right:28px;
border-radius:16px;
-webkit-border-radius:16px;
-o-border-radius:16px;
-moz-border-radius:16px;
-ms-border-radius:16px;
}
.headencn .searchmark {height:20px; position:absolute; right:5px; top:6px;}

.headright{
display:-webkit-inline-flex; display:inline-flex; flex:1; justify-content:flex-end; padding:0 4% 0 6%; flex-wrap: nowrap; align-items:center;
}
.headright .head-item{
float:left;
}
.headright .head-item img{width:auto; height:60px; border:0px;}
.headwap{
display:none;
}
.headright .head-item:hover>a{
color:#FFF;
}
/* 二级菜单 */
.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 .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:50px;float:right;position:relative; top:50%;cursor:pointer;height:30px;margin-top:-13px;}
.sp_nav span{display:block;background:#FFF;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;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){
.headerlogo{height:60px; width:auto;}
.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: 1200px){
.headright{padding:0 3%;}
}
@media screen and (max-width: 1024px){
.headencn{
display:none;
}
.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:#2c2c2c; padding-top:45px; padding-bottom:35px; text-align:center;}
.foot-copyright{
clear:both; font-size:16px; color:#8e8e8e; line-height:36px; padding:10px 0 10px 0;
}
.foot-copyright a{ color:#8e8e8e; font-size:16px;}
.foot-copyright a:hover{ color:#F00;}
.foot-share{
clear:both;
}
.foot-share img{
margin:0 11px;
}
.foot-qr{
clear:both; padding-top:16px;
}
@media screen and (max-width: 700px){
.footerbg img{max-width:150px; height:auto; border:0;}
.foot-copyright{font-size:14px; line-height:30px; padding:6px 0 6px 0;}
.foot-copyright a{font-size:14px;}
.foot-qr{clear:both; padding-top:12px;}
}

/*轮播*/
.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 {
position: relative; display: block; overflow:hidden;
}
.index-page-banner .swiper-slide a img {
width:100%; height:auto; border:0px; position:relative;
}
.index-page-banner .swiper-slide .pcs{display:block;}
.index-page-banner .swiper-slide .waps{display:none;}
@media screen and (max-width: 1024px){
.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: #F00;
}

.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;
}
}

/*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:100%; max-width:1600px; 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:#000; margin:5px 1.5% 5px 1.5%; 
text-align:center; border-bottom:1px solid #BBB; 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:#000; font-size:50px; line-height:50px; letter-spacing:1px;
}
.titleall02{
font-family:"Microsoft Yahei"; font-size:28px; font-weight:bold; letter-spacing:5px; color:#000;
}
.titleall01ca{
clear:both; text-align:center; color:#000; font-size:36px; line-height:36px; letter-spacing:2px; padding-left:2px; font-family: Arial, "Microsoft Yahei", "Palatino Linotype", "Book Antiqua", Palatino, serif; padding-top:60px;
}
.titleall01cb{
clear:both; text-align:center; color:#000; font-size:32px; line-height:36px; letter-spacing:3px; padding:13px 0px 18px 3px;
}
.titleall01cbp{
clear:both; text-align:center; color:#000; font-size:32px; line-height:36px; letter-spacing:3px; padding:60px 0px 0px 3px;
}
.titleall01cc{
clear:both; height:4px; width:100px; background-color:#000; margin:20px auto 0 auto;
}
.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:5px; color:#000;
}
a.index-more-all
{
float:right; width:150px; height:50px; line-height:50px; border:2px solid #003152; 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; background-color:#d4eeff;
}
.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;
}
.titleall02{
font-size:24px;
}
.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:#000; 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:#000; 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;
}
.titleall01cbp{
font-size:26px; line-height:28px; letter-spacing:1px; padding:40px 0px 0px 1px;
}
}
@media screen and (max-width: 1024px){
.titleall .titleright a{
width:30.33333%; height:42px; line-height:42px; font-size:14px; color:#000; margin:5px 1.5% 5px 1.5%; 
}
}
@media screen and (max-width: 668px){
.titleall .titleright a{
width:30.33333%; height:42px; line-height:42px; font-size:14px; color:#000; margin:5px 1.5% 5px 1.5%; 
}
.titleall01{
font-size:30px; line-height:30px;
}
.titleall02{
font-size:20px;
}
.titleall01c{
font-size:22px; line-height:30px;
}
.titleall02c{
font-size:20px;
}
a.index-more-all
{display:none;}

.titleall01ca{
font-size:26px; line-height:26px; letter-spacing:2px; padding-left:2px; padding-top:35px;
}
.titleall01cb{
font-size:26px; line-height:26px; letter-spacing:3px; padding:10px 0px 15px 3px;
}
.titleall01cbp{
font-size:20px; line-height:20px; letter-spacing:0px; padding:40px 0px 0px 0px;
}
.titleall01cc{
clear:both; height:4px; width:60px; margin:15px auto 0 auto;
}
}
/*title e*/
.index-page-pro-index{
width:96%; max-width:1800px; clear:both; margin:0px auto; padding-bottom:30px;
}
.index-page-pro-index ul{
width:100%; clear:both; padding:40px 0px 20px 0px;
}
.index-page-pro-index ul li{
float:left; width:18.4%; margin-bottom:40px; margin-right:2%; border:1px solid #FFF; background-color:#FFF; box-sizing: border-box;
}
.index-page-pro-index ul li:nth-child(5n){
 margin-right:0;
}
.index-page-pro-index ul li:hover img{
    transform: scale(1.15);
}
.index-page-pro-index ul li:hover{border:1px solid #FFF; box-shadow:0 0 10px rgba(0,0,0,0.3);}
@media screen and (max-width: 1200px){
.index-page-pro-index ul li{
width:23.5%; margin-bottom:40px; margin-right:2%;
}
.index-page-pro-index ul li:nth-child(5n){margin-right:2%;}
.index-page-pro-index ul li:nth-child(4n){margin-right:0;}
}
@media screen and (max-width: 1024px){
.index-page-pro-index ul li{
width:32%; margin-bottom:40px; margin-right:2%;
}
.index-page-pro-index ul li:nth-child(4n){margin-right:2%;}
.index-page-pro-index ul li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width: 700px){
.index-page-pro-index ul li{
width:49%; margin-bottom:20px; margin-right:2%;
}
.index-page-pro-index ul li:nth-child(3n){margin-right:2%;}
.index-page-pro-index ul li:nth-child(2n){margin-right:0;}
}


.index-page-pro-all{
width:96%; max-width:1600px; clear:both; margin:0px auto; padding-top:60px; padding-bottom:30px;
}
.index-page-pro-left{
float:left; width:17%; overflow:hidden;
}
.index-page-pro-left div{
overflow:hidden;
}
.pro-left-class{
clear:both; border-bottom:1px solid #2c2c2c;
}
.pro-left-class a{ color:#000; font-size:16px; display:block; line-height:250%; padding-left:5%; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro-left-class-small{
clear:both; border-bottom:1px solid #2c2c2c;
}
.pro-left-class-small-wap{
clear:both; width:97%; margin:0 auto; border-bottom:1px solid #2c2c2c; display:none;
}
.pro-left-class-small-wap a{ color:#8d8d8d; font-size:14px; display:block; line-height:250%; overflow:hidden; box-sizing:border-box; text-align:center;
float:left; width:48.5%; margin:0 3% 0 0;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro-left-class-small-wap a:nth-child(2n){margin-right:0;}

.pro-left-class-small a{ color:#8d8d8d; font-size:16px; display:block; line-height:250%; padding-left:5%; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.index-page-pro-left .active{ color:#FFF; background-color:#2c2c2c;}
@media screen and (max-width: 1400px){
.pro-left-class a{ font-size:16px; line-height:250%; padding-left:3%;}
.pro-left-class-small a{font-size:14px; line-height:250%; padding-left:3%;}
}
@media screen and (max-width: 1200px){
.index-page-pro-left{width:22%;}
}
@media screen and (max-width: 700px){
.index-page-pro-all{ padding-top:20px; padding-bottom:0px;}
.index-page-pro-left{float:none; clear:both; width:100%;}
.pro-left-class{clear:none; float:left; width:47%; margin:0 1.5%; text-align:center; padding-left:0;}
.pro-left-class-small{
clear:both; border-bottom:1px solid #2c2c2c; display:none;
}
.pro-left-class-small-wap{display:block;}
}


.index-page-pro{
float:right; width:81%;
}
.index-page-pro ul{
width:100%; clear:both; padding:0px 0px 60px 0px;
}
.index-page-pro ul li{
float:left; width:22.75%; margin-bottom:30px; margin-right:3%; border:1px solid #FFF; background-color:#FFF; box-sizing: border-box;
}
.index-page-pro ul li:nth-child(4n){
 margin-right:0;
}
@media screen and (max-width: 1200px){
.index-page-pro{width:75%;}
.index-page-pro ul li{width:31.33333%; margin-right:3%;}
.index-page-pro ul li:nth-child(4n){margin-right:3%;}
.index-page-pro ul li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width: 900px){
.index-page-pro{width:75%;}
.index-page-pro ul li{width:48.5%; 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;}
}
@media screen and (max-width: 700px){
.index-page-pro{float:none; clear:both; width:100%; padding-top:30px;}
.index-page-pro ul{padding:0px 0px 20px 0px;}
.index-page-pro ul li{width:48.5%; margin-right:3%; margin-bottom:12px;}
.index-page-pro 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:1px solid #FFF; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.hotsalelist01{
margin:5px auto 0px auto; width:90%; line-height:26px; height:26px; border-top:1px solid #e4e4e4; text-align:center; padding-top:10px; margin-bottom:10px; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.hotsalelist02{
margin:0px auto 18px auto; width:90%; line-height:26px; height:26px; text-align:left; padding-top:6px; overflow:hidden;
padding-right:56px; box-sizing:border-box;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
@media screen and (max-width: 1024px){
.hotsalelist02{padding-right:0px;}
}
.prolist{
	list-style-type: none;
	/*display:inline-block;*/
	display: block;
	float: left;
	width:100%;
	position: relative;
	overflow: hidden;
}
.dummy{padding-top:100%;}
.prolist img{
	max-width: 90%;
	max-height: 90%;
	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:#003152; 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;}
}

/*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:96%; max-width:1600px; 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:33px; padding:20px 0px 0px 0px;
}
.about-all p{
padding-bottom:15px;
}
.about-img{
clear:both; font-size:18px; color:#777; line-height:33px; padding:5px 0px 20px 0px;
}
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:#003152;
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;
}
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{
width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden; padding-top:60px; padding-bottom:40px;
}
.index-page-news div{
overflow:hidden;
}
.index-page-news ul{
width:100%; clear:both; padding:40px 0px 20px 0px;
}
.index-page-news ul li{
float:left; width:48%; margin-bottom:30px; margin-right:4%; box-sizing:border-box;
}
.index-page-news ul li:nth-child(2n){
 margin-right:0;
}
.index-page-news ul li:hover img{
    transform: scale(1.15);
}
.newsleft{
float:left; width:25%; margin-top:8px; box-sizing: border-box; border:1px solid #d9d9d9;
}
.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:72%;
}
.news01{
clear:both; line-height:36px; padding:5px 0px 4px 0px;
}
.news02{
clear:both; width:84px; height:2px; background-color:#003152;
}
.news03{
clear:both; word-break:break-all; 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:#003152;
}
.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:20px 0px 20px 0px;}
.index-page-news ul li{margin-bottom:10px;}
.news01{clear:both; line-height:32px; padding:0px 0px 0px 0px;}
}

.index-banner-pro{
	width:100%; max-width:1920px; height:248px; clear:both; margin:0px auto; overflow:hidden;
	background: url(images/banner_01.jpg) center no-repeat; background-size:cover;
}

.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:20px 0px 20px 0px; line-height:180%; font-size:18px; color:#333; 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:0px 0px 20px 0px;}
}

.indexpage-case{
width:96%; max-width:1600px; 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:#202020;
}
.newshowdetail{
width:100%; margin:0 auto; clear:both; line-height:180%; font-size:16px; color:#333; 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:#363636; 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:#333; 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:#333; display:block; text-align:center; width:36px; height:36px; line-height:36px; border:1px solid #CCC; 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 .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:#003152; color:#FFF;
}
.promenu .on{
  background-color:#003152; 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;
}
}

/*响应缓冲*/
.huanchong, .yiyi7, .yiyi20000, .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: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
@media screen and (max-width: 768px){
.yb_conct {display:none;}
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 0; font-size:14px;
}
.yb_bar .yb_phone {
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -57px; font-size:14px;
}
.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: 54px;
	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:#333; 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 .showmap{
    width:100%; height:350px; margin:0 auto; clear:both; border:1px solid #CCC; box-sizing:border-box;
}
.inpage-about-show iframe{
    width:100%; height:350px; margin:0 auto; clear:both;
}
.inpage-about-show .leftp{float:left; width:48%; overflow:hidden; margin-bottom:35px; padding-top:40px;}
.inpage-about-show .rightp{float:right; width:48%; height:auto; overflow:hidden; margin:50px 0 0 0;}

.inpage-about-show .netbooklist{float:left; width:46%; margin:0 2%; padding-top:20px;}
.bookbiaoyu{text-align:center; font-size:18px; color:#666; font-weight:bold; letter-spacing:3px;}
.inpage-about-show form{width:100%; max-width:1000px; clear:both; margin:0 auto;}
.inpage-about-show input{border:1px solid #CCC; box-sizing:border-box;}
.inpage-about-show textarea{border:1px solid #CCC; box-sizing:border-box;}

.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 .leftp{float:none; clear:both; width:100%; margin:35px auto 20px auto; padding-top:0px;}
.inpage-about-show .rightp{float:none; clear:both; width:100%; margin:35px auto 0px 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 .leftp{float:none; clear:both; width:100%; margin:0 auto 20px auto; padding-top:0px;}
.inpage-about-show .rightp{float:none; clear:both; width:100%; margin:35px auto 0px auto;}
}
@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{height:350px;}
.bookbiaoyu{font-size:16px; letter-spacing:2px;}
}
.inpage-contact-bg{
	width:100%; clear:both; margin:0 auto; overflow:hidden; background-size:100%;
}

/*下载中心*/
.download-search{
width:100%; border-bottom:1px solid #000; 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:#888;
}
.dlon:focus
{
color:#000;
}
.download-title{
width:100%; border-bottom:1px solid #999; 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:16px; padding:18px 5px 18px 5px; box-sizing: border-box; border-bottom:1px solid #DDD; overflow:hidden;
}
.download-list:hover{
background-color:#f0f0f0;
}
.download-list-a{
float:left; width:47%; 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{
	position:relative; z-index:1; clear:both;
	width:100%; padding:60% 0 0 0; box-sizing: border-box; overflow:hidden; 
}
.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{
background-color:rgba(85, 85, 85, 0.8);
position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
object-fit: cover;
border:0;
}
.inpage-video ul li:hover img{
    transform: scale(1.1);
}
.inpage-video .casetext{
	position:relative; width:100%; box-sizing:border-box; padding:10px 10px 10px 10px; line-height:38px; background-color:rgba(51, 51, 51, 0.5); text-align:center; color:#FFF; font-size:18px; transition: all .5s;
}
.inpage-video ul li:hover .casetext{
    background-color:rgba(230, 77, 88, 1);
}
@media(max-width:1600px) {
.inpage-video .casetext{padding:10px 10px 10px 10px; line-height:36px; font-size:18px;}
}
@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;
}
.inpage-video .casetext{padding:8px 8px 8px 8px; line-height:34px; font-size:18px;}
}
@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;
}
.inpage-video .casetext{padding:8px 8px 8px 8px; line-height:26px; font-size:14px;}
}
@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%;}
.inpage-video .casetext{padding:8px 8px 8px 8px; line-height:26px; font-size:14px;}
}
@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%;
}
.inpage-video .casetext{
	padding:8px 8px 8px 8px; line-height:30px; font-size:16px;
}
}


/**加载中蒙版.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:#999; margin:0 auto;
}
.loadshow{
	width:100%; height:100%; display:block; position:absolute; left:0; top:0; overflow:hidden; box-sizing:border-box; border:30px solid #999; background:#FFF;
}
.loadshow iframe{
	width:100%; height:100%;
}
@media(max-width:1420px) {
.loadshow{border:15px 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);}
.loadshow{border:10px solid #999;}
}
@media(max-width:668px) {
.loading{width:96%; height:85%; top:15%; left:2%;}
}

.inpage-proshow{
	width:98%; max-width:1600px; clear:both; margin:0 auto; padding-top:0px; position:relative;
}
.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:100%; clear:both; padding:0 0 70px 0; overflow:hidden;
}
.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:66%; clear:both; margin:0 auto;
}
.proshow-box01-left-01{
	clear:both; padding:0 0 20px 0; text-align:center;
}
.proshow-box01-left-02{
	clear:both; margin-top:20px; position:relative; width:100%; padding:56% 0 0 0; box-sizing: border-box; overflow:hidden;
}
.proshow-box01-left-02>img{
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
}

.proshow-box01-right{
	width:100%; clear:both; font-size:16px; color:#454545; line-height:200%; padding-top:20px; padding-bottom:20px;
}
.proshow-box01-right img{
	max-width:100%; height:auto;
}
.proshow-box01-right table{
    width:100%; max-width:100%;
}
.provideo{
	width:80%; clear:both; margin:0 auto; overflow:hidden; padding-top:20px;
}
.proloadvideo{
	width:100%; padding:57.5% 0 0 0; position:relative; display:block; overflow:hidden; background-color:#999; margin:0 auto;
}
.proloadshow{
	width:100%; height:100%; display:block; position:absolute; left:0; top:0; overflow:hidden; background:#FFF;
}
.proloadshow iframe{
	width:100%; height:100%; box-sizing:border-box; border:1px solid #999;
}
@media(max-width:768px) {
.provideo{width:100%; padding-top:20px;}
}


.proshow-inxun_title{
	float:left; width:13%; padding-top:8px;
}
.proshow-inxun_show{
	float:right; width:85%; overflow:hidden;
}

.inxun_title {
clear:both; overflow:hidden;
}
.inxun_title div {
width:100%; margin-bottom:10px; line-height:300%; cursor:pointer; color:#000; font-size:16px; box-sizing:border-box; padding-left:5%;
}
.inxun_title div.hover {
background-color:#2c2c2c; color:#FFF;
  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;
}

@media(max-width:900px) {
.proshow-inxun_title{
	float:none; clear:both; width:100%; padding-top:0px;
}
.proshow-inxun_show{
	float:none; clear:both; width:100%; overflow:hidden;
}
.inxun_title {clear:both; background-color:#f0f0f0; border-bottom:1px solid #CCC;}
.inxun_title div {
float:left; width:33.3333%; margin-bottom:0px; line-height:300%; cursor:pointer; color:#000; font-size:16px; box-sizing:border-box; padding-left:0px;  text-align:center;
}
}

.proshow-box01-right-01{
	clear:both; font-size:20px; color:#000; font-weight:bold; text-align:center; line-height:250%;
}
.proshow-box01-right-01 span{
	margin-right:10px;
}
.proshow-title{
	width:100%; text-align:center; line-height:65px; font-size:32px; color:#000; overflow:hidden; display:block; position:relative; background-color:rgba(170, 170, 170, 0.1); border-bottom: solid 1px rgba(179, 179, 179, 0.3);
}
.proshow-all{
	width:100%; font-size:18px; color:#454545; line-height:200%; overflow:hidden; padding:20px 0; display:block;
}
.proshow-all img{
	max-width:100%; 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; font-size:32px;}
.proshow-box01-right{font-size:16px; line-height:180%;}
.proshow-all{font-size:16px; line-height:180%; padding:20px 0;}
}

@media(max-width:1200px) {
.inpage-proshow{
	padding-top:0px;
}
.inpage-proshow-box01{
	padding:40px 0;
}
.proshow-box01-left{
	width:75%; clear:both; margin:0 auto;
}
}
@media(max-width:1024px) {
.inpage-proshow{width:98%;}
.proshow-title{line-height:55px; font-size:26px;}
.inpage-proshow{padding-top:0px;}
.inpage-proshow-box01{padding:30px 0;}

.proshow-box01-left{
width:80%; float:none; clear:both; margin:0 auto;
}
.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 0;}
}
@media(max-width:924px) {
.psbox02-left{float:none; width:100%;}
.psbox02-right{display:none;}
}

@media(max-width:700px) {
.proshow-box01-left{width:100%; clear:both; margin:0 auto;}
.inpage-proshow-box01{padding:0 0 0 0;}
.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; font-size:22px; background-color:rgba(170, 170, 170, 0.2);
}
.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: #333; display:block; width:25px; height:25px; text-align:center; line-height:25px; right:10px; top:13px;
}
.proshow-title.active  p:after {
	color: #333;
	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;}

.search-all{
	width:100%; clear:both; margin:0 auto; overflow:hidden; padding:40px 0 20px 0;
}
.searchlist{
float:left; width:46%; margin:0px 2% 30px 2%; background-color:#FFF; box-sizing: border-box; padding:6px 10px 10px 10px; border:1px solid #CCC; 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 #003152;
}
.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{
        background-color:#FFF; padding-top:25px;
    }
    .mySwbox-main .mySwbox{
        max-width: 1920px;
        margin: 0 auto;
        position: relative;
        padding: 0px 0 0px 0;
        width: 80%;
        height: 80%;
       
    }
    .mySwbox-main .swiper-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }
    .mySwbox-main .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    .mySwbox-main .gallery-top {
        width: 100%;
    }
    .mySwbox-main .gallery-thumbs {
        box-sizing: border-box;
        padding: 10px 0;
    }
    .mySwbox-main .gallery-thumbs .swiper-slide {
        width: 12.5%;
        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; background-color:#FFF;
}
.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{background-color:#ebebeb; box-shadow: 0 0 0 #DDD; margin-top: 20px; padding: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);
    padding: 5px;
	box-sizing:border-box;
}
.mySwbox-main .img-center{
    position:relative; width:100%; padding:100% 0 0 0; box-sizing: border-box; overflow:hidden; background:#FFF;
}
.mySwbox-main .img-center>img{
  position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto; 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: #8cc52c;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
}
.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;}
    .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; width:90%; height:90%;}
    .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{margin-right: 0 !important;}
    .mySwbox-main .slide .text h2 .s3{display: none;}
}

.index-box-1bg {width:100%; clear:both; margin:0 auto; overflow:hidden; background-color:#FFF; padding-top:60px;}
.index-box-1 {
  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-box-1-wap { 
display:none;
}
.index-box-1 .swiper-btn {
  width: 50px;
  height: 92px;
  position:absolute;
  top:50%; margin-top:-46px;
}
.index-box-1 .swiper-btn.prev {
  left:15px;
  background: url(images/allm_l.png) no-repeat center;
}
.index-box-1 .swiper-btn.prev:hover {
  background: url(images/allm_l.png) no-repeat center #DDD;
}
.index-box-1 .swiper-btn.next {
  right:15px;
  background: url(images/allm_r.png) no-repeat center;
}
.index-box-1 .swiper-btn.next:hover {
  background: url(images/allm_r.png) no-repeat center #DDD;
}
.index-box-1 .pro-box {
  width:calc(100% - 160px); margin:0 auto;
}
.index-box-1 .swiper-slide {
  font-size: 0;
  background: #FFF;
}
.index-box-1 .pic {
  clear:both; position:relative; width:100%; padding:100% 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-1 .swiper-slide:hover img {
  transform: scale(1.15);
}
.index-box-1 .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-box-1 .proname {
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-align:center; height:36px; line-height:36px; width:100%; box-sizing:border-box;
  padding:10px 10px 10px 10px;
}
@media screen and (max-width: 1200px) {
.index-box-1 .pro-box {
  width:calc(100% - 100px); margin:0 auto;
}
.index-box-1 .swiper-btn.prev {
  left:0px;
}
.index-box-1 .swiper-btn.next {
  right:0px;
}
}
@media screen and (max-width: 768px) {
.index-box-1 .pro-box {
  width:calc(100% - 60px); margin:0 auto;
}
.index-box-1 .swiper-btn {
  width: 30px;
  height: 60px;
  position:absolute;
  top:50%; margin-top:-30px;
}
.index-box-1 .swiper-btn.prev {
  left:0;
  background: url(images/feel3.png) no-repeat center;
}
.index-box-1 .swiper-btn.prev:hover {
  background: url(images/feel3.png) no-repeat center #DDD;
}
.index-box-1 .swiper-btn.next {
  right:0px;
  background: url(images/feel4.png) no-repeat center;
}
.index-box-1 .swiper-btn.next:hover {
  background: url(images/feel4.png) no-repeat center #DDD;
}
}
@media screen and (max-width: 668px) {
.index-box-1bg {display:none;}
.index-box-1-wap { display: block; padding-top:35px;}
}

.index-box-case-all {width:100%; clear:both; margin:0 auto; overflow:hidden; padding-top:30px;}
.index-box-case {
  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-box-case .swiper-btn {
  width: 50px;
  height: 92px;
  position:absolute;
  top:50%; margin-top:-46px;
}
.index-box-case .swiper-btn.prev {
  left:15px;
  background: url(images/allm_l.png) no-repeat center;
}
.index-box-case .swiper-btn.prev:hover {
  background: url(images/allm_l.png) no-repeat center #DDD;
}
.index-box-case .swiper-btn.next {
  right:15px;
  background: url(images/allm_r.png) no-repeat center;
}
.index-box-case .swiper-btn.next:hover {
  background: url(images/allm_r.png) no-repeat center #DDD;
}
.index-box-case .case-box {
  width:calc(100% - 160px); margin:0 auto;
}
.index-box-case .swiper-slide {
  font-size: 0;
  background: #FFF;
}
.index-box-case .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-case .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-case .swiper-slide:hover img {
  transform: scale(1.15);
}
.index-box-case 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-box-case .case-box {
  width:calc(100% - 100px); margin:0 auto;
}
.index-box-case .swiper-btn.prev {
  left:0px;
}
.index-box-case .swiper-btn.next {
  right:0px;
}
}

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


.index-box-5bg {width:100%; clear:both; margin:0 auto; overflow:hidden; background-color:#FFF;}
.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:50px 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: #FFF;
}
.index-box-5 .swiper-slide:hover {
  background: #8cc52c 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: #000;
  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 #8cc52c;
  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: 700px){
.index-box-5 {padding:30px 0 50px 0;}
}
@media screen and (max-width: 668px) {
.index-box-5 .swiper-slide a {
    height: 9rem;
}
}


.index-page-pro-class{
width:100%; max-width:1800px; clear:both; margin:0px auto; overflow:hidden;
}
.index-page-pro-class div{
overflow:hidden;
}
.proclassall { width:100%; clear:both; margin:0 auto; overflow:hidden; padding-top:20px; padding-bottom:80px;}
.proclassall div{ overflow:hidden;}
.proclassall .proclasslist{float:left; width:18.4%; margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(5n){margin:0 0 2% 0;}

.proclassall .proclasslist p{text-align:center; font-size:18px; color:#000;}
.proclassall .classpic{
  clear:both; position:relative; width:100%; padding:65% 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;
}
.proclassall .proclasslist:hover img {
  transform: scale(1.15);
}
.proclassall .proclasslist:hover P {
  color:#F00;
}
.proclassall .classpic>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;
}
@media screen and (max-width: 1400px){
.proclassall .proclasslist p{font-size:16px;}
}
@media screen and (max-width: 1200px){
.proclassall .proclasslist{float:left; width:23.5%; margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(5n){margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(4n){margin:0 0 2% 0;}
}
@media screen and (max-width: 1024px){
.proclassall .proclasslist{float:left; width:32%; margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(4n){margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(3n){margin:0 0 2% 0;}
.proclassall .proclasslist p{font-size:16px;}
.proclassall .classpic{padding:80% 0 0 0;}
}
@media screen and (max-width: 700px){
.proclassall {padding-bottom:40px;}
.proclassall .proclasslist{float:left; width:49%; margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(3n){margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(2n){margin:0 0 2% 0;}
}

.smallclasslist { width:100%; clear:both; margin:3% auto 3% auto; overflow:hidden; background: url(images/bg_01.jpg) center;
font-size:20px; color:#000; line-height:300%; box-sizing:border-box; padding:0 0 0 2%;
border-radius:30px 0 30px 0;
-webkit-border-radius:30px 0 30px 0;
-o-border-radius:30px 0 30px 0;
-moz-border-radius:30px 0 30px 0;
-ms-border-radius:30px 0 30px 0;
}
@media screen and (max-width: 700px){
.smallclasslist{line-height:250%; padding:0 0 0 5%;}
}
.index-page-about-index{
width:100%; clear:both; margin:0px auto; padding-bottom:10px; overflow:hidden;
}
.index-page-about-index div{
overflow:hidden;
}
.index-page-about-all{
width:100%; clear:both; margin:50px auto 0px auto; background-color:#2c2c2c;
}
.about-left{
width:50%; float:left; height:643px; background: url(images/aboutbg02_06.jpg) top 0 right 43px no-repeat;
}
.about-right{
width:50%; float:right; height:643px; box-sizing:border-box; padding-right:60px;
display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap;
}
.about-text{
width:100%; font-size:18px; color:#FFF; line-height:40px;
}
.about-text p{
padding-bottom:20px;
}
@media screen and (max-width: 1600px){
.about-text{font-size:18px; line-height:36px;}
.about-right p{padding-bottom:15px;}
}
@media screen and (max-width: 1400px){
.about-text{font-size:16px; line-height:36px;}
.about-right p{padding-bottom:15px;}
}
@media screen and (max-width: 1200px){
.about-text{font-size:15px; line-height:32px;}
.about-right p{padding-bottom:15px;}
}
@media screen and (max-width: 1024px){
.about-text{font-size:14px; line-height:28px;}
.about-right p{padding-bottom:10px;}
}
@media screen and (max-width: 768px){
.index-page-about-all{margin:30px auto 0px auto;}
.about-left{
width:100%; float:left; height:400px; background: url(images/aboutbg02_06.jpg) center no-repeat; background-size:cover;
}
.about-right{
width:100%; float:none; height:auto; box-sizing:border-box; padding:5% 5%;
display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap;
}
.about-text{font-size:16px; line-height:32px;}
.about-right p{padding-bottom:12px;}
}