@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 591377 */
  src: url('//at.alicdn.com/t/c/font_591377_i4bbzzxaqc.woff2?t=1729736948913') format('woff2'),
       url('//at.alicdn.com/t/c/font_591377_i4bbzzxaqc.woff?t=1729736948913') format('woff'),
       url('//at.alicdn.com/t/c/font_591377_i4bbzzxaqc.ttf?t=1729736948913') format('truetype');
}
@font-face {
  font-family: 'iconfont';  /* Project id 4722741 */
  src: url('//at.alicdn.com/t/c/font_4722741_b7egz5zizub.woff2?t=1729764095230') format('woff2'),
       url('//at.alicdn.com/t/c/font_4722741_b7egz5zizub.woff?t=1729764095230') format('woff'),
       url('//at.alicdn.com/t/c/font_4722741_b7egz5zizub.ttf?t=1729764095230') format('truetype');
}
:root {
    --primary: #116ca5;
    --secondary: #E93C05;
    --tertiary: #555555;
    --light: #a6d3f6;
    --dark: #011A41;
}
@font-face {
    font-family: "Noto Sans TC";
    src: url('./font/AlibabaPuHuiTi-3-55-Regular.woff2')  format('woff2');
    cache: local;
}


*{
  font-family: "Noto Sans TC"; box-sizing:border-box;
}

.hf {   
            display: inline-block;   
            font-size: 80px;   
            line-height:80px;   
            color: #000;   
            position: relative;   
            overflow: hidden;   
            whitewhite-space: pre;/* 处理空格 */  
        }   
        .hf:before {   
            position: absolute;   
            left: 0;   
            top: 0;   
            color: #f00;   
            display: block;   
            width: 30%;/*如果想变色一半文字，就设置50%*/  
            content: attr(data-content);/* 伪元素的动态获取内容 */  
            overflow: hidden;   
        }  
.iconfont {
          font-family:"iconfont" !important;
          font-size:1.6rem;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.01rem;
          -moz-osx-font-smoothing: grayscale;
        }

		
/* CSS Document */		
/*边距清零*/
div,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol{margin:0; padding:0; font-weight:normal;box-sizing:border-box;}
form,span,input,select,textarea{margin:0; padding:0;outline:none;}
.padding8{ padding:3% 8%;}

h1{ font-size:18px; font-weight:bold; line-height:1.6;}
/*文字溢出*/
.text-ellipsis-1{ display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.text-ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-ellipsis-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.text-ellipsis-4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.text-ellipsis-5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.text-ellipsis-6{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.text-ellipsis-7{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

/*----------------------------------------------------------总体设置----------------------------------------------------------*/
html{margin:0 auto;padding:0;font-size:14px; overflow-y:scroll;overflow-x:hidden; box-sizing:border-box;scroll-behavior: smooth; background:url(../images/bg.jpg) no-repeat center top #fff;}
body{color:#555; margin:0 auto;padding:0; font-size:14px;}
a:link,a:visited{color:#555; text-decoration: none;}
a:active{color:#555; text-decoration:none;}
a:hover{color:#f00;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签虚线*/
p{ margin:0; padding:0;}
img{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none; margin:0; padding:0;}
.bodyhid{ overflow:hidden;}
/*公共*/
.clear{ clear:both;}
.nothing{font-size:14px; font-weight:bold; color:#fe5a0a; text-align:left;}/*资料整理中*/
.floatL{ float:left;}
.floatR{ float:right;}
.w1200{ margin:0 auto;  z-index:1000; padding:0;}
.w1000{ margin:0 auto; max-width:1200px;  z-index:1000; padding:0;}
.w1400{ margin:0 auto; max-width:1500px;  z-index:1000; padding:0 50px;}
.qy_w1200{max-width: 1200px;margin: 0 auto;position: relative;display: block;/*background: salmon;*/}
.hoverimg img{-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/}
.hoverimg img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}
.margin{ margin:80px auto;}
::-webkit-scrollbar {
	width:0px;
	height:0px;
}
::-webkit-scrollbar-track {
width:0px;
background-color:#ddd;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
/*滚动条的设置*/
::-webkit-scrollbar-thumb {
background-color:#f60;
background-clip:padding-box;
min-height:28px;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
/*滚动条移上去的背景*/

::-webkit-scrollbar-thumb:hover {
background-color:#f00;
}


/****************************************************************头部设置*********************************************************************/
.logo{  margin:0 auto;z-index:10000;  width:100%; top:0;}
.logo_1{ margin:0 auto; position:relative; padding:50px 0;}
.logo_img{ float:left; width:60%; }
.logo_img img{ display:block; max-width:100%; }
.logoh{ height:0; display:none; }

.search-menu{ display:none;}
.search{ padding:0 0; float:right; width:30%; background:#fff; border-radius:6px; margin:12px 0;  overflow:hidden;}
.search form{display:flex !important; flex-wrap:wrap;}
.search input{ width:80%;  height:60px; padding:12px 20px; border:0; margin:0; display:block;}
.search input.sub{ height:60px; width:20%; background:#e50b0b; color:#fff; padding:0;}
.searchclose{ display:none;}





/********导航********/
.sjj_nav,.sp_nav{ display:none;}
.navbox{  z-index:9;text-align:center; background:#e50b0b;  font-size:20px; padding:0; }
.nav{margin:0 auto;list-style:none; padding:0;  margin:0 auto;  margin:0 auto; height:68px; line-height:68px; display:flex;}
.nav li{  text-align:center;  position:relative;}
.nav li a{  padding:0; display:block; padding:0 60px; font-size:20px; color:#fff; position:relative; z-index:100;}
.nav li:before{ content:''; width:0; position:absolute;bottom:0; display:block; left:50%; transform: translate(-50%); transition: width 0.5s;z-index:0; height:100%; background:#a00505;}
.nav li:hover:before{ width:100%;}
.nav li:hover a{ color:#fff;}

.nav li.mj_hover_menu{ display:block; }
.nav li.mj_hover_menu a{ color:#fff; }
.nav li.mj_hover_menu:before{ width:100%;}


.nav li .submenu{ display:none; position:absolute;top:68px;z-index:1000; width:100%;  padding:0; background:#f9f9f9; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.nav li .submenu dd{ line-height:2; text-align:center; padding:20px 0; border-bottom:1px dotted #eee; }
.nav li .submenu dd:last-child{ border-bottom:0;}
.nav li .submenu dd a{ color:#000;  padding:0;font-size:18px;}
.nav li .submenu dd p{ color:#666;}
.nav li .submenu dd:hover{ background:#fff;}
.nav li .submenu dd:hover a{ color:#e50b0b;}
.nav li .submenu-other{ min-height:auto; padding:0; width:100%; }


/********导航/********/
/*首页标题*/
.indextitle{ text-align:center; position:relative;padding:0; margin-bottom:60px; }
.indextitle h2{ display:block; font-size:30px; font-weight:bold;  color:#e50b0b; line-height:1.5;}
.indextitle p{ display:block; font-size:18px; text-transform:uppercase; color:rgba(0,0,0,0.5);  }
.indextitle span{ font-size:110px; color:#f5f5f5; position:absolute; left:50%; text-transform:uppercase; font-family:"Arial Black", Gadget, sans-serif; line-height:1; top:0; z-index:-1;
 -webkit-transform: translate(-50%,0);transform: translate(-50%,0);
}



/*******banner条***/
.banner{ margin:0 auto;}
.banner img{ display:block;}
.swiper-container .swiper-pagination { bottom:15px !important; }
.swiper-container .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    width: 30px;
    height:5px;
    border-radius: 0;
    margin: 0 4px;
    background-color: rgba(255,255,255,0.5);
    transition: background-color .3s ease;
}
.swiper-container .swiper-pagination-bullet::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: 0 0;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    animation: sliderPagination 3.3s linear infinite;
}

.swiper-container .swiper-pagination-bullet:hover {
    background-color: #fff;
}

 @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
@keyframes sliderPagination {
 	100% {
		transform: scaleX(1);
        opacity: 1;
    }
}





.about{padding:100px 0; background:#f5f5f5;}
.about-about{ display:flex; margin:0 auto; }
.about-about .about-pic{ flex:1; order:2;}
.about-about .about-pic img{ display:block; max-width:100%;}
.about-about .about-txt{ flex:1.2; color:#666; font-size:16px; line-height:2.3; padding:20px 0; padding-right:80px; order:1;}
.about-about .about-txt h2{ font-weight:bold; font-size:30px; color:#e50b0b; line-height:1; border-left:5px solid #e50b0b; padding-left:10px; margin-bottom:30px;}
.about-about .about-more{ display:block; height:50px; color:#fff; line-height:50px; width:140px; text-align:center; margin-top:60px; border-radius:5px; background:#e50b0b;}


.product{ padding:100px 8% 80px 8%; }
.product-list{ overflow:hidden; position:relative;}
.product-list .item{ background:#fff; padding:12px; border-radius:8px;}
.product-list .item .pic{ display:block; overflow:hidden; position:relative; height:220px;}
.product-list .item .pic img{ display:block; margin:0 auto; width:100%; position:absolute;top:50%; -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.product-list .item .text{ padding:12px 0; text-align:center;}
.product-list .item h2{ font-size:18px !important; display:block; margin-bottom:12px; color:#000;}
.product-list .item p{ font-size:14px; color:#999; line-height:2;}






.swiper-scrollbar{ opacity:1 !important; bottom:0  !important;background:#ddd !important;}
.swiper-scrollbar-drag{ background:#27156e !important}

.news{ display:flex; padding-top:100px; padding-bottom:100px;}
.news .news-1{ flex:11; margin-right:4%;}
.news .news-2{ flex:2.2; }

.news-1{ display:flex;}
.news-1 .news-pic{ flex:1.2; background:#f5f5f5; margin-right:5%;}
.news-1 .news-pic img{ display:block; max-width:100%;}
.news-1 .news-pic .text{ padding:20px;}
.news-1 .news-pic .text h2{ font-size:18px; font-weight:bold; color:#000; text-align:center; margin-bottom:12px;}
.news-1 .news-pic .text p{ font-size:14px; color:#888; line-height:2;}
.news-1 .news-pic:hover .text{ background:#e50b0b; color:#fff;}
.news-1 .news-pic:hover .text h2,.news-1 .news-pic:hover .text p{ color:#fff;}
.news-1 .news-list{ flex:1; }
.news-1 .news-list ul.ntitle{font-weight:bold; font-size:30px; color:#e50b0b; line-height:1; border-left:5px solid #e50b0b; padding-left:10px; margin-bottom:20px;}
.news-1 .news-list li{ padding:0; margin-bottom:20px;}
.news-1 .news-list li h2{ font-size:18px; color:#000; }
.news-1 .news-list li p{ font-size:18px; line-height:2; color:#888;}
.news-1 .news-list li:hover h2{ color:#e50b0b;}

.news-2 li{ position:relative; margin-bottom:20px; border-radius:5px; overflow:hidden;}
.news-2 li img{ display:block;}
.news-2 li .text{ position:absolute; bottom:0; width:100%; text-align:center; padding:8px; background:rgba(0,0,0,.2);}
.news-2 li .text h2{ font-size:18px; color:#fff; letter-spacing:4px;}
.news-2 li:last-child .text{ height:100%; text-align:left; padding:18px;}
.news-2 li:last-child .text p{ color:#fff; font-size:1.4vw;}
/* 产品详情css */
.picshow{ display:flex; padding:4% 8%; flex-wrap:wrap;}
.picshow-left{ position:relative; width:42%; }
.picshow-left .mySwiper{  width:100%;}
.picshow-left .swiper-slide img{ display:block; max-width:100%;}


.picshow-right{ width:58%; padding:0; padding-left:5%; line-height:2;}
.picshow-right h2{ font-size:30px; color:#000;}
.picshow-right .about{ padding:0; margin:15px 0; font-size:18px;}
.picshow-right .jiage{ font-size:30px;}
.picshow-right .yanse{ color:#000; font-weight:bold;}
.picshow-right .buy{ margin:20px 0;}
.picshow-right .buy a{ display:block;height:50px; line-height:50px; font-size:16px; border:2px solid #333; width:160px; border-radius:40px; text-align:center;}
.picshow-right .buy a:hover{ background:#333; color:#fff;}
.picshow-right .yanse-list{ display:flex; margin:15px 0;}
.picshow-right .yanse-list span{ margin-right:15px; cursor:pointer; border-radius:30px; border:1px solid #eee; padding:2px 25px;}
.picshow-right .yanse-list span.hover{ background:#000; color:#fff;}
.picshow-content-2{ padding:3% 8%;}
/**/
.picshow-other{ padding:0% 8% 3% 8%; position:relative; overflow:hidden;}
.picshow-other .swiper-slide img{ max-width:100%; display:block;}
.picshow-other .swiper-slide h2{ font-size:14px; padding:15px 0;}
.layer_notice{ padding:20px; display:none;}
.layer_notice .sub{ margin:15px 0;}
.layui-laypage-em{ background:#000 !important;}
	
@media (max-width:640px){



.layui-laypage a, .layui-laypage span{ padding:0 10px;}
/*首页标题*/

.indextitle{ margin-bottom:20px;}
.indextitle h2{ font-size:25px;}
.indextitle p{font-size:14px;  }





.about{padding:0;}
.about-about{ display:block; margin:0 auto; padding:5%;}
.about-about .about-txt h2{ font-size:25px; margin-bottom:15px;}
.about-about .about-txt{padding:5% 0 0 0;font-size:14px; }
.about-about .about-more{ display:block; height:40px; line-height:40px; width:140px; text-align:center; margin-top:20px; border-radius:5px;}


.product{ padding:3%;}




.news{ padding:3%; background:#fff; display:block;}

.news .news-1{ flex:11; margin-right:0;}
.news .news-2{ flex:2.2; }

.news-1{ display:block;}
.news-1 .news-pic{ margin:0; margin-bottom:15px;}
.news-1 .news-pic .text{ padding:15px;}
.news-1 .news-pic .text h2{ font-size:16px; text-align:left;}
.news-1 .news-pic .text p{ font-size:14px; color:#888; line-height:1.6;}


.news-1 .news-list{ padding:15px 0; }
.news-1 .news-list ul.ntitle{font-weight:bold; font-size:24px; color:#e50b0b; line-height:1; border-left:5px solid #e50b0b; padding-left:10px; margin-bottom:14px;}
.news-1 .news-list li{ padding:0; margin-bottom:20px;}
.news-1 .news-list li h2{ font-size:14px; color:#000; }
.news-1 .news-list li p{ font-size:14px; line-height:2; color:#888;}
.news-1 .news-list li:hover h2{ color:#e50b0b;}
.news-2{ display:flex; flex-wrap:wrap;}
.news-2 li{ position:relative; margin-bottom:20px; border-radius:5px; overflow:hidden; width:48.5%; margin-right:3%; }
.news-2 li:nth-child(2n){ margin-right:0;}
.news-2 li img{ display:block;}
.news-2 li .text{ position:absolute; bottom:0; width:100%; text-align:center; padding:8px; background:rgba(0,0,0,.2);}
.news-2 li .text h2{ font-size:18px; color:#fff; letter-spacing:4px;}
.news-2 li:last-child .text{ height:100%; text-align:left; padding:18px;}
.news-2 li:last-child .text p{ color:#fff; font-size:20px;}


/* 产品详情css */
.picshow{ display:flex; padding:4% 8%; flex-wrap:wrap;}
.picshow-left{ position:relative; width:42%; }
.picshow-left .mySwiper{  width:100%;}
.picshow-left .swiper-slide img{ display:block; max-width:100%;}


.picshow-right{ width:58%; padding:0; padding-left:5%; line-height:2;}
.picshow-right h2{ font-size:30px; color:#000;}
.picshow-right .about{ padding:0; margin:15px 0; font-size:18px;}
.picshow-right .jiage{ font-size:30px;}
.picshow-right .yanse{ color:#000; font-weight:bold;}
.picshow-right .buy{ margin:20px 0;}
.picshow-right .buy a{ display:block;height:50px; line-height:50px; font-size:16px; border:2px solid #333; width:160px; border-radius:40px; text-align:center;}
.picshow-right .buy a:hover{ background:#333; color:#fff;}
.picshow-right .yanse-list{ display:flex; margin:15px 0;}
.picshow-right .yanse-list span{ margin-right:15px; cursor:pointer; border-radius:30px; border:1px solid #eee; padding:2px 25px;}
.picshow-right .yanse-list span.hover{ background:#000; color:#fff;}
.picshow-content-2{ padding:3% 8%;}
/**/
.picshow-other{ padding:0% 8% 3% 8%; position:relative; overflow:hidden;}
.picshow-other .swiper-slide img{ max-width:100%; display:block;}
.picshow-other .swiper-slide h2{ font-size:14px; padding:15px 0;}
.layer_notice{ padding:20px; display:none;}
.layer_notice .sub{ margin:15px 0;}
.layui-laypage-em{ background:#000 !important;}

}





/******首页配置********/

/****************内页配置*******************************/


.friends_banner img{ display:block; width:100%;}
.weizhi{ display:block; text-align:center; z-index:1000; position:absolute; top:30px; right:0;}

.info{ margin:0 auto 0 auto; max-width:1400px; background:#fff; padding:30px; min-height:520px;}
.info .indextitle{ text-align:left; border-bottom:1px solid #f3f3f3; padding:20px 0; line-height:1.5;}
.info .indextitle h2{ font-size:28px; }
.info .indextitle p{ font-size:16px;}
.infotitle{ }
.infotitle .m{  margin:0 auto; position:relative; background:#fafafa; padding:15px; }
.infotitle .m i{ font-size:15px; margin:0 8px; color:#999;}
.infotitle .m:after{ content:''; border:0;}

.infotitle h2{ float:left;font-size:18px; font-weight:bold;}
.infotitle a{ font-weight:normal; text-transform:capitalize; color:#999;}
.infotitle strong{ color:#000; font-weight:normal;}

.info-left{ }
.info-left .indextitle{ padding:0; margin:30px auto; text-align:center; border:0; }
.infocontent{  margin:20px auto; padding:0; line-height:2.3; font-size:16px; }/*内页右边内容详情*/
.infocontent img{ display:block; max-width:100%; margin:0 auto;}
.s_content a{ text-decoration:underline; color:#27156e;}

.lefticon{ display:none;}
.left_menu{ margin:0 auto; background:#fff; max-width:1400px;padding:30px; border-bottom:1px solid #f5f5f5;}
.left_menu ul{ text-align:left;}
.left_menu ul li{ display:inline-block; margin-right:20px; background:#f5f5f5;}
.left_menu ul li:last-child{ margin-right:0;}
.left_menu ul li a{ display:block; color:#000; font-size:18px; padding:16px 60px;}
.left_menu ul li i{ display:block; font-size:30px; line-height:1.4;}
.left_menu ul li:hover{background:#e50b0b;}
.left_menu ul li:hover a{color:#fff;}
.left_menu li.hover{  background:#e50b0b}
.left_menu li.hover a{ color:#fff;}



.swiper-button-next,.swiper-button-prev{ top:50% !important; color:#000 !important; font-size:20px !important; display:block !important;}
.swiper-button-next{ right:4% !important;}
.swiper-button-prev{ left:4% !important;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size:30px !important;}


.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ cursor:pointer !important;pointer-events:auto !important;}


@media (max-width:640px){
	.pic-lanmu{ padding:3%;}
	.friends_banner{ padding:0 !important; }
}
/*产品展示*/
.infopiclist{ margin:0 auto; padding:0; overflow:hidden; padding:0; }
.infopiclist ul{ margin:0; display:flex; flex-wrap:wrap;}
.infopiclist ul li{ width:23.5%;   margin-right:2%;  position:relative; margin-bottom:20px; overflow:hidden; }
.infopiclist ul li:nth-child(4n){ margin-right:0;}
.infopiclist ul li .indexlistpic{ overflow:hidden;position:relative; background:#f9f9f9;}
.infopiclist ul li img{  display:block; margin:0 auto; max-width:100%;  position:relative;  }
.infopiclist ul li .color-name { background:#000;position:absolute; top:5px; left:5px;  color:#fff; padding:5px 10px; border-radius:3px; font-style:normal;}
.infopiclist ul li .color-hot{ background:#f00;}
.infopiclist ul li .color-sale{ background:#F90;}
.infopiclist ul li .color-news{ background:#000;}

.infopiclist ul li .pictitle{  text-align:left; bottom:0; width:100%; font-size:14px; padding:15px 0;}
.infopiclist ul li .pictitle h3{ font-size:12px; color:#999;}
.infopiclist ul li .pictitle h2{ display:block; line-height:1.4;  font-size:16px; color:#222; border-bottom:0; margin:0; font-weight:normal;}
.infopiclist ul li .pictitle p{ margin:10px 0; line-height:1.6; color:#888; font-size:12px;}
.infopiclist ul li .pictitle .zan{ }
.infopiclist ul li .pictitle .zan span{}
.infopiclist ul li .pictitle .zan i{ font-size:18px; color:#f00; margin-right:6px;}
.infopiclist ul li .pictitle .zan b{ font-weight:normal;}
.infopiclist ul li a{ cursor:pointer;}
.infopiclist ul li .down{ display:flex;  padding:15px 0 0 0;}
.infopiclist ul li .down a{ flex:1; text-align:center; background:#f9f9f9; margin-right:15px; border-radius:30px; padding:8px 0;}
.infopiclist ul li .down a i{ font-size:16px; margin-right:5px; }
.infopiclist ul li .down a:last-child{ margin-right:0;}

.layui-flow-more{ display:block; margin:0 auto; width:100% !important; height:40px; line-height:40px; text-align:center; border-radius:5px; }

/*案例*/
.infopiclists{ margin:0 auto; padding:0; overflow:hidden; padding:0; }
.infopiclists ul{ margin:0; display:flex; flex-wrap:wrap;}
.infopiclists ul li{ width:30%;   margin-right:5%;  position:relative; margin-bottom:20px; overflow:hidden; }
.infopiclists ul li:nth-child(3n){ margin-right:0;}
.infopiclists ul li .indexlistpic{ overflow:hidden;position:relative; background:#f9f9f9;}
.infopiclists ul li img{  display:block; margin:0 auto; max-width:100%;  position:relative;  }
.infopiclists ul li .pictitle{  text-align:left; bottom:0; width:100%; font-size:14px; padding:15px 0;}
.infopiclists ul li .pictitle h2{ display:block; line-height:1.4;  font-size:16px; color:#222; border-bottom:0; margin:0; font-weight:normal;}
.infopiclists ul li .pictitle p{ margin:10px 0; line-height:1.6; color:#888; font-size:12px;}




.feedback{ display:flex;}
.feedback-left{ flex:1;}
.feedback-left img{ display:block; max-width:100%;}
.feedback-right{flex:1; padding:3% 3%; padding-right:8%;}
.feedback-right h2{ font-size:30px; font-weight:bold; color:#000;}
.feedback-right h3{ text-transform:uppercase; margin:20px 0; color:#ddd;}
.feedback-right li{ position:relative;border-bottom:1px solid #eee;  }
.feedback-right li input{ height:65px; line-height:65px; border:0; width:100%; font-size:16px;position:relative; transition: border-width 0.3s; /* 定义过渡动画 */}
.feedback-right li input:focus{ outline: none;}

.feedback-right li input:focus+ .border-line {
    width: 100%; 
    transition: all 0.4s   
}
.feedback-right li textarea:focus+ .border-line {
    width: 100%; 
    transition: all 0.4s   
}
.border-line{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px; 

    height: 2px;
    background-color: #f00;
    width: 0%;
    transition: all 0.3s   
}
.feedback-right li input.layui-form-danger:focus,.feedback-right li textarea.layui-form-danger:focus{border-color:none !important;box-shadow:none !important;}

.feedback-right li textarea{ height:150px; border:0px; width:100%;font-size:16px;line-height:60px; }
.feedback-right li:last-child{ border:0;}
.feedback-right li .tijiao{ width:100%; margin:50px auto; background:#f60; height:60px; font-size:20px; line-height:60px; border-radius:60px;}
/*翻页*/
.pager {TEXT-ALIGN: center; CLEAR: both; padding:3% 0; text-align:center; width:100%;  }
.pager A {  display:inline; zoom:1; margin-right:8px; padding:7px 15px; background:#eee; color:#000; }
.pager SPAN { border:0;display:inline; zoom:1; margin-right:8px; padding:7px 15px; background:#000; color:#fff;}
.pager A:hover {  background:#000; color:#fff;}



/*新闻*/



.articlist{ padding:0 0; }
.articlist ul{ } 
.articlist li{ line-height:1.6;  font-size:12px;  padding:3% 0; border-bottom:1px solid #eee;  position:relative;transition: all 0.3s ease-in-out;}
.articlist li a{ display:block;}

.articlist li .pic{ overflow:hidden; margin-bottom:10px; width:320px; margin-right:30px; float:left; background:#f6f6f6; position:relative;}
.articlist li img{ width:100%;}
.articlist li h3{ margin:0;  color:#151515; font-weight:bold; margin-bottom:12px; font-size:18px; }
.articlist li dl{ font-size:18px;}
.articlist li p{color:#666666; font-size:16px; margin:5px 0; line-height:2;}
.articlist li:hover{ background:#f6f6f6; padding:3%;transition: all 0.3s ease-in-out; color:#fff;}
/*.articlist li:hover h3,.articlist li:hover p,.articlist li:hover dl{ color:#fff;}*/
.articlist li:last-child{ border-bottom:0;}
/*详情*/
.s_title{ text-align:center;}
.s_title h2{ font-size:20px; font-weight:bold; color:#000;}
.s_title p.z{ font-size:18px; color:#777; border-bottom:1px solid #f5f5f5; padding:5px;}
.s_title p.c{ padding:12px; text-align:left; background:#f5f5f5; border-radius:5px;  }
.s_title p.c span{ display:inline-block;  font-weight:bold; color:#000;}
.s_img{ padding:20px 0;}
.s_img img{ display:block; max-width:100%;}
.s_content{ padding:15px 0; color:#000;}
.p_content{ font-size:14px; text-align:right;}


.s_content a{ text-decoration:underline !important; color:#27156e;}
.s_content a:link,.s_content a:visited{ text-decoration:underline !important; color:#27156e;}

.info_t a{ text-decoration:underline !important; color:#27156e;}
.info_t a:link,.info_t a:visited{ text-decoration:underline !important; color:#27156e;}


.newsw{ max-width:1000px;}

.gotop{ cursor:pointer; width:48px; height:48px; line-height:48px; background:rgba(0,0,0,0.1);  border-radius:48px; position:fixed; right:10px; bottom:10px; text-align:center; color:#fff; font-size:18px;}
.gotop i{ font-size:20px;}



.bottom{ background:#333; color:rgba(255,255,255,0.6); padding:0 0; font-size:16px;}
.bottom a{  color:rgba(255,255,255,0.5);}
.bottom a:hover{ color:#fff;}
.bottom p{ margin:0;}
.bottom1{ padding:40px 0; text-align:center; line-height:2;}






.footer_h{ display:none;}
.footmenu { display:none;}

.Upper p{ font-size:14px;}


/*分享*/
.bdsharebuttonbox{ max-width:1200px; margin:0 auto; padding:10px 0;}
.bdsharebuttonbox a{ padding-right:10px; padding-left:22px !important;}



.box-title{ font-weight:bold !important; }
.box-title strong{ color:#f00 !important;}
.box-content{ font-size:18px !important; padding-top:25px !important;}
.box-content b{ color:#f00;}

.btn-primary{ background:#20a8e4;}




@media (max-width:640px){
.w1400{ padding:5%;}
h1{ font-size:14px; font-weight:bold;}
.logo{ height:50px; padding:0; position:fixed; top:0; background:#fff;}
.logo_1{ padding:0;}
.logo_img{ width:100%; height:50px;left:0; top:0;  -webkit-transform: translate(0);transform: translate(0);}
.logo_img img{ display:block; height:30px; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.logoh{ height:50px; display:block;}



.w1100{ margin:0; padding:0 3%; z-index:0}

.search-menu{ display:block; position:fixed; height:30px; width:30px; line-height:30px; font-size:22px; right:10px; top:10px; }
.search{  position:absolute; right:0; overflow:hidden; width:0; margin:0; height:50px; top:0; padding:0; z-index:99999999; background:#fff;transition:all ease 0.5s;}
.searchshow{ width:86%; z-index:999999991; max-width:100%;background:#f9f9f9;}
.searchshow:before{ content:'\e68d'; line-height:50px; font-family:"iconfont"; font-size:20px; display:block; float:left; height:50px; width:40px; text-align:center;}
.search input{ height:50px; padding:0 15px; background:#f9f9f9;}
.search input.sub{ height:50px; line-height:50px; display:none}
.searchclose { display:block; height:50px; line-height:50px; font-size:25px; text-align:center; width:20%;}




/****************************************************************导航*********************************************************************/
.navbox{ display:none;}


.sp_nav{width:50px; height:50px; display:block; position:fixed; left:0; top:0;transition:all ease 0.35s; z-index:99999999; padding:0;}
.sp_nav span{display:block;background:#000;width:20px;height:2px;position:absolute;left:15px;transition:all ease 0.35s; border-radius:3px;}
.sp_nav span:nth-of-type(1){top:15px}
.sp_nav span:nth-of-type(2){top:23px; width:15px;}
.sp_nav span:nth-of-type(3){top:31px}
.sp_nav_se{ background:#fff;transition:all ease 0.35s;}

.sp_nav_se span:nth-of-type(1){left:15px; top:25px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){left:15px; top:25px;transform:rotate(-45deg)}

.sjj_nav{ width:100%; top:50px; left:-100%; position:fixed; height:100%;  background:#fbfbfb;  display:block;transition:all ease 0.35s;z-index:9999999;}
.sjj_nav ul{ margin:0; padding:0; display:block;  height:100%;}
.sjj_nav ul li a{ display:block; color:#000;padding:18px; border-bottom:1px solid #f0f0f0; }
.sjj_nav ul li a:after{font-family: 'iconfont'; content:'\e700'; float:right; }

.sjj_nav ul.nav-menu{ height:calc(100% - 80px); position:relative;}
.sjj_nav ul.nav-banquan{ position:absolute; bottom:0; height:80px; font-size:12px; padding:3%; text-align:center; width:100%;}
/*****/

.m-erji{ left:-100%; width:100%; position:absolute;top:0; background:#fbfbfb;transition:all ease 0.35s; overflow:scroll; }
.m-erji li.title-back{ background:#27156e; color:#fff; text-align:center; height:50px; line-height:50px;}
.m-erji li.title-back:before{ content:'\e632';font-family: 'iconfont'; color:#fff; float:left; margin-left:20px;}
.sssss{ position:absolute; width:100%; height:100%; left:0;transition:all ease 0.35s; z-index:9999999; }
.plist-m{}
.plist-m img{ width:40%; float:right; margin-left:5%; display:block;}
.plist-m h2{ font-size:15px;}
.plist-m p{ color:#999; font-size:12px;}
.sjj_nav ul li .plist-m  a:after{ content:''; float:none;}
.nav_show{left:0; padding:0;transition:all ease 0.35s; z-index:9999999;}


 input[type="button"], input[type="submit"], input[type="reset"],select { -webkit-appearance: none; } 
 


.banner{ margin:0 auto; padding:0;}

/*首页标题*/



.info-left{ float:none; overflow:hidden;}
.info-left .indextitle{ padding:0 10px; margin:20px auto;}

.info-right{ width:100%; float:none;}



/******首页配置********/



/****************内页配置*******************************/
.weizhi{  display:none;  }

.info{  font-size:16px; margin:0;min-height:320px; padding:0; }
.info .indextitle{ text-align:left; border-bottom:1px solid #f3f3f3; padding:15px 3%; line-height:1.5;}
.info .indextitle h2{ font-size:18px; }
.info .indextitle p{ font-size:14px;}

.info .product_right{ padding:3%;}
.info .product_right h2{ font-size:20px; display:none;}
.ueditor_baidumap{ display:none;}


.lefticon{ position:absolute; right:0; font-size:22px !important; top:-6px; display:block;}

.left_menu{ margin:0 auto;  transition:0.5s; padding:1.5%;}
.left_menu ul{ display:flex; flex-wrap:wrap;}
.left_menu ul li{ width:30.3333%; margin:1.5%;}
.left_menu ul li a{ padding:10px 0; text-align:center;}






.infotitle{ padding:0; text-align:left;}
.infotitle h2{ margin-bottom:10px;}
.infotitle h2 span{ font-size:12px;}
.infotitle .m{ font-size:12px;}
.infotitle .m i{ font-size:12px; font-weight:normal;}

.infocontent{clear:both; margin:0; padding:3%; float:none; width:auto; font-size:14px; }/*内页右边内容详情*/
.infocontent img{ display:block; max-width:100%; margin:0 auto; height:auto !important;}



.infopiclist{ margin:0%; padding:3%; overflow:hidden; }
.infopiclist ul{ margin:0; padding:0; }
.infopiclist ul li{ width:48.5%; margin:0; margin-right:3%;  float:left; padding:0; margin-bottom:3%; border:0;border-radius:0;}
.infopiclist ul li:nth-child(2n){ margin-right:0;}
.infopiclist ul li .indexlistpic{ width:auto;   overflow:hidden; padding:0; display:block; height:auto;}
.infopiclist ul li img{ width:100%;  border-radius:0; display:block !important; }
.infopiclist ul li .color-name { position:absolute; top:5px; left:5px; font-size:12px;  color:#fff; padding:5px 10px; border-radius:3px; font-style:normal;}
.infopiclist ul li .indexlistname{ font-size:15px;}
.infopiclist ul li .pictitle{ font-size:12px; text-align:left;  padding:12px 0;}
.infopiclist ul li .pictitle h2{ display:block; font-size:14px; padding:0;}
.infopiclist ul li .pictitle p{ padding:0; margin:6px 0; font-size:12px;}

.infopiclist ul li .down{ display:flex;  padding:15px 0 0 0;}
.infopiclist ul li .down a{ flex:1; text-align:center; background:#f9f9f9; padding:6px 0; margin-right:10px; border-radius:30px;}
.infopiclist ul li .down a i{ font-size:12px; margin-right:5px; }
.infopiclist ul li .down a:last-child{ margin-right:0;}


/*案例*/
.infopiclists{ margin:0 auto; padding:0; overflow:hidden; padding:0; }
.infopiclists ul{ margin:0; display:flex; flex-wrap:wrap;}
.infopiclists ul li{ width:50%;   margin-right:0; padding:1.5%;  position:relative; margin-bottom:20px; overflow:hidden; }
.infopiclists ul li:nth-child(3n){ margin-right:0;}
.infopiclists ul li .indexlistpic{ overflow:hidden;position:relative; background:#f9f9f9;}
.infopiclists ul li img{  display:block; margin:0 auto; max-width:100%;  position:relative;  }
.infopiclists ul li .pictitle{  text-align:left; bottom:0; width:100%; font-size:14px; padding:15px 0;}
.infopiclists ul li .pictitle h2{ display:block; line-height:1.4;  font-size:16px; color:#222; border-bottom:0; margin:0; font-weight:normal;}
.infopiclists ul li .pictitle p{ margin:10px 0; line-height:1.6; color:#888; font-size:12px;}





.layui-flow-more{ display:block; font-size:12px; margin:0 auto;  height:40px; line-height:40px; text-align:center; border-radius:5px;}


.news-fenlei{ padding:0; display:block; width:100%;}
.news-fixed{ position:static; top:0; width:100%;}
.news-left{ flex:auto;  border-right:0; overflow:hidden !important; width:100%}
.news-menu{ display:flex;}
.news-left li{ font-size:14px; flex:1;  border-bottom:0; text-align:center; border-bottom:1px solid #eee;}
.news-left li a{ display:block; padding:15px 0;}
.news-left li a:hover{ color:#000; font-weight:bold; }
.news-left li.hover a{ color:#000; font-weight:bold;border-bottom:2px solid #000;}
.news-left li i{ margin-right:6px; font-size:14px;}

.news-right{ flex:9; padding:3% 1.5%;}

.news-left-1{ flex:2;overflow:hidden;}
.news-right-1{ flex:10;}


.articlist{ padding:0 0; }
.articlist li { font-size:14px; padding:3%;  float:none; width:100%; position:relative; margin-bottom:2%;}
.articlist li:nth-child(2n){ float:none;}
.articlist li .pic{ width:100%; float:none; }
.articlist li dl{ margin:0;}
.articlist li h3{  font-size:16px; margin:0;}
.articlist li dl{ font-size:16px;}
.articlist li p{display:block; color:#8c8c8c; font-size:14px; line-height:1.6; margin:6px  0; padding:0;
word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.articlist li .more{ border:2px solid #27156e; background:#27156e; display:block; width:22px; height:22px; color:#fff; font-size:12px; line-height:22px; float:right; border-radius:22px; text-align:center; overflow:hidden;transition: width 0.5s; margin-top:5px; position:absolute; right:2%; bottom:-11px;}
.articlist li .more i{ display:block; height:22px; line-height:20px; width:22px;border-radius:22px; color:#27156e; font-weight:bold;  font-size:20px; float:left; background:#fff;}
.articlist li:hover .more{ width:140px;}




/* 产品详情css */
.picshow{ display:block; padding:0;}
.picshow-left{ width:100%; margin-right:0;}
.picshow-right{ width:100%; padding:3%; line-height:2; }
.picshow-right h2{ font-size:20px; color:#000;}
.picshow-right .about{ padding:0; margin:15px 0; font-size:12px;}
.picshow-right .jiage{ font-size:24px;}

.picshow-right .yanse{ color:#000; font-weight:bold;}
.picshow-right .buy{ margin:20px 0;}
.picshow-right .buy a{ display:block;height:40px; line-height:40px; font-size:14px; border:2px solid #333; width:120px; border-radius:40px; text-align:center;}
.picshow-right .buy a:hover{ background:#333; color:#fff;}
.picshow-right .yanse-list{ display:flex; margin:15px 0;}
.picshow-right .yanse-list span{ margin-right:5px; cursor:pointer; border-radius:30px; border:1px solid #eee; padding:2px 12px; font-size:12px;}
.picshow-right .yanse-list span.hover{ background:#000; color:#fff;}

.picshow-right .down{ margin-top:30px;}
.picshow-right .down a{ display:inline-block; width:160px; height:44px; line-height:42px; border-radius:50px; border:1px solid #000; font-size:14px; text-align:center; margin-right:20px;}
.picshow-right .down a i{ margin-right:6px; font-size:18px;}

.buy-list{ width:330px;}
.buy-list li{ padding:24px; border-bottom:1px solid #eee; position:relative;}
.buy-list li img{ display:block; height:40px;}
.buy-list li a{ display:block; height:40px; line-height:40px; width:120px; border-radius:40px; text-align:center; border:2px solid #333; position:absolute; top:50%; margin-top:-20px; right:24px;}
.buy-list li a:hover{ background:#333; color:#fff;}

.picshow-content-2{ padding:3%;}
.picshow-content-2 img{ width:auto !important; max-width:100%;}
.picshow-content{ padding:0; margin-top:15px;   background:#f9f9f9;}
.customeritem{ display:block;}
.customeritem .cus-left{ flex:1;}
.customeritem .cus-left img{ display:block; max-width:100%;}

.customeritem .cus-right{ flex:1; position:relative; padding:5%;}
.customeritem .cus-right .cus-content{ position:inherit; width:100%;left:0; top:0;-webkit-transform: translate(0,0);transform: translate(0,0); }
.customeritem .cus-right .key{ font-size:16px; color:#000; line-height:1.4; display:block; margin-bottom:20px;}
.customeritem .cus-right .value{ font-size:14px; line-height:1.8; color:#888;}
.cus-order .cus-left{ order:2;}
.cus-order .cus-right{ order:1;}

/**/
.picshow-gongneng{ display:block; border-bottom:0;}
.picshow-gongneng .p-list{ flex:1; padding:0; border:0;}
.picshow-gongneng .p-list h2{ font-size:18px; font-weight:bold;}

.picshow-gongneng .p-list .layui-colla-title{ font-size:16px; padding:8px 12px; font-weight:bold; height:auto; line-height:auto; background:none; border:0; border-bottom:1px solid #eee;}
.picshow-gongneng .p-list .layui-colla-content{ border:0;transition: all 0.5s ease-in-out; padding:12px;}

.layui-colla-icon{ right:12px;}


.picshow-other{ padding:0% 3% 3% 3%; position:relative;}
.picshow-other .swiper-slide img{ max-width:100%; display:block;}
.picshow-other .swiper-slide h2{ font-size:14px; padding:15px 0;}




.layer_notice{ padding:20px;}
.layer_notice .sub{ margin:15px 0;}


/*详情*/
.s_title{ text-align:center;}
.s_title h2{ font-size:16px; line-height:1.4; font-weight:bold;}
.s_title p.z{ font-size:14px; color:#777; border-bottom:1px solid #eee; padding:5px;}
.s_title p.c{ padding:12px; font-size:12px;}
.s_title p.c span{ display:inline-block; font-size:12px; font-weight:bold; color:#000;}
.s_img{ padding:20px 0;}
.s_img img{ display:block; max-width:100%; height:auto;}
.s_content{ padding:15px 0;}
.s_content img{ margin:10px auto !important; display:block; max-width:100%;}


.feedback{ display:block;}
.feedback-left{ flex:1;}
.feedback-right{flex:1; padding:5%; padding-right:5%;}

.feedback-right h2{ font-size:30px; font-weight:bold; color:#000;}
.feedback-right li input{ height:60px; line-height:60px; border:0; width:100%; font-size:14px;position:relative; transition: border-width 0.3s; /* 定义过渡动画 */}

.feedback-right li input.layui-form-danger:focus,.feedback-right li textarea.layui-form-danger:focus{border-color:none !important;box-shadow:none !important;}

.feedback-right li textarea{ height:120px; border:0px; width:100%;font-size:14px;line-height:60px; }
.feedback-right li:last-child{ border:0;}
.feedback-right li .tijiao{ width:100%; margin:30px auto; background:#f60; height:50px; font-size:16px; line-height:50px; border-radius:50px;}


.Upper{ font-size:12px;}


iframe{ display:block; width:100% !important; height:260px !important; overflow:hidden; }






.bottom a{  color:rgba(255,255,255,0.5);}





.gotop{ cursor:pointer; width:40px; height:40px; line-height:40px; background:rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:40px; position:fixed; right:10px; bottom:30px; text-align:center; color:#fff; z-index:1000000;}
.gotop i{ font-size:18px;}


.footer_h{ height:50px;  display:block;}
.footmenu {  position:fixed; bottom:0; width:100%;  display:flex; z-index:999999;}
.footmenu li{ flex:8;  text-align:center;background:#e50b0b; height:45px; line-height:45px; font-size:22px; font-weight:bold; }
.footmenu li i{ font-weight:normal;}
.footmenu li a{ display:block;color:#fff;}
.footmenu li:nth-child(1){ flex:2;background:#fff; color:#777;}
.footmenu li:nth-child(1) a{ color:#666;}


@keyframes telshow {
	0% {transform: rotate(0deg)}
	5% {transform: rotate(-20deg)}
	10% {transform: rotate(0deg)}
	15% {transform: rotate(-20deg)}
	20% {transform: rotate(0deg)}
	25% {transform: rotate(-20deg)}
	100% {transform: roate(0deg)}
}
@-webkit-keyframes telshow {
	0% {-webkit-transform: rotate(0deg)}
	5% {-webkit-transform: rotate(-20deg)}
	10% {-webkit-transform: rotate(0deg)}
	15% {-webkit-transform: rotate(-20deg)}
	20% {-webkit-transform: rotate(0deg)}
	25% {-webkit-transform: rotate(-20deg)}
	100% {-webkit-transform: roate(0deg)}
}
@-o-keyframes telshow {
	0% {-o-transform: rotate(0deg)}
	5% {-o-transform: rotate(-20deg)}
	10% {-o-transform: rotate(0deg)}
	15% {-o-transform: rotate(-20deg)}
	20% {-o-transform: rotate(0deg)}
	25% {-o-transform: rotate(-20deg)}
	100% {-o-transform: roate(0deg)}
}

.pager {TEXT-ALIGN: center; CLEAR: both; padding:2%;}
.pager A {  display:inline; zoom:1; margin-right:3px; padding:5px 10px; background:#eee; color:#000; font-size:12px; }
.pager SPAN { border:0;display:inline; zoom:1; margin-right:3px; padding:5px 10px; background:#27156e; color:#fff;font-size:12px;}
.pager A:hover {  background:#27156e; color:#fff;}

/*分享*/
.bdsharebuttonbox{ max-width:1420px; margin:0 auto; padding:10px 0; display:none;}
.bdsharebuttonbox a{ padding-right:10px; padding-left:22px !important;}






 
}

@-webkit-keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -400px;
    }

}
@-moz-keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -400px;
    }

}
@keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -400px;
    }


}


.zlogo{ z-index:100000000;  margin:0 auto;z-index:10000;  width:100%; background:#fff; }
.zlogo_1{ max-width:1200px; margin:0 auto; position:relative; padding:30px 0;}
.zlogo_img{ padding:0; float:left; position:relative;}
.zlogo_img img{ display:block; }
.zlogo_tel{ float:right;  color:#000;line-height:1.2; background:url(../images/tel.png) no-repeat left center; padding-left:60px;}
.zlogo_tel h2{ color:#ff9000; font-size:30px; font-weight:bold;}

.navbox-z{ background:#27156e; text-align:center;}
.navbox-z li{ display:inline-block;}
.navbox-z li a{ display:block; padding:15px; font-size:15px; color:#fff;}
.navbox-z li:hover{ background:#ff9000;}

.index-left{ width:73.5%; }
.index-right{ width:25%; }



@media (max-width:640px){
	
.zlogo{ z-index:100000000;  margin:0 auto;z-index:10000;  width:100%; background:#fff; }
.zlogo_1{ max-width:1200px; margin:0 auto; position:relative; padding:15px;}
.zlogo_img{ padding:0; float:none; position:relative;}
.zlogo_img img{ display:block; max-width:100%; margin:0 auto; }
.zlogo_tel{ display:none;}


.navbox-z{ background:#27156e; text-align:center; padding:10px 0;}
.navbox-z li{ display:block; width:25%; float:left;}
.navbox-z li a{ display:block; padding:8px 0; font-size:12px; color:#fff;}
.navbox-z li:hover{ background:#ff9000;}

.index-left{ width:100%; }
.index-right{ width:100%; }

.news1{ width:100%; float:none; margin-bottom:15px;}
.news2{ width:100%; float:none; margin-bottom:15px;}
.news3{ margin-bottom:15px;}
	
}
 
 
@keyframes homebg {
  0% {
    -webkit-transform: rotateZ(1deg) scaleY(0.7);
    -moz-transform: rotateZ(1deg) scaleY(0.7);
    -ms-transform: rotateZ(1deg) scaleY(0.7);
    -o-transform: rotateZ(1deg) scaleY(0.7);
    transform: rotateZ(1deg) scaleY(0.7);
  }
  100% {
    -webkit-transform: rotate(0deg) scaleY(0.9);
    -moz-transform: rotate(0deg) scaleY(0.9);
    -ms-transform: rotate(0deg) scaleY(0.9);
    -o-transform: rotate(0deg) scaleY(0.9);
    transform: rotate(0deg) scaleY(0.9);
  }
}

@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}