body{
    overflow-x: hidden;
	overflow-y: scroll;
	font-size:12px; color:#363636;
	background-color:#FFF;
	margin:0px;
	padding:0px;
	font-family:"Microsoft Yahei";
}
*{ padding:0px; margin:0}
a{
	font-size:12px;
	text-decoration:none;
	color:#363636;
	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:#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";
}
.wordbreak{
word-break:break-all;
}
a.yiyi1
{
display:block; text-align:center; color:#000; font-size:18px; letter-spacing:2px; padding-left:10px; padding-right:8px; line-height:96px; margin-left:8px; margin-right:8px; position: relative;
font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi1:hover 
{
color:#FFF; background-color:#ff9900;
}
a.yiyi100
{
display:block; text-align:center; color:#FFF; font-size:18px; letter-spacing:2px; padding-left:10px; padding-right:8px; line-height:96px; margin-left:8px; margin-right:8px; background-color:#ff9900; position: relative;
font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi100:hover 
{
color:#FFF;
}
@media screen and (max-width: 1500px){
a.yiyi1{font-size:18px; letter-spacing:1px; padding-left:3px; padding-right:2px; margin-left:3px; margin-right:3px; line-height:76px;}
a.yiyi100{font-size:18px; letter-spacing:1px; padding-left:3px; padding-right:2px; margin-left:3px; margin-right:3px; line-height:76px;}
}
@media screen and (max-width: 1400px){
a.yiyi1{font-size:16px; letter-spacing:1px; padding-left:3px; padding-right:2px; margin-left:3px; margin-right:3px; line-height:76px;}
a.yiyi100{font-size:16px; letter-spacing:1px; padding-left:3px; padding-right:2px; margin-left:3px; margin-right:3px; line-height:76px;}
}
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:#ff9900; 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 #ff9900;
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:#ff9900; 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 #ff9900;
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:#ff9900;
}
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:#ff9900; 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:#ff9900; font-size:13px; width:40px; height:25px; line-height:25px; display:block; border-top:2px solid #ff9900; 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;
}

/*这里*/
.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-color: #FFF !important; border-bottom:1px solid #CCC; box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.05);}
.solid-white-top {background-color:#FFF;}

.position-fixed {
    position: sticky;
    top: 0;
    left: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	z-index:10;
}
.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: flex; flex-direction:row; align-items:center; flex-wrap: wrap;
}
.headerlogo{
overflow:hidden; height:76px;
}
.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;
}
.headcnen{
float:right; padding:42px 2px 0px 8px;
}
.headright{
display:inline-flex; flex:1; justify-content:flex-end; padding:0;
}
.headright .head-item{
float:left;
}
.headwap{
display:none;
}
.headright .head-item:hover>a{
color:#FFF; background-color:#ff9900;
}
/* 二级菜单 */
.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:18px; 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:18px; 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:#000;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: 1550px){
.headerlogo{height:70px;}
}
@media screen and (max-width: 1420px){
.subMenu .about-menu .about-menu-list a{height:60px; line-height:60px; font-size:16px;}
}
@media screen and (max-width: 1400px){
.headerlogo{height:60px;}
.subMenu .about-menu{min-height:300px;}
.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: 1300px){
.subMenu .about-menu{min-height:220px;}
.subMenu .about-menu .about-menu-img{display:none;}
.subMenu .about-menu .about-menu-list{width:100%;}
.subMenu .about-menu .about-menu-list a{height:60px; line-height:60px; font-size:14px;}

.subMenu .pro-menu a{width:23.5%; height:50px; line-height:50px; font-size:14px; overflow:hidden; color:#000; margin:12px 2% 12px 0;}
.subMenu .pro-menu a:nth-child(5n){
margin:12px 2% 12px 0;
}
.subMenu .pro-menu a:nth-child(4n){
margin:12px 0 12px 0;
}
}
@media screen and (max-width: 1200px){
.headerlogo{height:50px;}
.headright{padding:0 3%;}
}
@media screen and (max-width: 1100px){
.headerlogo{height:45px;}
}
@media screen and (max-width: 1024px){
.headerlogotitle{display:none;}
}
@media screen and (max-width: 1024px){
.headerbg{height:70px;}
.headerbgin{height:70px;}
.header{width:100%; height:70px; position:fixed; z-index:2000; background-color:#FFF;}
.headerlogo{height:50px; padding-left:5px;}
.headcnen{display:none;}
.headright{display:none;}
.headwap{
height:70px;
display:inline-flex; flex:1; justify-content:flex-end;
}
.headmenubg{display:none;}
.nav_show{top:70px;}
}
@media screen and (max-width: 668px){
.headerlogo{height:35px; width:calc(100% - 60px); padding-left:5px; box-sizing:border-box;}
}
/*-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-color:#020a1d; padding-top:35px; padding-bottom:10px; border-bottom:1px solid #333;}
.pfooter{width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden; color:#656565;}
.pfooter div{
overflow:hidden;
}
.foot-l{
float:left; width:49%; text-align:center;
}
.foot-logo{
float:left; text-align:left; width:30%; padding-bottom:35px;
}
.foot-qr{
float:left; width:30%; text-align:center; font-size:16px; line-height:45px; padding-top:20px;
}
.foot-r{
float:right; width:50%; 
}
.foot-r .foot-menu{
clear:both;
}
.foot-r .foot-menu a{ color:#656565; font-size:16px; font-weight:bold; letter-spacing:5px; margin-right:25px;}
.foot-r .foot-menu a:hover{ color:#F00;}

.foot-r .foot-contact{
clear:both; font-size:18px; line-height:35px; padding:30px 0px 5px 0px;
}
.foot-r .foot-contact a{ color:#656565; font-size:16px;}
.foot-r .foot-contact a:hover{ color:#F00;}
.foot-copyright{
clear:both; font-size:16px; color:#656565; line-height:40px; text-align:center; border-top:1px solid #333333;
}
.foot-copyright a{ color:#656565; font-size:16px;}
.foot-copyright a:hover{ color:#F00;}

@media screen and (max-width: 1200px){
.foot-l{
float:left; width:55%; text-align:center;
}
.foot-logo{
float:left; text-align:left; width:36%; padding-bottom:35px;
}
.foot-qr{
float:left; width:30%; text-align:center; font-size:16px; line-height:45px; padding-top:20px;
}
.foot-r{
float:right; width:45%; 
}
.foot-r .foot-contact{
clear:both; font-size:16px; line-height:30px; padding:25px 0px 5px 0px;
}
}
@media screen and (max-width: 768px){
.foot-l{float:left; width:100%;}
.foot-logo{
float:left; text-align:left; width:30%; padding-bottom:15px;
}
.foot-l .foot-menu{
clear:both; text-align:center;
}
.foot-l .foot-menu a{ color:#656565; font-size:16px; font-weight:bold; letter-spacing:5px; margin-right:10px;}
.foot-r{float:right; width:100%;}
}
@media screen and (max-width: 700px){
.foot-l img{height:90px; width:auto;}
.foot-logo{
float:left; text-align:center; width:30.3333%; margin:0 1.5%; padding-bottom:0px;
}
.foot-qr{
float:left; width:30.3333%; text-align:center; margin:0 1.5%; padding-top:0px;
}
.foot-l .foot-menu a{letter-spacing:3px; margin-right:8px;}
}

/*轮播*/
.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:702px; position: relative; display: block; overflow:hidden;
}
.index-page-banner .swiper-slide a img {
width:1920px; height:702x; border:0px; position:relative; left:50%; top:50%; margin-left:-960px; margin-top:-351px;
}
.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:622px;}
.index-page-banner .swiper-slide a img {width:1700px; height:622px; margin-left:-850px; margin-top:-311px;}
}
@media screen and (max-width: 1400px){
.index-page-banner .swiper-slide a {height:548px;}
.index-page-banner .swiper-slide a img {width:1500px; height:548px; margin-left:-750px; margin-top:-274px;}
}
@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: #ff9900;
}

.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:#ff9900; 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 5px 0 0;
}
.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: 768px){
.index-page-gonggao .gonggao{display:none;}
}

.index-page-youshi{
width:100%; clear:both; margin:0px auto; overflow:hidden; background-color:#020a1d;
}
.index-page-youshi div{
overflow:hidden;
}
.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; text-shadow: 2px 2px 3px #000;
}
.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:#FFF; font-size:32px; padding:60px 0px 30px 0px;
}
.index-page-youshi02{
width:100%; clear:both; text-align:center; color:#646b75; font-size:20px; padding-bottom:60px;
}
.index-page-youshiall{
width:100%; max-width:1600px; clear:both; margin:0px auto; padding-bottom:100px;
}
.index-page-youshilist{
float:left; width:24.25%; margin-right:1%; text-align:center; background-color:#12192b;
}
.index-page-youshilist:nth-child(4){
margin-right:0;
}
.index-page-youshilist:hover{
background-color:#1a2c5c;
}
.index-page-youshi-container{
position:relative; width:100%; padding:100% 0 0 0; overflow:hidden;
}
.index-page-youshi-container a{
width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto; display:block; box-sizing: border-box; padding-top:15%;
}
.index-page-youshilist h6{
color:#FFF; font-size:16px; margin:10px 0 10px 0;
}
.index-page-youshilist p{
color:#788083; font-size:16px; line-height:30px; padding:0 20px;
}
@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:14px; margin:3px 0 3px 0;}
.index-page-youshilist p{font-size:14px; line-height:28px;}
.index-page-youshi-container a{padding-top:12%;}
}
@media screen and (max-width: 1200px){
.index-page-youshi-container a{padding-top:9%;}
}
@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:6%;}
.index-page-youshilist h6{font-size:12px; margin:3px 0 3px 0;}
.index-page-youshilist p{font-size:12px; line-height:24px;}
}
@media screen and (max-width: 768px){
.index-page-youshi-container a{padding-top:0%;}
.index-page-youshilist h6{font-size:12px; margin:3px 0 1px 0;}
.index-page-youshilist p{font-size:12px; line-height:20px;}
}
@media screen and (max-width: 700px){
.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; color:#646b75; 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(2), .index-page-youshilist:nth-child(3){
background-color:#1a2c5c;
}
.index-page-youshi-container a{padding-top:15%;}
.index-page-youshilist h6{font-size:16px; margin:6px 0 6px 0;}
.index-page-youshilist p{font-size:14px; line-height:28px;}
}
@media screen and (max-width: 420px){
.index-page-youshi00{
margin-top:-40px;
}
.index-page-youshi-container a{padding-top:5%;}
.index-page-youshilist h6{font-size:14px; margin:1px 0 3px 0;}
.index-page-youshilist p{font-size:10px; line-height:20px;}
}

/*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: 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;
}
.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:5px; color:#000;
}
a.index-more
{
float:right; width:150px; height:50px; line-height:50px; border:2px solid #e7c899; display:block; margin-top:-70px; text-align:center; color:#999; font-size:17px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.index-more:hover 
{
color:#F00; background-color:#fdf3e4;
}
@media screen and (max-width: 1400px){
.titleall01{
font-size:40px; line-height:40px;
}
.titleall02{
font-size:24px;
}
.titleall01c{
font-size:40px; line-height:40px;
}
.titleall02c{
font-size:24px;
}
.titleall05{
font-size:18px;
}
a.index-more
{
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
{
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:#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:30px; line-height:30px;
}
.titleall02c{
font-size:20px;
}
a.index-more
{display:none;}
}
/*title e*/

.index-page-pro{
width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden; padding-top:50px; padding-bottom:40px;
}
.index-page-pro div{
overflow:hidden;
}
.index-page-pro ul{
width:100%; clear:both; padding:40px 0px 20px 0px; overflow:hidden;
}
.index-page-pro 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-page-pro ul li:nth-child(4n){
 margin-right:0;
}
@media screen and (max-width: 700px){
.index-page-pro{padding-top:25px; padding-bottom:5px;}
.index-page-pro ul{padding:30px 0px 20px 0px;}
.index-page-pro ul li{width:48%; margin-bottom:30px; margin-right:4%;}
.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 #ff9900;}
.hotsalelist01{
margin:5px auto 0px auto; width:90%; line-height:26px; height:26px; border-top:1px solid #e4e4e4; text-align:left; padding-top:10px;
}
.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:400px;
	max-height:400px;
	width:100%;
	position: relative;
	overflow: hidden;
}
.dummy{padding-top:100%;}
.prolist img{
	max-width: 100%;
	max-height: 100%;
	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:#ff9900; 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:1px solid #ff9900;}

/*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:#ff9900;
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 10px 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:50px; 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 img{
  width: 100%;
  height: 1.2rem;
  object-fit: cover;
  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:3px; background-color:#ff9900;
}
.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:3px; background-color:#ff9900;
}
.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;}
}
/*内页*/
.indexpage{
width:96%; max-width:1600px; margin:0 auto; clear:both; overflow:hidden; padding-top:50px; padding-bottom:50px;
}
.indexpage div{
overflow:hidden;
}
.indexabout{
	width:100%; clear:both; overflow:hidden; padding:40px 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;
}
@media screen and (max-width: 1400px){
.indexabout{
	 padding:20px 0px 20px 0px; line-height:180%; font-size:16px;
}
}
@media screen and (max-width: 700px){
.indexpage{padding-top:25px; padding-bottom:10px;}
.indexabout{padding:5px 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 img{
width:100%; height:auto; border:0px;
}
.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; font-size:18px; clear:both; background-color:#f3f3f3; color:#333; padding-top:20px; padding-bottom:20px; width:100%; margin:35px auto 0px auto; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.1) inset;
}
.newpage a{font-size:18px; color:#333;}
.newpage a:hover{color:#F00;}
@media screen and (max-width: 1420px){
.newpage{font-size:16px; padding-top:15px; padding-bottom:15px;}
.newpage a{font-size:16px;}
}
@media screen and (max-width: 668px){
.newpage{font-size:16px; padding-top:10px; padding-bottom:10px;}
}

.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:#ff9900; color:#FFF;
}
.promenu .on{
  background-color:#ff9900; 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, .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 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:20px;}
.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;}
.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 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: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:18px; 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%; 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;
}
.inpage-video .casepic{
	position:relative; z-index:1; clear:both; 
}
.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);
}
.inpage-video .casepic img{
  border:0; background-color:rgba(85, 85, 85, 0.8);
  width: 100%;
  height: 5.2rem;
  object-fit: cover;
}
.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(85, 85, 85, 0.8); text-align:center; color:#FFF; font-size:22px; transition: all .5s;
}
.inpage-video ul li:hover .casetext{
    background-color:rgba(85, 85, 85, 1);
}
@media(max-width:1600px) {
.inpage-video .casetext{padding:10px 10px 10px 10px; line-height:36px; font-size:20px;}
}
@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 50px 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:35%; float:left;
}
.proshow-box01-left-01{
	clear:both; padding:20px 0; text-align:center;
}
.proshow-box01-left-01 img{
	width:100%; height:auto; border:0;
}
.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:61%; float:right; font-size:18px; color:#454545; line-height:200%; padding-bottom:20px;
}
.proshow-box01-right img{
	max-width:100%; height:auto;
}
.proshow-box01-right table{
    width:100%; max-width:100%;
}

.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;
}
}
@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:70%; 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:96%; 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; 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;
}
}

    .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: 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;
    }
    .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; 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 10px #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;
}
.mySwbox-main .img-center>img{
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; 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: #ff9900;
    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: 10px 0;}
    .mySwbox-main .gallery-thumbs .swiper-slide{padding: 10px;}
    .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{margin-right: 0 !important;}
    .mySwbox-main .slide .text h2 .s3{display: none;}
}