@charset "utf-8";
.aboutlist {height:auto; overflow:hidden; background:url(../images/aboutbg.jpg) no-repeat center top; background-size:cover; padding:100px 0px;}
.aboutlist .txt{width:39.3%; height:auto; overflow:hidden; float:left;}
.aboutlist .txt .title{height:50px; line-height:50px; font-size:30px; color:#3d3d3d; font-weight:bold; margin-bottom:20px;}
.aboutlist .txt .sptxt{line-height:48px; font-size:16px; color:#565656;}
.aboutlist .txt a.more{width:138px; height:34px; line-height:32px; text-align:center; font-size:14px; color:#565656; display:block; border:#b2b2b2 1px solid; float:left; margin-top:20px;}

.waboutlist {height:auto; overflow:hidden; background:#fff; padding:100px 0px;}
.waboutlist .title{ line-height:40px; text-align:center; font-size:30px; color:#3d3d3d; font-weight:bold;}
.waboutlist .titlex{ line-height:30px; text-align:center; font-size:14px; color:#b6b6b6; letter-spacing:4px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-bottom:40px;}
.waboutlist ul{margin-left:-30px; margin-right:-30px;}
.waboutlist ul li{width:25%; height:auto; overflow:hidden; float:left; padding:0px 30px;}
.waboutlist ul li .boxco{width:100%; height:auto; overflow:hidden; background:#f6f6f6; padding:10% 10% 10% 10%; min-height:210px;}
.waboutlist ul li .boxco .tt{line-height:36px; text-align:center; font-size:20px; color:#3d3d3d; font-weight:bold;}
.waboutlist ul li .boxco .ttx{line-height:36px; text-align:center; font-size:16px; color:#3d3d3d;}

.cjproduct {width:100%; height:auto; overflow:hidden; position:relative;}
.cjproduct .title{height:auto; overflow:hidden; position:absolute; left:13.54%; top:90px; z-index:10;}
.cjproduct .title .xt2{line-height:40px; font-size:24px; color:#fff; font-weight:bold;}
.cjproduct .title .xline{width:24px; height:2px; background:#fff; float:left; margin:10px 0px 0px 0px;}
.cjBox{ width:100%; height:auto; overflow:hidden; }
.cjBox .hd{ width:100%; height:auto; overflow:hidden; text-align:center; margin:0px auto 0px auto; position:absolute; left:0px; bottom:0px; z-index:11; border-top:#dbdee2 1px solid;}
.cjBox .hd ul{width:100%; height:auto; overflow:hidden; float:left;}
.cjBox .hd ul li{ width:20%; height:auto; overflow:hidden; float:left; color:#fff; transition:color 0.3s ease 0s; cursor:pointer;  border-right:#dbdee2 1px solid; padding:70px 0px 40px 0px; min-height:260px;}
.cjBox .hd ul li a .tt{line-height:30px; text-align:center; font-size:16px; color:#fff;}
.cjBox .hd ul li a .ttx{line-height:30px; text-align:center; font-size:14px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-bottom:30px;}
.cjBox .hd ul li a .jia{height:25px; line-height:25px; text-align:center; font-size:20px; color:#fff; transition: all 400ms ease 0s;}
.cjBox .hd ul li a .more{height:25px; line-height:25px; text-align:center; font-size:14px; color:#fff; background:url(../images/moreline.png) no-repeat center bottom; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity:0; }
.cjBox .hd ul li.on{background:url(../images/cjbg.png) repeat; color:#fff;}
.cjBox .hd ul li.on a .jia{height:0px; filter:alpha(opacity=0); opacity:0;}
.cjBox .hd ul li.on a .more{filter:alpha(opacity=100); opacity:1;}
.cjBox .bd ul{zoom:1; margin:0px auto; text-align:center;}

.xaboutlist{height:auto; overflow:hidden; padding:90px 0px; background:#f2f2f2; text-align:center;}
.xaboutlist .title{line-height:40px; text-align:center; font-size:16px; color:#696969;}
.xaboutlist img{max-width:100%; height:auto;}

.product { height:auto; overflow:hidden; background:url(../images/zzrybg.jpg) no-repeat center top; background-size:cover; padding:80px 0px;}
.product .title{line-height:40px; text-align:center; font-size:30px; color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:50px;}
.product .pppcont{width:100%; height:auto; overflow:hidden; margin:0px auto 0px auto; max-width:1400px; position:relative;}
.product .swiper-slide a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; margin-bottom:30px;}
.product .swiper-slide a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.product .swiper-slide a:hover .pic  .img { transform: scale(1.1); }
.product .swiper-slide a .bg { background:#000; height:100%; left:0; filter:alpha(opacity=80); opacity:0.8; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; }
.product .swiper-slide a:hover .bg { filter:alpha(opacity=0); opacity:0; }
@media (min-width: 0px) and (max-width:1024px) {
.aboutlist {height:auto; overflow:hidden; background:url(../images/aboutbg.jpg) no-repeat center top; background-size:cover; padding:30px 0px;}
.aboutlist .txt{width:100%; height:auto; overflow:hidden; float:left;}
.aboutlist .txt .title{height:30px; line-height:30px; font-size:20px; color:#3d3d3d; font-weight:bold; margin-bottom:10px;}
.aboutlist .txt .sptxt{line-height:30px; font-size:14px; color:#565656;}
.aboutlist .txt a.more{width:138px; height:34px; line-height:32px; text-align:center; font-size:14px; color:#565656; display:block; border:#b2b2b2 1px solid; float:left; margin-top:20px;}

.waboutlist {height:auto; overflow:hidden; background:#fff; padding:30px 0px;}
.waboutlist .title{ line-height:30px; text-align:center; font-size:20px; color:#3d3d3d; font-weight:bold;}
.waboutlist .titlex{ line-height:30px; text-align:center; font-size:14px; color:#b6b6b6; letter-spacing:2px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;}
.waboutlist ul{margin-left:-30px; margin-right:-30px;}
.waboutlist ul li{width:100%; height:auto; overflow:hidden; float:left; padding:0px 30px; margin-bottom:10px;}
.waboutlist ul li .boxco{width:100%; height:auto; overflow:hidden; background:#f6f6f6; padding:10% 10% 10% 10%; min-height:110px;}
.waboutlist ul li .boxco .tt{line-height:30px; text-align:center; font-size:16px; color:#3d3d3d; font-weight:bold;}
.waboutlist ul li .boxco .ttx{line-height:24px; text-align:center; font-size:14px; color:#3d3d3d;}


.cjproduct {width:100%; height:auto; overflow:hidden; position:relative;}
.cjproduct .title{height:auto; overflow:hidden; position:absolute; left:15px; top:30px; z-index:10;}
.cjproduct .title .xt1{height:auto; overflow:hidden;}
.cjproduct .title .xt1 img{max-width:100%; height:auto;}
.cjproduct .title .xt2{line-height:30px; font-size:18px; color:#fff; font-weight:bold;}
.cjproduct .title .xline{width:24px; height:1px; background:#fff; float:left; margin:10px 0px 0px 0px;}
.cjBox{ width:100%; height:auto; overflow:hidden; }
.cjBox .hd{ width:100%; height:auto; overflow:hidden; text-align:center; margin:0px auto 0px auto; position: relative; left:0px; bottom:0px; z-index:11; border-top:#dbdee2 1px solid; float:left;}
.cjBox .hd ul{width:100%; height:auto; overflow:hidden; float:left;}
.cjBox .hd ul li{ width:100%; height:auto; overflow:hidden; float:left; color:#222; transition:color 0.3s ease 0s; cursor:pointer;  border-top:#ddd 1px solid; padding:20px 0px 20px 0px; min-height:80px;}
.cjBox .hd ul li a .tt{line-height:30px; text-align:center; font-size:16px; color:#222;}
.cjBox .hd ul li a .ttx{line-height:30px; text-align:center; font-size:14px; color:#222; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px;}
.cjBox .hd ul li a .jia{height:25px; line-height:25px; text-align:center; color:#222; font-size:20px; transition: all 400ms ease 0s;}
.cjBox .hd ul li a .more{height:25px; line-height:25px; text-align:center; font-size:14px; color:#fff; background:url(../images/moreline.png) no-repeat center bottom; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity:0; }
.cjBox .hd ul li.on{background:url(../images/cjbg.png) repeat; color:#fff;}
.cjBox .hd ul li.on a .tt{line-height:30px; text-align:center; font-size:16px; color:#fff;}
.cjBox .hd ul li.on a .ttx{line-height:30px; text-align:center; font-size:14px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px;}

.cjBox .hd ul li.on a .jia{height:0px; filter:alpha(opacity=0); opacity:0;}
.cjBox .hd ul li.on a .more{filter:alpha(opacity=100); opacity:1;}
.cjBox .bd ul{zoom:1;}

.xaboutlist{height:auto; overflow:hidden; padding:20px 0px; background:#f2f2f2; text-align:center;}
.xaboutlist .title{line-height:30px; text-align:center; font-size:14px; color:#696969;}
.xaboutlist img{max-width:100%; height:auto;}

.product { height:auto; overflow:hidden; background:url(../images/zzrybg.jpg) no-repeat center top; background-size:cover; padding:30px 0px;}
.product .title{line-height:30px; text-align:center; font-size:20px; color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:20px;}
.product .pppcont{width:100%; height:auto; overflow:hidden; margin:0px auto 0px auto; max-width:1400px; position:relative;}
.product .swiper-slide a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; margin-bottom:20px;}
.product .swiper-slide a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.product .swiper-slide a:hover .pic  .img { transform: scale(1.1); }
.product .swiper-slide a .bg { background:#000; height:100%; left:0; filter:alpha(opacity=80); opacity:0.8; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; }
.product .swiper-slide a:hover .bg { filter:alpha(opacity=0); opacity:0; }
}