@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:rgba(0,0,0,.4);}
:-moz-placeholder{
caret-color:rgba(0,0,0,.4);}
::-moz-placeholder{color:rgba(0,0,0,.4);}
:-ms-input-placeholder{
flood-color:rgba(0,0,0,.4);}
 
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {box-shadow:0 0 0 60px #008ac9 inset; -webkit-text-fill-color: rgba(0,0,0,.4);}
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 {color: #008ac9;}
.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;max-width: none;}
}


/*-------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: rgba(0,0,0,.2);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;line-height: 50px;}
.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 #f4f4f4;}
.sect_crumbs .current {padding: 0;overflow: hidden;line-height: 49px;}
.sect_crumbs .current,.sect_crumbs .current a {color: rgba(0,0,0,.6);font-size: 15px;line-height: 49px;}

/*content 公用样式*/
.content {padding:40px 0;overflow: hidden;background: #fff;min-height: 200px;}
.maininfo {padding: 0;overflow: hidden;}
.maininfo img {display: block;margin: 0 auto;max-width: 100%;}
.maininfo p,.maininfo span{font-size: 16px!important;line-height: 2!important;}
.maininfo strong{font-size: 17px!important;font-weight: bold;}
/*内页栏目分类*/
.sider {padding: 30px 0 0;overflow: hidden;}
.sider .snav {overflow: hidden;display: flex;flex-wrap: wrap;}
.sider .snav a{transition: all 0.3s;height: 56px;border: 1px solid rgba(0, 0, 0, .1);display: flex;align-items: center;min-width: 96px;color: rgba(0,0,0,.8);font-size: 16px;position: relative;z-index: 3;transition: all 0.3s;text-align: center;padding: 0 15px;justify-content: center;margin: 7.5px 5px;}
.sider .snav a::after{position: absolute;z-index: -1;content: '';right: 0;top: 0;background-color: #008ac9;width: 0;height: 0;transition: all 0.3s;}
.sider .snav a::before{position: absolute;z-index: -1;content: '';left: 0;bottom: 0;background-color: #008ac9;width: 0;height: 0;transition: all 0.3s;}

.sider .snav a:hover::after,.sider .snav a:hover::before{width: 100%;height: 100%;}
.sider .snav a:hover{color: #fff;}
.sider .snav a.active::after,.sider .snav a.active::before{width: 100%;height: 100%;}
.sider .snav a.active{color: #fff;}


/*内页产品列表*/
.content .plist {padding: 0;overflow: hidden;}
.content .plist .proitem {margin:5px 5px 15px;padding: 0;overflow: hidden;}
.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{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;object-fit: cover;transition: .3s all;}
.content .plist .proitem  h2 {color: #000;font-size: 16px;line-height: 3;text-align: center;}
.content .plist .proitem:hover {box-shadow: 0 0 5px #008ac9;}
.content .plist .proitem:hover a {border:1px solid #008ac9;}
.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: #008ac9;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: cover;background-position: center; text-align: center; overflow: hidden;background-repeat: no-repeat;background-color: #fff;padding-top: 100%;}
.maininfo  .photo .gallery-top {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: 10px;max-width: 500px;}
.maininfo .gallery-thumbs { width: 100%;box-sizing: border-box; }
.maininfo .gallery-thumbs .swiper-slide {height: 100%; opacity: 0.8; overflow: hidden;background-color: #fff;border:2px solid #d5d5d5;background-size: cover;background-position: center;overflow: hidden;background-repeat: no-repeat;background-color: #fff;padding-top: 18%;}
.maininfo .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border-color: #008ac9;}

/*详情参数*/
.maininfo .cpleft {padding: 0 0 0 5%;overflow: hidden;}
.maininfo .cpleft h2 {color: rgba(0,0,0,.8);font-size: 32px;font-weight: bold;line-height:50px;}
.maininfo .cpleft .cppara {padding: 0;overflow: hidden;margin: 10px 0 20px;font-size: 15px;line-height: 30px;}
.maininfo .cpleft .cppara p{font-size: 14px;color: #888;line-height: 2;border-bottom: 1px solid #eee;padding: 7px 0;}
.maininfo .cpleft .cppara p b{font-size: 16px;font-weight: 500;color: #000;}
.maininfo .cpleft .online {padding: 10px 0;overflow: hidden;display: flex;}
.maininfo .cpleft .online a {display: block;width: 200px;background: #008ac9;color: #fff;font-size: 16px;line-height: 3;text-align: center;transition: all 0.3s;}

.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: 17px;line-height: 3.2;display: inline-block;padding: 0 45px;background: #fff;position: relative;}
.maininfo .xqtit h2:before {content:"";width: 100%;height: 3px;background: #008ac9;position: absolute;left: 0;top:0;}
.maininfo .tjT {padding: 0;overflow: hidden;margin:50px 0 25px;}
.maininfo .tjT h2{color: #000;font-size: 28px;line-height: 2;}
.maininfo .caselist {padding: 0;overflow: hidden;margin-bottom: 30px;}
.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: #008ac9;}
.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;font-family: '微软雅黑'!important;}

/*关于我们*/
.maininfo .mainT {color: #000;font-size: 25px;line-height: 40px;font-weight: bolder;margin-bottom: 30px;}
.content .aboutys {margin:50px auto 30px;padding: 35px 110px 0;background: #f4f4f4;}
.content .aboutys .ystit {padding: 0;overflow: hidden;margin-bottom: 60px;text-align: center;}
.content .aboutys .ystit h3 {color: #008ac9;font-size: 33px;line-height: 40px;}
.content .aboutys .ystit h3 strong {color: #008ac9;font-size: 97px;font-family:'Impact';vertical-align: bottom;line-height: 90px;display: inline-block;font-style: italic;margin-right: 25px;}
.content .aboutys .yslist {padding:0;overflow: hidden;}
.content .aboutys .yslist li {padding: 0;overflow: hidden;margin-bottom: 60px;}
.content .aboutys .yslist li .ysicon {width: 20%;padding: 0;overflow: hidden;float: left;margin-right: 5%;}
.content .aboutys .yslist li .ysicon img {max-width: 100%;}
.content .aboutys .yslist li .yscon {width: 70%;padding: 0;overflow: hidden;float: left;}
.content .aboutys .yslist li .yscon h3 {color: #000;font-size: 24px;line-height: 45px;}
.content .aboutys .yslist li .yscon p {color: #808080;font-size: 15px;line-height: 28px;}

/*图片列表*/
.content .caselist {padding: 0;overflow: hidden;}
.content .caselist .caseitem {padding: 0;overflow: hidden;margin-bottom: 30px;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:90%;}
.content .caselist .caseitem .caseimg img {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;object-fit: cover;}
.content .caselist .caseitem .casecon {padding: 12px;overflow: hidden;background: #eee;transition: all 0.3s;}
.content .caselist .caseitem .casecon h3 {color: #212121;font-size: 16px;line-height: 1.8;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: #008ac9;}
.content .caselist .caseitem:hover .casecon h3{color: #fff;}

/* 额外广告部分 */
.adv-ul{display: flex;flex-wrap: wrap;width: 100%;justify-content: center;}
.adv-ul h3{font-size: 18px;font-weight: 600;width: 100%;padding-bottom: 20px;}
.adv-ul .li{display: flex;flex-wrap: wrap;width: 20%;max-width: 140px;padding: 0 2%;margin-bottom: 10px;}
.adv-ul .li img{width: 100%;}
.adv-ul .li p{font-size: 15px;width: 100%;text-align: center;}


/*文章列表*/
.newsmoers{display: flex;justify-content: center;}
.newsmoers a{display: inline-block;padding: 8px 25px;border: 1px solid #008ac9;font-size: 16px;color: #008ac9;transition: 0.3s;width: 120px;margin: 0 2%;transition: 0.3s;}
.newsmoers a:hover{color: #fff;background-color: #008ac9;}
.newsmoers a.on{color: #fff;background-color: #008ac9;}


.content .newslist {padding:0;overflow: hidden;}
.content .newslist .newsitem {padding: 0;overflow: hidden;margin-bottom: 5%;border: 1px solid #d3d3d3;}
.content .newslist .newsitem a{display: flex;width: 100%;flex-wrap: wrap;align-items: center;}
.content .newslist .newsitem .quedate{width:20%;text-align: center;}
.content .newslist .newsitem .quedate h4{color: #008ac9;font-size: 36px;line-height: 1.5;font-family: fantasy,serif;font-weight: 300;}
.content .newslist .newsitem .quedate span {display:block;color: #008ac9;font-size: 18px;line-height: 2;}
.content .newslist .newsitem .quecon {width: calc(80% - 1px);overflow: hidden;border-left: 1px solid #bfbfbf;padding:25px 5%;}
.content .newslist .newsitem .quecon h2 {color: #3e3e3e;font-size: 22px;line-height: 1.5;font-weight: normal;margin-bottom: 10px;}
.content .newslist .newsitem .quecon p {color: #999;font-size: 15px;line-height: 2;}
.content .newslist .newsitem:hover h4,.content .newslist .newsitem:hover span,.content .newslist .newsitem:hover h2,.content .newslist .newsitem:hover p{color: #008ac9;}




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

/*文章相关推荐*/
.xgnews {padding: 0;overflow: hidden;}
.xgnews .xwxgtit {color: #545454;font-size: 26px;line-height: 40px;margin-bottom: 10px;font-weight: bold;}
.xgnews ul {padding: 0;overflow: hidden;}
.xgnews li {padding: 0 15px 0 0;overflow: hidden;line-height: 35px;}
.xgnews li a {display: block;}
.xgnews li div.ll {width: 70%;}
.xgnews li div.rr {width: 30%;text-align: right;}
.xgnews li h5 {color: #797979;font-size: 15px;line-height: 35px;font-weight: normal;}
.xgnews li p {color: #797979;font-size: 15px;line-height: 35px;}
.xgnews li:hover h5,.xgnews li:hover p {color: #ff9000;}

/*无数据提示*/
.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;}

/*在线留言*/
.mes-form:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #737373;  
}

.mes-form::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #737373;}

.mes-form input:-ms-input-placeholder,
.mes-form textarea:-ms-input-placeholder {color: #737373;}

.mes-form input::-webkit-input-placeholder,
.mes-form textarea::-webkit-input-placeholder {color: #737373;}
.de-message{background: #fff;min-height:500px;padding: 0 25px;}
#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: #008ac9;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;}
/*联系我们*/
.nycontact {padding: 0;overflow: hidden;margin-bottom: 30px;}
.nycontact .nctit {color: #000;font-size: 35px;text-transform: uppercase;font-weight: bold;text-align: center;margin-bottom: 35px;}
.nycontact .nlxlist {padding: 0;overflow: hidden;}
.nycontact .nlxlist .nlxitema {border-right: 1px solid #e6e6e6;}
.nycontact .nlxlist .nlxitem {padding: 0;overflow: hidden;text-align: center;}
.nycontact .nlxlist .nlxitem .nlxpic {width:56px;margin:0 auto 15px;}
.nycontact .nlxlist .nlxitem .nlxpic img {max-width: 100%;}
.nycontact .nlxlist .nlxitem h2 {color: #000;font-size: 24px;line-height: 32px;}
.nycontact .nlxlist .nlxitem span {display: block;color: #a8a8a8;font-size: 14px;line-height: 25px;margin-bottom: 15px;}
.nycontact .nlxlist .nlxitem p {color: #000;font-size: 18px;line-height: 25px;}


/*在线留言*/
.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 input::placeholder,.mlxmess #formData1 textarea::placeholder{font-size: 15px;}
.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: 15px 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:20px auto;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;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-color: #008ac9;background: #008ac9;}
.de-page-mian .page-inner a.prev {margin-right: 10px;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 {margin-left: 10px;margin-right: 15px;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){
  .footer .flx {padding: 20px 10px;}
}
@media (max-width:1300px){
  .footer .fewm .fdt h3 {font-size: 16px;}
}
@media (max-width:992px){
  .nbanner {padding: 140px 0 100px;}
  /*footnav*/
  .footnav a {padding: 0 10px;}
  /*内页新闻*/
  .content .newslist .newsitem .quedate h4 {font-size: 46px;}
  .content .newslist .newsitem .quedate span {font-size: 15px;}

  .sider .snav a{font-size: 14px;}
}
@media (max-width:768px){
  .col-xs-6:nth-child(2n-1){padding-right: 7.5px;}
  .col-xs-6:nth-child(2n){padding-left: 7.5px;}
  .maininfo .tjT{margin: 5% 0;}
  .maininfo .tjT h2{font-size: 22px;}
  .DetailCur{margin: 0 auto;}
  .maininfo .photo_thumb{margin-bottom: 25px;}
  .content{padding: 30px 0;}
  .ncontact{margin-bottom: 15px;}
  .content .newslist .newsitem .quedate h4{font-size: 36px;}
  .content #dituContent{height: 380px;}
  .footer .flx{padding: 0; border: none;}

  .content .caselist .caseitem{margin-bottom: 20px;}
    /*
   * footerbar
   */
  .footbar {padding: 0;overflow: hidden;position: fixed;bottom: 0;z-index: 9999;background: #0d3475;width: 100%;max-width: 750px;}
  .footbar ul {max-width: 750px;}
  .footbar li {width: 25%;float: left;text-align: center;}
  .footbar li a {display: block;padding: 8px 0;overflow: hidden;border-right: 1px solid #cccccc;}
  .footbar li:last-child a {border-right: none;} 
  .footbar li .fimg {width: 25%;margin:0 auto 5px;}
  .footbar li .fimg img {max-width: 100%;}
  .footbar li p {color: #fff;font-size: 14px;line-height: 20px;}

  /*产品列表*/
  .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: 22px;line-height: 30px;}
  .maininfo .times {font-size: 14px;}
  .rightnav{display: none;}
  .maininfo .cpleft,.ncontact .nlxcon{padding: 0;}
  .content .aboutys{padding: 15px 45px;}
  .content .aboutys .yslist li .ysicon{margin-top: 15px;}
  .content .aboutys .yslist li{margin-bottom: 30px;}
  .footer .indexmesg{text-align: center;}
  button.nav-trigger{top: 5%;margin-top: 0;}

  /*在线留言*/
  .mlxmess .form-trinput {width: 100%;}
  /*
   * footerbar
   */
  .footer {padding: 30px 15px 0px;}
  .footer .co{font-size: 14px;}
  .footbar {padding: 0;overflow: hidden;position: fixed;bottom: 0;z-index: 9999;background: #008ac9;width: 100%;max-width: 750px;}
  .footbar ul {max-width: 750px;}
  .footbar li {width: 25%;float: left;text-align: center;}
  .footbar li a {display: block;padding: 8px 0;overflow: hidden;border-right: 1px solid #cccccc;}
  .footbar li:last-child a {border-right: none;} 
  .footbar li .fimg {width: 25%;margin:0 auto 5px;}
  .footbar li .fimg img {max-width: 100%;}
  .footbar li p {color: #fff;font-size: 14px;line-height: 20px;}
  .footer .copyright {background: #2b2c2e;}
}
@media (max-width:650px){
  .content .newslist .newsitem .quecon p{font-size: 14px;line-height: 25px;}
  /*nav-trigger*/
  button.nav-trigger {width: 40px;height: 40px;top:15%;}
  .nav-icon {width:20px;left: -2px;}
  .title_1 h2 {font-size: 24px;line-height: 45px;}

  .footnav {display: none;}
  .footer .fnav .submit2 {margin-top:15px;}
  /*内页公用样式*/
  .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 .cpleft h2 {font-size: 18px;line-height: 35px;margin: 10px 0;}
  .maininfo .cpleft .cppara{margin-bottom: 5px;}
  /*图片列表*/
  .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;}
  .content .aboutys .ystit {margin-bottom: 30px;}
  .content .aboutys .ystit h3 strong {font-size: 60px;line-height: 70px;}
  .content .aboutys .ystit h3 {font-size: 25px;line-height: 47px;}
  .content .aboutys .yslist li .yscon h3 {font-size: 18px;line-height: 35px;}
  /*新闻列表*/
  .content .newslist .newsitem .quedate{padding: 15px 0;}
  .content .newslist .newsitem .quecon {padding: 15px 3%;}
  .content .newslist .newsitem .quedate span {font-size: 15px;}
  .content .newslist .newsitem .quecon h2 {font-size: 18px;margin-bottom: 5px;}
  .content .newslist .newsitem .quecon p {font-size: 14px;line-height: 25px;}
}
@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;}
  .nbanner {padding: 140px 0 60px;}
  /*首页标题*/
  .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;}
}
@media (max-width:440px){
  .content .caselist .caseitem{margin-bottom: 15px;}
  .content .plist .proitem{margin-bottom: 5px;}
  .maininfo .xqtit{margin-bottom: 15px;}
  .content .newslist .newsitem .quedate h4{font-size: 22px;}
  .nbanner{padding: 140px 0 30px;}
  .sider .snav a{height: 45px;}

  .content{padding: 20px 0;}
  .sider{padding-top: 20px;}
  .nycontact{margin-bottom: 0;}
}
