@charset "utf-8";
/* CSS Document akakaz */
* {margin: 0;padding: 0;}
.clear {clear: both;}
 img {border: none;}
a, a:link, a:active, a:visited, a:hover {color: #707070;text-decoration: none;}
ul, li, ol {list-style: none;}
i,em {font-style:normal;}
/* CSS Document */
/* 样式重置--------------------*/
::-webkit-input-placeholder{color:#aaa;}
:-moz-placeholder{
caret-color:#aaa;}
::-moz-placeholder{color:#aaa;}
:-ms-input-placeholder{
flood-color:#aaa;}
 
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {box-shadow:0 0 0 60px #c19d5c inset; 
  -webkit-text-fill-color: #aaa;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;}
 
ul {list-style: none;}
/* 清除浮动
-----------------------------------------*/
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* 兼容清除浮动和错位 */
a {text-decoration: none;color: #333;}
a:hover {background-image: linear-gradient(to top, #a67d58, #d6c4ab);-webkit-background-clip: text;color: transparent;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.f-oh{overflow: hidden;}
.f-cb {zoom:1;}
.scale {transition: 1s;transform:scale(1.2,1.2); 
  -ms-transform:scale(1.2,1.2); /* IE 9 */
  -moz-transform:scale(1.2,1.2);/* Firefox */
  -webkit-transform:scale(1.2,1.2);/* Safari 和 Chrome */
  -o-transform:scale(1.2,1.2); 
}
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.ellipsisa {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis4 {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.ll {float: left;}
.rr {float: right;}

@media (min-width:1400px){
  .container {width: 1400px !important;padding: 0px;}
}

/*-------banner end-------*/
/*公共栏目标题*/
.title_1 {padding: 0;overflow: hidden;margin-bottom: 35px;text-align: center;}
.title_1 a {display: block;width: 100%;}
.title_1 h2 {color: #212121;font-size: 35px;line-height: 55px;position: relative;display: inline-block;}
.title_1 h2:before, .title_1 h2:after {content:"";width: 10px;height: 10px;background:url(../images/titbg.png) no-repeat center;position: absolute;top:50%;margin-top:-5px;}
.title_1 h2:before {left: -25px;}
.title_1 h2:after {right: -25px;}
.title_1 p {color: #8f8f8f;font-size: 15px;line-height: 30px;text-transform: uppercase;}
.title_1 em {display: block;width: 18px;height: 3px;background: #fff;font-style: normal;margin-top:13px;}

/*-----------------------------------*/
/*             内页样式             */
/*---------------------------------*/
/*nbanner */
.nbanner {padding: 250px 0 200px;overflow: hidden;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;}
.nbanner .catname {padding:0;overflow: hidden;text-align: center;}
.nbanner .catname h2 {color: #fff;font-size: 40px;font-weight: bold;}
.nbanner .ndot{ position: absolute; bottom:30px; width: 23px; height: 83px; left: 0; right: 0; margin: 0 auto; z-index: 1; cursor: pointer;}
.nbanner .ndot span{ background: url(../images/down.png) no-repeat  center center; width: 23px; height: 63px; display: block; width: 100%; margin-top: 10px; animation: ascrolla 3s infinite;}
@keyframes ascrolla {0%{transform: translate3d(0,0,0);}
  50%{transform: translate3d(0,20px,0);}
  100%{transform: translate3d(0,0,0);}
}

/*crumbs*/
.sect_crumbs {padding: 0;overflow: hidden;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.sect_crumbs .current {padding: 0 15px;overflow: hidden;line-height: 49px;}
.sect_crumbs .current,.sect_crumbs .current a {color: #aaa;font-size: 14px;line-height: 49px;}

/*content 公用样式*/
.content {padding:50px 0;overflow: hidden;background: #fff;}
.maininfo {padding: 0;overflow: hidden;}
.maininfo h2{font-size: 26px;font-weight: 600;line-height: 1;margin-bottom: 15px;}
.maininfo img {width: 100%;max-width: 800px;}
/*内页栏目分类*/
.sider {padding: 0;overflow: hidden;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.sider .snav {padding: 0;overflow: hidden;text-align: center;}
.sider .snav a {display: inline-block;color: #fff;font-size: 16px;line-height: 3.5;padding: 0 25px;position: relative;}
.sider .snav a:after {content: "";width: 2px;height: 16px;background: #363636;position: absolute;right: 0;top:50%;margin-top:-8px;z-index: 1;  -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.sider .snav a:last-child:after {background: none;}
.sider .snav a:hover {color: #e06d68;}

/*内页产品列表*/
.content .pro-cate{background-color: #fff;padding: 10% 8%;margin-bottom: 20%;background-color: #f5f5f5;}
.content .pro-cate h4{font-size: 28px;font-weight: bold;background-image: linear-gradient(to top, #a67d58, #d6c4ab);-webkit-background-clip: text;color: transparent;margin: 0;padding: 5% 0 10%;position: relative;border-bottom: 1px solid #e8e8e8;}
.content .pro-cate h4 span{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 35px;line-height: 35px;text-align: center;border-radius: 8px;background-color: #e8e8e8;color: #ccc;}
.content .pro-cate ul{width: 100%;display: block;float: left;margin: 6% 0 0%;border-bottom: 1px solid #e8e8e8;padding-bottom: 7%;}
.content .pro-cate ul li{float: left;display: block;width: 100%;padding: 3.5% 0;position: relative;}
.content .pro-cate ul li a{display: inline-block;width: 100%;font-size: 16px;color: #333;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition: all 0.3s;}
.content .pro-cate ul li a:hover{background-image: linear-gradient(to top, #a67d58, #d6c4ab);-webkit-background-clip: text;color: transparent;}
.content .pro-cate ul li a b{font-size: 20px;width: 20px;text-align: center;display: inline-block;}
.content .pro-cate .pl-img{max-width: 100%;}
.content .pro-cate .pro-contact{width: 100%;padding: 8% 0 0;text-align: center;}
.content .pro-cate .pro-contact p{height: 50px;line-height: 50px;font-size: 16px;}
.content .pro-cate .pro-contact p img{height: 100%;margin-right: 5%;}
.content .pro-cate .pro-contact b{background-image: linear-gradient(to top, #a67d58, #d6c4ab);-webkit-background-clip: text;color: transparent;font-weight: bold;font-size: 27px;display: inline-block;width: 100%;padding-top: 6%;}

.content .pro-cate ul li .child{position: absolute;top: 100%;min-width: 100%;left: 0;transform: rotateX(90deg);transform-origin: top;z-index: 2;background-color: #fff;transition: all 0.3s;padding: 10px 0;box-shadow: 0 3px 5px rgba(0,0,0,0.1);}
.content .pro-cate ul li .child a{font-size: 14px;line-height: 30px;display: block;padding: 0 15px;}
.content .pro-cate ul li:hover .child{transform: rotateX(0deg);}


.content .plist {padding: 0;}
.content .plist .proli {padding: 0 7px;}
.content .plist .proitem {padding: 0;overflow: hidden;background-color: #f5f5f5;margin-bottom: 4%;}
.content .plist .proitem a {display: block;width: 100%;border:1px solid #fff;}
.content .plist .proitem .proimg {overflow: hidden;position: relative;z-index: 2;padding-top: 100%;}
.content .plist .proitem .proimg img{background-color: #fff;position: absolute;top: 10px;left: 10px;z-index: 2;width: 100%;height: 100%;object-fit: contain;transition: .3s all;width: calc(100% - 20px);height: calc(100% - 10px);}
.content .plist .proitem  h2 {color: #000;font-size: 18px;line-height: 55px;text-align: center;}
.content .plist .proitem:hover {box-shadow: 0 0 10px #c19d5c;}
.content .plist .proitem:hover a {border:1px solid #c19d5c;}
.content .plist .proitem:hover img {transition: 1s;transform: scale3d(1.1,1.1,1);-ms-transform: scale3d(1.1,1.1,1);-moz-transform: scale3d(1.1,1.1,1);-webkit-transform: scale3d(1.1,1.1,1);-o-transform: scale3d(1.1,1.1,1);}
.content .plist .proitem:hover h2 {background: #c19d5c;color: #fff;}
/*相册*/
.maininfo .photo{ width: 100%; overflow: hidden;margin-bottom: 50px;}
.maininfo .photo .swiper-container {width: 100%;margin-left: auto;margin-right: auto;}
.maininfo .photo .swiper-slide {background-size: contain;background-position: center; text-align: center; overflow: hidden;background-repeat: no-repeat;background-color: #fff;}
.maininfo .photo .gallery-top {height: 360px;width: 100%;border:1px solid #d2d2d2;}
.maininfo .photo .swiper-button-prev:after,.maininfo .photo .swiper-button-next:after {font-size: 30px;}
/*缩略图*/
.maininfo .photo_thumb {padding: 0;overflow: hidden;margin-bottom: 45px;}
.maininfo .gallery-thumbs { width: 100%;height:75px;box-sizing: border-box; }
.maininfo .gallery-thumbs .swiper-slide {height: 100%; opacity: 1; overflow: hidden;background-color: #fff;border:1px solid #d5d5d5;background-size: contain;background-position: center;overflow: hidden;background-repeat: no-repeat;background-color: #fff;}
.maininfo .gallery-thumbs .swiper-slide-active {opacity: 1;}

/*详情参数*/
.maininfo .cpleft {padding: 0 0 0 5%;overflow: hidden;}
.maininfo .cpleft h2 {color: #3f3f3f;font-size: 32px;font-weight: bold;line-height:50px;}
.maininfo .cpleft .cppara {padding: 0;overflow: hidden;margin-bottom: 30px;color: #8c8b8b;font-size: 15px;line-height: 30px;}
.maininfo .cpleft .online {overflow: hidden;display: flex;}
.maininfo .cpleft .online a {display: block;width: calc(50% - 7.5px);background: #c19d5c;color: #fff;font-size: 16px;line-height: 30px;border-radius: 5px;text-align: center;transition: all 0.3s;margin-right: 15px;max-width: 220px;padding: 10px 15px;margin-bottom: 15px;}
.maininfo .cpleft .online a:last-child{margin-right: 0;}
.maininfo .proxq {padding: 0;overflow:hidden;margin-bottom: 30px;}
.maininfo .xqtit {padding: 0;overflow: hidden;background: #f4f4f4;margin-bottom: 30px;}
.maininfo .xqtit h2 {color: #595959;font-size: 18px;line-height: 3.2;display: inline-block;padding: 0 60px;background: #fff;position: relative;margin-bottom: 0;}
.maininfo .xqtit h2:before {content:"";width: 100%;height: 3px;background: #c19d5c;position: absolute;left: 0;top:0;}
.maininfo .tjT {padding: 0;overflow: hidden;margin:30px 0 15px;}
.maininfo .tjT h2{color: #000;font-size: 30px;line-height: 2;margin-bottom: 0;}
.maininfo .caselist {padding: 0;overflow: hidden;}
.maininfo .caselist .swiper-container {width: 100%;padding: 0;overflow: hidden;}
.maininfo .caselist .caseitem {padding: 0;overflow: hidden;border:1px solid #eee;}
.maininfo .caselist .caseitem a {display: block;width: 100%;height: 100%;}
.maininfo .caselist .caseitem .caseimg {overflow: hidden;position: relative;z-index: 2;padding-top:60%; }
.maininfo .caselist .caseitem .caseimg img {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;object-fit: contain;}
.maininfo .caselist .caseitem .casecon {padding: 12px;overflow: hidden;background: #eee;transition: all 0.3s;}
.maininfo .caselist .caseitem .casecon h3 {color: #212121;font-size: 18px;line-height: 35px;text-align: center;transition: all 0.3s;}
.maininfo .caselist .caseitem:hover img {transition: 1s;transform: scale3d(1.1,1.1,1);-ms-transform: scale3d(1.1,1.1,1);-moz-transform: scale3d(1.1,1.1,1);-webkit-transform: scale3d(1.1,1.1,1);-o-transform: scale3d(1.1,1.1,1);}
.maininfo .caselist .caseitem:hover .casecon {background: #c19d5c;}
.maininfo .caselist .caseitem:hover .casecon h3,.sect_case .caselist .caseitem:hover .casecon p {color: #fff;}
.maininfo .mainxqcon {padding: 0;overflow: hidden;}
.maininfo .mainxqcon,.maininfo .mainxqcon p,.maininfo .mainxqcon span {color: #414141;font-size: 15px;line-height: 35px;}

/*图片列表*/
.content .caselist {padding: 0;overflow: hidden;}
.content .caselist .caseitem {padding: 0;overflow: hidden;margin-bottom: 20px;border:1px solid #eee;}
.content .caselist .caseitem a {display: block;width: 100%;height: 100%;}
.content .caselist .caseitem .caseimg {overflow: hidden;position: relative;z-index: 2;padding-top:62%;}
.content .caselist .caseitem .caseimg img {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;object-fit: contain;}
.content .caselist .caseitem .casecon {padding: 12px;overflow: hidden;background: #eee;transition: all 0.3s;}
.content .caselist .caseitem .casecon h3 {color: #212121;font-size: 18px;line-height: 35px;text-align: center;transition: all 0.3s;}
.content .caselist .caseitem:hover img {transition: 1s;transform: scale3d(1.1,1.1,1);-ms-transform: scale3d(1.1,1.1,1);-moz-transform: scale3d(1.1,1.1,1);-webkit-transform: scale3d(1.1,1.1,1);-o-transform: scale3d(1.1,1.1,1);}
.content .caselist .caseitem:hover .casecon {background: #c19d5c;}
.content .caselist .caseitem:hover .casecon h3{color: #fff;}

/* 文章列表 */
.content .newslist .newsitem{width: 100%;margin-bottom: 2.5%;}
.content .newslist .newsitem a{width: 100%;display: inline-block;height: 280px;transition: all 0.3s;}
.content .newslist .newsitem .queimg{width: 30%;float: left;height: 100%;}
.content .newslist .newsitem .queimg img{width: 100%;height: 100%;object-fit: cover;}
.content .newslist .newsitem .quecon {width: 70%;float: left;padding: 0 5%;height: 100%;border: 1px solid #eee;border-left: 0;}
.content .newslist .newsitem .quecon .tit{font-size: 22px;font-weight: bold;margin: 30px 0;color: #333;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.content .newslist .newsitem .quecon .time{font-weight: normal;font-size: 16px;color: #979797;}
.content .newslist .newsitem .quecon .time img{vertical-align: text-bottom;}

.content .newslist .newsitem .quecon .n-content{font-size: 16px;color: #979797;line-height: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 2.3% 0;}
.content .newslist .newsitem .quecon .more{margin: 0;display: inline-block;padding: 10px 25px;border: 1px solid #c19d5c;background-image: linear-gradient(to top, #a67d58, #d6c4ab);-webkit-background-clip: text;color: transparent;transition: all 0.3s;}
.content .newslist .newsitem:hover .quecon .more{background-image: linear-gradient(to top, #a67d58, #d6c4ab);color: #fff;    -webkit-background-clip: unset;}
.content .newslist .newsitem:hover a{transform: translateY(-5px);}


/*文章详情页*/
.maininfo .artTit {color: #2b2b2b;font-size: 26px;line-height: 35px;text-align: center;padding-bottom: 10px;}
.maininfo .times {color: #7f7f7f;font-size: 15px;line-height: 25px;margin-bottom: 20px;text-align: center;padding-bottom: 10px;border-bottom: 1px solid #cfcfcf;}


/*无数据提示*/
.no-goods {padding: 10px 0;overflow: hidden;text-align: center;}
.no-goods p {color: #7d7979;font-size: 15px;line-height: 35px;}

/*联系我们*/
.ncontact {padding: 0;overflow: hidden;margin-bottom: 45px;}
.ncontact .ncontactpic {padding: 0;overflow: hidden;}
.ncontact .ncontactpic img{max-width: 100%;}
.ncontact .nlxcon {padding: 0 0 0 40px;overflow: hidden;}
.ncontact .nlxcon h2 {color: #393939;font-size: 24px;line-height: 70px;font-weight: bolder;}
.ncontact p {color: #474747;font-size: 16px;line-height: 35px;}
.content #dituContent {padding: 0;overflow: hidden;height: 535px;}

/*在线留言*/
#formData{width: 90%;margin:30px auto;}
#formData .form-tr{overflow: hidden;}
#formData input{display: block;width: 100%;padding: 0 10px;height: 38px;line-height: 38px;border: 1px solid #e6e6e6;}
#formData .error{height: 18px;line-height: 18px;font-size: 12px;color: #f00;padding: 0 5px;}
#formData .submit{margin-top: 15px;display: block;width: 190px;height: 40px;text-align: center;line-height: 40px;background: #1f69c2;color: #fff;font-size: 15px;}
.form-tr .code {overflow: hidden;}
#formData .form-tr .code input{width: 188px;float: left;}
.form-tr .code .verify{cursor: pointer;float: left;margin-left: 25px;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 0;}
.form-tr .code .verify img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
#formData textarea{display: block;width: 100%;padding: 5px 10px;height: 168px;border: 1px solid #e6e6e6;}

/*在线留言*/
.mlxmess #formData1{width: 100%;margin:0 auto;padding: 0;overflow: hidden;}
.mlxmess #formData1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #acacac;}
.mlxmess #formData1::-moz-placeholder { /* Mozilla Firefox 19+ */color: #acacac;}
.mlxmess #formData1 form-tr{overflow: hidden;}
.mlxmess #formData1 input{display: block;width: 96%;padding: 0 10px;height: 38px;line-height: 38px;border: 1px solid #e6e6e6;background: #f7f7f7;}
.mlxmess #formData1 .error{height: 18px;line-height: 18px;font-size: 12px;color: #f00;padding: 0 5px;}
.mlxmess #formData1 .submit{margin-top: 15px;display: block;width: 96%;height: 40px;text-align: center;line-height: 40px;background: #202020;color: #fff;font-size: 15px;}
.mlxmess  .form-tr .code {overflow: hidden;}
.mlxmess #formData1 .form-tr .code input{width: 100px;float: left;}
.mlxmess  .form-tr .code .verify{cursor: pointer;float: left;margin-left: 25px;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 0;}
.mlxmess  .form-tr .code .verify img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.mlxmess #formData1 textarea{display: block;width: 100%;padding: 5px 10px;height: 60px;border: 1px solid #e6e6e6;background: #f7f7f7;}
/*contact us*/
.mlxmess .form-trinput {width: 33%;float: left;padding: 0;overflow: hidden;padding-right: 0;}
.mlxmess .form-trinput input {color: #000 !important;background: #fff !important;height: 58px !important;line-height: 58px !important;}
.mlxmess textarea {width: 98% !important;background: #fff !important;height: 180px !important;}
.mlxmess .code input {width: 50% !important;float: left;}
.mlxmess .verify {width: 40% !important;float: right;}
.mlxmess .verify img {max-width: 100%;height: 46px;}
.mlxmess .submit {margin-top:0 !important;height: 46px !important;line-height: 46px !important;}

/*上下篇*/
.DetailCur {padding:15px;overflow: hidden;margin:15px auto 0;border: 1px solid #f2f2f2;background: #f2f2f2;}
.DetailCur li {width:48%;padding: 0;overflow: hidden;}
.DetailCur li .page-a {font-size: 14px;line-height: 25px;color: #8d8d8d;}
.DetailCur li .page-a a {font-size: 14px;line-height: 25px;color: #8d8d8d;}
.DetailCur li.rr .page-a {text-align: right;}
.DetailCur li .page-a a:hover {color: #000;}


/*分页*/
.de-page-mian {overflow: hidden;text-align: center;font-size: 0;margin: 0;background: #f3f3f3;padding: 0;}
.de-page-mian .page-inner {display: inline-block;overflow: hidden;padding: 10px 0;}
.de-page-mian .page-inner a {display: block;float: left;min-width: 26px;padding: 0 5px;height: 36px;border: 1px solid #dddddd;background: #fff;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin-right: -1px;overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {color: #fff;border-background-image: linear-gradient(to top, #a67d58, #d6c4ab);-webkit-background-clip: text;color: transparent;background: #c19d5c;}
.de-page-mian .page-inner a.prev {background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on {background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.next {background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on {background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn {font-size: 12px;margin-right: 0;width: 63px;margin-left: 10px;}
.de-page-mian .page-inner span {display: block;font-size: 12px;color: #333;float: left;line-height: 38px;}
.de-page-mian .page-inner input {display: block;float: left;height: 36px;width: 36px;border: 1px solid #dddddd;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin: 0 5px;}


@media (max-width:1400px){

}
@media (max-width:1300px){
  .content .pro-cate .pro-contact p{font-size: 14px;}
  .content .pro-cate .pro-contact b{font-size: 23px;}
  .content .plist .proitem h2{font-size: 16px;}
  .content .pro-cate h4{font-size: 24px;}
}
@media (max-width:992px){
  .maininfo .photo .gallery-top{height: 300px;}
  .maininfo .gallery-thumbs{height: 60px;}
  .maininfo .photo_thumb{margin-bottom: 25px;}
  .container{width: 100%;}
  .nbanner {padding: 180px 0 160px;}
  /*内页新闻*/
  .content{padding: 40px 0;}
  .content .newslist .newsitem .quedate h4 {font-size: 46px;}
  .content .newslist .newsitem .quedate span {font-size: 15px;}
  
  .content .pro-cate{padding: 0 8% 5%;margin-bottom: 2%;}
  .content .pro-cate h4{padding: 5% 0;}
  .content .pro-cate ul li{width: 50%;padding: 1% 0;}
  .content .pro-cate ul{margin-top: 2%;padding-bottom: 3%;}
  .content .pro-cate .pro-contact,.content .pro-cate .pro-contact b{padding-top: 1%;}

}
@media (max-width:768px){
  .nbanner .catname h2{font-size: 32px;}
  .maininfo .tjT h2{font-size: 22px;}
  .DetailCur{margin: 0 auto;}
  .maininfo .photo_thumb{margin-bottom: 25px;}
  .content{padding: 25px 0;}
  .content .newslist .newsitem .quedate h4{font-size: 36px;}
  .content #dituContent{height: 380px;}
  /*产品列表*/
  .title_1 h2 {font-size: 30px;line-height: 50px;}
  /*公司动态*/
  .content .newslist .newsitem .date {display: none;}
  .content .newslist .newsitem .xwcon {width: 100%;}
  /*新闻详情*/
  .maininfo .artTit {font-size: 18px;line-height: 30px;}
  .maininfo .times {font-size: 14px;}
  .maininfo .cpleft,.ncontact .nlxcon{padding: 0;}
  button.nav-trigger{top: 5%;margin-top: 0;}
  /*在线留言*/
  .mlxmess .form-trinput{width: 100%;}
  .content .pro-cate h4,.content .pro-cate .pro-contact b{font-size: 24px;}
  .content .plist .proli{padding: 0 15px;}
  .content .plist .proli:nth-child(2n-1){padding-right: 7px;}
  .content .plist .proli:nth-child(2n){padding-left: 7px;}
  .content .newslist .newsitem .quecon .tit{font-size: 18px;margin: 20px 0;}
  .content .newslist .newsitem .quecon .time,.content .newslist .newsitem .quecon .n-content{font-size: 14px;}
  .content .newslist .newsitem a{height: 210px;}
  .content .newslist .newsitem .quecon .n-content{line-height: 23px;}
}
@media (max-width:650px){
  .title_1 h2 {font-size: 24px;line-height: 45px;}

  /*内页公用样式*/
  .sider .snav a {font-size: 15px;padding: 0 10px;}
  .content .plist .proitem h2 {font-size: 15px;line-height: 35px;}
  /*产品相册*/
  .maininfo .photo {margin-bottom: 10px;}
  .maininfo .gallery-top {height: 275px;}
  .maininfo .gallery-thumbs {height: 60px;}
  .maininfo .cpleft h2 {font-size: 18px;line-height: 35px;margin: 10px 0;}
  .maininfo .cpleft .cppara p {font-size: 15px;}
  /*图片列表*/
  .content .caselist .caseitem .casecon {padding: 10px;}
  .content .caselist .caseitem .casecon h3 {font-size: 15px;line-height: 30px;}
  /*联系我们*/
  .ncontact .nlxcon h2 {font-size: 20px;line-height: 60px;}
  .ncontact p {font-size: 15px;}
  .maininfo .mainT {font-size: 20px;margin-bottom: 10px;}
  /*新闻列表*/

}
@media (max-width:550px){
  .content .pro-cate ul li{width: 33.333333%;}
  .content .newslist .newsitem .queimg{display: none;}
  .content .newslist .newsitem .quecon{width: 100%;border: 1px solid #eee;}
  .content .newslist .newsitem .quecon .more{line-height: 40px;}
}
@media (max-width:500px){
   /*nbanner */
  .nbanner .catname h2{font-size: 24px;}
  .nbanner .crumbs {padding: 0;}
  .nbanner .crumbs h2{font-size: 24px;line-height: 35px;}
  .nbanner .crumbs .current, .nbanner .crumbs .current a {font-size: 15px;}
  .nbanner .ndot {display: none;}
  /*首页标题*/
  .title_1 {margin-bottom: 10px;}
  /*内页公用样式*/
  .content .catename h2 {font-size: 24px;line-height: 40px;}
  /*产品列表*/
  .content .prolist .proitem .proimg {height: 124px;}
  .content .prolist .proitem p {height: 40px;line-height: 40px;font-size: 15px;}
  /*产品相册*/

  /*分页*/
  .de-page-mian .page-inner span,.de-page-mian .page-inner input,.de-page-mian .page-inner a.page-btn {display: none;}
  /*立即订购*/
  .layui-layer-iframe {width: 90% !important;margin:0 auto;}
  .layui-layer-dialog {width: 90% !important;margin:0 auto;}

  .maininfo .cpleft .online a{font-size: 15px;}
}
@media (max-width:440px){
  .maininfo .tjT{margin: 10px 0;}
  .content .pro-cate ul li{width: 50%;}
  .content .pro-cate ul li a{font-size: 14px;}
  .content .pro-cate h4, .content .pro-cate .pro-contact b{font-size: 20px;}
  .content .newslist .newsitem a{height: 200px;}
  .nbanner{padding: 120px 0px 100px;}
}
@media (max-width:350px){
  .maininfo .xqtit{margin-bottom: 15px;}
  .content .newslist .newsitem .quedate h4{font-size: 22px;}
}