@charset "utf-8"; body{font-family:"Microsoft Yahei";} a{text-decoration: none;} a:hover{text-decoration: none;} em,i{font-style: normal;} .titis{height:184px;text-align: center;} .titis h2 {height:83px;font-size:44px;color: #333333;font-weight:normal;padding-top:30px;box-sizing: border-box;} .titis h2 a {color: #333333} .titis p {height:29px;font-size:20px;color: #333333;line-height:29px;letter-spacing: 3px;padding-top:11px;} .list1{background:#f2f2f2;} .pro_bj{padding-top:90px;overflow: hidden;box-sizing: border-box;} .pro .titis h2{background: url(/Template/AreaShop/27/images/pro_tt.png) no-repeat center top;height: 111px;} .pro .titis p{padding:0;} .pro_nr {margin-bottom:36px;position: relative; } .pro_nr ul{display:flex;justify-content: space-between; flex-wrap:wrap;} .pro_nr ul li{background:#fff;width:265px; height:310px; margin-bottom:15px; padding:10px;text-align:center;} .pro_nr ul li .imgbox{width:100%;height:265px;display:flex;align-items:center;justify-content: center; overflow:hidden;} .pro_nr ul li img{max-width: 100%; max-height: 100%;display:block;transition:all 0.5s;} .pro_nr ul li span{padding:0 10px;line-height:45px;height:45px; background:#f9f9f9;display:block; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;} .pro_nr ul li:hover img{transform:scale(1.1);} .al_bj{background: url(/Template/AreaShop/27/images/ab_bj.jpg) no-repeat center top;height:800px;padding-top:50px;box-sizing: border-box;overflow-x: hidden;overflow-y:hidden;} .anl .titis{height: 153px;} .anl .titis h2 {background: url(/Template/AreaShop/27/images/al_tt.png) no-repeat center top; color: #fff} .anl .titis h2 a,.anl .titis p{color: #000;} .al_nr{background: #fff;height:523px;padding:25px;box-sizing: border-box;position: relative;} .al_n{border:1px solid #d2d2d2;height: 456px;padding-left:19px;} .al_n .tempWrap{width:1134px!important;} .al_n li{float:left;width:344px;padding:19px 21px 0 0px;border-right:1px solid #d2d2d2;height:437px;margin-right:19px;} .al_n li i {font-size:0;line-height: 0;height:344px;width:344px;display: block;display:flex;align-items:center;justify-content: center; overflow:hidden;} .al_n li i img{max-width:100%;max-height: 100%;transition:all 0.5s;} .al_n li:hover i img{transform:scale(1.1);} .al_n li h4 a{display: block;height: 38px;line-height: 38px;font-size:18px;color: #000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;padding-top:20px;} .al_n li:hover h4 a{color:#24a35c;} .al_n li p{font-size:14px;line-height: 30px;color: #666666;height: 124px;padding-top:6px; } .al_n li:last-child{margin:0;border:0;} .al_j1,.al_j2{position: absolute;top:247px;} .al_j1{left:-70px;} .al_j2{right:-70px;} .ns_bj{background:#fff;height: 915px;padding-top:81px;box-sizing: border-box;} .news .titis{height: 157px;} .news .titis h2 {background: url(/Template/AreaShop/27/images/ns_tt.png) no-repeat center top; color: #fff} .ns_n{height: 575px;background: #f2f2f2;box-shadow: 0 0 10px rgba(0,0,0,0.12);padding:0 27px;} .dongt{float:left;width:612px;padding-top:26px;} .dongt dl{height: 522px;} .dongt dt{font-size:0;line-height: 0;overflow: hidden;width:612px;height:400px;display:flex;align-items:center;justify-content: center; overflow:hidden;background:#fff;} .dongt dt img {max-width:100%;max-height: 100%;transition:all 0.5s;} .dongt dd {padding:29px 39px 0 18px;} .dongt dd h4 {height: 30px;line-height: 30px;} .dongt dd h4 em {width:75px;height: 26px;border:2px solid #24a35c;text-align: center;line-height: 26px;font-size:18px;color: #24a35c;font-weight: bold;display: inline-block;margin-right:14px;} .dongt dd h4 a{font-size:20px;color: #333333;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;} .dongt dd h4 a:hover{color:#24a35c;} .dongt dd p{padding-top:12px;font-size:14px;color: #8b8b8b;line-height: 24px;} .went{float:right;width:480px;padding:26px 0 0 45px;height: 556px;box-sizing: border-box;} .went ul{padding-top:15px;} .went li{border-bottom:1px dashed #cccccc;padding:12px 0 10px;} .went li em{display: block;font-size:13px;color: #666666;font-weight: bold;} .went li a{display: block;font-size:14px;color: #303030;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .went li a:hover {color:#24a35c;} .ab_bj{background:#f2f2f2;padding:80px 0;box-sizing: border-box;} .about dl{background:#fff;padding-bottom:50px;} .about dl img{width:100%;} .about dt{font-size:0;line-height: 0;} .about dd {padding-top:31px;} .about dd h2 {background: url(/Template/AreaShop/27/images/ab_tt.png) no-repeat center top;height:83px;font-size:44px;color: #333333;font-weight:normal;padding-top:30px;box-sizing: border-box;text-align: center;} .about dd h2 a{color: #333} .about dd p{font-size:14px;color: #666666;line-height: 26px;padding-top:28px;width:876px;margin:0 auto;text-align: center;} .about dd em a {display: block;width:190px;height: 50px;line-height: 50px;background: #018807;text-align: center;font-size:18px;color: #fff;margin:26px auto 0;} .linkbox{background:#f2f2f2;padding:15px; width:1170px; line-height:26px; margin:50px auto} .linkbox a{margin-right:10px;} .linkbox h4{font-size:18px; font-weight:bold;display:inline-block} @media (max-width:768px) { .about dd p{width:100%} .dongt{width:100%} .dongt dt{width:100%;height:auto;} .pro_bj{padding-top:20px;} .pro_nr ul li{width:47%; padding:1%; height:210px;} .pro_nr ul li .imgbox{height:165px;} .pro .titis h2{height:70px;} .titis{height:100px;} .titis h2{font-size:26px; height:70px; line-height:70px} .al_bj{height:550px;} .al_nr{height:auto;} .al_bj{padding-top:10px;} .al_n{padding:10px; height:310px;} .al_n li i{width:100%;height:240px;} .al_n li{width:100%; padding:0;border-right:none; margin-right:0; height:310px; margin-right:50px;} .anl .titis{height:110px;} .titis h2{padding-top:10px;} .titis p{padding-top:0;} .news .titis{height:110px} .ns_bj{padding-top:20px;height:auto;} .ns_n{height:auto;padding:0 15px;} .dongt dd{padding:15px 0;} .dongt dl{height:auto;} .went{float:none;width:100%;padding:0; height:auto;} .ab_bj,.about dl{height:auto; padding-bottom:20px;} }