.index-page-class{
	width:100%; clear:both; margin:0 auto; overflow:hidden; background-color:#DDD; box-sizing:border-box; padding:1px; display:none;
}
.index-page-class div{
	overflow:hidden;
}
.index-page-class .ipclass{
width:11.11111%; float:left; box-sizing:border-box; border-right:1px solid #DDD; background-color:#FFF; 
}
.index-page-class .ipclass:hover{
background-color:#e9e9e9; 
}
.index-page-class .ipclass p{
width:100%; position:relative; text-align:center; color:#1d8cda; font-size:20px; line-height:500%; 
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.wapsmallclass{
	display:none;
}
@media(max-width:1420px) {
.index-page-class .ipclass p{font-size:18px;}
}
@media(max-width:1024px) {
.wapsmallclass{
	display:block;
}
.index-page-class{
	display:block; padding:1px 1px 0px 1px; 
}
.index-page-class .ipclass{
width:33.33333%; float:left; box-sizing:border-box; border-right:1px solid #DDD; background-color:#FFF; margin-bottom:1px; 
}
.index-page-class .ipclass p{font-size:16px;}
}
.index-nav{width:100%; margin-top:0px;}
.index-nav .divbigclass{display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; font-size:18px; color:#1d8cda;}
.index-nav .divbigclass:hover{background-color: #f0f0f0;}
.index-nav-frame{width:100%; margin:0 auto; height:102px; box-sizing:border-box; border:1px solid #DDD; background:#FFF;
display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap; justify-content:center;
}
.index-nav-frame-line{color:#333333; background:#FFF; position:relative; display: block; outline: none; cursor: pointer; width: 20%; line-height: 100px; height:100px; text-align: center; border-right:1px solid #DDD;}
.index-nav-frame-line.active{color:#b63b4d;}

.index-nav-frame-line-center{opacity: 0;height:0;position: absolute;overflow: hidden; width:100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; box-sizing:content-box; border:1px solid #DDD; left:-1px; line-height:50px; z-index:20;/* Opera */}
.index-nav-frame-line-li{width: 100%;font-weight: 500;text-align: center;background:#f0f0f0;color: #666666; font-size:16px;}
.index-nav-frame-line-li:hover{background: #1d8cda;color: white;}
.index-nav-frame-line-li:hover a{background: #1d8cda;color: white;}
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}

.nav-line{height: 50px;width: 100%;position: relative;display: none;outline: none;}
.nav-small{width: 30px;height: 30px;position: absolute;right: 10px;top:10px;cursor: pointer;display: none;outline: none;}
.nav-small img{width: 100%;height: 100%;object-fit: cover;}
.nav-small-focus{position: absolute;width: 100%;height: 100%;display: none;}
.nav-small-focus:focus{display: none;}
@media only screen and (max-width:1024px) {
	.index-nav{display:none;}
}


.index-banner-01{
	width:100%; height:692px; clear:both; margin:70px auto 40px auto; overflow:hidden;
	background: url(images/banner_02.jpg) center; background-size: cover; background-attachment:fixed;
}
.index-banner-02{
	width:100%; clear:both; margin:70px auto 40px auto; overflow:hidden; position:relative;
}
.index-banner-02 img{
	width:100%; height:auto; border:0;
}
.index-banner-02:hover img{
    transform: scale(1.15);
}
.index-banner-03{
	width:100%; height:267px; clear:both; margin:40px auto 80px auto; overflow:hidden;
	background: url(images/banner03_02.jpg) center; text-align:center;
}
.index-banner-03 p{
	font-size:20px; color:#FFF; letter-spacing:2px; padding-top:83px; padding-bottom:10px;
}
.index-banner-03 h3{
	font-size:40px; color:#FFF; letter-spacing:5px; font-family:"Arial Black", Gadget, sans-serif;
}
.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:67px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:2px;
}
.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:110px 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:50px; letter-spacing:2px;
}
.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:668px) {
.index-banner-02{
	height:4.5rem; margin:20px auto 10px auto;
}
.index-banner-02 img{
    width: 100%;
    height: 4.5rem;
    object-fit: cover;
}
.index-banner-02:hover img{
    transform: scale(1.15);
}
.index-banner-03{
	margin:10px auto 30px auto;
}
}

.index-page-01{
	width:98%; max-width:1836px; clear:both; margin:0 auto; overflow:hidden; padding-bottom:20px;
}
.index-page-01 div{
	overflow:hidden;
}
.index-page-01 .bigclasspic{
	float:left; width:23%; margin:40px 1% 0px 1%; position:relative; text-align:center; box-sizing:border-box; border:1px solid #e0e0e0;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.index-page-01 .bigclasspic:hover{
background-color:#e9e9e9; box-shadow:8px 8px 8px 0 rgba(153,153,153,0.5);
}
.index-page-01 .bigclasspic .img-container{
	width:100%; height:auto; position:relative;
}
.index-page-01 .bigclasspic img{
	width:100%; height:auto; border:0px;
}
.index-page-01 .bigclasspic:hover img{
    transform: scale(1.1);
}
.index-page-01 .bigclasspic p{
	color:#000; font-size:18px; line-height:30px; height:80px; display:block;
	letter-spacing: 10px;
	font-family:"Microsoft Yahei";
}
.index-page-01 .bigclasspic p span{
	color:#999; font-size:17px; line-height:20px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; letter-spacing:0px;
}
@media(max-width:1420px) {
.index-page-01 .bigclasspic{
	margin:40px 1% 0px 1%;
}
.index-page-01 .bigclasspic p{
	font-size:18px; line-height:30px; height:80px; letter-spacing:5px;
}
.index-page-01 .bigclasspic p span{
	font-size:17px;
}
}
@media(max-width:1250px) {
.index-page-01 .bigclasspic p span{
	font-size:14px;
}
}
@media(max-width:1024px) {
.index-page-01 .bigclasspic{
	margin:30px 1% 0px 1%;
}
.index-page-01 .bigclasspic .img-container{
	width:100%; height:auto; position:relative;
}
.index-page-01 .bigclasspic p{
	font-size:18px; line-height:28px; height:66px; letter-spacing:3px;
}
.index-page-01 .bigclasspic p span{
	font-size:14px;
}
}
@media(max-width:768px) {
.index-page-01 .bigclasspic .img-container{
	width:100%; height:auto; position:relative;
}
.index-page-01 .bigclasspic p{
	font-size:16px; line-height:24px; height:55px; letter-spacing:3px;
}
.index-page-01 .bigclasspic p span{
	font-size:14px;
}
}
@media(max-width:668px) {
.index-page-01{
	width:98%;
}
.index-page-01 .bigclasspic{
	width:48%; margin:30px 1% 0px 1%;
}
.index-page-01 .bigclasspic p{
	font-size:18px; line-height:30px; height:70px; letter-spacing:2px;
}
.index-page-01 .bigclasspic p span{
	font-size:14px;
}
}
.page-title{
	clear:both; margin:0 auto; overflow:hidden; border-left:5px solid #000; padding-left:10px;
}
.index-page-02{
	width:98%; max-width:1800px; clear:both; margin:0 auto; overflow:hidden; padding-top:30px;
}
.index-page-02 div{
	overflow:hidden;
}
.page-title h3{
	color:#333; font-size:40px; line-height:50px; text-align:left; margin-top:0px;
	letter-spacing: 6px;
	font-family: '思源黑体CN';
	font-weight: bold;
	text-shadow: 2px 2px 3px #999;
}
.page-title p{
	color:#d8d8d8; font-size:32px; line-height:40px; text-align:left; padding-bottom:0px;
	letter-spacing: 3px;
	font-family:"Arial Black", Gadget, sans-serif;
	text-shadow: 2px 2px 3px #999;
}
.index-page-02 ul li{
	float:left; width:49%; margin-right:2%; margin-bottom:30px; position:relative;
}
.index-page-02 ul li:nth-child(2n){
	margin-right:0;
}
.index-page-02 ul li:nth-child(2n+1){
	clear:both;
}
.index-page-02 .casepic{
	position:relative; z-index:1; clear:both; 
}
.index-page-02 .casepic img{
	width:100%; height:auto; border:0; background-color:rgba(85, 85, 85, 0.8);
}
.index-page-02 ul li:hover img{
    transform: scale(1.1);
}
.index-page-02 .casetext{
	position:absolute; z-index:3; bottom:0; width:100%; box-sizing:border-box; padding:10px 10px 10px 10px; line-height:38px; background-color:rgba(85, 85, 85, 0.5); text-align:center; color:#FFF; font-size:22px;
}
@media(max-width:1600px) {
.index-page-02 .casetext{padding:10px 10px 10px 10px; line-height:36px; font-size:20px;}
}
@media(max-width:1420px) {
.page-title h3{
	font-size:32px; line-height:50px; padding-top:18px; letter-spacing: 5px;
}
.page-title p{
	font-size:24px; line-height:50px; padding-bottom:18px; letter-spacing: 3px;
}
.index-page-02 ul li{
	margin-bottom:20px;
}
.index-page-02 .casetext{padding:8px 8px 8px 8px; line-height:34px; font-size:18px;}
}
@media(max-width:1024px) {
.page-title h3{
	font-size:28px; line-height:40px; padding-top:16px; letter-spacing: 4px;
}
.page-title p{
	font-size:20px; line-height:35px; padding-bottom:16px; letter-spacing: 2px;
}
.index-page-02 ul li{
	margin-bottom:15px;
}
.index-page-02 .casetext{padding:8px 8px 8px 8px; line-height:26px; font-size:14px;}
}
@media(max-width:768px) {
.index-page-02 .casetext{padding:8px 8px 8px 8px; line-height:26px; font-size:14px;}
}
@media(max-width:668px) {
.page-title{
	border-left:0; padding-left:0px; text-align:center;
}
.page-title h3{
	font-size:22px; line-height:35px; padding-top:0px; letter-spacing: 3px; text-align:center;
}
.page-title p{
	font-size:18px; line-height:30px; padding-bottom:0px; letter-spacing: 1px; text-align:center;
}
.index-page-02{
	width:98%; padding-top:20px;
}
.index-page-02 ul li{
	width:100%; margin-right:0; margin-bottom:4%;
}
.index-page-02 .casetext{
	padding:8px 8px 8px 8px; line-height:30px; font-size:16px;
}
}

.index-page-03{
	width:98%; max-width:1800px; clear:both; margin:0 auto; overflow:hidden; padding-top:30px;
}
.index-page-03 div{
	overflow:hidden;
}
.index-page-03 .index-about-01{
	clear:both; font-size:20px; color:#333; line-height:38px; padding:35px 0px 60px 0px;
}
.index-page-03 .index-about-list{
	float:left; width:31%; margin-right:3.5%; box-sizing:border-box; border-left:1px solid #CCC; padding:10px 0px 12px 20px; line-height:33px;
}
.index-page-03 .index-about-list:hover{
	background-color:#e9e9e9;
}
.index-page-03 .index-about-list h3{
	font-size:20px; color:#000; padding-top:10px;
}
.index-page-03 .index-about-list p{
	font-size:20px; color:#a8a7a7;
}
.index-page-03 .index-about-list span{
	font-size:20px; color:#063d85;
}
.index-page-03 .index-about-list:last-child{
	margin-right:0px;
}
@media(max-width:768px) {
.index-page-03 .index-about-list{
	float:left; width:100%; margin-right:0%; box-sizing:border-box; border-left:1px solid #CCC; padding:10px 0px 12px 20px; line-height:33px;
}
}
@media(max-width:668px) {
.index-page-03{
	padding-top:0px;
}
.index-page-03 .index-about-01{
	font-size:18px; line-height:36px; padding:15px 0px 30px 0px;
}
}

.inpage-case{
	width:98%; max-width:1800px; clear:both; margin:0 auto; overflow:hidden; padding-top:50px;
}
.inpage-case div{
	overflow:hidden;
}
.casemenu{
	width:98%; max-width:1800px; clear:both; margin:0 auto; overflow:hidden; font-size:0px; text-align:center; padding-top:40px; padding-bottom:0px;
}
.casemenu .mli{position:relative; width:11.5%; 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-left:0.5%; margin-right:0.5%; margin-bottom:10px;}
.casemenu .mli a{display: block;color:#000;}
.casemenu .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;}
.casemenu .mli a.on, .casemenu .mli a:hover{background:#3773d3; color: #fff; transition: all .5s;}
.casemenu .mli a.on:after, .casemenu .mli a:hover:after{border-bottom-color: #fff;}

.inpage-case ul{
	padding-top:40px;
}
.inpage-case ul li{
	float:left; width:32%; margin-right:2%; margin-bottom:35px; position:relative;
}
.inpage-case ul li:nth-child(3n){
	margin-right:0;
}
.inpage-case ul li:nth-child(3n+1){
	clear:both;
}
.inpage-case .casepic{
	position:relative; z-index:1; clear:both; 
}
.inpage-case .casepic img{
	width:100%; height:auto; border:0; background-color:rgba(85, 85, 85, 0.8);
}
.inpage-case ul li:hover img{
    transform: scale(1.1);
}
.inpage-case .casetext{
	position:absolute; z-index:3; bottom:0; width:100%; padding:8px 8px 8px 8px; box-sizing:border-box; line-height:32px; background-color:rgba(85, 85, 85, 0.5); text-align:center; color:#FFF; font-size:18px;
}
@media(max-width:1420px) {
.casemenu{padding-bottom:0px;}
.casemenu .mli{width:13.428%; height:50px; line-height:50px; font-size:16px; margin-bottom:8px;}
.inpage-case ul li{
	width:49%; margin-right:2%; margin-bottom:35px;
}
.inpage-case ul li:nth-child(3n){
	margin-right:2%;
}
.inpage-case ul li:nth-child(3n+1){
	clear:none;
}
.inpage-case ul li:nth-child(2n){
	margin-right:0;
}
.inpage-case ul li:nth-child(2n+1){
	clear:both;
}

}
@media(max-width:1024px) {
.casemenu .mli{width:13.428%; height:45px; line-height:45px; font-size:14px; margin-bottom:6px;}
.inpage-case ul li{width:49%; margin-right:2%; margin-bottom:25px;}
.inpage-case .casetext{padding:8px 8px 8px 8px; line-height:26px; font-size:14px;}
}
@media(max-width:768px) {
.casemenu{padding-bottom:0px;}
.casemenu .mli{width:13.428%; height:42px; line-height:42px; font-size:14px; margin-bottom:5px;}
.inpage-case ul li{width:49%; margin-right:2%; margin-bottom:15px;}
}
@media(max-width:668px) {
.inpage-case{width:98%;}
.casemenu{padding-bottom:0px;}
.casemenu .mli{width:24%; height:42px; line-height:42px; font-size:14px; margin-bottom:5px;}
.inpage-case ul li{width:100%; margin-right:0; margin-bottom:15px;}
.inpage-case .casetext{padding:8px 8px 8px 8px; line-height:30px; 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 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{
	width:100%; height:auto; border:0; background-color:rgba(85, 85, 85, 0.8);
}
.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;
}
}

.inpage-proshow{
	width:98%; max-width:1600px; clear:both; margin:0 auto; padding-top:40px; 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: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:60%; clear:both; margin:0 auto;
}
.proshow-box01-left-01{
	clear:both; font-size:0.3rem; color:#000; font-weight:bold; text-align:center;
}
.proshow-box01-left-01 span{
	margin-right:10px;
}
.proshow-box01-left-02{
	clear:both; padding:20px 0; text-align:center;
}
.proshow-box01-left-02 img{
	width:auto; height:auto; border:0; max-width:100%;
}
.proshow-box01-left-03{
	clear:both; width:80%; margin:0 auto; position:relative;
}
.proshow-box01-left-03 img{
	width:100%; height:auto; border:0; margin:0 auto;
}

.proshow-box01-right{
	width:48%; float:right; font-size:18px; color:#454545; line-height:200%;
}
.proshow-box01-right img{
	max-width:100%; height:auto;
}
.proshow-title{
	width:100%; text-align:center; line-height:75px; font-weight:bold; font-size:42px; 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%; max-width:1050px; font-size:18px; color:#454545; line-height:200%; overflow:hidden; padding:20px 0; display:block; clear:both; margin:0 auto;
}
.proshow-all img{
	max-width:100%; height:auto;
}
.proshow-all table{
    width:auto; max-width:100%; margin:0 auto; 
}
.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:40px;
}
.inpage-proshow-box01{
	padding:40px 0;
}
.proshow-box01-left{
width:70%; float:none; clear:both; margin:0 auto;
}
.proshow-box01-right{
width:100%; float:none; font-size:16px; line-height:180%; padding-top:25px;
}
}
@media(max-width:1024px) {
.inpage-proshow{width:98%;}
.proshow-title{line-height:55px; font-size:26px;}
.inpage-proshow{padding-top:40px;}
.inpage-proshow-box01{padding:30px 0;}
.proshow-box01-right{font-size:14px; line-height:180%;}
.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) {
.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-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;
}
}

.footer{
	width:100%; max-width:1800px; clear:both; margin:30px auto 0 auto; overflow:hidden; background-color:#FFF;
}
.footer div{
	overflow:hidden;
}
.footer-logo{
	float:left;
}
.footer-share{
	float:left; padding-left:10px; padding-top:80px;
}
.footer-share img{
	border:0; margin:0 10px;
}
.footer-contact{
	width:100%; clear:both; margin:0 auto; padding:20px 0 50px 0;
}
.footer-contact .footer-class{
	float:left; width:12.5%; 
}
.footer-contact .footer-class .footer-class-big{
	display:block; clear:both; width:100%; line-height:40px; font-size:18px; color:#000; letter-spacing:2px;
}
.footer-contact .footer-class .footer-class-small{
	float:left; width:40%; margin-right:5%; line-height:30px; font-size:16px; color:#999;
}
.footer-contact .footer-class .footer-class-big:hover, .footer-contact .footer-class .footer-class-small:hover{
	color:#F00;
}
.footer-qr{
	clear:both; text-align:center; padding:0 0 20px 0; color:#FFF; line-height:40px; font-size:20px; letter-spacing:3px;
}
.footer-qr img{
	border:0; margin-top:6px;
}
.footer-copyright{
	clear:both; text-align:center; padding:20px 0 20px 0; color:#333; line-height:30px; font-size:20px; letter-spacing:3px; border-top:1px solid #e0e0e0;
}
@media(max-width:1400px) {
.footer-contact .footer-class .footer-class-small{
	float:left; width:40%; margin-right:5%; line-height:25px; font-size:14px; color:#999;
}
}
@media(max-width:1200px) {
.footer-contact .footer-class .footer-class-small{
	float:left; width:43%; margin-right:2%; line-height:25px; font-size:12px; color:#999;
}
}
@media(max-width:1024px) {
.footer{margin:20px auto 0 auto;}
.footer-contact{padding:0 0 30px 0; line-height:32px; font-size:16px; letter-spacing:2px;}
.footer-contact .footer-class{
	float:left; width:25%; 
}
.footer-contact .footer-class:nth-child(4n+1){
	clear:both;
}
.footer-qr{padding:0 0 20px 0; line-height:32px; font-size:16px; letter-spacing:2px;}
.footer-qr img{margin-top:6px;}
.footer-copyright{padding:16 0 15px 0; line-height:30px; font-size:16px; letter-spacing:2px;}
}
@media(max-width:700px) {
.footer{margin:10px auto 0 auto;}
.footer-logo{padding:0px 0 15px 0; float:none; text-align:center; clear:both;}
.footer-logo img{width:70%; height:auto; border:0;}
.footer-share{padding:0 0 20px 0; float:none; text-align:center; clear:both;}
.footer-share img{border:0; margin:0 20px;}
.footer-contact{width:96%; padding:0; line-height:32px; font-size:16px; letter-spacing:2px; display:none;}
.footer-qr{padding:0 0 20px 0; line-height:32px; font-size:16px; letter-spacing:2px;}
.footer-qr img{margin-top:6px;}
}


/*内页横幅图片*/
.inpagebaner{
	width:100%; clear:both; margin:0 auto; position:relative; text-align:center; overflow:hidden;
}
.inpagebaner .img-containerin{
	width:100%; height:auto; position:relative;
}
.inpagebaner img{
	width:100%; height:auto; border:0px;
}
@media(max-width:1200px) {
.inpagebaner{margin:93px auto 0 auto;}
}
@media(max-width:1024px) {
.inpagebaner .img-containerin{
	width:1024px; height:auto; left:50%; margin-left:-512px;
}
}
@media(max-width:768px) {
.inpagebaner{margin:63px auto 0 auto;}
.inpagebaner .img-containerin{
	width:768px; height:auto; left:50%; margin-left:-384px;
}
}

/*内页公司介绍，联系方式等*/
.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;}
.inpage-about-show textarea{border:1px solid #CCC;}

@media(max-width:1620px) {
.inpage-about-show{padding:10px 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:10px 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;}
}
@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%;
}

/*新闻资讯*/
.newslistin{
clear:both; width:99%; margin:0px auto 40px auto;
}
.newslistin:hover img{
    transform: scale(1.15);
}
.newsleft{
float:left; width:23%; height: 2.2rem; margin-top:8px;
}
.newsleft img{
width:100%; height: 2.2rem; object-fit: cover; border:0px;
}
.newsright{
float:right; width:74%;
}
.news01i{
clear:both; line-height:36px; padding:0px 0px 10px 0px;
}
.news02i{
clear:both; width:84px; height:3px; background-color:#3773d3;
}
.news03i{
clear:both; word-break:break-all; line-height:28px; padding:10px 0px 3px 0px;
}
.news04i{
clear:both; line-height:25px;
}
a.yiyi8a
{
color:#222; font-size:18px;
}
a.yiyi8a:hover 
{
color:#F00;
}
a.yiyi8b
{
color:#818181; font-size:16px;
}
a.yiyi8b:hover 
{
color:#F00;
}
a.yiyi8c
{
color:#999; font-size:16px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi8c:hover 
{
color:#F00;
}
.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){
a.yiyi8a{font-size:16px;}
a.yiyi8b{font-size:15px;}
a.yiyi8c{font-size:15px;}
.newpage{font-size:16px; padding-top:15px; padding-bottom:15px;}
.newpage a{font-size:16px;}
.news03i{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
}
@media screen and (max-width: 1024px){
.newsleft{width:35%;}
.newsright{width:60%;}
.news03i{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
}
@media screen and (max-width: 668px){
.newslistin{margin:0px auto 25px auto;}
.news01i{line-height:22px; padding:4px 0px 3px 0px;}
.news02i{width:56px; height:2px;}
.news03i{line-height:22px; padding:3px 0px 3px 0px;}
.news04i{line-height:22px;}

a.yiyi8a{font-size:16px;}
a.yiyi8b{font-size:14px;}
a.yiyi8c{font-size:14px;}
.newpage{font-size:16px; padding-top:10px; padding-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;
}
.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;}
}

/*下载中心*/
.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:50%;
}
.download-title-b{
float:left; width:33%;
}
.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:50%; font-weight:bold; padding-right:30px; border-box;
}
.download-list-b{
float:left; width:33%; color:#777; font-size:16px; padding-right:30px; 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:50%;}
.download-list-a{width:50%;}
.download-title-b{width:35%;}
.download-list-b{width:35%; font-size:14px;}
.download-list-d a{font-size:16px;}
}


/*产品目录*/
.proclass-top{
width:100%; height:91px; clear:both; margin:0 auto; overflow:hidden; background:url(images/xingkong.jpg) center no-repeat #666;
}
@media(max-width:768px) {
.proclass-top{height:63px;}
}

.inpage-pro-all{
	width:98%; max-width:1800px; clear:both; margin:0 auto; overflow:hidden; padding-top:40px;
}
.inpage-pro-all div{
	overflow:hidden;
}
.inpage-pro-all ul{
	padding-top:50px;
}
.inpage-pro-all li{float: left; width: 18.8%; margin-right:1.5%; margin-bottom:40px; box-sizing:border-box; border:1px solid #CCC;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.inpage-pro-all li:nth-child(5n){margin-right:0;}
.inpage-pro-all li:nth-child(5n+1){clear:both;}
.inpage-pro-all li a{display: block;}
.inpage-pro-all li .img{position:relative; width:100%; padding:100% 0 0 0; overflow:hidden;}
.inpage-pro-all li .img>img{position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto; transition:all .25s; transition: transform ease-in .35s;}
.inpage-pro-all li span{display: block; padding:0px 10px 12px 10px; text-align:left; line-height:24px; font-size:16px; overflow:hidden;  text-overflow:ellipsis; transition: all .5s; color:#999;}
.inpage-pro-all li p{display: block; margin-top:5px; padding:10px 10px 10px 10px; text-align:left; line-height:24px; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .5s;}
.inpage-pro-all li:hover {border:1px solid #1d8cda;}
/*inpage-pro-all li a:hover p, .inpage-pro-all li a:hover span{color:#2d4ec4;}*/
.inpage-pro-all li:hover .img img{transform: scale(1.1);}
@media screen and (max-width: 1420px){
.inpage-pro-all li{width: 23.5%; margin-right:2%; margin-bottom: 30px;}
.inpage-pro-all li:nth-child(5n){margin-right:2%;}
.inpage-pro-all li:nth-child(5n+1){clear:none;}
.inpage-pro-all li:nth-child(4n){margin-right:0;}
.inpage-pro-all li:nth-child(4n+1){clear:both;}
}
@media screen and (max-width: 1200px){
.inpage-pro-all li span{padding:10px 10px 3px 10px; line-height:24px; font-size:16px;}
.inpage-pro-all li p{padding:5px 10px 10px 10px; line-height:24px; font-size:16px;}
}
@media screen and (max-width: 1024px){
.inpage-pro-all li span{padding:10px 6px 3px 6px; line-height:20px; font-size:14px;}
.inpage-pro-all li p{padding:3px 6px 10px 6px; line-height:20px; font-size:14px;}
}
@media screen and (max-width: 768px){
.inpage-pro-all li{width:47.5%; margin-right:5%; margin-bottom: 20px;}
.inpage-pro-all li:nth-child(4n){margin-right:5%;}
.inpage-pro-all li:nth-child(5n){margin-right:5%;}
.inpage-pro-all li:nth-child(4n+1){clear:none;}
.inpage-pro-all li:nth-child(2n){margin-right:0;}
.inpage-pro-all li:nth-child(2n+1){clear:both;}
}
@media screen and (max-width: 668px){
.inpage-pro-all{padding-top:10px;}
.inpage-pro-all ul{padding-top:25px;}
}

.search-all{
	width:100%; clear:both; margin:0 auto; overflow:hidden; padding-top:40px;
}
.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 #09F;
}
.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;}
}

/*产品介绍下载*/

/*缓冲延时*/
.proshow-menu a,.huanchong{
	-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;
}

/**加载中蒙版.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:300; 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%;}
}


    .mySwbox-main{
        background-color: #FFF;
    }
    .mySwbox-main .mySwbox{
        max-width: 1920px;
        margin: 0 auto;
        position: relative;
        padding: 50px 0 0 0;
        width: 100%;
        height: 100%;
       
    }
    .mySwbox-main .swiper-container {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }
    .mySwbox-main .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    .mySwbox-main .gallery-top {
        height: 80%;
        width: 100%;
    }
    .mySwbox-main .gallery-thumbs {
        height: 20%;
        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 .slide .text{ width:40%; color:#000; padding-top:5%; overflow: hidden; padding-right: 5%; padding-left:3%;flex-shrink: 0;}
.mySwbox-main .slide .text h2{margin: 0; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.mySwbox-main .slide .text h2 .s1{font-size:.3rem;line-height:200%; font-weight:bold;}
.mySwbox-main .slide .text h2 .s2{font-size:14px;font-weight:normal;line-height:46px;margin-left:15px}
.mySwbox-main .slide .text h2 .s3{float:right;font-size:57px;line-height:46px;}
.mySwbox-main .slide .text p{font-size:18px;line-height:36px;color:#666; margin: 0; display:-webkit-box; -webkit-line-clamp:9; -webkit-box-orient:vertical;}
.mySwbox-main .slide .text .more{ width:150px; height:46px; line-height:46px; text-align:center; font-size:18px; color:#1d8cda; border:1px solid #1d8cda; display:block; background-color:#FFF; position:absolute; bottom:20px;
border-radius:25px;
-webkit-border-radius:25px;
-o-border-radius:25px;
-moz-border-radius:25px;
-ms-border-radius:25px;
}
.mySwbox-main .slide .text .more:hover{color:#FFF; border:1px solid #333; display:block; background-color:#1d8cda; 
}
.mySwbox-main .slide {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.mySwbox-main .slide .img{
    width: 60%; height:6.5rem;
}
.mySwbox-main .slide img{
    width:100%; height:6.5rem; object-fit: cover;
}
.mySwbox-main .mySwbox-thumbs{background-color: #fff;box-shadow: 0 0 10px #ddd; margin-top: 25px;}
.mySwbox-main .mySwbox-thumbs .gallery-thumbs{
    max-width: 1920px;
    margin: 0 auto;
    padding: 20px 0;
}
.mySwbox-main .gallery-thumbs .swiper-slide{
    flex: 1;
    position: relative;
    transition: all ease .5s;
    cursor: pointer;
    display: flex;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    padding: 15px;
    border-right: 1px solid #ebebeb;
}
.mySwbox-main .img-center{
    position: relative;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.mySwbox-main .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .i1 {
    display: none;
}
.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: #1d8cda;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
}
.mySwbox-main .gallery-thumbs .slide-icon {
}
.mySwbox-main .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .text {
    color: #FFF;
}
.mySwbox-main .gallery-thumbs .swiper-slide .i2 {
    display: none;
}
.mySwbox-main .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .i2 {
    display: block;
}
.mySwbox-main .gallery-thumbs .swiper-slide .text {
    position: relative;
    z-index: 999;
    padding-left: 0px; padding-top:10px;
    color: #333333;
}
.mySwbox-main .gallery-thumbs .swiper-slide .text h2 {
    font-size: 16px;
    margin: 0;
    line-height: 30px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
.mySwbox-main .gallery-thumbs .swiper-slide:last-child {
    border-right: 0;
}
.mySwbox-main .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .text p {
    color: #FFF;
}
.mySwbox-main .gallery-thumbs .swiper-slide .text p {
    font-size: 12px;
    color: #666666;
    margin: 0;
    line-height: 25px;
}
.mySwbox-main .gallery-thumbs .swiper-slide .icon {
  width: 50px;
  height: 50px;
  vertical-align: -0.15em;
  fill: #333333;
  overflow: hidden;
  transition: all ease .5s;
}
.mySwbox-main .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .icon{
    fill: #ffffff;
}

@media (max-width:1400px) {
.mySwbox-main .slide .text h2 .s1{font-size:.25rem; line-height:200%; font-weight:bold;}
.mySwbox-main .slide .text p{font-size:16px;line-height:32px;color:#666; margin: 0; display:-webkit-box; -webkit-line-clamp:9; -webkit-box-orient:vertical;}
}

@media (max-width:1200px) {
.mySwbox-main .slide .text h2 .s1{font-size:.2rem; line-height:200%; font-weight:bold;}
.mySwbox-main .slide .text p{font-size:14px;line-height:28px;color:#666; margin: 0; display:-webkit-box; -webkit-line-clamp:9; -webkit-box-orient:vertical;}
}

@media (max-width:992px) {
    .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 .img{width: 100%; height:auto; margin-top: 10px;}
	.mySwbox-main .slide img{width:100%; height:auto; object-fit:cover;}
    .mySwbox-main .gallery-thumbs .swiper-slide .text{display: none;}
    .mySwbox-main .gallery-thumbs .slide-icon{width: 100%;}
    .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;}
}

.box-container-fluid {
  width: 100%;
  margin: 0 auto; padding:.6rem 0 .5rem 0;
}
.index-title-box {
  color: #3d3d3d;
}
.index-title-box .cn {
  font-size: 26px;
  line-height: 30px;
}
.index-title-box .en {
  font-weight: 700;
  text-transform: uppercase;
  font-family: tcb;
  font-size: 40px;
  line-height: 46px;
  margin: 20px auto .3rem;
}
.index-title-box .line {
  width: 27px;
  height: 3px;
  background: #a3a3a3;
}
.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 */
}
.index-box-5 .index-title-box {
  position: relative;
  width: 30%;
  flex: 0 0 30%;
  padding-left: 5%;
}
.index-box-5 .index-title-box .desc {
  color: #BBB;
  font-size: .2rem;
  line-height: 40px;
  margin-top: .5rem; padding-right:15%;
}
.index-box-5 .btn-box {
  position: absolute;
  right: 0;
  bottom: .1rem;
  z-index: 10;
  width: 80%;
}
.index-box-5 .btn-box .swiper-btn {
  display: inline-block;
  width: 19px;
  height: 16px;
}
.index-box-5 .btn-box .swiper-btn.prev {
  margin-right: .4rem;
  background: url(images/a_l2.png) no-repeat;
}
.index-box-5 .btn-box .swiper-btn.prev:hover {
  background: url(images/a_l_on.png) no-repeat;
}
.index-box-5 .btn-box .swiper-btn.next {
  background: url(images/a_r3.png) no-repeat;
}
.index-box-5 .btn-box .swiper-btn.next:hover {
  background: url(images/a_r_on.png) no-repeat;
}
.index-box-5 .news-box {
  width: 70%;
  flex: 0 0 70%;
}
.index-box-5 .swiper-slide {
  font-size: 0;
  background: #f0f0f0;
}
.index-box-5 .swiper-slide:hover {
  background: #1d8cda url(images/i5_bg.png) no-repeat right bottom;
}
.index-box-5 .swiper-slide:hover .pic {
  height: 0;
}
.index-box-5 .swiper-slide:hover .pic img {
  height: 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 {
  font-size: 0; overflow:hidden; height: 2.5rem;
  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 {
  width: 100%;
  height: 2.5rem;
  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;
}
.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: 0;
  bottom: 0;
  z-index: 10;
  width: .7rem;
  height: .7rem;
  border: 1px solid #1d8cda;
  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: 1600px) {
  .index-box-5 .index-title-box {
    padding-left: 5%;
  }
  .index-box-5 .swiper-btn {
    left: 17%;
  }
}
@media screen and (max-width: 1440px) {
  .index-box-5 .index-title-box {
    width: 25%;
    flex: 0 0 25%;
  }
  .index-box-5 .news-box {
    width: 75%;
    flex: 0 0 75%;
  }
  .index-box-5 .swiper-btn {
    left: 20%;
  }
}
@media screen and (max-width: 1366px) {
  .index-box-5 .index-title-box .desc{
    font-size: 0.2rem;
  }
  .index-box-5 .index-title-box .desc{
    font-size: .18rem;
  }
}
@media screen and (max-width: 1004px) {
  .index-box-5 .btn-box {
    display: none;
  }
  .index-box-5 {
    flex-flow: wrap;
    padding-left: 10px;
  }
  .index-box-5 .index-title-box {
    width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    margin-bottom: .8rem;
    text-align:left;
  }
  .index-box-5 .index-title-box .line {
    margin: 0 auto;
  }
  .index-box-5 .index-title-box .desc {
    font-size: .3rem;
    line-height: .8rem;
    margin-top: .4rem;
  }
  .index-box-5 .swiper-btn {
    display: none;
  }
  .index-box-5 .news-box {
    width: 100%;
    flex: 0 0 100%;
  }
  .index-box-5 .swiper-slide {
    width: 75%!important;
  }
  .index-box-5 .swiper-slide:hover .pic img {
    height: 0;
  }
  .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.4rem;
  }
  .index-box-5 .pic {
    height: 3.6rem;
  }
  .index-box-5 .pic img {
    height: 3.6rem;
  }
  .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: 668px) {
  .index-box-5 .index-title-box {
    margin-bottom: .35rem;
  }
  .index-box-5 .index-title-box .desc { display:none;}
}

.fudongqr {
z-index:10; width:90px; background-color:#CCC; position:fixed; top:270px; right:3px; display:block;
}
.fudongqr img{
width:100%; height:auto; border:0px;
}
.fdqrimg{
text-align:center; padding:5px;
}
.fdtext{
text-align:center; padding:0px 0px 5px 0px; font-size:12px; line-height:16px; color:#333;
}
@media screen and (max-width: 1200px) {
.fudongqr {width:90px; top:220px; right:2px;}
}
@media screen and (max-width: 768px) {
.fudongqr {width:90px; top:160px; right:1px; display:none;}
.fdqrimg{padding:5px;}
.fdtext{padding:0px 0px 5px 0px;}
}
@media screen and (max-width: 668px) {
.fudongqr {width:90px; top:160px; right:0px;}
.fdtext{padding:0px 5px 5px 5px;}
}

.foottel {
position:fixed; width:100%; height:57px; line-height:45px; bottom:0px; padding:6px 0 0 0; font-size:1.2em; color:#FFF; z-index:10; background-color:rgba(255, 0, 0, 0.9); display:none; text-align:center; overflow:hidden;
}
.foottel a{font-size:1.2em; color:#FFF;}
.foottel a:hover{color:#F00;}
@media screen and (max-width: 668px) {
.foottel {display:block;}
}