@charset "utf-8";
* {margin:0;padding:0;}
* html {overflow:visible;margin:0;padding:0;text-align:center;}
body {background:#fff;color:#555;width:100%;margin:0 auto;text-align:center;padding:0;font-family:"微软雅黑","Microsoft YaHei";font-size:14px;box-sizing:border-box}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr {list-style-type:none;margin:0 auto;padding:0;}
input,select {font-size:14px;outline:none;vertical-align:middle;}
body div {text-align:left;box-sizing:border-box}
textarea,input {word-wrap:break-word;word-break:break-all;padding:0;}
img {border:0 none;vertical-align:middle}
a {color:#555;text-decoration:none;outline:none;margin:0;padding:0;display:inline-block}
a:hover {color:#3399cc;}
span,i,em {display:inline-block;font-style:normal}
button {border:0;background:transparent;outline:none;cursor:pointer;}
.left {float:left;}
.right {float:right;}
.index {overflow:hidden}
.width {width:1200px;margin:0 auto;}
iframe {display:block;border:0;}
.img_box {overflow:hidden;text-align:center}
.img_box img {max-width:100%;max-height:100%;}
/*轮播通用样式*/
.owl-theme .owl-controls {margin-top:0;}
.owl-demo {overflow:hidden;width:100%;}
.banner .img_box {width:100%;position:relative;overflow:hidden;cursor:pointer;}
.banner .img_box img {margin:0 calc(50% - 960px);}
.owl-carousel .owl-item {float:left;}
/*首页轮播banner*/
.banner {position:relative;}
.banner .owl-controls {margin-top:0;bottom:20px;position:absolute;width:100%;}
.banner .owl-controls .owl-pagination {text-align:center;}
.banner .owl-pagination .owl-page span {background:#fff;opacity:1;}
.banner .owl-pagination .owl-page.active span {background:#3399cc;}
/*********头部**********/
header .welcome {height:30px;line-height:30px;background:#888;color:#fff;}
header .welcome .wel-r span {padding-left:50px;cursor:pointer;}
header .welcome .wel-r .icon {display:inline-block;width:16px;height:25px;margin-right:5px;}
header .welcome .qr .img_box {display:none;width:90px;height:90px;padding:5px;background:#fff;position:absolute;top:35px;left:50%;}
header .welcome .qr .img_box.img01 {margin-left:280px;}
header .welcome .qr .img_box.img02 {margin-left:400px;}
header .welcome .qr .img_box.img03 {margin-left:520px;}
header .shop-mark {height:166px;background:url(../img/img01.jpg) no-repeat;background-size:100% 100%;}
header .shop-mark .text {width:480px;text-align:center;padding:45px 0;}
header .shop-mark .text .text-h2 {font-size:28px;line-height:50px;letter-spacing:1px;color:#3399cc;}
header .shop-mark .text .text-p {font-size:20px;letter-spacing:1px;color:#333333;background:url(../img/img02.png) center no-repeat;}
header .shop-mark .logo {width:192px;height:160px;text-align:center;margin:3px 20px;display:block;}
header .shop-mark .hot-line {width:325px;border-radius:10px;border:solid 1px #a0a0a0;padding:15px 10px;box-sizing:border-box;margin-top:45px;}
header .shop-mark .hot-line .img_box {width:34px;height:34px;margin:10px;}
header .shop-mark .hot-line .tel {width:230px;font-size:16px;line-height:24px;color:#333333;font-weight:600;}
header .shop-mark .hot-line .tel b {font-weight:600;font-size:20px;color:#333333;letter-spacing:1px;}
/*导航*/
section .nav {height:50px;background-color:#4c4c4c;}
section .nav .nav-ul li {float:left;width:10%;padding:8px 0 7px;position:relative;}
section .nav .nav-ul li:last-child a {border-right:0;}
section .nav .nav-ul li>a {display:block;width:100%;height:35px;line-height:35px;text-align:center;color:#fff;font-size:18px;border-right:1px solid #a2a2a2;position:relative;z-index:9;}
section .nav .nav-ul li:hover a .frame,section .nav .nav-ul li.active a .frame {display:block;position:absolute;top:-9px;width:127px;height:52px;line-height:52px;left:0;background-color:#3399cc;z-index:8;box-shadow:0 0 5px 2px #000;}
section .nav .nav-ul li.last a {border-right:0;}
section .nav .nav-ul li.first {width:190px;background:url(../img/img05.png) 150px center no-repeat;}
section .nav .nav-ul li.first a {text-align:left;}
section .nav .nav-ul li .first-box {width:190px;background-color:rgba(0,0,0,0.6);position:absolute;top:50px;z-index:999;padding:0 6px;}
section .nav .nav-ul li .first-box a {display:block;border-bottom:1px solid rgba(255,255,255,0.4);color:#fff;height:80px;line-height:80px;font-size:18px;position:relative;padding-left:70px;}
section .nav .nav-ul li .first-box a:hover {color:#3399cc;}
section .nav .nav-ul li .first-box a.last {border-bottom:0;}
section .nav .nav-ul li .first-box a .img_box {display:block;width:35px;height:35px;line-height:35px;text-align:center;position:absolute;left:12px;top:20px;}
section .nav.nav-other .nav-ul li {width:10%;}
section .nav.nav-other .nav-ul li:hover a .frame,section .nav.nav-other .nav-ul li.active a .frame {width:120px;}
section .name {padding:30px 0;text-align:center;}
section .name .na-title {width:620px;font-size:36px;letter-spacing:1px;color:#3399cc;line-height:55px;position:relative;padding-bottom:10px;border-bottom:1px solid #555;}
section .name .na-title .bar {width:95px;height:5px;background-color:#3399cc;position:absolute;bottom:-3px;left:50%;margin-left:-48px;}
section .name .text-p {font-size:18px;line-height:30px;padding-top:10px;letter-spacing:2px;color:#555555;}
section .link-a {width:310px;height:46px;line-height:46px;background-color:#ffffff;border-radius:10px;text-align:center;font-size:20px;letter-spacing:1px;color:#3399cc;font-weight:bold;transition:all .6s;}
section .link-a:hover {background:#3399cc;color:#fff;transition:all .6s;}
/*热门关键词*/
section .hot-ci {height:50px;line-height:50px;background-color:#ececec;color:#000;}
section .hot-ci .text-ci a {padding:0 10px;}
section .hot-ci .input-box {width:275px;height:30px;line-height:29px;background-color:#fff;border-radius:14px;border:solid 1px #fff;margin:10px 0;overflow:hidden;position:relative;}
section .hot-ci .input-box input {border:0;width:220px;height:28px;line-height:28px;padding:0 10px;box-sizing:border-box;border-bottom-left-radius:28px;border-top-left-radius:18px;}
section .hot-ci .input-box button {width:40px;height:30px;background:#fff;position:absolute;right:0;top:0;border-bottom-right-radius:18px;border-top-right-radius:18px;}
/*面包屑*/
section .crumbs {padding:20px 0;}
section .crumbs .crumbs-text {position:relative;padding-left:30px;}
section .crumbs .crumbs-text span {color:#000;}
section .crumbs .icon {width:19px;height:19px;background:url(../img/img83.png) no-repeat;position:absolute;left:8px;}
section .crumbs .crumbs-text a {padding:0 10px;}
/*资讯推荐*/
section .rec .rec-top .box {display:block;}
section .rec .rec-top .img_box {width:332px;height:237px;}
section .rec .rec-top .img_box img {width:100%;height:100%;}
section .rec .rec-top .text {width:868px;padding:30px 0 0 50px;}
section .rec .rec-top .text .title span {width:500px;font-size:24px;line-height:60px;letter-spacing:1px;color:#3399cc;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
section .rec .rec-top .text .title i {width:60px;height:60px;background:url(../img/img85.png) center center no-repeat;margin-right:20px;}
section .rec .rec-top .text .text-p {font-size:14px;line-height:25px;margin-bottom:20px;}
section .rec .rec-ul {padding:30px 0 40px;}
section .rec .rec-ul li {width:46%;padding:10px 0;}
.rec-ul li:nth-child(2n-1) {float:left;}
.rec-ul li:nth-child(2n) {float:right;}
section .rec .rec-ul li a {display:block;font-size:15px;position:relative;padding-left:20px;}
section .rec .rec-ul li a i {width:10px;height:10px;background-color:#555555;border-radius:50%;position:absolute;left:0;top:5px;}
section .rec .rec-ul li a:hover i {background:#3399cc;}
section .rec .rec-ul li a span {width:300px;white-space:nowrap;text-overflow:ellipsis;}
/*定制产品推荐*/
section .hot-p-ul li {float:left;width:20%;padding:0 8px 10px;box-sizing:border-box;}
section .hot-p-ul li .box {display:block;text-align:center;}
section .hot-p-ul li .box .img_box {width:100%;border:1px solid #bfbfbf;}
section .hot-p-ul li .box .text-s {height:40px;overflow:hidden;}
/*因为专注，所以专业，众多品牌连锁企业一致的选择*/
section .because {width:1200px;height:240px;position:relative;overflow:hidden;}
section .because .because-img {max-width:none;max-height:none;width:1920px;height:240px;margin:0 calc(50% - 960px);}
section .because  .because-box {width:100%;position:absolute;top:90px;left:35px;}
section .because  .because-box .text-h2 {font-size:24px;line-height:36px;letter-spacing:1px;color:#ffffff;}
section .because  .because-box .line-on {padding-top:0px;color:#fff;}
section .because  .because-box .line-on .img_box {width:39px;height:63px;line-height:63px;margin-right:25px;}
section .because  .because-box .line-on .text-p {font-size:24px;}
section .because  .because-box  .form {padding-right:130px;}
section .because  .because-box  .form p {font-size:18px;line-height:30px;color:#ffffff;}
section .because  .because-box  .form input {width:194px;height:40px;background-color:#ffffff;border:0;margin-left:10px;text-align:center;font-size:15px;}
section .because  .because-box  .form .link-a {width:195px;height:38px;font-size:18px;font-weight:normal;line-height:38px;margin:12px 0 0 80px;border-radius:8px;}
.foot-box {width:100%;height:392px;position:relative;overflow:hidden;cursor:pointer;background-color:#555;}
.foot-box .images {max-width:none;max-height:none;width:1920px;height:520px;margin:0 calc(50% - 960px);}
.foot-box .foot-div {width:1200px;padding-top:40px;margin:0 auto;color:#fff;height:362px;border-bottom: 1px dashed #fff;}
.foot-box .foot-div .foot-lf {width:470px;text-align:center;}
.foot-box .foot-div .foot-lf .ft-h2 {font-size:28px;letter-spacing:3px;line-height:60px;}
.foot-box .foot-div .foot-lf .text-p {font-size:20px;letter-spacing:2px;background:url(../img/img12.png) center no-repeat;}
.foot-box .foot-div .foot-lf .ca-box {padding:30px 0;font-size:14px;line-height:24px;letter-spacing:1px;}
.foot-box .foot-div .foot-lf .link-a {position:relative;width:470px;border-radius:15px;padding:25px 30px 10px 30px;background:url(../img/img13.png) no-repeat;background-size:100% 100%;}
.foot-box .foot-div .foot-lf .link-a .friend-link {font-size:14px;letter-spacing:1px;width:75px;position:absolute;top:-9px;text-align:center;}
.foot-box .foot-div .foot-lf .link-a a {font-size:14px;line-height:29px;letter-spacing:1px;color:#ffffff;padding:0 8px;width:80px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.foot-box .foot-div .foot-lf .link-a a:hover {color:#3399cc;}
.foot-box .foot-div .foot-lf .code-ul {padding:0 70px;}
.foot-box .foot-div .foot-lf .code-ul li {float:left;width:50%;letter-spacing:5px;}
.foot-box .foot-div .foot-lf .code-ul li .img_box {width:90px;height:90px;line-height:88px;margin:24px auto 5px;background-color:#ffffff;}
.foot-box .foot-div .foot-rg {width:660px;}
.foot-box .foot-div .foot-rg .foot-rg-ul li {float:left;width:20%;}
.foot-box .foot-div .foot-rg .foot-rg-ul li .ti-h3 {font-size:18px;font-weight:normal;font-stretch:normal;line-height:29px;letter-spacing:2px;}
.foot-box .foot-div .foot-rg .foot-rg-ul li .ti-h3 i {display:block;width:30px;border:solid 1px #3399cc;margin:8px 0;}
.foot-box .foot-div .foot-rg .foot-rg-ul li a {display:block;font-size:14px;line-height:24px;letter-spacing:1px;color:#f0f0f0;}
.foot-box .foot-div .foot-rg .foot-rg-ul li a:hover {color:#3399cc}
/*侧边悬浮框*/
.suspension {position:fixed;right:-130px;top:50%;margin-top:-180px;z-index:9999;}
.suspension .suspension-ul li {background:#3399cc;height:80px;margin-bottom:1px;position:relative;right:0;transition:all 0.5s;cursor:pointer;}
.suspension .box {display:block;width:80px;color:#fff;text-align:center;padding:10px 0;line-height:25px;}
.suspension .my-kefu-right {width:130px;text-align:center;font-size:14px;line-height:20px;color:#ffffff;margin:20px 0;border-left:1px solid #fff;}
.suspension .box .img_box {width:35px;height:35px;line-height:35px;}
.suspension .suspension-ul li.last {border-bottom:0;}
.suspension .suspension-ul li:hover {right:20px;transition:all 0.5s;}
.suspension .suspension-ul li.tel:hover {right:130px;transition:all 0.5s;}
.suspension .qr-code {display:none;position:absolute;left:-130px;bottom:72px;background:#fff;width:98px;height:98px;padding:5px;}
.suspension .qr-code img {width:100%;height:100%;}
.news-list li:last-child a {border-bottom:solid 1px #bfbfbf!important;}
.page {margin:20px 0;text-align:center;clear:both;}
.page li a,.page li span {color:#000;}
.page li {display:inline-block;padding:7px 14px;margin:0 5px;border:1px solid #d2d2d2;border-radius: 15px;}
.page .active,.page .active span {background:#3399cc!important;color:#fff!important;}
.swiper-container.banner .swiper-pagination {position:absolute;z-index:20;bottom:30px;width:100%;text-align:center;}
.swiper-container.banner .swiper-pagination .swiper-pagination-bullet {display:inline-block;width:70px;height:5px;background:#fff;margin:0 5px;opacity:0.8;border-radius:0;cursor:pointer;}
.swiper-container.banner .swiper-pagination .swiper-pagination-bullet-active {background:#3399cc;}
.swiper-container.banner .text-box {position:absolute;width:665px;height:280px;background-color:rgba(0,0,0,0.5);top:50%;margin-top:-140px;left:50%;margin-left:-333px;color:#fff;padding:10px 20px;-webkit-transition:all 0.3s;}
.swiper-container.banner .swiper-slide-active .text-box {animation:img02 1s;-webkit-animation:img02 1s;}
@keyframes img02 {from {opacity:0;}
to {opacity:1;}
}
@-webkit-keyframes img02 
/* Safari 和 Chrome */ 
{from {opacity:0;}
to {opacity:1;}
}
.swiper-container.banner .text-box .border-box {height:100%;border:1px solid #fff;position:relative;text-align:center;}
.swiper-container.banner .text-box .border-box .s-box {width:47px;height:24px;background-color:#3399cc;position:absolute;left:-1px;top:-1px;}
.swiper-container.banner .text-box .border-box .s-box.righ-s {left:inherit;bottom:-1px;top:inherit;right:-1px;}
.swiper-container.banner .text-box .border-box .title-h2 {width:496px;font-size:49px;line-height:85px;font-weight:normal;letter-spacing:2px;border-bottom:1px solid #fff;padding:15px 0;opacity:0;transition:left 0.3s;}
.swiper-container.banner .swiper-slide-active .text-box .border-box .title-h2 {-webkit-transition:left 0.6s;-webkit-animation-name:move;animation-name:move;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;
/**延迟动画**/    
animation-delay:1s;}
@keyframes move {from {opacity:0;transform:scale(0);-webkit-transform:scale(0);}
to {opacity:1;transform:scale(1);-webkit-transform:scale(1);}
}
@-webkit-keyframes move 
/* Safari 和 Chrome */ 
{from {opacity:0;transform:scale(0);-webkit-transform:scale(0);}
to {opacity:1;transform:scale(1);-webkit-transform:scale(1);}
}
.swiper-container.banner .text-box .border-box .text-p {font-size:30px;letter-spacing:1px;padding:25px 0;opacity:0;width:100%;text-align:center;position:absolute;bottom:0;-webkit-transition:all 0.6s;}
.swiper-container.banner .swiper-slide-active .text-box .border-box .text-p {-webkit-animation-name:img05;animation-name:img05;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2s;animation-delay:2s;}
@keyframes img05 {from {opacity:0;bottom:0;}
to {opacity:1;bottom:20px;}
}
@-webkit-keyframes  img05 {from {opacity:0;bottom:0;}
to {opacity:1;bottom:20px;}
}
/*banner02*/
.swiper-container.banner .two-text-box {width:1008px;height:336px;background-color:rgba(255,255,255,0.8);box-shadow:1px 1px 7px 0 rgba(10,2,4,0.46);margin-left:-504px;margin-top:-168px;}
.swiper-container.banner .two-text-box .border-box {border:solid 1px #b5b5b5;}
.swiper-container.banner .two-text-box .border-box .title-h2 {width:100%;border-bottom:0;font-size:36px;line-height:58px;font-weight:bold;letter-spacing:1px;color:#3399cc;padding-top:40px;}
.swiper-container.banner .two-text-box .border-box .text-p .ts-s {float:left;font-size:18px;font-weight:normal;font-stretch:normal;line-height:30px;color:#555555;width:25%;text-align:left;padding:10px 30px;box-sizing:border-box;}
.swiper-container.banner .two-text-box .border-box .text-p .ts-s .sta {width:16px;height:15px;margin-right:8px;background:url(../img/img215.png) no-repeat;}
/*banner03*/
.swiper-container.banner .tre-text-box {background:transparent;padding:0;width:100%;height:100%;text-align:center;margin-left:-50%;margin-top:-220px;}
.swiper-container.banner .tre-text-box .border-box {border:0;}
.swiper-container.banner .tre-text-box .border-box .title-h2 {width:100%;font-size:43px;border-bottom:0;letter-spacing:2px;line-height:normal;color:#e50114;font-weight:bold;padding:5px 0;}
.swiper-container.banner .tre-text-box .border-box .title-s {font-size:36px;letter-spacing:1px;color:#353535;opacity:0;transition:left 0.3s;}
.swiper-container.banner .swiper-slide-active .text-box .border-box .title-s {-webkit-transition:left 0.6s;-webkit-animation-name:move;animation-name:move;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;
/**延迟动画**/    
animation-delay:1s;}
.swiper-container.banner .tre-text-box .border-box .title-h3 {font-size:45px;letter-spacing:2px;color:#353535;opacity:0;transition:left 0.3s;}
.swiper-container.banner .swiper-slide-active .text-box .border-box .title-h3 {-webkit-transition:left 0.6s;-webkit-animation-name:move;animation-name:move;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;/**延迟动画**/    animation-delay:1s;}
.swiper-container.banner .tre-text-box .border-box .ig {text-align:center;margin:10px auto;padding:0;-webkit-transition:all 0.6s;}
.swiper-container.banner .swiper-slide-active .text-box .border-box .ig {-webkit-animation-name:img06;animation-name:img06;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2s;animation-delay:2s;}
@keyframes img06 {from {opacity:0;bottom:0;}
to {opacity:1;bottom:90px;}
}
@-webkit-keyframes  img06 {from {opacity:0;bottom:0;}
to {opacity:1;bottom:90px;}
}
.n-de-text span {white-space:initial!important;}
/*项目案例*/
section .case-list {padding:30px 0;}
section .case-list .list-nav {width:210px;}
section .case-list .list-nav .list-name {width:100%;height:62px;background:url(../img/bug1.png) no-repeat;background-size:100% 100%;color:#fff;font-size:30px;border-bottom:2px solid #fff;padding:10px 15px;box-sizing:border-box;background:#3399cc;}
section .case-list .list-nav .list-name span {display:block;font-size:30px;font-weight:normal;}
section .case-list .list-nav .case-ul li a {display:block;background-color:#f1f1f1;height:60px;line-height:60px;border-bottom:2px solid #fff;font-size:18px;position:relative;padding-left:65px;}
section .case-list .list-nav .case-ul li a i {width:27px;height:27px;position:absolute;left:20px;top:16px;background:url(../img/icon1.png) center center no-repeat;}
section .case-list .list-nav .case-ul li.active a,section .case-list .list-nav .case-ul li:hover a {background:#3399cc;color:#fff;font-weight:bold;}
section .case-list .list-nav .case-ul li:first-child.active a i,section .case-list .list-nav .case-ul li:first-child:hover a i {background:url(../img/icon1-1.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li a i {background:url(../img/icon2.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li.active a i,section .case-list .list-nav .case-ul li:first-child+li:hover a i {background:url(../img/icon2-1.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li a i {background:url(../img/icon3.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li.active a i,section .case-list .list-nav .case-ul li:first-child+li+li:hover a i {background:url(../img/icon3-1.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li a i {background:url(../img/icon4.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li.active a i,section .case-list .list-nav .case-ul li:first-child+li+li+li:hover a i {background:url(../img/icon4-1.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li a i {background:url(../img/icon5.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li.active a i,section .case-list .list-nav .case-ul li:first-child+li+li+li+li:hover a i {background:url(../img/icon5-1.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li a i {background:url(../img/icon6.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li.active a i,section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li:hover a i {background:url(../img/icon6-1.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li a i {background:url(../img/icon7.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li.active a i,section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li:hover a i {background:url(../img/icon7-1.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li+li a i {background:url(../img/icon8.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li+li.active a i,section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li+li:hover a i {background:url(../img/icon8-1.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li+li+li a i {background:url(../img/icon9.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li+li+li.active a i,section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li+li+li:hover a i {background:url(../img/icon9-1.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li+li+li+li a i {background:url(../img/icon10.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li+li+li+li.active a i,section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li+li+li+li:hover a i {background:url(../img/icon10-1.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li+li+li+li+li a i {background:url(../img/icon11.png) center center no-repeat;}
section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li+li+li+li+li.active a i,section .case-list .list-nav .case-ul li:first-child+li+li+li+li+li+li+li+li+li+li:hover a i {background:url(../img/icon11-1.png) center center no-repeat;}
section .case-list .list-nav .list-box {background:#f1f1f1;margin-top:0px;}
section .case-list .list-nav .list-box .name-te {height:72px;line-height:72px;background-color:#3399cc;text-align:center;font-size:30px;color:#fff;}
section .case-list .list-nav .list-box .text {padding:0 12px 25px;line-height:28px;}
section .case-list .case-box {width:940px;}
section .case-list .case-box .case-box-ul li {float:left;width:50%;padding:0 20px 20px;box-sizing:border-box;}
section .case-list .case-box .case-box-ul li .box {position:relative;width:100%;height:auto;}
section .case-list .case-box .case-box-ul li .box .image {width:100%;height:100%;}
section .case-list .case-box .case-box-ul li .box .text-div {width:100%;position:absolute;bottom:0;height:55px;line-height:55px;background-color:rgba(0,0,0,0.4);transition:height 0.5s;}
section .case-list .case-box .case-box-ul li:hover .box .text-div {top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);color:#fff;padding:15px;transition:height 0.5s;}
section .case-list .case-box .case-box-ul li .box .text-div .border .title {font-size:18px;line-height:40px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;color:#fff;text-align:center;padding:0 30px;}
section .case-list .case-box .case-box-ul li .box .text-div .border .title i {display:block;width:40px;height:3px;background-color:#3399cc;position:absolute;left:50%;margin-left:-20px;bottom:0;}
section .case-list .case-box .case-box-ul li .box .text-div .border {text-align:center;}
section .case-list .case-box .case-box-ul li .box .text-div .border .text-p {line-height:25px;padding-top:10px;}
section .case-list .case-box .case-box-ul li:hover .box .text-div .border {border:1px solid #fff;height:100%;padding:70px 30px;}
/*****************新闻资讯*******************/
section .case-list .list-nav .case-ul.news-ul li a {padding-left:30px;}
section .case-list .list-nav .zheng span {display:block;text-align:center;line-height:30px;}
section .case-list .news-list .box {display:block;border:solid 1px #bfbfbf;padding:35px 20px;border-bottom:0;}
section .case-list .news-list .box .images {width:255px;height:195px;}
section .case-list .news-list .box .images img {width:100%;height:100%;transition:all 0.3s;}
section .case-list .news-list .box:hover .images img {transform:scale(1.1);transition:all 0.3s;}
section .case-list .news-list .box .text {width:600px;}
section .case-list .news-list .box .text .title {font-size:18px;font-weight:normal;font-stretch:normal;color:#3399cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:30px 0 10px;}
section .case-list .news-list .box .text  .ci span {font-size:12px;line-height:30px;padding:0 20px 0 30px;position:relative;}
section .case-list .news-list .box .text  .ci span i {position:absolute;left:0;top:0;}
section .case-list .news-list .box .text .text-p {line-height:25px;letter-spacing:1px;padding:15px 0;}
section .case-list .news-list .last .box {border-bottom:1px solid #bfbfbf;}
section .case-list .news-list .head-bar {background-color:#f1f1f1;margin-bottom:50px;border:0;}
section .case-list .news-list .head-bar {padding:25px 45px 40px;}
section .case-list .news-list .head-bar .text {width:100%;padding:0;}
section .case-list .news-list .head-bar .text .title {position:relative;line-height:45px;padding:0 0 10px 55px;}
section .case-list .news-list .head-bar .text .title i {width:45px;height:45px;background:url(../img/img85.png) center center no-repeat;background-size:100%;margin-right:20px;position:absolute;left:0;}
section .case-list .news-list .head-bar .text .title span {width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
section .case-list .news-list .head-bar .text .text-p {padding:0;}
/***********************新闻详情页**************************/
section .case-list .case-box.n-de {width:920px;}
section .case-list .case-box.n-de .n-de-text {border:1px solid #bfbfbf;padding:20px 45px;word-wrap:break-word;}
section .case-list .case-box.n-de .n-de-text .n-de-name {text-align:center;width:680px;}
section .case-list .case-box.n-de .n-de-text .n-de-name h2 {font-size:18px;font-weight:normal;font-stretch:normal;line-height:30px;color:#3399cc;border-bottom:1px solid #bfbfbf;padding:10px 0;}
section .content p {font-size:16px;line-height:30px;text-indent:2em;}
section .case-list .case-box.n-de .n-de-text .n-de-name p span {font-size:12px;line-height:30px;padding:0 10px;}
section .case-list .case-box.n-de .n-de-text .text-p {font-size:14px;line-height:30px;text-indent:30px;margin:20px 0;}
section .case-list .case-box.n-de .link-p {height:63px;line-height:63px;background-color:#f1f1f1;margin:0;}
section .case-list .case-box.n-de .link-p a {float:left;width:50%;padding:0 30px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;}
section .case-list .list-nav.n-de-ri {width:240px;}
section .case-list .list-nav.n-de-ri .list-box {margin-top:0;margin-bottom:25px;}
section .case-list .list-nav.n-de-ri .list-box .name-te {font-size:18px;}
section .case-list .list-nav.n-de-ri .list-box .qian {padding:10px 0;}
section .case-list .list-nav.n-de-ri .list-box .qian li {float:left;width:50%;padding:8px;box-sizing:border-box;}
section .case-list .list-nav.n-de-ri .list-box .qian li a {height:33px;background-color:#3399cc;border-radius:10px;display:block;line-height:33px;text-align:center;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;box-sizing:border-box;}
section .case-list .list-nav.n-de-ri .list-box .qian li a:hover {border:1px solid #3399cc;background:#fff;color:#3399cc}
section .case-list .list-nav.n-de-ri .list-box .product {display:block;margin:0 auto;}
section .case-list .list-nav.n-de-ri .list-box .product .img_box {width:240px;height:194px;}
section .case-list .list-nav.n-de-ri .list-box .product p {width:205px;line-height:25px;}
section .case-list .list-nav.n-de-ri .list-box .product p span {line-height:25px;display:inline;}
section .case-list .list-nav.n-de-ri .list-box .product-ul {padding:20px;}
section .case-list .list-nav.n-de-ri .list-box .product-ul a {display:block;line-height:25px;}
section .case-list .list-nav.n-de-ri .list-box .product-ul a span {width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
section .case-list .list-nav .zheng .box {display:block;}
section .case-list .list-nav .zheng .box .img_box {width:240px;height:194px;}
section .case-list .list-nav .zheng .box span {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 30px;}
/*********************产品详情************************/
section .jie img {width: 100%;max-width: 100%;height: auto;}
section .p-de span,section .p-de p {white-space:initial!important;}
section .p-de .p-de-box {margin:30px 0;border:1px solid #c9c9c9;}
section .p-de .p-de-box .img_box {width:800px;height:800px;}
section .p-de .p-de-box .img_box img {width:100%;height:100%;}
section .p-de .p-de-box .text {width:398px;padding:0px 20px;}
section .p-de .p-de-box .text .name-h2 {width:350px;font-size:24px;line-height:50px;color:#3399cc;font-weight:normal;border-bottom:1px dashed #9e9e9e;margin:0  0 20px;}
section .p-de .p-de-box .text .text-p {font-size:14px;line-height:30px;}
section .p-de .p-de-box .text .line-h3 {font-size:18px;font-weight:normal;font-stretch:normal;line-height:24px;color:#3399cc;margin:20px 0;}
section .p-de .p-de-box .text .link-a {width:198px;height:38px;line-height:38px;background-color:#ffffff;border-radius:10px;border:solid 1px #3399cc;margin:0;font-size:18px;font-weight:normal;}
section .p-de .p-de-box .text .link-a:hover {background:#f3399cc;}
section .p-de .p-de-name {margin:20px 0;font-size:24px;height:54px;font-weight:normal;font-stretch:normal;line-height:54px;letter-spacing:2px;color:#ffffff;background:url(../img/img138.png) no-repeat;padding-left:40px;}
section .p-de .jie .text-p {width:1090px;line-height:25px;letter-spacing:1px;padding:35px 0;}
section .p-de .show .show-ul li {float:left;padding:25px 0;box-sizing:border-box;}
section .p-de .show .show-ul li:nth-of-type(even) {float:right!important;}
section .p-de .show .show-ul li .big {width:696px;height:392px;}
section .p-de .show .show-ul li img {width:100%;height:100%;}
section .p-de .show .show-ul li .small {width:448px;height:392px;}
section .p-de .good {height:375px;position:relative;margin-top:30px;}
section .p-de .good .good-text {width:100%;position:absolute;top:0;}
section .p-de .good .good-text .name {padding:30px 0;}
section .p-de .good .good-text .name .na-title {color:#fff;border-bottom:1px solid #fff;}
section .p-de .good .good-text .name .na-title i.bar {background:#fff;}
section .p-de .good .good-text .name .text-p {color:#fff;}
section .p-de .good .good-text .text-box {text-align:center;color:#fff;line-height:29px;}
section .p-de .workshop {padding:70px 0;}
section .p-de .workshop .workshop-ul {padding:30px 0;}
section .p-de .workshop .workshop-ul li {float:left;width:33.3%;padding:20px;box-sizing:border-box;}
section .p-de .workshop .workshop-ul li .img_box {width:360px;height:258px;overflow:hidden;border-radius:20px;}
section .p-de .workshop .workshop-ul li .img_box img {width:100%;height:100%;}
section .p-de .word .word-name {text-align:center;padding-bottom:50px;}
section .p-de .word .word-name h2 {font-size:36px;font-style:italic;letter-spacing:1px;color:#3399cc;width:382px;line-height:70px;border-bottom:1px dashed #3399cc;}
section .p-de .word .word-name i {width:382px;height:4px;background:#3399cc;}
section .p-de .word .word-name p {font-size:24px;line-height:60px;letter-spacing:1px;color:#555555;}
section .p-de .word .word-ul li {padding:20px 0;border-bottom:1px dashed #555;}
section .p-de .word .word-ul li .img_box {width:566px;height:345px;}
section .p-de .word .word-ul li .img_box img {width:100%;height:100%;}
section .p-de .word .word-ul li .text {width:634px;padding:50px;}
section .p-de .word .word-ul li .text .title {font-size:24px;font-weight:normal;font-stretch:normal;line-height:60px;letter-spacing:1px;color:#3399cc;}
section .p-de .word .word-ul li .text .text-p {font-size:14px;line-height:30px;}
section .p-de .word .word-ul li:last-child {border-bottom:0;}
section .p-de .yu-yue {padding:20px 0;width:100%;height:336px;position:relative;}
section .p-de .yu-yue .text {position:absolute;top:110px;left:50px;color:#fff;}
section .p-de .yu-yue .text h2 {font-size:30px;letter-spacing:1px;padding-bottom:20px;}
section .p-de .yu-yue .text span {font-size:18px;line-height:70px;padding:0 20px;}
section .p-de .yu-yue .text span input {width:245px;height:45px;line-height:45px;padding:0 10px;box-sizing:border-box;}
section .p-de .yu-yue .text button {display:block;width:230px;height:45px;background-color:#3399cc;border-radius:10px;margin-top:30px;font-size:18px;color:#ffffff;margin-left:495px;transition:all 0.3s;}
section .p-de .yu-yue .text button:hover {background-color:#fff;color:#3399cc;transition:all 0.3s;}
/*n-qa*/
section .case-list .news-list.n-qa .box .text {width:100%}