@charset "utf-8";
/* 312874880@qq.com */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #333; max-width:750px; margin:0 auto; padding-top:100px;  position: relative; background:#fff; -webkit-text-size-adjust: none;}
html,body{width:100%; height:100%}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666;font-family: 'Microsoft Yahei'; }
i { display: inline-block; font-style:normal; }
*:focus { outline: none }
img { border: 0px;max-width:100%; }
ul, li { list-style-type: none; }
a:link, a:visited, a:active { color: #333; text-decoration: none; border: none; outline: none; }
a:hover { color: #0277c7; }
.clear{ clear:both; content:''; height:0px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/***头部***/
.clear { clear: both; overflow: hidden; height:0px; content:""; margin:0px; padding:0px; }
.head { width: 100%; height: 100px; color:#fff; position: fixed; background:#fff; max-width:750px; right:0; margin:auto; border-bottom:1px solid #eee; top: 0px; z-index:110; left:0px; }
.head .subtitle{width: 100%;border-top:1px solid #eee;}
.head .subtitle .stitle{font-size: 14px;font-weight: bold;color:#000;height: 50px;line-height: 50px;margin-left: 10px;font-style:italic;font-family:微软雅黑;float: left;width:  }
.head .logo { width:60px; position:absolute; left:10px; top:5px;  }
.head .subtitle .icon-head-phone{width: 30px;height: 50px;background: url(../img/phone.png) no-repeat center;background-size: 20px 20px;float: left}
.head .abbreviation{height: 50px;line-height: 50px;font-size: 16px;font-weight: bold;margin-left: 80px;font-style:italic;font-family:微软雅黑;}
.head .tel_400{color: #000;height: 50px;line-height: 50px;font-weight: 900;}
.head .return{ width:50px; height:100%; position:absolute; left:0px; top:0px; background:url(../img/return.png) no-repeat center; background-size:auto 50%;}
.head .tel{ width:50px; height:50%; position:absolute; right:50px; top:0px; background:url(../img/phone.png) no-repeat center; background-size:auto 50%;}
.head h3{ text-align:center; line-height:50px; color:#fff; font-size:16px; }
.head .lang{ color:#fff; position:absolute; right:55px; top:0px; line-height:50px;}
.menushow { position:absolute; right:8px; top:8px; z-index:11111;}
.menushow span {cursor: pointer; display:block; width:32px; height:3px; background:#000; margin-top:6px; transition:all .5s; -webkit-transition:all .5s; }
.menushow.on span:nth-child(2){ transform:translateX(100px); -webkit-transform:translateX(100px);}
.menushow.on span:nth-child(1){transform:translateY(9px) rotate(40deg); -webkit-transform:translateY(9px) rotate(40deg); }
.menushow.on span:nth-child(3){transform:translateY(-9px) rotate(-40deg); -webkit-transform:translateY(-9px) rotate(-40deg);}
.mask{ width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; z-index:111; top:0px; display:none; left:0px; }
.mask.show{ display:block;}
.menu { background:#333; width: 150px; position:fixed; left:-150px; transition:all .4s; z-index:111; -webkit-transition:all .4s; opacity:0; top: 0; bottom: 0; padding-top:50px; height:100%; }
.menu h2{ position:absolute; left:0px; background:#0277c7; color:#fff; line-height:50px; height:50px; width:100%; padding-left:12px; top:0px; font-size:14px; border-bottom:1px solid #3e3e3e; display:block;}
.menu li{ display:block; height:41px;line-height:40px;border-bottom:1px solid #3e3e3e; transform:translateY(50px);-webkit-transform:translateY(50px); transition:all 0.4s; -webkit-transition:all 0.4s; opacity:0;}
.menu a { height:40px; color: white; display:block; text-decoration: none; color:#fff; padding-left:22px; }
.menu a:hover,.menu a.on{ color:#fff; background:#0277c7 }
.menu b { font-size:14px; display: block; transition: all 0.4s; font-weight:normal; }
.menu.show {z-index:1111; left:0px; opacity:1;}
.menu.show li{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
.menu.show li:nth-child(1) { transition-delay: 0.08s; }
.menu.show li:nth-child(2) { transition-delay: 0.16s; }
.menu.show li:nth-child(3) { transition-delay: 0.24s; }
.menu.show li:nth-child(4) { transition-delay: 0.32s; }
.menu.show li:nth-child(5) { transition-delay: 0.40s; }
.menu.show li:nth-child(6) { transition-delay: 0.48s; }
.menu.show li:nth-child(7) { transition-delay: 0.56s; }
.menu.show li:nth-child(8) { transition-delay: 0.62s; }
.menu.show li:nth-child(9) { transition-delay: 0.70s; }
.menu.show li:nth-child(10) { transition-delay: 0.80s; }
.foot{ padding:15px 12px; text-align:left; background:#333333; color:#999999; text-align:center; margin-top:20px; line-height:22px;}


.mask2{ width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; z-index:111; top:0px; display:none; left:0px; }
/*搜索*/
.search{height: 60px;background-color: #272636;margin-top: -5px}

.search  form { width: 100%; float: left; height: 50px; border-radius: 2px; margin-top: 5px; margin-right: 10px; position: relative; overflow: hidden;color: #fff }
.search  form .intxt { border: 0px; background: none; width: 100%; height: 50px; line-height: 23px; font-size: 18px; position: absolute; top: 0px; left: 0px; padding-left: 15px;color: #fff }
.search  form  input::-webkit-input-placeholder{
            color:#FFF;
            font-size: 18px;
        }
.search  form  input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#FFF;
			font-size: 18px;
        }
.search  form  input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#FFF;
			font-size: 18px;
        }
.search  form  input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#FFF;
			font-size: 18px;

        }
.search  form .sbtn { width: 50px; height: 50px; background: url(../img/search-1.png) no-repeat center; position: absolute; right:  5px; top: 0px; border: 0px;margin-top: 0px }
/**焦点图***/
.banner .swiper-slide{ width:100%; overflow:hidden;}
.banner .swiper-slide img{ display:block; width:100%;}
.banner .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; background:#fff; opacity:0.6; cursor:pointer;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1;}

.innav{ overflow:hidden;}
.innav li{ float:left; padding:12px; text-align:center; width:25%; font-size:14px; text-align:center}
.innav li img{ display:block; width:70px; margin:0 auto; margin-bottom:5px;}

/***标题***/
.h12{ height:12px; overflow:hidden; background:#f2f2f2;}
.title { text-align: center; padding:25px 0 18px 0;  }
.title h1 { font-size:20px; font-weight:normal; width:98%; margin:0 auto; padding-bottom:5px;color:#000;font-weight: 900;}
.title h2 {font-size:28px;font-family: HELVETICANEUELTPRO-THEX;color:#f0f0f0;font-weight: 900; }
.title .subtitle{text-align: left;line-height: 50px;height: 50px;font-size: 16px;font-weight: 900;border-bottom: 1px solid #B5B5B5;margin-left: 10px;margin-right: 10px}
.title .subtitle .icon-head-phone{width: 30px;height: 50px;background: url(../img/phone.png) no-repeat center;background-size: 30px 30px;float: left;margin-left: 15%;margin-right: 10px}
.title .subtitle .tel_400{color: #000;height: 50px;line-height: 50px;font-weight: 900;float: center}
.title p{ font-size:12px; color:#db082a; text-align:center;}

.inwu{ overflow:hidden; padding:12px;}
.inwu li{ float:left; width:50%;}
.inwu li img{ display:block;}

.cate{overflow-x: auto; background:#fff;  text-align:center;font-size: 16px }
.cate li{ float:left; width:25%; text-align:center; padding:0 1px 0 0}
.cate li a{ padding:10px 0; display:block; background:#eee;}
.cate li a:hover{ background:#0277c7; color:#fff;}
.cate li.on a{background:#0277c7; color:#fff;display:block;}

.cate.c2 li{ float:none; width:33.333333%; display:inline-block;}
.pcate{ background:#fff;  text-align:center;font-size: 16px;width: 100%;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;display: flex;}
.pcate li{ float:left;  text-align:center; padding:0 1px 0 0;}
.pcate li a{ padding:10px 10px; display:block; background:#eee;}
.pcate li a:hover{ background:#0277c7; color:#fff;}
.pcate li.on a{background:#0277c7; color:#fff;display:block;}
.ncate{overflow-x: auto; background:#fff;  text-align:center;font-size: 16px;width: 100%}
.ncate li{ float:left; width:50%; text-align:center; padding:0 1px 0 0}
.ncate li a{ padding:10px 0; display:block; background:#eee;}
.ncate li a:hover{ background:#0277c7; color:#fff;}
.ncate li.on a{background:#0277c7; color:#fff;display:block;}
.cate.c2 li{ float:none; width:33.333333%; display:inline-block;}
.plist{ overflow:hidden;  padding-right:10px;}
.plist li{ float:left; width:50%; padding-left:10px; margin-top:10px;}
.plist li img{ display:block;}
.plist li span{ display:block; height:40px; line-height:40px; background:#eee; padding:0 10px; white-space:nowrap; text-overflow:ellipsis; text-align:center;} 

.more{ display:block; width:120px; height:35px; line-height:35px; text-align:center; background:#f2f2f2; margin:15px auto;}
.more2{ display:block;  height:35px; line-height:35px; text-align:left; background:#eee; margin:15px 10px;padding: 0 20px;font-size: 16px}
/*****************/
.pro .plist{padding-right:0px;}
.pro .plist li{border: 1px solid #eee;margin-left: 10px;width: 46%;padding-left:0px; }
.pro .plist li span{background-color: #fff;white-space:normal; height:60px; line-height:20px;text-align: left;margin-top: 20px}
.news .plist {margin-left: 10px}
.news .plist li{width: 100%;padding: 10px;}
.news .plist li span{background-color: #fff;font-size: 16px;width: 100%;line-height:20px;white-space:pre-wrap;text-align: left;padding: 10px 0;height:auto;}
.news .more{width: 92%;text-align: left;padding: 0 10px}
/********经典案例********/
.case{padding-left: 10px}
.case .plist li{width:100%;border-bottom: 1px solid #eee;padding-left: 0}
.case .plist li img{ display:block;width:100%;height: 150px}
.case .plist li .imaf{height: 150px;overflow: hidden;}
.case .plist li h1{font-size: 16px;height: 30px;line-height: 30px;overflow: hidden;font-weight: 100}
.case .plist li p{font-size: 14px;line-height: 20px;color: #999999}
.case .more{float: left;text-align: left;background-color: #fff;color:#0277c7 }
.case .zx{float: right;border:1px #999 solid;margin: 20px 0;height: 25px;line-height: 25px;width: 80px;text-align: center;}
.ali{height: 50px;margin: 0 10px}
.alimore{float: right;margin: 10px 0px;height: 25px;line-height: 25px;text-align: center;width: 120px;font-size: 14px}
/*整体解决方案*/
.prolist{margin: 0 10px}
.prolist li{ padding:12px 0;  height:110px; overflow:hidden; padding-left:180px; position:relative;}
.prolist li img{ position:absolute; left:0px; top:12px; width:170px; height:100px;}
.prolist li h2{ font-size:16px;  font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prolist li .note{ color:#888; line-height:24px; font-size:14px;  overflow:hidden; padding:3px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; margin-top:3px; }
.prolist li .date a{ color:#0277c7; font-size:14px;}
.abox { width: 95%;/*background: url(../img/k.png) no-repeat; */overflow: hidden;/* margin: 10px;*/ float: left;}
.abox .fl { width:25%;  position: relative; margin-left:40px; }
.abox .fl img { width:100%; height:100%; display:block; }
.abox .fr { width: 60%;margin-right: 10px;height: 60px}
.atit span{position: absolute;font-size: 50px;color: #0277c7;font-family:微软雅黑;font-weight: 900}
.abox .fr .atit h1,.about .abox .fl .atit h1 { font-size: 24px; font-family: Impact; color: #0277c7;margin-left: 80px;padding-top: 10px}
.abox .fr .atit .line,.about .abox .fl .atit .line { height: 1px; width: 200px; background: #ccc; overflow: hidden; margin: 5px 0;margin-left: 100px }
.abox .fr .atit h2,.about .abox .fl .atit h2 { font-weight: normal; font-size: 12px;color: #639a94;margin-left: 80px }
.abox  .atit h2:after{background:none;}
.abox .aboxc {  overflow: hidden; font-size: 14px; line-height: 26px; color: #666;float: left;margin-left: 40px;margin-right: 8px}
.abox .aboxc i{color: #0277c7;float: left;position:absolute;left:  10px;font-size: 20px	}
.swiper-pre {
    width: 1.226666rem;
    height: 1.226666rem;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    top: 40%;
    left: 10px;
    opacity: 0.3;
    z-index: 100;
    outline: none;
    float: left;
}

.swiper-pre img {
    width: 1.226666rem;
    height: 1.226666rem;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    display: block;
}

.swiper-next {
    width: 1.226666rem;
    height: 1.226666rem;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    top: 40%;
    right: 10px;
    opacity: 0.3;
    z-index: 100;
    outline: none;
    float: right;
}

.swiper-next img {
    width: 1.226666rem;
    height: 1.226666rem;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    display: block;
}
.abox .fr ul { margin-left: -65px; margin-top: 15px; }
.abox .fr ul li { float: left; width: 75px; text-align: center; margin-left: 65px; }
.abox .fr ul li a { font-size: 14px; }
.abox .fr ul li img { display: block; margin: 0 auto; margin-bottom: 12px; }
.slopingside{
		position: relative;
		top:40px;
		left: 20px;
    	height:0px;
    	border: 1px solid #0277c7;
    	width: 50px;
    	transform:rotate(125deg);
    	-o-transform:rotate(125deg);
    	-moz-transform:rotate(125deg);
    	-webkit-transform:rotate(135deg);
    	z-index: -1
    }

/***关于我们***/
.about{ background:url(../img/bg2.jpg) no-repeat center top; background-size:100% 100%; overflow:hidden; padding:12px;}
.about img{ display:block;}
.about .title{ color:#fff; text-align:center; color:#fff;}
.about .aboxc{   overflow:hidden; background:#fff; padding:12px; line-height:23px; font-size:14px; color:#666;} 
.about ul { background:#fff; overflow:hidden; padding:15px 0; }
.about ul li{ float:left; width:25%; text-align:center; text-align:center;}
.about ul li a{ font-size:14px; display:block;}
.about ul li img{ display:block; margin:0 auto; height:28px; margin-bottom:12px;}

.topimg{ height:180px; overflow:hidden; background-size:auto 100%; background-position:center center; background-repeat:no-repeat;}

.nycate{ background:#f2f2f2; overflow:hidden;}
.nycate li{ float:left; width:25%;}
.nycate li a{ display:block; line-height:45px; text-align:center; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.nycate li a.on{ background:#4399D5; color:#fff;}

.location{ padding:12px; background:#f2f2f2;}

#product{ height:250px; overflow:hidden; background:#000;}
#product li{ text-align:center; justify-content:center; align-items:center; display:flex;}
#product li img{ max-width:100%; max-height:100%;}

.protop{ padding:12px; overflow:hidden;}
.protop h2{ color:#db082a; font-size:15px; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:12px;}
.protop h3{ font-size:14px; margin-bottom:12px;}
.protop .note{ line-height:20px; margin-bottom:12px;}

.cate.c3{ padding:0px; background:#fff; overflow:hidden;}
.cate.c3 li{width:50%; float:left; padding:0px; background:#fff;}
.cate.c3 li a{ background:#fff; border-bottom:1px solid #eee; padding:0px; font-size:16px; border-right:1px solid #eee; line-height:50px; height:50px;}
.cate.c3 li a.on{ background:#db082a; color:#fff;}

/***新闻***/
.newlist { padding:0 12px;}
.newlist li{ padding:12px 0; border-bottom:1px solid #eee; height:105px; overflow:hidden; padding-left:102px; position:relative;}
.newlist li img{ position:absolute; left:0px; top:12px; width:95px; height:78px;}
.newlist li h2{ font-size:14px;  font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newlist li .note{ color:#888; line-height:18px; font-size:12px; height:40px; overflow:hidden; padding:3px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; margin-top:3px; }
.newlist li .date{ color:#999; font-size:12x;}


.atit h2{ font-size:16px; font-weight:normal; margin-bottom:20px;}
.atit h2:after{ height:2px; background:#db082a; width:55px; content:''; overflow:hidden; display:block; margin-top:5px;}
.btit h2{ font-size:16px; font-weight:normal; margin:20px 12px;}
.btit h2:after{ height:2px; background:#db082a; width:55px; content:''; overflow:hidden; display:block; margin-top:5px;}

.pdbox{ padding:15px 12px;  overflow:hidden; line-height:22px; color:#666; background:#fff; min-height:300px; font-size:14px;}
.pdbox .rtit{ text-align:center; padding-bottom:12px; font-size:16px;}
.pdbox img{max-width:100%;}

/***案例***/
.filter{ overflow:hidden; background:#fff; padding:12px 0; box-shadow:#ccc 0px 2px 10px; position:relative; z-index:1;}
.filter dl{ overflow:hidden; padding-bottom:6px; border-bottom:1px dashed #ddd; padding-left:60px; position:relative;}
.filter dl dt{ position:absolute; left:12px; top:6px; font-size:12px; width:60px;}
.filter dl dd a{ float:left; padding:3px 5px; margin-right:10px; font-size:12px; margin-top:6px;}
.filter dl dd a.on,.filter dl dd a:hover{ background:#db082a; color:#fff;}
.filter dl:last-child{ border:0px;}

.yxtj{ padding:12px; overflow:hidden;}
.yxtj em{ font-style:normal; color:#db082a; margin:0 5px;}

/***客户留言***/
.book{ display:block; padding:12px;}
.book p{ position:relative;width:100%;margin-top:12px;}
.book .intext{  border:1px solid #ddd; padding:10px; width:100%;}
.book .passcode{ position:absolute; right:1px; top:1px; height:100%; width:80px; cursor:pointer; border-left:1px solid #ddd;}
.book .intext:focus{ border-color:#db082a;}
.passcode{ display:block;}
.sbtn{  padding:12px; border:0px; display:block; width:100%; background:#db082a; font-family:Microsoft Yahei; color:#fff; margin-top:20px; cursor:pointer;}
.tips{ height:60px; width:250px; text-align:center; line-height:60px; border-radius:2px; display:none; background:rgba(0,0,0,0.7); color:#fff; font-size:15px; position:fixed; top:50%; transform:translateY(-50%); left:0px; right:0px; margin:auto; z-index:111; border-radius:5px;}

.newtit{ text-align:center; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:10px;}
.newtit h1{ font-size:16px; color:#666;  padding-bottom:5px;}
.newtit p{ font-size:11px; line-height:18px;}
.prevnext{ padding:12px 0; line-height:24px;}
.prevnext a{ display:block; font-size:12px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.downlist{ overflow:hidden; padding:0 12px;}
.downlist a{ display:block; height:45px; line-height:45px; border-bottom:1px dashed #ddd;}
.downlist a span{ float:right; color:#db082a;}

/***分页***/
.pagelist{ padding:20px 12px; background:#fff; text-align:center; overflow:hidden;}
.pagelist li{ display:inline-block; margin:5px 3px;}
.pagelist a,.pagelist span{ padding:3px 8px; border:1px solid #ddd; }
.pagelist a:hover,.pagelist li.active span{ background:#db082a; border-color:#db082a; color:#fff;}
.pagelist label{ display:none;}

.footer{ background:#f2f2f2; color:#666; padding:20px 12px; margin-top:20px; overflow:hidden;}
.footer .dblogo{ float:left; width:118px;}
.footer .fr{ width:100px; text-align:center;}
.footer .fcon{ line-height:22px;font-size: 14px;color: #999}
.copy{ padding:12px; text-align:center; background:#0277C7; color:#eee;padding-top:10px; line-height:20px;}

.protop .showyy{ display:block; width:100px; padding:12px 0; background:#db082a; text-align:center; color:#fff; border-radius:2px;}
/***********图标*************/
.icon-phone-400{background: url(../img/icon-phone.png) no-repeat center;background-size:40%; }
.icon-p-square{background: url(../img/icon-square.png) no-repeat center;background-size:40%;  }
.icon-p-s{background: url(../img/icon-p-s.png) no-repeat center;background-size:40%; }
.icon-env{background: url(../img/icon-env.png) no-repeat center;background-size:40%;  }
.icon-qqq{background: url(../img/icon-qqq.png) no-repeat center;background-size:40%;  }
.icon-map-markerq{background: url(../img/icon-map-markerq.png) no-repeat center;background-size:40%;  }

/***预约****/
.yyphone{position:fixed; bottom:0px; padding:20px 15px; padding-top:10px; background:#fff; z-index:333; width:100%;transition:all 0.5s cubic-bezier(0.7,0,0,1) 0s; transform:translateY(100%);}
.yyphone.open{ transform:translateY(0); }
.yyphone h2{ font-weight:normal; color:#333; text-align:center; font-size:15px;}
.yyphone .intxt{ border:1px solid #eee; padding:10px; font-size:14px; resize:none; width:100%; display:block; margin-top:10px;}
.yyphone .inbtn{ width:100%; padding:12px 10px; font-size:16; color:#fff; background:#db082a; border:0px; margin-top:10px;}
.yyphone .close{ width:20px; height:20px; position:absolute; top:0px; right:0px; background:#db082a url(../cha.png) no-repeat center; background-size:80% auto;}


/**/
.index-brand {
    width: 100%;
    height: 60px;
    padding: 0.8rem;
    margin: 0 auto;
    /* overflow: hidden; */
    position: relative;
}

.index-brand .swiper-container {
    width: 86%;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
}

.index-brand .swiper-container .swiper-slide {
    /*width: 33.3333%!important;*/
    height: 60px !important;
    /*margin: 0 0.33% !important;*/
    overflow: hidden;
}
.index-brand .swiper-container .swiper-slide a{   
    
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    display: block;
    border: 1px solid #DEDEDE;
    float: left;
}
.index-brand .swiper-container .swiper-slide a:last-child {
    margin: 0;
}
.index-brand .swiper-container .swiper-slide img {
    width: 165px !important;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    display: block;
}
.swiper-pre1 {
    width: 1.12rem;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 0.8rem;
    left: 0.8rem;
    z-index: 100;
    outline: none;
    /* opacity: 0.3; */
}

.swiper-pre1 img {
    width: 1.12rem;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    display: block;
}

.swiper-next1 {
    width: 1.12rem;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    z-index: 100;
    outline: none;
    /* opacity: 0.3; */
}

.swiper-next1 img {
    width: 1.12rem;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    display: block;
}
.index-qua {

    width: 100%;
    height: 170px;
    padding: 0 0.8rem;
    margin: 10px auto;
    /* overflow: hidden; */
    position: relative;
}

.index-qua .swiper-container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.index-qua .swiper-container .swiper-slide {
   
   
    
    overflow: hidden;
}
.index-qua .swiper-container .swiper-slide a {
   
    margin: 0 auto;
    overflow: hidden;
    display: block;
    float: left;
}
.index-qua .swiper-container .swiper-slide a:last-child {
    margin: 0;
}
.index-qua .swiper-container .swiper-slide img {
   height: 170px;
    margin: 0 auto;
    overflow: hidden;
    display: block;
}
.index-album {
    width: 100%;
    height: 170px;
    padding: 0 0.8rem;
    margin: 10 auto;
    /* overflow: hidden; */
    position: relative;
}

.index-album .swiper-container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.index-album .swiper-container .swiper-slide {
    
    overflow: hidden;
}
.index-album .swiper-container .swiper-slide a {
   
    margin: 0 auto;
    overflow: hidden;
    display: block;
    float: left;
}
.index-album .swiper-container .swiper-slide a:last-child {
    margin: 0;
}
.index-album .swiper-container .swiper-slide img {
   
    height: 170px;
    margin: 0 auto;
    overflow: hidden;
    display: block;
}



.footer-top {
    width: 100%;
    height: auto;
    padding: 1.466666rem 0.8rem 0.32rem 0.8rem;
    margin: 0 auto;
    overflow: hidden;
    background: #F2F2F2;
}



.footer-top-img {
    width: 20%;
    margin: 0 auto;
    overflow: hidden;
    float: left;
}

.footer-top-img img {
   
    margin: 0.586666rem auto;
    overflow: hidden;
    display: block;
}
.footer-top-title {
    width: 4.8rem;
    height: 4.133333rem;
    margin: 0 auto;
    overflow: hidden;
    float: left;
    font-size: 18px;
    line-height: 4.133333rem;
    text-align: center;
    color: #050505;
    font-weight: bold;
    font-style: italic;
}
.footer-top-right {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 5.133333rem;
    margin: 0 auto;
    overflow: hidden;
    float: right;
}

.footer-top-right-li {
    width: 4.166666rem;
    height: 4.133333rem;
    margin: 0 0.666666rem;
    text-align: center;
    float: left;
}

.footer-top-right-li img {
    width: 4.166666rem;
    height: 4.166666rem;
    margin: 0 auto;
    overflow: hidden;
    display: block;
}

.footer-top-right-li .uni-text {
    width: 3.066666rem;
    height: 1.066666rem;
    margin: 0 auto;
    overflow: hidden;
    float: left;
    font-size: 0.586666rem;
    line-height: 1.066666rem;
    text-align: center;
    color: #666666;
}
.footer-top-right-li .uni-text span{margin:0 auto;}