/*初始化样式*/
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:link{color:#333;}
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,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*顶部pc导航*/
.top .pc-menu {
  display: flex;
  align-items: center;
}
.c-nav {
    display: flex;
    align-items: center;
	line-height: 100px;
}

.c-nav>li {
    position: relative;

}

.c-nav li a {
    position: relative;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 15px;
    color:#FFFFFF;
    padding: 0 15px 0 15px;
}
@media(max-width:1024px){
.c-nav li a {
    position: relative;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	font-size:16px;
	color:#FFFFFF;
	padding: 0 23px 0 23px;
}
}

.c-nav>li>a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #f56600;
    transition: .5s;
}
/*.c-nav > .on > a::before {
  background: #FFF;
  left: 0;
  width: 100%;
}

.c-nav li a i {
    margin-left: 8px;
    font-size: 20px;
}*/

.c-nav ul {
    position: absolute;
    top: 99%;
    left: 50%;
    display: none;
    width: 150px;
    line-height: 40px;
    background: #fff;
}

 

.c-nav ul li:last-child {
    border: 0;
}

.c-nav ul a {
    color: #777777;
}

.c-nav li:hover>a {
    color: #f56600;
}

.c-nav>li:hover>a::before {
    left: 0;
    width: 100%;
}

.c-nav li.on>a {
    color: #f56600;
}

.c-nav>li.on>a::before {
    left: 0;
    width: 100%;
}
/*----- 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;}


/*滚动*/
#demo{overflow:hidden;width:76%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{max-width:1205px;margin:0 auto;}
.h-product{max-width:1084px;margin:9.32vw auto auto auto;width:100%;border:3px solid #f56600;border-radius:20px;height:auto;}
.h-product .h-product-categores{width:17.34%;min-height:623px;max-height:647px;background-color:#f56600;border-radius:10px;padding:0 1.6vw 0 1.6vw;}
.h-product .h-product-list{width:82.66%;}
@media (max-width: 1205px) {
.h-product .h-product-categores{
	min-height:560px;
}

.wh {
    margin: 0 auto;
    padding: 0 30px;
}

}
.h-product .h-product-categores h3{
    font-size: 48px;
    margin: 4.5vw 0 0 0;
    padding: 0 10%;
    color: #1a1a1a;
    line-height: 1.2;
	padding-bottom:1.73vw;
	border-bottom:1px solid #ac4d09;
}

.h-product .h-product-categores ul li{height:70px;text-align:center;border-bottom:1px solid #db5d03;padding:24px 0 16px 0;}
.h-product .h-product-categores ul li a{color:#ffffff;display:block;background-color:#1a1a1a;height:27px;line-height:27px;border-radius:20px;font-size:14px;font-weight:bold;overflow: hidden;}
.h-product .h-product-categores ul li a:hover{color:#000000;background-color:#ffffff;
box-shadow:1px 1px 30px  #512200}
.h-product .h-product-categores .link{height:50px;text-align:center;padding:24px 0 16px 0;margin-bottom:4.5vw}
.h-product .h-product-categores .link a{color:#1a1a1a;height:27px;line-height:27px;font-size:16px;border-bottom:1px solid #1a1a1a;}
.h-product .h-product-categores .link a:hover{color:#ffffff;}

.h-product-list ul li{border-radius:20px;background-color:#1a1a1a;border:2px solid #f56600;width:28.67%;margin-left:3.36%;float:left;margin-top:0.78vw}
.h-product-list ul li:hover{background-color:#f56600;}
.h-product-list ul li:hover .name{color:#FFF}
.h-product-list ul li .img img{border-radius:18px;}
.h-product-list ul li .img img{width:100%;height:auto;}
.h-product-list ul li .name{text-align: center;
    padding: 10px 0 10px 0;
    font-size: 14px;
	height: 41px;
}
.h-product-list ul li .name a{display:block;color:#ffffff;}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.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);}

@media(max-width:880px){
.h-product .h-product-categores h3{
    font-size: 30px;
text-align: center;
}
.h-product .h-product-categores ul li {
    height: 60px;
    text-align: center;
    border-bottom: 1px solid #db5d03;
    padding: 20px 0 10px 0;
}
.h-product .h-product-categores {
   /* min-height: 520px;*/
min-height: 140vw;
}

}

@media(max-width:750px){
.h-product .h-product-categores {
    width: 26%; 
}
.h-product .h-product-list {
    width: 74%;
}
}
@media(max-width:500px){
 .h-product-list ul li {
    border-radius: 20px;
    background-color: #1a1a1a;
    border: 2px solid #f56600;
    width: 46%;
    margin-left: 3.36%;
    float: left;
    margin-top: 0.78vw;
	margin-bottom: 0.78vw;
}

}
@media(max-width:400px){
.h-product .h-product-categores h3 {
    font-size: 30px;
}
.h-product .h-product-categores .link a {
    font-size: 14px;
}
.h-product .h-product-categores {
    padding: 0;
}

.h-product .h-product-categores ul li a:hover{color:#000000;background-color:#ffffff;
box-shadow:1px 1px 3px #512200}
 


}
.roll_product {float: left;}

.plist{margin-top: 56px;}
.plist li{margin-right: 15px;margin-bottom: 15px;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li a.img{border:1px solid #e5e5e5;display: block;}
.plist li a.img img{width: 388px;height: 388px;}
.plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;}

/*头部样式*/
.top{position: fixed;top:0;z-index: 999;height:100px;background-color: rgb(0,0,0,0.9);width: 100%;}
.logo{float:left;line-height:100px;margin-right: 3%;}




/*热门搜索*/
.sou{border-top: 1px solid rgba(255,255,255,.2);padding-top: 4%;margin-top: 2%;}
.sou #formsearch{float:right;}
.sou .hotSearch{float:left;height:54px;line-height:54px;font-weight:normal;font-size: 14px;color: #5d5d5d;}
.sou .hotSearch a{margin-right:10px;color: #5d5d5d;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}



/*搜索和热门搜索*/
.sou #formsearch input{height:54px;background:transparent;border:none;line-height:54px;}
.sou #formsearch input#keyword{height:54px;float: left; line-height:54px;padding-left:15px;color:#5d5d5d;border:1px solid #5d5d5d;width: 367px;background: transparent; border-right: none;border-radius: 5px 0 0 5px;}
.sou #formsearch input#s_btn{width:144px;float: left; height:54px;line-height:54px;text-align:center;background-color:#11348e;color:#fff;border:none;cursor:pointer;font-size: 18px;border-radius:0 5px 5px 0 ;}
.sou #formsearch input::-webkit-input-placeholder {color:#5d5d5d;}
.sou #formsearch textarea::-webkit-input-placeholder {color: #5d5d5d;}







.mob-nav ul{padding-top: 13%;}
.mob-nav ul li {width: 20%;}
.mob-nav ul li >a{display: block;color: #fff;font-size: 20px;}
.mob-nav ul li .sec{margin-top: 20px;}
.mob-nav ul li .sec a{color: #fff;opacity: 0.5;font-size: 14px;display: block;line-height: 30px;}




.mob-nav {
  z-index: 99999;
  position: fixed;
  left: 0;
  right: 0;
  top: 100px;
  bottom: 0;
  width: 100%;
  background:#202020;
  display: none;
}

.mob-nav.active {
  /*opacity: 1;*/
}
.k2 .nav-btn{line-height: 100px;cursor: pointer; display: block;color: #fff; text-align: center;font-family: "arial";text-transform: uppercase;}
.k3{margin-right:15px}
.k3 h3{line-height: 100px;cursor: pointer; display: block;color: #fff; text-align: center;font-family: "arial";text-transform: uppercase;}
.close-btn{text-align: right;position: absolute;right: 30px;top:-69px;z-index: 9999;display: none;cursor: pointer;}
.top2.cur{background:#202020;-webkit-transition: all .5s ease;transition: all .5s ease;}
.logo2{display: none;}
.top2.cur .logo1{display: none;}
.top2.cur .logo2{display: inline-block;}
.mob-nav .wh{position: relative;}
.top2.cur .k2{display: none;}

.gl {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 100%;
  text-align: center;
  bottom: 20%;
  z-index: 99999;
  -webkit-animation: myfirst 1.5s infinite; animation: myfirst 1.5s infinite;
}


@-webkit-keyframes myfirst{
    0%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
    50%{-webkit-transform: translate(0px, -10px); transform: translate(0px, -10px);}
    100%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
}
@keyframes myfirst{
    0%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
    50%{-webkit-transform: translate(0px, -10px); transform: translate(0px, -10px);}
    100%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
}


.section0{position: relative;}
.x-banner {
    height: 100vh;
    width: 100vw;
	background-color: #000000;
}
@media (max-width: 1700px) {
.gl{bottom: 40%;}
}
@media (max-width: 1205px) {
 .gl{display: none;}
}
@media (max-width: 1024px) {
    .x-banner {
        height: auto;
    }
    .section1,.section2 {
        padding: 40px 0;
    }
      .fp-tableCell {
        height: auto !important;
    }
     .fp-section {
        height: auto !important;
    }
    #fp-nav{display: none;}

}

/* */
.section{position: relative;width: 100%;}
.a2{max-width: 1260px;margin:0 auto;padding:0 30px;}

.section0{background:#fff;}



dt{font-weight: normal;}
/* 关于我们 */
.section1{background: url(../images/2.jpg) no-repeat 50% 0; background-size: cover;}
.abt{text-align: center;padding-top: 7%;}
.abt dd{color: #ffffff;font-size: 36px;font-weight: bold;}
.abt dt{font-size:20px;color: #fff;background: url(../images/line1.png) no-repeat center;line-height:1}
.acon{color: #ffffff;font-size: 16px;margin: 0 auto;text-align: center;margin-top: 5%;line-height: 40px;width: 80%;}
.aul{margin-top: 5%;}
.aul li{width: 19%;text-align: center;margin: 0 3%;}
.aul li a{display: block;margin: 0 auto;background: url(../images/fk1.png) no-repeat center;width: 215px;height: 215px;padding-top: 60px;}
.aul li .img{height: 56px;line-height: 56px;margin-top: 1.8vw;}
.aul li .img2{display: none;}
.aul li:hover .img2{display: inline-block;}
.aul li:hover .img1{display: none;}
.aul li h3{font-weight: normal;color: #ffffff;font-size: 18px;margin-top: 3.2vw;}
.aul li:hover a{background: url(../images/fk1s.png) no-repeat center;}
.aul li:hover h3{color: #f56600;margin-top:4vw;font-size: 20px;}
@media(max-width: 1366px){
.aul li h3{font-weight: normal;color: #ffffff;font-size: 18px;margin-top: 4.2vw;}

}
@media(max-width: 1205px){
.aul {
    margin-top: 2%;
}
.acon {
    margin-top: 2%;
	line-height: 30px;
}
}

@media(max-width:1200px){
.aul li h3 {
    font-weight: normal;
    color: #ffffff;
    font-size: 16px;
    margin-top: 5vw;
}
}
@media(max-width: 996px){
    .aul li a{width: 180px;height: 180px;padding-top: 38px;}
    .acon{width: 100%;}
}
@media(max-width:996px){
.aul li h3 {
    font-weight: normal;
    color: #ffffff;
    font-size: 16px;
    margin-top: 6.5vw;
}
}
@media(max-width: 825px){
    .aul li{width: 40%;margin: 0 5% 15px 5%;}
    .aul li a{margin: 0 auto;}
	.aul li h3 {
    font-weight: normal;
    color: #ffffff;
    font-size: 16px;
    margin-top: 7.5vw;
}
}
@media(max-width:750px){
.aul li h3 {
    font-weight: normal;
    color: #000000;
    font-size: 16px;
    margin-top: 9vw;
}
}
@media (max-width: 600px){
.aul li h3 {
    font-size: 14px;
    margin-top: 12vw;
}
}
/* 产品 */
.section{overflow: hidden;}
.section2{background: url(../images/3.jpg) no-repeat 50% 0; background-size: cover;}
.cp{}
.bt{color:#000000;font-size:42px;text-align:center;font-weight:bold;line-height:38px;}
.bt span{color:#3264a0;font-size:24px;display:block;background: url(../images/x3.png) no-repeat center bottom;padding-bottom:15px;}

.slick-arrow{background:none;outline: none;border:none;font-size: 0;}
.section2 .slick-prev,.section2 .slick-next{width: 52px;height: 124px;position: absolute;top:50%;margin-top: -62px;z-index: 99999;}
.section2 .slick-prev{background:url(../images/lt.png) no-repeat top center;left: -82px;}
.section2 .slick-next{background:url(../images/rt.png) no-repeat top center;right: -82px;}


.product_list1{margin-top: 5%;}
.product_list1 li{_display:inline;position: relative;margin: 0 0.2%;}
.product_list1 li h3{text-align:center;line-height:44px;font-weight:normal;color:#fff;font-size:16px;background:#4c4c4c;}
.product_list1 li .img img{width:100%;display:block;}
.picScroll-left{ overflow:hidden; position:relative;}




.pm{display: block;width:238px;margin:0 auto;height: 54px;border:1px solid #aab7cd; line-height:54px;font-size:16px;position: relative;text-align:center;overflow:hidden;margin-top:7%;}
.pm a{color:#aab7cd;position: relative;z-index: 1;display: block;text-transform: uppercase;}

@media(max-width: 768px){
    .pm{width: 140px;height: 40px;line-height: 40px;}
}


/* 视频中心 */
.section12{background: url(../images/12.jpg) no-repeat 50% 0; background-size: cover;}
.videot{text-align: center;padding-top: 5%;}
.videot dd{color: #ffffff;font-size: 36px;font-weight: bold;}
.videot dt{font-size:20px;color: #fff;background: url(../images/line1.png) no-repeat center;line-height:1}
.videol{margin-top: 8%; display: flex; justify-content: space-between;}
.videol .list{width: 32%; background: #fff; padding: 5px;}
.videol .list video{width: 100%;}
.videol .list p{font-size: 16px; line-height: 2; text-align: center;}
.videob{margin-top: 3%; text-align: center;}
.videob a{display: inline-block; width: 160px; line-height: 38px; text-align: center; background: #f56600; color: #fff; border-radius: 19px; transition: all 0.5s;}
.videob a:hover{width: 180px;}

/*案例*/
.section3{background: url(../images/bj3.jpg) no-repeat 50% 0; background-size: cover;}
.list22{margin-top:25px;margin-left:38px;}
.section3 .abt{position: absolute;width: 100%;z-index: 9999;}
.yul{display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;width: 100%;}
.yul li{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;position: relative;}
.yul li .bj1{position: absolute;width: 100%;height: 100%;top:0;left: 0;text-align: center;display:flex;justify-content:center;align-items: center;}
.yul li .img{opacity: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.yul li .img .bj{height: 100vh;}
.bj1 h3{color: #ffffff;font-size:31px;}
.bj1 span,.bj1 p{display: block;
color: #fff;
opacity: 1;
font-size: 14px;
text-transform: uppercase;
margin-top: 10px;
padding: 0 15px 0 15px;}
.bj1 a{display: none;}
.yul li:hover .bj1{background: rgba(255,255,255,.65);}
.yul li:hover .bj1 a{display: block;margin-top:10.7vw;}
.yul li:hover .img{opacity: 1;}
.yul li .bj11{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.yul li:hover .bj11{margin-top: -30px;}
.yul li:hover .bj11 h3{color:#f56600;}
.yul li:hover .bj11 span p,.yul li:hover .bj11 span p span{color:#000}
.yul li .img img{display: block;width: 100%;}
p.qrcode_text{text-align:left;padding-left:20px;}
@media(max-width: 1200px){
    .bj1 h3{font-size: 20px;}
    .bj1 span{font-size: 12px;}
	p.qrcode{text-align:center;width:100%;margin-top: 20px;}
	p.qrcode_text{text-align:center;width:100%;padding-left:0}
}
.section4{background: url(../images/bj6.jpg) no-repeat 50% 0; background-size: cover;}
.h_case_list{width:100%;max-width:1205px;margin:3.47vw auto auto auto;}
.h_case_list .case_categories{width:33.19%;float:left;}
.h_case_list .case_categories ul li{width:48%;margin-right:2%;margin-bottom:0.421vw;float:left;padding:2.21vw 1.42vw 2.21vw 1.42vw;display:block;background-color:#1a1a1a;}
.h_case_list .case_categories ul li a{font-size:16px;color:#FFF}
.h_case_list .case_categories ul li:hover{background-color:#f56600;}

.h_case_list .h_case_detail{width:66.81%;float:left;position:relative}
.h_case_list .h_case_detail img{width:100%;height:auto;}
.h_case_list .h_case_detail .desc{position:absolute;bottom:0;left:0;min-height:7.68vw;padding: 2vw 2.63vw 1.2vw 2.63vw;background:rgb(0,0,0,0.9);width: 100%;}
.h_case_list .h_case_detail .desc h2{color:#db5d03;margin:0 0 10px 0}
.h_case_list .h_case_detail .desc h2 a{color:#db5d03;font-size:22px;}
.h_case_list .h_case_detail .desc h2 a:hover{color:#000000;}

.h_case_list .h_case_detail .desc .text{width:100%;line-height:1.8;color:#ffffff;font-size:12px;}

/* 荣誉资质 */
.section5{background: url(../images/bj4.jpg) no-repeat 50% 0; background-size: cover;}
.tab1{display: none;}
.nsort{text-align: center;margin-top: 5%;}
.nsort li{float: left;width: 25%;}
.nsort li a{display: block;border-right: 1px solid #f0f0f0;line-height: 54px;background: #fff;color: #333333;font-size: 20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nsort li:last-child a{border-right: none;}
.nsort li.cur a{background: #f56600;color: #fff;}
.nlist {margin-top: 5%;}
.nlist li{width: 22.75%;margin-right: 3%;}
.nlist li:last-child{margin-right: 0;}
.nlist li a.img img{display: block;width: 100%;}
.nlist li a.img{display: block;position: relative;}
.nlist li a.img span{display: block;position: absolute;width: 72px;height: 20px;line-height: 20px;text-align: center;color: #11348e; background-color: #ffffff;bottom: 10px;left: 11px;}
.nlist li h3 a{overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    padding: 7% 1.3vw 2% 1.3vw;
    background: #ffffff;
    text-align: left;}
.nmore a{display: block;color: #fff;width: 192px;height: 36px;background-color: #f56600;border-radius: 18px;margin: 0 auto;text-align: center;line-height: 36px; margin-top: 8%;}



.nlist li .date{background: #ffffff;font-size:12px;padding:0 1.3vw 0 1.3vw;color:#c9c9c9}
.nlist li .text{background: #ffffff;padding:15px 1.3vw 15px 1.3vw;color:#000000;font-weight: 400;
    line-height: 1.9;}
.nlist li:hover h3 a{overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    padding: 7% 1.3vw 2% 1.3vw;
    background: #f56600;
    text-align: left;}
.nlist li:hover .date{background: #f56600;font-size:12px;padding:0 1.3vw 0 1.3vw;color:#f9ad8d}
.nlist li:hover .text{background: #f56600;padding:15px 1.3vw 15px 1.3vw;color:#ffffff;font-weight: 400;line-height: 1.9;}

/* 新闻 */
.section6{background: url(../images/bj5.jpg) no-repeat 50% 0; background-size: cover;}
.lxwm{width: 80%;margin: 0 auto; margin-top: 5%;background: rgba(0,0,0,.6);padding:1.5vw 3vw;display: flex;align-content: space-between;flex-wrap: nowrap;display: -webkit-flex;}
.tleft{width: 46%;padding-right: 3%;}
.map{width: 54%;}
.map img{width: 100%;height:auto;}
.tleft h3{color:#f56600;font-weight: normal;font-size: 24px;line-height: 30px;}
.lx{color: #ffffff;font-size: 14px;line-height: 32px;margin-top: 3%;}
.asort{text-align: center;margin-top: 1.5vw;}
.asort li{display: inline-block;margin: 0 2%;width: 15%;}
.asort li a{display: block;height: 44px;border-radius: 22px;border: solid 1px rgba(255,255,255,.5);line-height: 44px;color: #e1e1e3;font-size: 16px;}



.yul2{display:none;}
@media(max-width: 992px){
.nlist li .text {
    display:none;
}
.nmore a {
  margin-bottom: 25px;
}
}
@media(max-width: 769px){
    .yy{background: rgba(255,255,255,.35);padding: 10px 0;}
	.yy img{width:34px;height:auto;}
    .abt dd{font-size: 26px;}
    .abt dt{font-size: 14px;margin-top: 5px;}
    .acon{font-size: 16px;line-height: 28px;}
    .section3 .abt{position: static;}
    .yul{display: none;}
    .yul2{display: block;padding: 0 30px;margin-top: 20px;}
    .yul2 li{width:46%;float: left;margin:0 2% 20px 2%;}
    .yul2 li h3{color: #fff;text-align: center;font-size: 16px;font-weight: normal;margin-bottom: 5px;}
    .yul2 li span{color: #fff;text-align: center;display: block;font-size: 12px;text-transform: uppercase;}
    .yy a{text-align: center;margin-top: 15px;display: block;}
}
@media(max-width:540px){
     .acon{font-size: 14px;line-height: 24px;}
     .aul li a {
        width: 140px;
        height: 140px;
        padding-top: 25px;
    }
    .aul li h3{margin-top: 0px;}
    .aul li .img img{width: 23%;}
}

@media(max-width:370px){
      .aul li a {
        width: 120px;
        height: 120px;
        padding-top: 25px;
    }
    .aul li h3{margin-top: 3px;font-size: 12px;}
    .aul li .img{height: 38px;line-height: 38px;}
    .aul li .img img{width: 23%;}
}

#fp-nav{}

@media(min-width: 769px){

.sun-delay0 {
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
    }

    .sun-delay1 {
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s;
    }

    .sun-delay2 {
        -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s;
    }

    .sun-delay3 {
        -webkit-transition-delay: 0.8s;
                transition-delay: 0.8s;
    }

    .sun-delay4 {
        -webkit-transition-delay: 1s;
                transition-delay: 1s;
    }

    .sun-delay5 {
        -webkit-transition-delay: 1.2s;
                transition-delay: 1.2s;
    }

    .sun-delay6 {
        -webkit-transition-delay: 1.4s;
                transition-delay: 1.4s;
    }

    .sun-delay7 {
        -webkit-transition-delay: 1.6s;
                transition-delay: 1.6s;
    }

    .sun-delay8 {
        -webkit-transition-delay: 1.8s;
                transition-delay: 1.8s;
    }

    .sun-delay9 {
        -webkit-transition-delay: 2s;
                transition-delay: 2s;
    }

    .sun-delay10 {
        -webkit-transition-delay: 2.2s;
                transition-delay: 2.2s;
    }

    .sun-ani-left,
    .sun-ani-down,
    .sun-ani-up,
    .sun-ani-right {
        opacity: 0;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .7s;
                transition-duration: .7s;
    }

    .sun-ani-left {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
    }

    .sun-ani-down {
        -webkit-transform: translateY(-100px);
                transform: translateY(-100px);
    }



.sun-ani-up {
        -webkit-transform: translateY(-200px);
                transform: translateY(200px);
    }

    .sun-ani-right {
        -webkit-transform: translatex(100px);
                transform: translatex(100px);
    }

    .actives .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .active .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .active .sun-ani-down {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    .active .sun-ani-up {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    .active .sun-ani-right {
        opacity: 1;
        -webkit-transform: translatex(0);
                transform: translatex(0);
    }


}

/*页面底部*/
.bq{border-top: 1px solid #777f98;
color: #b0b3be;
font-size: 12px;
text-align: center;
padding: 5px 0;
line-height: 24px;
margin-top: 6vw;
position: absolute;
z-index: 999;
margin-bottom: 1vw;
left: 0;
bottom: 0;
width: 100%;}
.bq a{color: #b0b3be;}
.f_link{padding:15px 0;line-height: 30px;color: #666;font-size: 14px;}
.f_link a{color: #666;padding-right:10px;}
@media(max-width:1200px){
    .tleft h3{font-size: 16px;}
    .lx{font-size: 13px;line-height: 26px;}
}


@media(max-width:992px){.x-banner,.page-banner{margin-top: 60px;}
.bq {
  position:relative;
}
}
@media(max-width:800px){
    .nsort li a{font-size: 14px;line-height: 40px;}
    .nlist li h3 a{font-size: 14px;}
    .lxwm{width: 100%;}
    .tleft h3{font-size: 14px;}
}
@media(max-width:700px){
    .lxwm{display: block;}
    .tleft{margin-bottom: 20px;}
    .tleft,.map{width: 100%;}
    .asort li{width: 26%;}
    .lx{font-size: 12px;line-height: 24px;}
    .asort li a{font-size: 14px;line-height: 38px;height: 38px;}
    .nlist li{width: 46%;margin: 0 2% 20px 2%;}
    .nlist li{margin-right: 2%;}
    .nlist li h3 a{padding:5% 3px;}
}


.footer2{text-align: center;color: #fff;line-height: 24px;background: #666;padding: 10px 0;}
.footer2 a{color: #fff;}


@media(max-width:1024px){
    .section4{padding-bottom: 30px;}
    .aul{margin-top: 2%;}
    .acon{margin-top: 2%;}
	.ling{display:none}
    .ling .abt{padding-top: 12%;}
    .abouts .abt{padding-top: 10%;}
    
}





/*内页左侧样式*/


/*.left{width: 225px;float: left;}
.right{width: 940px;float: right;}
.xypg-case-list li{width:300px;}
.xypg-product-list li{width: 293px;}
.xypg-product-list li .img img{width: 271px;height: 205px;}
.relate-product-slick .owl-item .img img{    width: 213px;height: 159px;}
.xypg-case-list li .img img{width: 300px;height: 300px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}*/
.page-product-inquiry a{color: #fff;}
@media (min-width: 1200px){
.banner-item{
	height: 100vh;
    width:100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	}
.banner-item a{
	display:block;width:100%;height:100vh}
}


/* 自适应手机底部导航 */

@media(max-width:768px) {
    body {
        padding-bottom: 50px !important;
    }
}
@media(max-width:1700px) {
.h_case_list .case_categories ul li { 
    padding: 2.7vw 1.42vw 2.7vw 1.42vw; 
}

}
@media(max-width:1440px) {
.h_case_list .case_categories ul li { 
    padding: 3.2vw 1.42vw 3.2vw 1.42vw;
}

}
@media (max-width: 1440px){
.h_case_list .case_categories ul li {
    padding: 3.3vw 1.42vw 3.3vw 1.42vw;
}
}
@media (max-width: 1440px){
.h_case_list .case_categories ul li {
    padding: 3.5vw 1.42vw 3.5vw 1.42vw;
}
}
@media (max-width: 1200px){
.h_case_list .case_categories ul li {
    padding: 3.8vw 1.42vw 3.8vw 1.42vw;
}
}
@media (max-width:992px){
.h_case_list .case_categories {
    width: 100%;
    float: none;
}
.h_case_list .h_case_detail {
    width: 100%;
    float: none;
    position: relative;
}
.h_case_list .case_categories ul li {
    padding: 2vw 15px 2vw 15px;
	margin-bottom:8px;
}
.h_case_list .case_categories ul li a {
    font-size: 14px;
    color: #FFF;display: block;
}
.h_case_list .case_categories ul li a img{width:25px;height:auto;}
.h_case_list .h_case_detail .desc .text {
    display: none;
}

}
li {
    list-style: none;
    cursor: pointer;
}

.q_d_m {
    float: left;
    width: 100%;
    height: 50px;
}

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #191919;
    z-index: 999;
    border-top: 1px solid #fff;
}

.pf_down li {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 7px 0 4px 0;
    border-right: 1px solid #fff;
}

.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;
}

.pf_down li .d_name {
    width: 100%;
    float: left;
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}

.pf_down li.l1 .ico7 {
    background: url(../images/btn15.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(../images/btn16.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(../images/btn17.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li:nth-child(3n) {
    border: none;
}

/* 右侧浮窗 */
#c-right-fixed {
    position: fixed;
    bottom: 0;
    left: 5px;
    z-index: 905;
}
#c-right-fixed a {
    position: relative;
    right: 0;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    width: 70px;
    height: 70px;
    text-align: center;
    color: #777;
    background: #fff;
}

#c-right-fixed a:last-child {
    margin-bottom: 0;
}

#c-right-fixed a:nth-child(3) {
    z-index: 2;
}

#c-right-fixed .c-wrap {
    border: 1px solid #eff1f5;
    padding: 11px 0;
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
    transition: all .5s;
}

#c-right-fixed .c-wrap img {
    height: 28px;
}

#c-right-fixed .c-wrap img:nth-child(2),
#c-right-fixed a:hover .c-wrap img:nth-child(1) {
    display: none;
}

#c-right-fixed a:hover .c-wrap img:nth-child(2) {
    display: inline-block;
}

#c-right-fixed .c-title {
    padding-top: 5px;
    font-size: 12px;
    line-height: 1;
}

#c-right-fixed a:last-child .c-title {
    font-family: "Arial";
    font-weight: bold;
}

#c-right-fixed .c-text {
    flex: 0 0 auto;
    width: 170px;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    border-left: 1px solid #1a50aa;
    color: #fff;
    transition: all .5s;
}

#c-right-fixed .c-img {
    position: absolute;
    left: -300px;
    top: -1px;
    z-index: -1;
    padding: 5px;
    width: 148px;
    border: 1px solid #eff1f5;
    background: #fff;
    transition: .5s;
    box-shadow: 0 0 50px rgba(0, 0, 0, .1);
}

#c-right-fixed .c-img::before {
    content: "";
    position: absolute;
    top: 34px;
    left: -8px;
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

#c-right-fixed .c-img img {
    width: 100%;
}

#c-right-fixed .c-img .c-text2 {
    padding: 5px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #777;
}

#c-right-fixed a .c-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 11px 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    transition: all .5s;
    overflow: hidden;
}

#c-right-fixed a:hover .c-wrap {
    color: #fff;
    border-color: #0042ad;
    background: #0042ad;
}

#c-right-fixed a:last-child .c-wrap {
    color: #fff;
    border-color: #0042ad;
    background: #0042ad;
}

#c-right-fixed a:first-child:hover .c-box {
    width: 250px;
    height: 70px;
    /* -webkit-transform: translateX(-180px);
    transform: translateX(-180px); */
    overflow: none;
    background: #0042ad;
}

#c-right-fixed a:hover .c-img {
    left: 84px;
}

@media(max-width:991px){
#c-right-fixed {
    display: none;
}

}


.duiheder{display:flex;justify-content: space-between;align-items: center;}
.leftg {

/* width: 47%; */

display: flex;
}
.wufu_tes {
	font-size: 16px;
	color: #999;
	width: 14%;
	line-height: 25px;
}
.wufu_but {
	/* width: 59%; */
	float: right;
}
.wufu_but div {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	margin: 0;
	line-height: 1.5;
	/* margin-top: -3px; */
}

.wufu_but div p{
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin: 0;
	line-height: 1;
	/* margin-top: -3px; */
}
.loshu {
	width: 48px;
	float: left;
	margin-right: 10%;
}
.wufu_top {
	width: 20%;
}
.nanshouer{margin-left:3%;}