.p_topbanner{width: 100%;position: relative;}
.p_topbanner img{width: 100%;}
.des{position: absolute;top: 30%;text-align: left;left:8%;}
.des1{font-size: 1.8em;color: #ffffff;padding-bottom:18px;font-weight: bold;}
.des2{font-size: 1.2em;color: #7e8e9b;width: 65%;float: right;}
.p_content{width: 1200px;margin:50px auto;}
.p_typeall{float: left;width: 300px;}
.p_typeall .pt_title{background-color: #009688;width: 100%;line-height: 80px;color: #fff;font-size: 22px;text-align: left;}
.p_typeall .pt_title span{padding-left: 20px;font-weight: 600;}
.p_typeall .pt_list{margin: 15px 0;width: 100%;}
.p_typeall .pt_list li{background-color: #f7f7f7;line-height: 45px;padding-left: 30px;text-align: left;}
.p_typeall .pt_list li a{line-height: 45px;width: 100%;display: block;font-size: 15px;color: #525252;}
.p_typeall .pt_list li:hover a{color: #009688;font-weight: bold;}
.p_typeall .pt_list .lihover a{color: #009688;font-weight: bold;}
.p_server{width: 300px;background-color: #f7f7f7;overflow: hidden;padding: 15px 0}
.p_server .ps_left{float: left;padding-left: 30px;text-align: left;}
.p_server .ps_left p:nth-child(1){color: #525252;font-size: 18px;margin-bottom: 5px;}
.p_server .ps_left p:nth-child(2){color: #9c9c9c;font-size: 14px;}
.p_server .ps_right{float: right;padding-right: 30px; margin-top: 7px;}
.p_listright{float: left;margin-left:49px;border-left: 1px #eee solid;width: 830px;padding-top:20px;padding-left: 20px;}
.p_listright .pl_title{border-bottom: 1px #eee solid;overflow: hidden;}
.p_listright .pl_title .pltleft{border-left: 4px #009688 solid;color: #444444;font-size: 16px;font-weight: 600;}
.p_listright .pl_title .pltright{color: #83827f;font-size: 12px;}
.p_listright .pl_title  span:nth-child(1){float: left;margin-bottom:15px;padding:5px 0 5px 20px;}
.p_listright .pl_title  span:nth-child(2){float: right;padding-top:10px;}
.product_listall{padding-top: 30px;width: 100%;position: relative;}
.product_listall li{width: 260px;margin-right: 15px;float: left;background-color: #f9f9f9;margin-bottom:20px;}
.product_listall li:hover{border:1px #009688 solid;margin-bottom:18px;margin-right: 13px;}
.product_listall li:nth-child(3n){margin-right: 0;}
.product_listall li .plimg{width: 100%;}
.product_listall li .plimg img{width: 100%;}
.product_listall li .pltitle{color: #767474;text-align: center;width: 100%;margin-top: 20px;height:32px;}
.product_listall li .plborder{width: 60px;height: 1px;background-color: #009688;margin:30px auto;}
.product_listall li .plmore{width: 100px;margin:0 auto 18px auto;border-radius: 15px;border:1px #009688 solid;}
.product_listall li .plmore a{color: #009688;text-align: center;line-height: 30px;display: block;}

/**********************************************产品详情*********************************************/
.product_detail{padding-top: 30px;width: 100%;position: relative;}
.detail1{overflow: hidden;}
.d-l{float: left;width: 45%;}
.d-r{float: right;width:50%;text-align: left;}
.d-r b{font-size: 18px;color: #575656;line-height: 37px;}
.d-r .dd p{font-size: 14px;color: #575656;padding-top:15px;}
.d-r .dd p .ds{margin-left: 15px;} 
.d-r a{display: block;width: 145px;height: 40px;line-height: 40px;font-size: 16px;text-align: center;color: #009688;border:1px solid #009688;font-weight: bold;margin-top: 25px;}
.de1{width: 100%;background-color: #f7f7f7;height: 50px;margin-top: 45px;border: 1px solid #eaeaea;border-bottom: 1px solid #009688;}
.de1 a{display: block;width: 150px;height: 45px;line-height: 45px;color: #009688;font-size: 16px;border-top: 5px solid #009688;border-right: 1px solid #009688;border-left: 1px solid #009688;font-weight: bold;text-align: center;float: left;background: #ffffff;}
.de1 h3{display: block;width: 150px;height: 45px;line-height: 45px;color: #009688;font-size: 16px;border-top: 5px solid #009688;border-right: 1px solid #009688;border-left: 1px solid #009688;font-weight: bold;text-align: center;float: left;background: #ffffff;}

.de22{overflow: hidden;text-align: left;}
.de22 p{font-size: 14px;color: #575656;padding-top: 20px;}
.de23{text-align: left;margin-top: 45px;}
.de23 p{font-size: 14px;color: #575656;padding-bottom: 10px;}
.de23 .pp{font-size: 14px; color: #009688;}
.de23 .pp1{text-indent: 25px;line-height: 27px;}


.phone-topbanner{display: none}
/*手机*/
@media screen and (max-width: 767px){
.p_topbanner{display: none;}
.phone-topbanner{display:block;width: 100%;position: relative;}
.phone-topbanner img{width: 100%;display: block;}


	.p_content{width: auto;margin:0 auto;}
 /*******************手机左边**********************/
.p_typeall{display: none;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide{left: -1px;}
.menu {width: 55% !important;display: block;}
.content1 {width: 100%;}
.menu-button {display: block;position: absolute;top: 0px; left: 0px;padding: 15px;cursor: pointer;-webkit-transition: .3s;transition: .3s;}
.menu-button .bar:nth-of-type(1) {margin-top: 0px;}
.menu-button .bar:nth-of-type(3) {margin-bottom: 0px;}
.bar {position: relative;display: block;width: 30px;height: 5px;margin: 5px auto;background-color: #008cd6;border-radius: 10px;-webkit-transition: .3s;transition: .3s;}
.menu-button:hover .bar:nth-of-type(1) {
  -webkit-transform: translateY(1.5px) rotate(-4.5deg);
  -ms-transform: translateY(1.5px) rotate(-4.5deg);
  transform: translateY(1.5px) rotate(-4.5deg);
    }
.menu-button:hover .bar:nth-of-type(2) {
      opacity: .9;
    }
.menu-button:hover .bar:nth-of-type(3) {
      -webkit-transform: translateY(-1.5px) rotate(4.5deg);
      -ms-transform: translateY(-1.5px) rotate(4.5deg);
      transform: translateY(-1.5px) rotate(4.5deg);
    }
.cross .bar:nth-of-type(1) {
      -webkit-transform: translateY(15px) rotate(-45deg);
      -ms-transform: translateY(15px) rotate(-45deg);
      transform: translateY(5px) rotate(-45deg);
    }
.cross .bar:nth-of-type(2) {
      opacity: 0;
    }
.cross .bar:nth-of-type(3) {
      -webkit-transform: translateY(-15px) rotate(45deg);
      -ms-transform: translateY(-15px) rotate(45deg);
      transform: translateY(-15px) rotate(45deg);
    }
.cross:hover .bar:nth-of-type(1) {
      -webkit-transform: translateY(13.5px) rotate(-40.5deg);
      -ms-transform: translateY(13.5px) rotate(-40.5deg);
      transform: translateY(7.5px) rotate(-40.5deg);
    }
.cross:hover .bar:nth-of-type(2) {
      opacity: .1;
    }
.cross:hover .bar:nth-of-type(3) {
      -webkit-transform: translateY(-13.5px) rotate(40.5deg);
      -ms-transform: translateY(-13.5px) rotate(40.5deg);
      transform: translateY(-13.5px) rotate(40.5deg);
    }
.c-left2{ width:100%;overflow:hidden;background-color:transparent;float:left;display: inline;padding-bottom: 9999px;
margin-bottom: -9999px;}
.c-left2 .title{background:#009688;width: 100%;line-height: 80px;color: #fff;font-size: 18px;text-align:center;}
.c-left2 .pt_list{width: 100%;margin:15px 0;}
.c-left2 li{list-style: none;background: #f7f7f7;line-height: 45px;padding-left: 30px;text-align:left;}
.c-left2 li a:hover{color: #525252;text-decoration:none;line-height: 45px;display: block;font-size: 14px;}
.c-left2 li a:hover{color: #009688;font-weight: bold;}
.c-left2 .lii{width: 84%;margin:20px auto;}
.c-left2 .p_server{width: 100%;background: #f7f7f7;padding:15px 0;}
.p_server .ps_left p:nth-child(1){font-size: 14px;}

/*******************左边**********************/
.p_listright{width: 98%;float: none;margin:0 auto;margin-top: 15%;padding:0;border:none;} 
.product_listall li{width: 47%;margin-right:4%;}
.product_listall li:nth-child(2n){margin-right: 0;}
.product_listall li:nth-child(6),.product_listall li:nth-child(12),.product_listall li:nth-child(18){margin-right: 0 !important;}
.product_listall li:nth-child(3n){margin-right: 4%;}
.product_listall li:hover{margin-right: 3%;}
.product_listall li:hover:nth-child(2n){margin-right: 0;}
.product_listall li:hover:nth-child(6){margin-right: 0;}
.product_listall li:hover:nth-child(3n){margin-right: 3%;}
.p_listright .pl_title span:nth-child(1){font-weight: bold;}
/********详情*********/
.d-l{width: 100%;float: none;display:flex;justify-content: center;align-items: center;}
.d-r{width: 100%;float: none;margin-left:5%;}
.d-r b{font-size: 16px;}
.d-r .dd p{font-size: 12px;}
.d-r a{width: 25%;height: 30px;line-height: 30px;font-size: 14px;}
.de1{height: 30px;margin-top: 30px;}
.de1 a{width: 25%;height: 25px;line-height: 25px;font-size: 14px;}
}