@charset "utf-8";
/* CSS Document */
#banner{ padding-bottom: 0;}

.linebar{ width: 100%; height: auto; overflow: hidden; background: #eee;}
.linebar .container{ height: auto;}
.sidemenu{ width: 50%; height: 8rem; padding: 2rem 0; overflow: hidden;}
.sidemenu a{ display: block; width: auto; font-size: 1.6rem; height: 4rem; line-height: 4rem; padding: 0 1.5rem; text-align: center; overflow: hidden; background: #fff; margin: 0 0.5rem;}
.sidemenu a:hover,.sidemenu a.on{ color: #fff; background:#0770af;background:-webkit-linear-gradient(to right,#0770af,#19e69b);background:linear-gradient(to right,#0770af,#19e69b)}
.sidemenu .swiper-wrapper{ display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end;}

.main{ width: 100%; float: left; margin: 5rem auto;}
.mainbox{ float: left; margin-right: 320px; width: 100%; padding-right: 320px;}
.mainbox-width{ display: inline-block; height: 0; overflow: hidden; }
.sidebar{ width: 270px; float: left; margin-left: -270px;}

/*当前位置*/
.position{ width: 50%; height: 5rem; line-height: 5rem; color: #666; }
.position a{ color: #333; font-size: 1.6rem; display: inline-block; padding: 0 0.5rem;}
.position a:hover{ color:#ff8400;}
.position span{ display: inline-block; padding-left: 3rem; background: url(../images/address.png) no-repeat center left;}
@media (max-width:1600px){
    .sidemenu a{ padding: 0 1rem;} 
}
@media (max-width:1199px){
    .position,.sidemenu{ width: 100%;}
    .sidemenu{ height: auto; line-height: 6rem; padding: 0;}
    .sidemenu .swiper-wrapper{ display: -webkit-box;}
}
@media (max-width:767px){
    .sidemenu a{ font-size: 2rem;}
    .position{ height: auto; line-height: 3rem; padding: 3rem 0;}
    .position span{ background-size: 2rem;}
}

/*文章详情页*/
.content .info .title{ width: 100%; height: auto; font-size: 2.4rem; line-height: 6rem; overflow: hidden; text-align: center;}
.content .newsinfo{width:100%;height:auto;line-height:2rem;padding-bottom:3rem; border-top:1px dotted #aaa;color:#666;font-size:1.4rem;text-align:center;}
.content .newsinfo span{color:#ff8400;font-family:Georgia,"Times New Roman",Times,serif;font-size:14px;font-weight:700}
.content .info{ width: 100%; padding: 3rem; border: 1px solid #ddd;}
.content .info img{ max-width: 100% !important; height: auto !important; margin: auto;}
.content .info-bp0{ padding: 5rem 0; border: 0; }
/*新闻列表页*/
.content .newbox{height: auto; overflow: hidden;}
.content ul.newbox li{ height: auto; overflow: hidden; float: left; width: 100%; margin: 1.5rem 0;}
.content ul.newbox li a{ display: inline-block; width: 100%; height: auto; overflow: hidden; padding: 2rem; border: 1px solid #ddd; transition: all 0.5s;}
.content ul.newbox li .txt h3{ font-size: 2.4rem; line-height: 5rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.content ul.newbox li .txt p{ line-height: 3rem; font-size: 1.8rem; margin: 2rem 0; color: #666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.content ul.newbox li .txt span{ display: inline-block; padding:1rem 3rem; font-size: 1.4rem; background: #eee; color: #333;}
.content ul.newbox li:hover a{ border: 1px solid #ba0000;}
.content ul.newbox li:hover span{ background: #ba0000; color: #fff;}
.content ul.newbox li:hover h3{ color:#ba0000;}
/*团队列表*/
.main .team .img{ padding: 10px; border:1px solid #ddd;}
.main .team li{ margin:15px auto;}
.main .team .txt h3{ line-height: 60px;}
.main .team .txt h3 small{display: inline-block; padding: 0 5px;}
.main .team .txt p{ font-size: 14px; padding: 15px 0;}
.main .team .txt span{ display: inline-block; width: 100%; text-align: center; border: 1px solid #444;}
.main .team li:hover span{ background: #ba0000; border-color: #ba0000; color: #fff;}
.main .team li:hover h3{ color: #ba0000;}
.main .team li:hover .img{ border-color: #ba0000;}

/*产品列表页*/
.main .img{margin-bottom: 3rem;}
.main .img a{ display: block; width: 100%; transition: all 0.5s; border: 1px solid #ddd; padding: 1rem; float: left;}
.main .img a img{ display: block; float: left;}
.main .img a p{ line-height: 2rem; padding-top: 1rem; font-size: 1.6rem; text-align: center; height: auto; float: left; width: 100%;}
.main .img a:hover{ background: #eee; box-shadow: 0 0 2rem #aaa;}
.main .img a:hover p{ color: #ba0000;}
.main .honner .img a{ padding: 0; border: 0; padding: 1rem;}
/*产品详情页*/
.product_img .imgdiv{ border: 1px solid #ddd; padding: 1rem;}
.product_img{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.product_img p{ line-height: 30px; font-size: 16px;}
.product_img p.title{ font-size: 24px; line-height: 30px; border-bottom: 1px solid #ddd; padding: 10px 0; margin-bottom:10px; color: #ff8400;}
.pc-slide{width:100%;margin:0 auto; border: 1px solid #ddd; padding: 15px;}
.view .swiper-container{width:100%;}
.view .arrow-left{background:url(images/left.png) no-repeat left top;position:absolute;left:10px;top:50%;margin-top:-25px;width:28px;height:51px;z-index:10}
.view .arrow-right{background:url(images/right.png) no-repeat left bottom;position:absolute;right:10px;top:50%;margin-top:-25px;width:28px;height:51px;z-index:10}
.preview{width:100%;margin-top:10px;position:relative}
.preview .swiper-container{width:100%;height:auto}
.preview .swiper-slide{width:100px;height:auto;cursor:pointer}
.preview .slide6{width:100px}
.preview img{padding:1px;}
.preview .active-nav img{padding:1px; border:1px solid #ff8400}
.product_info{ border: 1px solid #ddd;}
.product_info h3{ font-size: 18px; font-weight: normal;padding: 15px; background: #eee;}
.content_box{ padding:30px; width: 100%; height: auto; overflow: hidden;}
.content_box img{ max-width: 100%;}
.content .contact_btn{ height: auto; overflow: hidden; margin: 15px 0;}
.content .contact_btn a{ display: block; float: left; margin: 10px 0; padding: 5px 25px; color: #fff; background: #ff8400;}
.content .contact_btn a:last-child{ background:linear-gradient(to right,#0770af,#19e69b);}

/*列表搜索*/
.main .menu-bar{ padding: 15px 0;}
.main .menu-bar .search{ width: 100%; height: 60px; overflow: hidden; max-width:500px; margin: auto;}
.main .menu-bar .search input{ border: 1px solid #ddd; height: 50px; line-height: 50px; box-sizing: border-box; float: left; border-radius: 0; padding:0 15px; font-size: 16px; font-family: 'Microsoft YaHei';}
.main .menu-bar .search input.keywords{ width: 420px; border-right: 0;}
.main .menu-bar .search input.btn{ width: 80px; background: url(../images/s.png) no-repeat center #ba0000; border-color: #ba0000;}
.main .menu-list{ padding: 30px 0;}
.main .menu-list a{ display: inline-block; padding: 5px 30px; font-size: 18px;}
.main .menu-list a:hover,.main .menu-list a.on{ color: #ba0000; text-decoration: underline;}
/*分页*/
div.paginationbox{width:100%;height:auto;margin:3rem auto; overflow:hidden;text-align: center;}
ul.pagination{display:inline-block;padding:0;margin:0;}
ul.pagination li{display:inline}
ul.pagination li a,ul.pagination li span{color:#333;float:left;font-size:1.6rem;padding:1rem 2rem;margin:0 1rem;text-decoration:none; background: #eee; border: none;}
ul.pagination li span{cursor: default; border-radius: 0 !important;}
ul.pagination li span:hover{ color: #aaa;}
.pagination li:first-child a,.pagination li:last-child a{border-radius:0}
ul.pagination li.bor0 a{border-color:#fff;cursor:auto}
ul.pagination li a.active,ul.pagination li.thisclass a{color:#fff; cursor:default}
ul.pagination li.thisclass a{ background:linear-gradient(to right,#0770af,#19e69b);}
ul.pagination li a:hover:not(.active){background:linear-gradient(to right,#0770af,#19e69b); color:#fff;}
ul.pagination li.active span{background:linear-gradient(to right,#0770af,#19e69b); color:#fff;}
ul.pagination li.bor0 a:hover{background:0 0;color:#333;border-color:#fff}
ul.preNext{ width:100%; display: flex; justify-content: space-between; align-items: center; float: left;}
ul.preNext li{ width: 100%; padding: 5px 15px; background: #eee; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden}
ul.preNext li.return{ margin: 0; min-width: 120px; text-align: center; background:linear-gradient(to right,#0770af,#19e69b);}
ul.preNext li.return a{ color: #fff;}
ul.preNext li a{ color:#333;}
ul.preNext li:hover{ background: linear-gradient(to right,#0770af,#19e69b);color: #fff;}
ul.preNext li:hover a{ color: #fff;}
ul.preNext li.pre,ul.preNext li.next{ background: #eee;}

ul.preNext.preNextBig{ display: block;}
ul.preNext.preNextBig li{ margin: 15px 0;}
ul.preNext.preNextBig li a{ display: block; width: 100%; padding: 15px; font-size: 18px;}


/*侧边栏*/
.sidebar{ overflow: hidden; margin-top: 5rem;}
.ProNewFoucsLifzWo { width: 100%; height: 6rem;line-height: 6rem; margin-bottom: 1rem;}
.ProNewFoucsLifzWo a { font-size: 2.4rem; display: block; text-align: center; color: #fff;}
.prod-list02{border:1px solid #ddd}
.prod-list02>ul>li{border-bottom:1px solid #ddd}
.prod-list02 .cl{color:#333;line-height:4rem;font-size:1.8rem;margin-bottom:1rem;margin-top:0.5rem;text-align:center}
.prod-list02 .cl a{ display: inline-block; width: 100%;}
.prod-list02 .cl a:hover{ color: #ff8400; background: #f5f5f5;}
.prod-list02 .box2{overflow:hidden;padding: 1.5rem;}
.prod-list02 .box2 p{ font-size: 1.6rem; color: #666;}
.prod-list02 .box2 b{ display: inline-block; font-size: 2.4rem;}

.side_new,.side_img{ width: 100%; height: auto; overflow: hidden; border: 1px solid #ddd;margin-top: 1rem;}
.side_new p,.side_img p{ font-size: 2rem; background: #eee; padding: 1rem; border-bottom: 1px solid #ddd;}
.side_new ul{ height: auto; overflow: hidden; padding: 1rem;}
.side_new ul li{ position: relative; width: 100%; height: 5rem; line-height: 5rem; border-bottom: 1px dotted #ddd; float: left; overflow: hidden;}
.side_new ul li a{ display: inline-block; width: 100%; height: 5rem; text-overflow: ellipsis; overflow: hidden; font-size: 1.4rem; color: #666;}
.side_new ul li span{ position: absolute; display: inline-block; right: 0; font-size: 1.4rem; color: #aaa;}
.side_new ul li:hover a{ color: #ff8400;}
.side_img ul li{ height: auto; overflow: hidden; padding: 1rem;}
.side_img ul li a{ display: block;}
.side_img ul li span{ font-size: 1.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; width: 100%; background: #eee; float: left; text-align: center;}
.side_img ul li:hover span{ background: #ff8400; color: #fff;}
.sidebar .subnav{ width: 100%; height: auto; overflow: hidden; border: 1px solid #ddd;}
.sidebar .subnav ul li{ width: 100%; line-height: 4rem; border-bottom: 1px dotted #ddd;}
.sidebar .subnav ul li a{ display: inline-block; width: 100%; padding:0 3rem; transition: all 0.5s;}
.sidebar .subnav ul li:hover a{ background: #ff8400; color: #fff; text-indent: 2em;}

/*联系我们-百度地图*/
.info .infotop{border-bottom: 1px solid #ddd; padding-bottom: 3rem; margin-bottom: 3rem; width: 100%; height: auto; overflow: hidden; color: #666;}
.info .infotop .txt{ width: 100%;}
.info .infotop p:first-child{ width: auto; padding-right:50px; float:left;}
.info .infotop h4 {line-height: 1; padding-bottom: 2rem; font-size: 2.5rem; color: #000;}
#map{ border: 1px solid #ddd; border-top: 0;}
#map .anchorBL{display: none;}
#map #allmap{ height: 500px;}
/*在线留言*/
.msgbox{ width: 100%; height: auto; padding: 5rem; overflow: hidden; background: url(../images/lbg1.jpg) no-repeat right bottom #fcfcfc; background-size: auto 100%;}
.msgbox h3{ color: #ba0000; padding: 15px 0;}
.msgbox p{ line-height: 30px;}
.msgbox input,.msgbox textarea{ height: auto; border: 1px solid #ddd; padding:10px; border-radius: 0;}
.msgbox input.form-control:focus,.msgbox textarea:focus{ box-shadow:none; border-color: #ba0000;}
.msgbox button{ background: #222; padding: 10px 5rem; border-radius: 0; border-color: #222;}
.msgbox button:hover{ background: #ba0000; border-color: #ba0000;}

@media screen and (max-width: 1440px) {
    .content ul.newbox li .txt h3{ font-size: 2rem; line-height: 3rem;}
    .content ul.newbox li .txt p{ margin: 1rem 0; line-height: 2.4rem; font-size: 1.4rem;}
    ul.pagination li a, ul.pagination li span{ padding: 0.5rem 1rem; margin:0 0.5rem;}
}


/*Ipad样式*/
@media only screen and (min-width: 768px) and (max-width: 1199px){
    .mainbox{ width: 100%; margin: 0; padding: 0;}
    .sidebar{ margin: 0; width: 100%; margin-bottom: 30px;}
    .content ul.newbox li{ width: 48%;}
    .content ul.newbox li:nth-child(2n){ margin-left: 4%;}
    .content ul.newbox li a{ padding: 1rem;}
    .content ul.newbox li .txt span{ display: none;}
}


/*移动端样式*/
@media screen and (max-width: 767px) {
    #banner .swiper-slide .content.ad_txt{ display: none;}

	#map #allmap{ height: 400px;}
    .position a{ font-size: 1.6rem;}
    .main{ margin-bottom: 1rem;}
    .mainbox{ margin: 0; padding: 0; width: 100%;}
    .sidebar{ margin: 0; width: 100%; margin-bottom: 3rem;}
    .content .info{ padding: 0; border: 0;}
    .content .info .title{ line-height: 2.4rem; padding: 1rem 0;}
    .product_info{ border: 0;}
    .content_box{ padding: 0;}
    .content ul.newbox li{ margin: 0;}
    .content ul.newbox li a{ padding: 0.5rem;}
    .content ul.newbox li .txt h3{ font-size: 2.4rem; padding-top: 1rem;}
    .content ul.newbox li .txt p{ font-size: 1.8rem;}
    .message{ padding: 0; background: #fff;}
    .main .menu-bar .search input.keywords{ width: 70%; box-sizing: border-box;}
    .main .menu-bar .search input.btn{ width: 30%; box-sizing: border-box;}
    .prod-list02 .cl,.side_new ul li a,.side_img ul li span{ font-size: 2rem;}
    .prod-list02 .box2 b{ font-size: 4rem;}
    .main .img{margin: 0.5rem 0;}
    .ProNewFoucsLifzWo{ height: 8rem;line-height: 8rem;}
    .ProNewFoucsLifzWo a{ font-size: 3rem;}
    .prod-list02 .cl,.side_new p{ font-size: 2.5rem; line-height: 6rem;}
}

/*公司简介*/
.page_about{ width: 100%; padding: 3rem 0;}

.page_about h3{ font-size: 3rem; color: #333; line-height: 3rem; -webkit-justify-content: flex-start; justify-content: flex-start; padding-bottom: 3rem;}
.page_about h3 span.g-bg-color1{ font-size: 6rem; width: 6rem; height: 8rem; line-height: 8rem; text-align: center; color: rgba(255,255,255,.2);}
.page_about h3 span:not(.g-bg-color1){ padding-left: 1rem; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start;}
.page_about h3 b{ display: block; font-size: 5rem; line-height: 1; font-weight: bold; color: rgba(0,0,0,0.05);}
.page_about h3 small{ padding-left: 3rem; font-size: 2.4rem; color: #333;}
.page_about_img{ width: 48%;}
.page_about_img .imgcut{ padding-bottom: 60%;}
.page_about_content { width: 48%;}
.page_about_content p{ line-height: 2; padding: 1rem 0; text-indent: 4rem;}

@media (max-width:1600px){
    .page_about_content p{ font-size: 1.4rem}
}
.page_about_dexiya{ width: 100%; height: auto; overflow: hidden; padding: 0; background: url(../images/about01.jpg) no-repeat; background-size: cover; background-position: 50%;}
.page_about_dexiya .numCount{ padding: 5rem;}
.page_about_dexiya .df{ display: -webkit-flex;  display: flex; -webkit-justify-content: space-around; justify-content: space-around; color: #fff; }
.page_about_dexiya .df .num{ font-size: 6rem; line-height: 1.5; color: #fff; font-weight: bold;}
.page_about_dexiya .df sup{display: inline-block; vertical-align: top; top: 2rem; line-height: 1; margin-left: 3px; color: #fff; }

.page_culture .tit{ padding-top: 10rem; padding-bottom: 0;}
.page_culture .tit span{ top: 5rem;}
.page_culture ul{ width: 100%; height: auto; padding-top: 3rem;}
.page_culture ul li{ width: 32%;}
.page_culture ul li:nth-child(1),.page_culture ul li:nth-child(2){ width: 49%;}
.page_culture ul li a{ display: block; position: relative; background: #000;}
.page_culture ul li a .imgcut{ padding-bottom: 50%; opacity: 0.5; transition: all 0.5s;}
.page_culture ul li a .txt{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; color: #fff;}
.page_culture ul li a .txt .flex{ height: 100%;}
.page_culture ul li a .txt h3{font-size: 2rem; line-height: 2;}
.page_culture ul li a .txt p{font-size: 1.4rem; text-transform: uppercase;}
.page_culture ul li:hover .imgcut{ opacity: 0.9;}

.market .tit,.action .tit{ padding-top: 10rem; padding-bottom: 2rem;}
.market .tit span,.action .tit span{ top: 5rem;}
.market .box{-webkit-align-items:stretch;align-items:stretch;}
.market .lbox{width: 65%; border:1px solid #ddd}
.market .rbox{width:35%; color:#fff;padding: 3rem;}
.market .rbox p{ padding-bottom: 3rem;}

.action{ padding-bottom: 8rem;}
.action .txt{ padding: 3rem; border: 1px solid #ddd; margin-bottom: 3rem;}
.action .imgbox ul{ width: calc(50% - 5px);}
.action .imgbox ul li{ margin-top: 10px;}
.action .imgbox ul li .imgcut{ padding-bottom: 65%;}
.action .imgbox ul li.flex a{ width: calc(50% - 5px);}
.action .imgbox ul li a{ display: block; }
@media (max-width:1199px){
    .page_about_img,.page_about_content{ width: 100%; padding: 0;}
    .page_about_dexiya .df{ padding: 3rem; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .page_about_dexiya .df .col{ width: 50%;}
    .market .lbox{ display: none;}
    .market .rbox{ width: 100%;}
}

@media (max-width:767px){
    .page_about_dexiya{ flex-wrap: wrap;}
    .page_about_dexiya .lbox,.page_about_dexiya .rbox{ width: 100%;padding: 1rem;}
    .page_about_dexiya .df .num{ font-size: 4rem;}
    .page_about_dexiya .df sup{ font-size: 1rem; top: 1rem;}
    .page_about_content p{ font-size: 2rem; line-height: 3rem;}
    .page_about_dexiya .df{ padding: 1.5rem}
    .page_culture ul li{ width:49%;}
    .page_culture ul li:last-child{ width: 100%;}
    .market .box{-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .market .lbox,.market .rbox{ display: block; width: 100%;}
    .action .imgbox{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .action .imgbox ul{ width: 100%;}
    
}


/*产品封面*/
.page_product ul li{ position: relative; z-index: 2; padding:40px 60px 60px; display: flex; justify-content: space-between; margin: 50px 0;}
.page_product ul li::before{content:" ";display:block;z-index:-1;position:absolute;left:0;top:40px;right:0;bottom:0;border:#ddd solid 2px;pointer-events:none}
.page_product .img{position: relative; margin-top: -40px;}
.page_product ul li .txt{ width: 50%;}
.page_product ul li .img{ width: 40%;}
.page_product ul li .txt i{position:absolute;left:0;top:-4rem;background-color:#fff;color:#ba0000;padding-left:2rem;padding-right:2rem;font-size:8rem; line-height: 8rem; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.page_product ul li .txt{ padding-top: 6rem; position: relative;}
.page_product ul li .txt .dt{ background: url(../images/bgs-dotx4.png) no-repeat left center;}
.page_product ul li .txt .cn{ font-size: 3rem; padding: 5px 0; line-height: 1;}
.page_product ul li .txt .en{ font-size: 1.8rem;}
.page_product ul li .txt .dd{ margin: 3rem 0; color: #666;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.page_product ul li .txt a.more{ display: inline-block; right: 0; position: relative; padding: 1rem 3rem; font-size: 1.2rem; background: #ba0000; color: #fff; border-radius: 3rem;}
.page_product .swiper-pagination{ text-align: center;}
.page_product .swiper-pagination-bullet-active{ background: #ba0000;}
.page_product .swiper-button-next,.page_product .swiper-button-prev{ width: 5rem; height: 5rem; background: #ba0000; border-radius: 50%; color: #fff; text-align: center; line-height: 5rem;}
.page_product .swiper-button-next{ right: -25px;}
.page_product .swiper-button-prev{ left: -25px;}
@media (max-width:1560px){
    .page_product ul li .img,.page_product ul li .txt{ width: 48%;}
}
@media (max-width:767px){
    .page_product ul li{ margin:0; flex-wrap: wrap; padding: 1.5rem;}
    .page_product ul li .txt i{font-size: 2rem; line-height: 5rem; top: 0; box-shadow: 0 0 5px #eee;}
    .page_product ul li .img,.page_product ul li .txt{ width: 100%;}
    .page_product ul li .img{ margin-top: 1.5rem;}
}

/*案例*/
.product_img .dt{ background: url(../images/bgs-dotx4.png) no-repeat left center;}
.product_img .cn{ font-size: 3rem; padding: 5px 0; line-height: 1;}
.product_img .en{ font-size: 1.8rem;}

/*联系方式*/
.contact_list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.contact_list .col{ width: 25%; padding: 1.5rem; text-align: center;}
.contact_list .col img{ background:#0770af;background:-webkit-linear-gradient(to right,#0770af,#19e69b);background:linear-gradient(to right,#0770af,#19e69b);border-radius: 50%;}
.contact_list .col .dt{ font-size: 1.8rem; line-height: 3rem;}
@media (max-width:767px){
    .contact_list .col{ width: 50%;}
    .contact_list .col .dd{ font-size: 1.4rem; line-height: 2rem;}
    ul.preNext li{ width: 100%; margin-bottom: 1rem;}
    ul.preNext li a{ display: block; line-height: 4rem;}
    ul.preNext{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .pc-slide{ padding: 0; border: 0;}
}

/**售后保障------------------------**/
.service1 ul li,.service3 ul li{ width: 30%;}
.service1,.service3{ margin: 5rem auto;}
.service1 .title,.service3 .title{ padding: 3rem;}
.service1 .title h3,.service3 .title h3{ font-size: 3rem; font-weight: normal; padding-bottom: 3rem;}
.service1 .title p,.service3 .title p{ font-size:1.6rem; color: #666; line-height: 2;}
.service1 ul{ -webkit-align-items: flex-start;align-items: flex-start;}
.service1 ul .imgcut{ padding-bottom: 60%;}
.service1 ul li .txt{ padding: 3rem;}
.service1 ul li h3{ padding-bottom: 1rem; font-size: 2.5rem; font-weight: normal;}
.service1 ul li p{ font-size:1.6rem; line-height: 1.5; color: #666;}
.service2{ width: 100%; height: auto; overflow: hidden; padding: 8rem 0; background: url(../images/servicebg.jpg) no-repeat; background-size: cover; background-position: 50%;}
.service2 .box{ width: 50%; padding: 5rem;}
.service2 .box p{ color: #fff; line-height: 2.5; font-size: 1.8rem;}
.service3 ul{ -webkit-align-items: stretch; align-items: stretch;}
.service3 ul li{ border: 1px solid #ddd; margin-top: 3rem; padding: 5rem 3rem; -webkit-align-items: flex-start;align-items: flex-start;}
.service3 ul li .icon{ min-width: 8rem; max-width: 8rem;}
.service3 ul li .txt{ padding-left: 1rem;}
.service3 ul li h3{ font-size: 2.5rem; padding-bottom: 1rem;}
.service3 ul li p{ font-size: 1.4rem; line-height: 1.5; color: #666;}
@media (max-width:1199px){
    .service2 .box{ width: 100%; padding: 3rem;}
    .service1 ul li{ width: 33%;}
    .service1 ul li .txt{ padding: 1rem 0;}
    .service1 ul li h3{ font-size: 2rem;}
    .service1 ul li p{ font-size: 1.4rem;}
    .service3 ul li{ width: 49%; padding: 3rem 1rem;}
}
@media (max-width:767px){
    .service1 .title, .service3 .title{ padding: 0;}
    .service1 ul{ margin-top: 3rem;}
    .service1 ul li{ width: 100%;}
    .service1 ul li h3{ font-size: 2.5rem;}
    .service1 ul li p{ font-size: 1.8rem;}
    .service3 ul li{ width: 100%;}
}
/*单页*/
.page_body{ padding: 5rem; border: 1px solid #ddd;}
.page_body img{ display: block; margin: 1px auto; max-width: 100%;}

/*案例列表详情*/
.list_case ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -1.5rem; -webkit-justify-content:flex-start;justify-content:flex-start}
.list_case ul li{ width: 25%; padding: 1.5rem;}
.list_case ul li.big{ width: 50%;}
.list_case ul li a{ display: block; position: relative; overflow: hidden;}
.list_case ul li .imgcut{ overflow: hidden;padding-bottom: 63%;}
.list_case ul li .txt{width: 100%; height: 5rem; line-height: 5rem; padding: 0 2rem; background: #f0f0f0; color: #333; text-align: center;}
.list_case ul li .txt span.arrow{ display: block; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.2rem; border-radius: 50%; background:#ff8400; color: #fff;}
.list_case ul li img{ transition: all 0.5s;}
.list_case ul li .imgbox{ padding-bottom: 70%; overflow: hidden;}
.list_case ul li:hover img{ transform: scale(1.1);}
.list_case ul li:hover .txt{ color:#ff8400;}

.show_case{ -webkit-align-items: flex-start; align-items: flex-start;}
.show_case .lbox{ width: 65%;}
.show_case .rbox{ width: 35%; padding-left: 5rem;}


.show_case .lbox .swiper-button-next,.show_case .lbox .swiper-button-prev{ width:4rem; height:8rem; background:#ff8400; text-align:center; color:#fff; line-height:8rem}
.show_case .lbox .swiper-button-next{ right:0}
.show_case .lbox .swiper-button-prev{left:0}

.relation{ padding: 5rem 0; background: #eee; margin-bottom: 15rem;}
.relation .title h3{ text-align: center; font-weight: normal; font-size:3rem; line-height: 1; padding-bottom: 1rem;}
.relation .title p{ text-transform: uppercase; line-height: 1;}
.relation .swiper-container{ padding: 3rem 0;}
.relation .swiper-pagination{ bottom: 0;}
.relation .swiper-pagination-bullet-active{background:#ff8400;}
.relation .img{ padding: 2rem; background: #fff;}
.relation .imgcut{ padding-bottom: 63%;}
.relation span.tag{ display: none; width: 3rem; position: absolute; z-index: 2; left: 1.5rem; top: 1.5rem;}
.relation span.ontag{ display: block;}
.relation span.tag img{ display: block; width: 100%;}
.relation p{ text-align: center; padding: 5px 0;}

@media (max-width:1199px){
    .list_case ul li{ padding: 1px;}
    .show_case .lbox,.show_case .rbox{ width: 100%; padding: 0;}
    .show_case .rbox{ padding-top: 3rem;}
}
@media (max-width:767px){
    .product_img p.title{ font-size: 3rem;}
    .preview .swiper-slide{ width:8rem;}
    .relation{ margin-bottom: 5rem;}
    .list_case ul{ margin: auto -2px;}
    .list_case ul li{ width: 50%; padding: 2px;}
}

/*视频展示*/
.videobox .tit{ padding-bottom: 2rem;}
.video_menu{ -webkit-justify-content: center; justify-content: center;}
.video_menu a{ display: block; padding: 1rem 3rem; background: #eee; border-radius: 6rem; margin:0 1rem;}
.video_menu a:hover,.video_menu a.on{ background:-webkit-linear-gradient(to right,#0770af,#19e69b);background:linear-gradient(to right,#0770af,#19e69b); color: #fff;}

.videobox .vbox{ margin: 3rem 0;}
.videobox .vbox ul{  width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.videobox .vbox ul li{width: calc(33.33% - 10px);}
.videobox .vbox ul li a{ display: block; padding-bottom: 15px;}
.videobox .vbox ul li .imgbox{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.videobox .vbox ul li:hover .imgcut{ background: #000 }
.videobox .vbox ul li .imgcut{ padding-bottom: 66.7%;}
.videobox .vbox ul li .imgbox{ background: none;}
.videobox .vbox ul li img{ z-index: 1; transform: scale(1); transition: all ease-out 0.5s; opacity: 0.7;}
.videobox .vbox ul li:hover img{ overflow: hidden; opacity: 0.5;}
.videobox .vbox ul li div.vbtn{ position: absolute; bottom:3rem; right:3rem; z-index: 3; display: block; width:3rem; height: 3rem; border-radius: 50%; overflow: hidden; background: url(../images/play.png) no-repeat center;  background-size: contain}
.videobox .vbox ul li p{ position: absolute; z-index: 99; left: -100%; top: 1rem; color: #fff; width: 100%; padding: 1rem; line-height: 3rem; font-size: 1.8rem; transition: all 0.5s;}
.videobox .vbox ul li:hover p{ left: 0;}

.video{ position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%;}
.video video{ width: 100%; height: 100%; background: #000;}
.videoed { width:50px; height:50px; position: absolute; left:50%; top:50%; margin-left: -25px; margin-top: -25px; z-index:99; border-radius:100%; }
.videos{ background: none; display:none; position:fixed; left:50%; top:50%; margin-left: -600px; margin-top: -337.5px; z-index:999; width: 100%; max-width: 1200px; height:auto; }
.videos video{ background: #000; border: 0.5rem solid #fff; box-shadow: 0 0 5rem rgba(0,0,0,0.5);}
.vclose { position:absolute;right:1rem; top:1rem; border-radius:100%; cursor: pointer;}

.videobox .more{ margin-bottom: 5rem;}
.videobox .more a{ display: block; width: 100%; padding: 1rem; text-align: center; background: #eee; color: #333; font-size: 1.4rem;}
.videobox .more a:hover{background:linear-gradient(to right,#0770af,#19e69b);color: #fff;}
@media (max-width:767px){

}
/*新闻中心*/
.news_center{ width: 100%; height: auto; overflow: hidden; padding: 5rem 0;}
.news_center .imgcut{ padding-bottom: 63%;}
.news_center .title{ padding-bottom: 3rem;}
.news_center .title h3{ font-size: 3rem; color: #333; font-weight: normal;}
.news_center .title small{ font-size: 1.4rem; color: #aaa; text-transform: uppercase;}
.news_center .title a{ font-size: 1.6rem; color: #666;}
.news_center .title a:hover{ color: #ff8400; text-decoration: underline;}

.news_center .date span{ font-size: 4rem; color: #666;}
.news_center .date small{ font-size: 1.4rem; color: #aaa;}
.news_center .txt h3,.news03 ul li h3{overflow: hidden; display: -webkit-box;text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news_center .txt p{ overflow: hidden; display: -webkit-box;text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.news01 ul li{ width: 32%;}
.news01 ul li a{ display: block; padding: 3rem; background: #f0f0f0;}
.news01 ul li .txt h3{ font-size: 2rem; line-height: 3; font-weight: normal;}
.news01 ul li .txt p{ font-size: 1.4rem; color: #888; line-height: 1.5;}
.news01 ul li:hover a{ background:linear-gradient(to right,#0770af,#19e69b);}
.news01 ul li:hover h3,.news01 ul li:hover span,.news01 ul li:hover small,.news01 ul li:hover p{ color: #fff;}

.news02{ background: #f0f0f0;}
.news02 .lbox,.news02 .rbox{ width: 48%; overflow: hidden;}
.news02 .container > .flex{ -webkit-align-items: flex-start; align-items: flex-start;}
.news02 .lbox .date{ min-width: 8rem; text-align: center; line-height: 1.5;}
.news02 .lbox .imgbox{ width: 30%; min-width: 15rem;}		
.news02 .lbox li{ padding: 3rem 0; border-bottom: 1px solid #ddd;}		
.news02 .lbox li .txt{ padding: 0 3rem;}
.news02 .lbox li .txt h3{ font-size: 2rem; line-height: 2; font-weight: normal;}
.news02 .lbox li .txt p{ font-size: 1.4rem; color: #888; line-height: 1.5;}
.news02 .lbox li:hover h3{ color: #ff8400;}
.news02 .lbox li:hover p{ color: #333;}
.news02 .rbox .imgfocus a{display: block; position: relative;}
.news02 .rbox .imgfocus p{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 1rem; background: rgba(0,0,0,0.7); color: #fff;}
.news02 .rbox .imgfocus .swiper{ position: relative;}
.imgfocus .swiper-pagination{ text-align: right;}
.imgfocus .swiper-pagination-bullet{ background: #ff8400; opacity: 0.2;}
.imgfocus .swiper-pagination-bullet-active{ opacity: 1;}

.news03 ul li{ width: 32%; border: 1px solid #ddd;}
.news03 ul li a{ display: block; padding: 3rem;}
.news03 ul li .flex{ -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start;}
.news03 ul li span{ display: block; min-width: 3rem; min-height: 3rem; color: #fff; background: #ff8400; text-align: center; line-height: 3rem; font-size: 1.2rem; margin-right: 1rem;}
.news03 ul li h3{ line-height: 3rem;}
.news03 ul li .q{ margin-bottom: 1rem;}
.news03 ul li .q span{ background:linear-gradient(to right,#0770af,#19e69b);}
.news03 ul li p{ font-size: 14px; color: #888; line-height: 1.5;}
.news03 ul li:hover{ border: 1px solid #ff8400;}

.news04{ width: 100%; height: auto; overflow: hidden; padding-bottom: 10rem;}
.news04 ul li{ width: 48%; border-bottom: 1px solid #ddd; padding-bottom: 3rem;}
.news04 ul li .txt h3{ font-size: 2rem; line-height: 3;}
.news04 ul li:hover h3{ color: #ff8400;}
.news04 ul li:hover p{ color: #333;}
.news04 ul li .txt p{ font-size: 1.4rem; color: #888; line-height: 1.5;}
@media (max-width:767px){
    
    .news04{ padding: 0; padding-bottom: 3rem;}
    .news01 ul,.news03 ul,.news04 ul,.news02 .container > .flex{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .news01 ul li,.news03 ul li,.news04 ul li,.news02 .lbox, .news02 .rbox{ width: 100%; margin-bottom: 1.5rem;}
    .news04 ul li{ border: none;}
    .news02 .lbox{ margin-bottom: 5rem;}
    .news03 ul li h3{ font-size: 16px;}
    .news03 ul li p{ font-size: 12px;}
}

/*新闻列表*/
.list_news01 ul{ -webkit-justify-content: stretch; justify-content: stretch;}
.list_news01 ul li{ width: 32%; margin-top: 3rem;}
.list_news01 ul li:not(:nth-child(3n)){ margin-right:2%;}

.list_news02 ul li a{  -webkit-align-items: flex-start; align-items: flex-start;}
.list_news02 ul li{ width: 100%; height: auto; overflow: hidden; padding: 5rem; background: #fff; border-bottom: 1px solid #eee;}
.list_news02 ul li .date{ width: 8rem; height: 8rem; background: #f5f5f5; line-height: 1; text-align: center; padding: 1rem;}
.list_news02 ul li:hover .date{ background:linear-gradient(to right,#0770af,#19e69b);}
.list_news02 ul li:hover .date span,.list_news02 ul li:hover .date small{ color: #fff;}
.list_news02 ul li .imgbox{ width: 25%; padding: 0 3rem;}
.list_news02 ul li .txt{ width: 70%;}
.list_news02 ul li h3{ font-size: 2.5rem;}
.list_news02 ul li p{font-size: 1.6rem; color: #666; line-height: 2; margin: 3rem 0;}
.list_news02 ul li:hover h3{ color: #ff8400;}
.list_news02 ul li:nth-child(2n){ background: #f0f0f0; }
.list_news02 span.more{ max-width: 15rem; padding-left:3rem; padding-right: 1rem; height: 4rem; line-height: 4rem; border-radius: 5rem; background: #aaa; font-size: 1.4rem; color:#fff; transition: all 0.5s;}
.list_news02 span.more small{ display: block; width:3rem; height: 3rem; line-height: 3rem; border-radius: 50%; color: #666; background:#fff; margin: 1rem 0; text-align: center; transition: all 0.5s;}
.list_news02 li:hover span.more{ background:#ff8400; color: #fff; box-shadow: 1rem 1rem 1rem rgba(0,0,0,0.1);}
.list_news02 li:hover span.more small{ color:#ff8400; background: #fff;}

.list_news03 ul{ -webkit-justify-content: stretch; justify-content: stretch;}
.list_news03 ul li{ width:32%; margin-top: 2rem;}
.list_news03 ul li:not(:nth-child(3n)){ margin-right: 2%;}

.list_news04 ul{ -webkit-justify-content: stretch; justify-content: stretch;}
.list_news04 ul li{ width:32%; margin-top: 3rem;}
.list_news04 ul li:not(:nth-child(3n)){ margin-right: 2%;}
@media (max-width:1600px){
    .news_center .txt h3{ font-size: 2rem;}
    .news_center .txt p{ margin: 1.5rem 0; }
}
@media (max-width:1199px){
    .list_news01 ul li{ width: 49%; margin-top: 1.5rem;}
    .list_news01 ul li:not(:nth-child(3n)){ margin-right: 0;}
    .list_news01 ul li:nth-child(2n){ margin-left: 2%;}
    .list_news02 ul li{ padding: 3rem;}
    .list_news02 span.more{  display: none;} 
    .list_news02 ul li .imgbox{ padding:0 2rem;}
    .list_news02 ul li h3{ font-size: 1.8rem; font-weight: normal;}
    .list_news02 ul li p{ font-size: 1.4rem; line-height: 1.5;}
    .list_news02 ul li .txt{ width: 100%; padding-left: 2rem;}
    .list_news03 ul li{ width: 49%;}
    .list_news03 ul li:not(:nth-child(3n)){ margin-right: 0;}
    .list_news03 ul li:nth-child(2n){ margin-left: 2%;}
    .list_news04{ padding-top: 5rem;}
    .list_news04 ul li{ width: 49%; padding-bottom: 0;}
    .list_news04 ul li:not(:nth-child(3n)){ margin-right: 0;}
    .list_news04 ul li:not(:nth-child(2n)){ margin-right: 2%;}

}

@media (max-width:767px){
    .news_center{ padding-bottom: 0;}
    .list_news01 ul li{ width: 100%;}
    .list_news01 ul li:nth-child(2n){ margin-left: 0;}
    .news01 ul li .txt p{ font-size: 1.6rem; margin: 0;}
    .list_news03 ul li{ width: 100%; margin-top: 0;}
    .list_news03 ul li:nth-child(2n){ margin-left: 0;}
    .list_news04 ul li{ width: 100%; margin-bottom: 5rem; margin-top: 0;}
    .list_news04 ul li:not(:nth-child(2n)){ margin-right:0;}
    .news04 ul li .txt p{ font-size: 1.6rem; margin: 0;}
}

/*图片相册*/
.album{ -webkit-justify-content: stretch; justify-content: stretch;}
.album .rthumbnail{ width: 24%; margin-top: 2rem;}
.album .rthumbnail:not(:nth-child(4n)){ margin-right:calc(4%/3);}
.album .rthumbnail .imgbox{ padding: 1rem; border: 1px solid #ddd;}
.album .rthumbnail .rcaption{ line-height: 3;}
.album .rthumbnail:hover .imgbox{ border-color: #ff8400;}
.album .rthumbnail:hover .rcaption{ color: #ff8400;}

@media (max-width:767px){
    .album .rthumbnail{ width: 49%; margin-top: 2rem;}
    .album .rthumbnail:not(:nth-child(4n)){ margin-right:0;}
    .album .rthumbnail:nth-child(2n){ margin-left:2%;}
}

/*产品筛选*/
.filter{ padding: 5rem 0;}
.filter ul li{ width: 100%; border-bottom: 1px solid #ddd; padding: 1rem 0;}
.filter ul li h3{ width: 12rem; min-width: 12rem; text-align: right;}
.filter ul li .checkbox{ width: 100%; padding-left: 5rem; -webkit-justify-content: flex-start; justify-content: flex-start;}
.filter ul li .checkbox a{ display: block; padding: 0 2rem; line-height: 3.5rem; border-radius: 6rem; margin: 5px 1px;font-size: 1.4rem;}
.filter ul li .checkbox a.on,.filter ul li .checkbox a:hover{background:linear-gradient(to right,#0770af,#19e69b); color: #fff;}

.list_product{ width: 100%; height: auto; overflow: hidden;}
.list_product .imglist{margin: 2rem auto; width: 100%;}
.list_product .imglist.active{ display: block;}
.list_product .imglist ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items:flex-start; align-items:flex-start; margin:0 -2.5rem; -webkit-justify-content: flex-start; justify-content: flex-start;}
.list_product .imglist ul li{ width: 33.33%; padding:1.5rem 2.5rem;}
.list_product .imglist ul li a{ display: block; position: relative;}
.list_product .imglist ul li .img{ width: 100%; background: none; border:1px solid #ddd; padding: 1.5rem;}
.list_product .imglist ul li .imgcut{ padding-bottom: 63.333%;}
.list_product .imglist ul li .imgcut img{ transition: all 0.5s;}
.list_product .imglist ul li:hover .imgcut img{ transform:scale(1.05);}
.list_product .imglist ul li h3{ line-height: 3; overflow: hidden; display: -webkit-box;text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.list_product .imglist ul li:hover h3{ color: #ff8400;}
.list_product .imglist ul li span.tag{ display: none; width: 3rem; position: absolute; z-index: 2; left: 1.5rem; top: 1.5rem;}
.list_product .imglist ul li span.ontag{ display: block;}
.list_product .imglist ul li span.tag img{ display: block; width: 100%;}
.list_product .imglist ul li .txt{ padding: 1rem 0;}
.list_product .imglist ul li .txt p{ line-height: 2; font-size: 1.4rem; color: #666;  overflow: hidden; display: -webkit-box;text-overflow: ellipsis; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.list_product .imglist ul li .txt span{ display: block; padding: 1rem 3rem; font-size: 1.4rem; border: 1px solid #aaa;}
.list_product .imglist ul li:hover p{ color: #333;}
.list_product .imglist ul li:hover .txt span{ background: #ff8400; color: #fff; border-color: #ff8400;}
@media (max-width:1199px){
    .filter{ padding-bottom: 0;}
    .list_product .imglist ul{ margin: 0 -5px;}
    .list_product .imglist ul li{ padding:5px;}
    .list_product .imglist ul li .txt p,.list_product .imglist ul li .txt span{ width: 100%;}
    .list_product .imglist ul li .txt span{ margin: 1rem 0; text-align: center;}
}
@media (max-width:767px){
    .filter ul li{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .filter ul li h3,.filter ul li .checkbox{ width: 100%; padding: 0; text-align: left;}
    .filter ul li h3{ font-size: 2rem; line-height: 3;}
    .filter ul li .checkbox a{ margin: 2px;}
    .list_product .imglist ul{ margin: 0 -2.5px;}
    .list_product .imglist ul li{ width: 50%; padding: 2.5px;}
}