/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}




/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}



.wh{max-width:1270px;margin:0 auto;padding:0 15px;}
.bxs{overflow: hidden;}

.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}


.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}

.flexs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.flexs2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


.flex2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}




/*头部样式*/
.top2{height:147px;overflow:hidden;}
.logo{line-height:147px;width:25.81%;align-items: center;display: flex;height:147px;float:left;} 
.logo img{width:100%;}

.logowzl{
    font-size: 0;margin-top:42px;margin-right:4.8%;
}
.logowzl li{
    display: inline-block;
    width: 76px;
	height: 76px;
	background: url(../images/lgwz.png) no-repeat;
    border-radius: 50%;
    text-align: center;
    position: relative;
    margin: 0 .8rem;
    vertical-align: middle;
}
.logowzl li::before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: #dedede;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    left: 0;
    z-index: -1;
}
.logowzl li h3{
	font-weight: normal;
	line-height: 1;
	color: #ffffff;
    padding-top:14px;
    padding-bottom:8px;
}
.logowzl li h3 span{
    display: block;
    font-size:14px;
	line-height: 1;
	color: #fff;
    margin-top: 4px;
}


.tdhcon{
    padding-right: 73px;
    background: url(../images/dh.png) no-repeat right center;
    display: inline-block;
    vertical-align: middle;
    text-align: right;margin-top:49px;
}
.tdhcon h3{
    font-size: 16px;
	font-weight: normal;
	line-height: 1;
	color: #666666;
    width: 100%;
}
.tdhcon h4{
    font-family: Impact;
    font-size:30px;
	line-height: 1;
	color: #dea22d;
    margin-top:7px;
    width: 100%;
}






/*热门搜索*/
.rtss{border-bottom:1px solid #f1f1f1;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}




/*搜索和热门搜索*/
.rtss_fl{font-weight:normal;color:#333333;font-size:14px;}
.rtss_fl strong{color:#c88d04;font-size:14px;text-transform:uppercase;margin-right:5px;}
.rtss_fl a{margin:0 11px;color:#777777;position:relative;}


#formsearch2{width:24.19%;height:75px;border-left: 1px solid #ededed;border-right: 1px solid #ededed;}
#formsearch2 input{}
#formsearch2 input#keyword{height:75px;line-height:75px;padding-left:18px;float:left;color:#b6b6b6;font-size:14px;background:none;border:none;outline:none;width:75%;}
#formsearch2 input#s_btn{width:25%;height:75px;line-height:75px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size: 12px;float:right;background: url(../images/ss2.png) no-repeat center center;}
#formsearch2 input::-webkit-input-placeholder{color:#b6b6b6;}
#formsearch2 textarea::-webkit-input-placeholder{color:#b6b6b6;}






/* 导航样式 */
.pcdao{background:#cb8908;}
.x-menu{}
.x-menu > li {
  float: left;
  position: relative;
 text-align:center;width:12.5%;
}

.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #fff;
  line-height:70px;
}

.x-menu > li:hover > a {
  background: #c78d03;
  color: #fff;
}

.x-menu > li.active > a {

}



.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 100%;
  left: 0%;
  top: 70px;
  background:rgba(199,141,3,.9);
  padding:28px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-sub-menu > li > a {
  display: block;
  text-align: center;

  font-size:16px;
   color:rgba(255,255,255,.7);
  line-height:40px;
 height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
 color:#fff;
}


.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;display:block;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}


/*主体样式*/
.box1{padding:3vw 0 2.5vw;}
.bt{text-align:center;}
.bt h3{color:#f5f5f5;font-size:80px;font-weight:bold;text-transform:uppercase;font-family:"Arial";}
.bt h4{color:#333333;font-size:40px;font-weight:bold;margin-top:-70px;}
.bt h4 span{color:#f8af02;}
.bt h5{color:#666666;font-size:18px;margin-top:22px;}

.gywm_fc{
    margin-top:2.5vw;
    padding:2%;
    background-color: #ffffff;
	box-shadow: 0px 0 18px #ddd;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.gywm_fc .gywm_fcl{
    width:52%;
    overflow: hidden;
    cursor: pointer;
}
.gywm_fc .gywm_fcl img{
    width: 100%;display:block;
 
} 

.gywm_fc .gywm_fcr{
    width:45%;
}
.gywm_fc .gywm_fcr h3{
    font-size:31px;
	font-weight:bold;
	color: #333333;
}
.gywm_fc .gywm_fcr .ab{color:#666666;font-size:16px;line-height:2.2;margin:1.5vw 0;}


.gywm_fc .gywm_fcr li:nth-child(1) a{
    color: #ffffff;background:#f8af02;
}
.gywm_fc .gywm_fcr li a{
    display: inline-block;
    font-size:16px;
	line-height:2.2;
    padding:1rem 6.2rem;
	color: #333333;
    background-color: #eeeeee;
}


/*客户案例*/
.cbt{line-height:28px;position:relative;border-left:8px solid #f8af02;padding-left:24px;color:#999999;font-size:16px;text-transform:uppercase;font-family:"Arial";}
.cbt strong{font-family:"微软雅黑";color:#333333;font-size:24px;}
.cbt img{max-width:100%;margin-left:5px;}
.cbt a{line-height:28px;color:#999999;font-size:14px;font-family:"微软雅黑";position:absolute;right:0;top:0;}
.cbt a img{margin-left:8px;}

.cjzs .cjzsnr{
    overflow: hidden;margin-top:2.5vw;
}
.cjzsnr li{
    text-align: center;
}
.cjzsnr li img{
    width: 100%;display:block;
}
.cjzsnr li .img{
    overflow: hidden;
}

.cjzsnr li h3{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height:3;
	color: #707070;
    background-color: #f8f8f8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cjzsnr li:hover h3{color:#fff;background:#f8af02;}


/*产品*/
.box3{margin:3vw 0 2.5vw;}
.box3 .cont{margin-top:2.5vw;}
.cpz{width:21.29%;background:#e0e0e0;}
.cpts{background:#fbcf67;padding:20px 0;}
.cpbt{width:68%;margin:0 auto;padding:11px 0;background:#f8af02;text-align:center;}
.cpbt h2{color:#fff;font-size:24px;}
.cpbt h3{color:#fff;font-size:14px;font-family:"Arial";opacity:.5;font-weight:400;text-transform:uppercase;margin-top:6px;}
.scp{width:88%;margin:0 auto;padding:28px 0;}
.prolist{}
.prolist li{background: url(../images/st1.png) no-repeat 92% center #fff;font-size:16px;line-height:48px;font-size:16px;margin-bottom:9px;}
.prolist li a{color:#444444;text-indent:17px;display:block;}
.prolist li.cur{background: url(../images/st2.png) no-repeat 92% center #f8af02;}
.prolist li.cur a{color:#fff;}
.plogo{margin-top:23px;}
.plogo img{width:100%;display:block;}
.pdh{background:#f8af02;padding: 25px 0 25px 16px;}
.dhm{background: url(../images/pdh.png) no-repeat left center;padding-left:55px;color:#fff;font-size:14px;line-height:25px;}
.dhm p:nth-child(2){font-size:30px;font-family:"Impact";}

.cpy{width:75.81%;}

.cpfen{overflow:hidden;display:none;}
.cpfen.clicked{display:block;}
.cpfen li{background:#d8d5d5;padding:2.8%;}
.cpfen li .img{width:45%;}
.cpfen li .img img{width:100%;display:block;}
.cpfen li .det{width:50%;}
.cpfen li h2{color:#000000;font-size:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cpfen li .wz{color:#777777;font-size:16px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:5;line-height:2.2;margin:1.2vw 0;}
.cpfen li .zx{background:#474747;text-align:center;color:#fff;font-size:16px;width:63%;line-height:40px;display:block;}


.ptabs{overflow:hidden;display:none;margin-top:1.7vw;}
.ptabs.clicked{display:block;}
.ptabs li{width:32%;text-align:center;}
.ptabs li .img img{width:100%;display:block;}
.ptabs li .wz{color:#000000;font-size:20px;font-weight:bold;line-height:2.3;background:#c6c4c4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ptabs li:hover .wz{color:#fff;background:#f8af02;}





/*热销产品*/
.hotp{margin-top:1.33vw;}
.hotp li{width:24.3%;text-align:center;margin-bottom:12px;}
.hotp li .img img{width:100%;display:block;}
.hotp li .wz{color:#000000;font-size:20px;font-weight:bold;line-height:2.3;background:#c6c4c4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hotp li:hover .wz{color:#fff;background:#f8af02;}


/*新闻动态*/
.box5{margin-top:3vw;}
.xbt{line-height:28px;position:relative;border-left:8px solid #f8af02;padding-left:24px;margin-top:15px;}
.xbt strong{color:#333333;font-size:24px;}
.nsort1{width:55%;float:right;}
.nsort1 li{width:29%;background:#eeeeee;text-align:center;font-size:18px;border:1px solid #e8e8e8;line-height:58px;}
.nsort1 li a{color:#444444;display:block;}
.nsort1 li:hover{background:#f8af02;border-color:#f8af02;}
.nsort1 li:hover a{color:#fff;}




.x-news-box {
    margin-top:1.6vw;
    font-size: 0;
    overflow: hidden;
}

.x-news-img1 {
    float: left;
    width:38.55%;
}



.x-news-img1 li h3 {
    color: #333333;font-size:18px;font-weight:bold;
    margin-bottom: 17px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.x-news-img1 li .wz {
    color: #999999;
    font-size:15px;line-height:24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
}


.x-news-img1 li .img {
    overflow: hidden;margin-top:30px;
}

.x-news-img1 li .img img{
    overflow: hidden;width:100%;display:block;
}


.x-news-img1 li .date {
    position: relative;
    margin-top: 25px;color:#999999;font-size:14px;
  
}




.x-news-right {
    width: 55%;
    float: right;

}

/*gd*/
.scrollbox {
    margin: 0 auto;
    overflow: hidden;
}

#scrollDiv {
    overflow: hidden;
}

#scrollDiv li {
    width: 100%;
    overflow: hidden;
    vertical-align: bottom;
    zoom: 1;
}
#scrollDiv li+li{margin-top:0.9vw;}
#scrollDiv li h3 {
    color: #333333;
   font-size:18px;
   margin:5px 0 12px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;font-weight:500;
}

#scrollDiv li .wz {
    color: #888888;font-size:15px;
    margin-bottom:10px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#scrollDiv li .text {
    width: calc(100% - 130px);
}

#scrollDiv li .text .more {
    position: relative;
}

#scrollDiv li .text .more span {
    color: #888888;
    font: 400 14px/30px "Airal";
    transition: all 0.8s;
    display: block;
}

#scrollDiv li .text .more::before {
    position: absolute;
    left: 0;
    top: 13px;
    content: "";
    background-color: #f8af02;
    width: 0px;
    height: 1px;
    display: block;
    transition: all 0.8s;
}

#scrollDiv li .date {
    width:100px;height:100px;
    padding:14px 0;
    text-align: center;
    background-color: #f1f1f1;
}

#scrollDiv li .date h4 {
    color: #454545;
    font: 600 48px/50px "Airal";
}

#scrollDiv li .date h5 {
    color: #666666;
    font: 400 16px/22px "Airal";
}

#scrollDiv li:hover .text h3 {
    color: #f8af02;
    font-weight: 600;
}

#scrollDiv li:hover .more::before {
    transition: all 0.8s;
    width: 66px;
}

#scrollDiv li:hover .text .more span {
    transition: all 0.8s;
    transform: translateX(70px);
    -o-transform: translateX(70px);
    color: #f8af02;
}

#scrollDiv li:hover .date {
    background-color: #f8af02;
}

#scrollDiv li:hover .date h4 {
    color: #fff;
}

#scrollDiv li:hover .date h5 {
    color: #fff;
}









/* 友情链接 */

.c-link {
    padding:21px 0;
    font-size:14px;
    color: #333;
    line-height: 27px;
}

.c-link .con {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    position: relative;
}

.c-link .button {
    cursor: pointer;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 16px;
	font-weight: normal;
	line-height: 1;
	color: #333333;
    border-right:1px solid #e5e5e5;
    width: 113px;
}
.c-link .button span{
    display: block;
    font-size:28px;
	font-weight: bold;
	line-height: 1;
	color: #f0f0f0;
    margin-top:5px;
}

.c-link dd {
    width: calc(100% - 125px)
}

.c-link a {
    padding: 0 4px;
    font-size: 14px;
    color: #8d8d8d;
    line-height: 27px;
}





/*页面底部*/
.foot{background:#1f1f1f;padding:51px 0 31px;}
.f_nav{width:30.65%;float:left;}
.f_nav dl{float:left;width:50%;}
.f_nav dt{margin-bottom:22px;font-size:18px;color:#fff;}
.f_nav dt a{}
.f_nav dd{}
.f_nav dd a{font-size:14px;color:#949494;line-height:32px;}
.f_nav dd a:hover{color:#fff;}

.foot2{float:left;}
.ftt{margin-bottom:22px;font-size:18px;color:#fff;}
.fdh{font-size:14px;color:#949494;line-height:32px;}
.fdh p:nth-child(2){color:#fff;font-size:28px;font-weight:bold;font-family:"Arial";}
.lx{font-size:14px;color:#949494;line-height:24px;margin-top:13px;}

.fads{float:right;width:19.19%;margin-top:15px;}
.fads li{width:46%;text-align:center;}
.fads li img{width:100%;display:block;}
.fads li h3{font-size:12px;color:#949494;margin-top:19px;font-weight:normal;}


.copy{background:#1f1f1f;padding:16px 0;text-align:center;font-size:12px;line-height:16px;color:#949494;border-top:1px solid #363636;}
.copy a{color:#949494;}
.copy a:hover{color:#fff;}





@media (max-width:1024px) {
 .bt h3{font-size:66px;}
 .bt h4{font-size:30px;margin-top:-53px;}
 .bt h5{font-size:16px;}
 .gywm_fc .gywm_fcr h3{font-size:24px;}
 .gywm_fc .gywm_fcr .ab{font-size:14px;line-height:24px;}
 .gywm_fc .gywm_fcr li a{font-size:14px;line-height:2;}
 .cbt strong{font-size:20px;}
 .cbt{font-size:14px;border-left:5px solid #f8af02;padding-left:16px;}
 .cbt img{max-width:65%;}
 .cjzsnr li h3{font-size:14px;}
 .cpbt{width:90%;}
 .cpbt h2{font-size:20px;}
 .cpbt h3{font-size:12px;}
 .prolist li{font-size:16px;line-height:43px;}
 .prolist li a{text-indent:10px;}
 .cpfen li h2{font-size:20px;}
 .cpfen li .wz{font-size:14px;line-height:25px;}
 .cpfen li .zx{font-size:14px;}
 .ptabs li .wz{font-size:16px;}
 .dhm p:nth-child(2){font-size:24px;}
 .dhm{background:none;padding-left:0;}
 .hotp li .wz{font-size:16px;}
 .xbt{border-left:5px solid #f8af02;padding-left:16px;margin-top:11px;}
 .xbt strong{font-size:20px;}
 .nsort1 li{font-size:16px;line-height:48px;}
 .x-news-img1 li h3{font-size:16px;}
 #scrollDiv li h3{font-size:16px;}
 #scrollDiv li .wz{font-size:14px;}
 #scrollDiv li .date{height:92px;padding-top:8px;}
 #scrollDiv li .date h4{font: 600 38px/50px "Airal";}
 #scrollDiv li .date h5{font: 400 13px/22px "Airal";}
 #scrollDiv li+li{margin-top:7px;}
 .f_nav dt{font-size:16px;}
 .ftt{font-size:16px;}
 .fdh p:nth-child(2){font-size:23px;}
}



@media (max-width: 768px) {
/* .x-banner{margin-top:60px;}*/
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .mdao{background:#474747;padding:10px 0;}
 .mdao li{width:25%;line-height:34px;text-align:center;}
 .mdao li a{color:#fff;font-size:14px;}
 .logo{line-height:120px;height:120px;}
 .tdhcon{margin-top:0;}
 .rtss .wh{width:100%;padding:0;}
 .rtss_fl{width:100%;text-align:center;border-bottom: 1px solid #f1f1f1;padding:20px 0;}
 #formsearch2{width:100%;border:none;height:45px;}
#formsearch2 input#keyword{height:45px;line-height:45px;padding-left:18px;float:left;color:#b6b6b6;font-size:14px;background:none;border:none;outline:none;width:90%;}
#formsearch2 input#s_btn{width:10%;height:45px;line-height:45px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size: 12px;float:right;background: url(../images/ss2.png) no-repeat center center;}
.gywm_fc{padding:2% 2% 3%;}
.gywm_fc .gywm_fcl{width:100%;}
.gywm_fc .gywm_fcr{width:100%;margin-top:15px;}
.cbt a img{display:none;}
.cbt img{max-width:100%;}

.mcase{
    overflow: hidden;margin-top:2.5vw;
}
.mcase li{
    text-align: center;width:49.3%;margin-bottom:12px;
}
.mcase li img{
    width: 100%;display:block;
}
.mcase li h3{
    font-size:14px;
    font-weight: normal;
    font-stretch: normal;
    line-height:3;
    color: #707070;
    background-color: #f8f8f8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cpz{width:100%;}
.prolist{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
.prolist li{width:48%;}
.prolist li:last-child{display:none;}
.cpbt{width:70%;}
.scp{width:94%;}
.cpy{width:100%;margin-top:10px;}
.cpfen li .img{width:100%;}
.cpfen li .det{width:100%;margin-top:15px;}
.ptabs li{width:49%;}
.ptabs li:last-child{display:none;}
.hotp li{width:49%;}
.xbt{width:100%;float:none;margin-top:0;}
.nsort1{width:100%;margin:15px 0;}
.x-news-img1{width:100%;float:none;}
.x-news-right{width:100%;float:none;margin-top:20px;}
#scrollDiv li:nth-child(n+3){display:none;}
.foot{margin-top:4%;padding:5% 0 3%;}
.f_nav{width:60%;}
.foot2{width:35%;float:right;}
.f_nav dt{margin-bottom:16px;}
.ftt{margin-bottom:16px;}
.box1{padding:5vw 0;}
.box3{padding:2.5vw 0 4vw;}
}



@media (max-width:428px) {
  .rtss_fl a{margin:0 5px;}
  .bt h3{font-size:50px;}
 .bt h4{font-size:22px;margin-top:-41px;}
 .bt h5{font-size:14px;margin-top:15px;}
 .gywm_fc .gywm_fcr h3{font-size:20px;}
 .gywm_fc .gywm_fcr li a{width:120px;line-height:35px;padding:0;text-align:center;}
 .cbt img{max-width:18%;}
 .cbt strong{font-size:18px;}
 .xbt strong{font-size:18px;}
 .cpbt h2{font-size:18px;}
 .prolist li{font-size:14px;}
 .cpfen li h2{font-size:18px;}
 .cpfen li .zx{width:50%;}
 .ptabs li .wz{font-size:14px;}
 .hotp li .wz{font-size:14px;}
 .nsort1 li{line-height:35px;}
 .foot2{width:100%;}
 .tdhcon{height:53px;padding-right:66px;}
 .tdhcon h3{font-size:13px;padding-top:6px;}
 .tdhcon h4{font-size:22px;}
 .logo{width:37%;}
}




/*手机底部*/
@media (max-width:428px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #1f1f1f;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #da251c;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;color:#fff;
}


.footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}
.footer ul li a{border-right:1px solid #fff;}
.footer ul li:last-child a{border-right:none;}








/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}
.footer33{height:50px;}
.xymob-left-close-btn .icon-close:before{font-size:0;}


/*产品列表页描述*/
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}


/*------------内页-------------------*/
.n_banner{width:100%;margin:0 auto;position:relative;}
.n_banner img{width:100%;display:block;}


.left{width:225px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact p.content{padding:5px;}

.right{width:760px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;
font-family:"微软雅黑";font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;font-family:"微软雅黑";}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}

.xypg-right-content  .content{margin-top:10px;}


/*内页左侧样式*/

.page-product-inquiry a{color: #fff;}


.page-wrap{
    margin-top: 3%;
}
.page-position{
    position: absolute;
    bottom: 5%;
    left:0%;
    right: 0;
    color: #fff;
display:none;
}

.page-position a{
    color: #fff;
}

.xypg-left-title{
    background: #f8af02;
    padding: 25px 30px;
}

.xypg-left-title h3{
    font-size: 24px;
    font-weight: 500;
}

.xypg-left-title i{
    display: none;
}

.xypg-left-title span{
     font-size: 14px;
    text-transform: uppercase;
    opacity: 0.2;
    line-height: 1;
}


.xypg-left-title11{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.xypg-left-title11 h3{
    font-size: 30px;
    line-height: 1.6;
    font-weight: 500;
    background: url(../images/nys.png) no-repeat right center;
}


.xypg-left-title11 h3 span{
    display: block;
    margin-left: 0;
    
}

.xypg-left-title11 span:before{
    display: none;
}


.nsort .xypg-left-nav{
    margin: 0;
}
.nsort .xypg-left-nav > li{
    background: #f8f8f8;
    border-bottom: none;
    margin-bottom: 2px;
    
}


.nsort .xypg-left-nav > li > a{
    padding: 20px 0;
    color: #666666;
    font-size: 17px;
    padding-left: 40px;
    padding-right: 40px;
}


.nsort .xypg-left-nav > li > a::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    background: #f8af02;
    height: 100%;
    opacity: 0;
}

.nsort .xypg-left-nav > li:hover > a::before{
    opacity: 1;
}

.nsort .xypg-left-nav > li.clicked > a::before{
    opacity: 1;
}

.nsort .xypg-left-nav > li .first-nav-btn{
    background: url(../images/njt.png) no-repeat top center;
    width: 9px;
    height: 14px;
    right: 30px;
    top: 30px;
}

.nsort .xypg-left-nav > li:hover .first-nav-btn, .nsort .xypg-left-nav > li.clicked .first-nav-btn{
    background: url(../images/njt2.png) no-repeat top center;
}

.nsort .xypg-left-nav > li:hover > a, .nsort .xypg-left-nav > li.clicked > a{
    color: #f8af02;
}

.xypg-left-box{
    margin-bottom: 30px;
}

.xypg-left-con{
    border-top: 1px solid #d2d2d2;
    margin-top: 1px;
}

.xypg-left-con11{
    border-top:none;
    border: none;
    margin-top: 0;
}


.latest-news{
    padding:20px;
}

.latest-news li{
    padding: 0.5rem 0;
    color: #666666;
    font-size: 15px;
}

.latest-news li a{
    position: relative;
    text-indent: 1.5em;
}

.latest-news li a:before{
    content:"";
    width: 4px;
    height: 4px;
    background: #d4d4d4;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

.latest-news li:hover a{
    color: #f8af02;
}
.latest-news li:hover a:before{
    background: #f8af02;
}

.hot-keys li a{
    border: none;
    background: #f6f6f6;
    color: #666666;
    font-size: 14px;
}


.xypg-product-list1{

}

.xypg-product-list1 li{
    background: #f6f6f6;
    padding: 20px;
    margin-bottom: 30px;
}

.xypg-product-list1 li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.xypg-product-list1 li a .img1{
    width: 44.5%;
}

.xypg-product-list1 li a .img1 img{
    width: 100%;
}

.xypg-product-list1 li a .wz{
    width: 46%;
    margin-right: 3%;
}

.xypg-product-list1 li a .wz .wz1{
    color: #333333;
    font-size: 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.xypg-product-list1 li a .wz .wz2{
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    margin: 5% 0;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; 
}

.xypg-product-list1 li a .wz .wz3{
    color: #999999;
    font-size: 14px;
}

.xypg-product-list1 li:hover a .wz .wz1{
    color: #f8af02;
}

.xypg-product-list1 li:hover a .wz .wz3{
    color: #f8af02;
}

/*内页新闻*/
.nyxw{}
.nyxw li {
    border: 1px solid #e1e1e1;
    padding: 30px;
    background: #fff;
    margin-bottom: 35px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.nyxw li .det{width:60%;}
.nyxw li .img{width:36%;}
.nyxw li .img img{width:100%;display:block;}


.nyxw li .tit {
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 15px;
    position: relative;
}

.nyxw li .tit h3 {
    padding-bottom: 15px;
    font-size: 18px;
    color: #565656;
    font-weight: normal;
    padding-right: 25%;
    margin: 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.nyxw li .tit .date {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #666666;
}

.nyxw li .info {
    font-size: 14px;
    line-height: 2;
    color: #999999;
}

.nyxw li .more {
    margin-top: 15px;
}

.nyxw li .more span {
    display: inline-block;
    width: 130px;
    line-height: 33px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    border: 1px solid #e1e1e1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.nyxw li:hover {
    -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
    box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
}

.nyxw li:hover .tit h3 {
    color: #f8af02;
}

.nyxw li:hover .more span {
    color: #fff;
    background-color: #f8af02;
}








@media(max-width:1024px){
    
}

@media (min-width: 990px) {
    .page-wrap-left {
        float: left;
        width: 320px;
        margin-right: 4.16666667%;
    }
}

@media(max-width: 768px){
/* .n_banner{margin-top:60px;}*/
}


@media(max-width: 767px){

    .xypg-product-list1 li a .wz .wz1{
        font-size: 14px;
    }
    .xypg-product-list1 li a .wz .wz2{
        color: #666666;
        font-size: 13px;
        line-height: 22px;
        margin: 5px 0;
    }
    .xypg-product-list1 li a .wz .wz3{
        font-size: 13px;
    }
}

@media(max-width:428px){
 .nyxw li .det{width:100%;}
 .nyxw li .img{width:100%;margin-top:15px;}
 .nyxw li .tit h3{font-size:16px;}
 
}

@media (max-width: 768px) {
 .x-banner{margin-top:60px;}
 .n_banner{margin-top:60px;}
}