@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0;  font:12px Arial,"microsoft yahei";  color:#333; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color: #ff6b00;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }
table{width: 100%; border-collapse:collapse;}
table tr,table td{max-width: 100%; border: solid 1px #eee; }
.fl{float:left;}
.fr{float:right;}
.tLeft{display: table;font-size: 0;text-align: left;}
.tRight{display: table;font-size: 0;text-align: right;}
.tCenter{display: table;font-size: 0;text-align: center;}
/*ellipsis*/
.ellipsis1{text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.ellipsis2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.ellipsis3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.ellipsis4{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.ellipsis5{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.scrollbar::-webkit-scrollbar{ width:2px; background:#f4f4f4; }
.scrollbar::-webkit-scrollbar-button{ display:none;}
.scrollbar::-webkit-scrollbar-track{ display:none;}
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}
.scrollbar::-webkit-scrollbar-thumb{ background:#ff6b00;}
.scrollbar::-webkit-scrollbar-corner{display:none;}
.scrollbar::-webkit-resizer{display:none;}


.c1440 {width: 75%;margin:  auto;zoom: 1; box-sizing: border-box; position: relative; min-width: 1200px;}
.c1200 {width:1200px;margin:  auto;zoom: 1; box-sizing: border-box; position: relative;}

@font-face {font-family:'Poppins'; src: url('../fonts/Poppins.ttf');} 
@font-face {font-family:'PoppinsExtraBold'; src: url('../fonts/Poppins-ExtraBold.ttf');} 


/* header */
.header{width: 100%;background-color: #fff; position: fixed;top: 0;left: 0; z-index: 99;transition: all 0.6s ease; }
.headerC{ padding: 20px 0 ; transition: all 0.6s ease;  position: relative;}
.header .logo{display: block;float: left; font-size: 0; padding:10px 0;}
.header .logo img{display: inline-block; vertical-align: top; height: 40px; }
.header .logo h1{ display: inline-block;  vertical-align: top; margin-left: 15px; padding-left: 15px; font-size: 30px; line-height: 40px; color: #333; border-left: solid 1px #ddd;}
.header .box{float: right; box-sizing: border-box;}
.navBox{ display: inline-block; vertical-align: top; margin-top: 8px;}
.navBox .nLi{display: inline-block;vertical-align: top;position: relative;margin-right: 0px;}
.navBox .nLi:last-child{ margin-right: 20px;}
.navBox .nLi h3 a{display:block;line-height:24px;font-size:16px;color:#333;font-weight: normal;padding: 10px 0;transition: all 0.6s ease;}
.navBox .nLi:hover h3 a,.navBox .nLi#on h3 a{color: #ff6b00; }
.navBox .nLi .sub{display:none;width: 140px;position:absolute;top:44px;transform: translateX(-50%);left: 50%;z-index: 3;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.navBox .nLi .sub>li{border-bottom: 1px solid #eee;}
.navBox .nLi .sub>li:last-child{border-bottom: none;}
.navBox .nLi .sub>li>a{display:block;text-align: center;font-size: 14px;line-height: 20px;color: #333;padding:12px 8px;box-sizing: border-box;transition: all 0.6s ease;}
.navBox .nLi .sub>li>a:hover,.navBox .nLi .sub>li>a.on{background-color: #ff6b00;color: #fff;}
.header .retrieve{ display: inline-block; vertical-align: top; font-size: 26px; line-height: 40px; margin-top: 10px;cursor: pointer;}
.header .retrieve:hover{ color: #ff6b00;}

.headerSearch{width: 100%;background-color: #fff;padding: 15px 0 ;border-top: 1px solid #eee;margin-top: 0;display: none;}
.headerSearch .icon-guanbi{float: right;color: #333;font-size: 26px;line-height: 44px;transition: all 0.6s ease; cursor: pointer;}
.headerSearch .icon-guanbi:hover{color: #ff6b00;}
.headerSearch .searchBox{width:600px;float: right;margin-right: 40px;}
.headerSearch .searchBox form{width: 100%;height: 50px;background-color: #fff;overflow: hidden;border: solid 1px #ddd;}
.headerSearch .searchBox form #catid{float: left; width: 100px; border: 0; box-sizing: border-box; padding:0 6px; line-height: 50px; height: 50px; border-right: solid 1px #ddd; color: #333; font-size: 16px;}
.headerSearch .searchBox form .inputBox{width: 440px;height: 50px;float: left;font-size: 16px;border: none;color: #333333;padding-left: 20px;box-sizing: border-box;}
.headerSearch .searchBox form .btn{border:none;background-color: rgb(0,0,0,0);font-size: 26px;color: #333;width: 60px; height: 50px;line-height: 50px;text-align: center;float: right;cursor: pointer;transition: all 0.6s ease;}
.headerSearch .searchBox form .btn:hover{color: #ff6b00;}

/*HomeNav*/
.menu{width:40px;height: 30px; padding:35px 30px; position: absolute; top: 0; right: 0; background-color: #000; overflow: hidden; transition: all 0.6s ease; cursor: pointer;}
.menu .t{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.menu .solid{width: 40px;height: 4px;background-color: #fff;transition: all 0.6s ease; border-radius: 4px;}
.menu .solid1{position: absolute;top: 0;left: 0;}
.menu .solid2{position: absolute;top: 50%;left: 0; margin-top: -2px; width: 25px;}
.menu .solid3{position: absolute;bottom: 0;left: 0;}
.onSolid1{transform: rotate(45deg) translateY(18px);left: 12px !important;}
.onSolid2{transform: translateX(-30px);}
.onSolid3{transform: rotate(-45deg) translateY(-18px);left: 12px !important;}
.menuOn{ background-color: #ff6b00;}

.HomeNav{width: 460px;height:100vh; box-sizing: border-box; padding: 100px 5% 40px 5%; position: fixed;right: -100%;top: 0;z-index: 98;background-color: rgba(0, 0, 0, 0.8);transition: all 0.6s ease;}
.HomeNav .box{ position: absolute; top: 50%; width: 100%; margin-top: 0; box-sizing: border-box; padding: 0 5%; transform: translateY(-50%);}
.HomeNav .box ul{ width: 100%;}
.HomeNav .box ul li{ width: 100%; display: inline-block; margin: 15px 0;}
.HomeNav .box ul li a{ display: inline-block; color: #fff; font-size: 24px; position: relative; line-height: 36px; transition: all ease 0.6s; overflow: hidden;}
.HomeNav .box ul li a::after{ content: ''; width: 20px; height: 20px; background: url(../images/arrow_n_y.png) center left no-repeat; background-size: 20px; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); transition: all ease 0.6s;}
.HomeNav .box ul li.on a,.HomeNav .box ul li a:hover{ padding-left: 30px; color: #ff6b00;}
.HomeNav .box ul li.on a::after,.HomeNav .box ul li a:hover::after{ left: 0;}
.HomeNav .tel{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 20px 40px; box-sizing: border-box; z-index: 2; border-top: solid 2px rgba(255,255,255,0.2); text-align: center;}
.HomeNav .tel .iconfont{ display: inline-block; vertical-align: middle; font-size: 40px; color: #ff6b00; margin-right: 10px;}
.HomeNav .tel .t{display: inline-block; vertical-align: middle; text-align: left; color: #ff6b00; }
.HomeNav .tel .t span{ font-size: 16px;}
.HomeNav .tel .t p{ font-size: 30px; font-family:'PoppinsExtraBold';}
.onNav{right: 0 !important;}


@media (max-width: 1680px){
    .navBox .nLi{margin-right:40px;}
    .navBox{max-width:750px;}
    .HomeNav .box ul li{ margin: 10px 0;}
    .HomeNav .box ul li a{ font-size: 20px;}
}
@media (max-width: 1600px){
    .navBox .nLi{margin-right:30px;}
    .navBox{max-width:650px;}
}
@media (max-width: 1440px){
    .headerC{ padding: 15px 0 ; }
    .menu{ padding:30px 25px;}
    .header .box{ padding-right: 60px;}
    .navBox{max-width:620px;}
    .navBox .nLi{margin-right:25px;}
    .navBox .nLi h3 a{ font-size: 16px;}
    .HomeNav .box{ margin-top: 0;}
    .HomeNav .box ul li{ margin: 8px 0;}
    .HomeNav .box ul li a{ font-size: 18px;}
}
@media (max-width: 1380px){
    .header .box{ padding-right: 80px;}
    .HomeNav .box ul li{ margin: 5px 0;}
    .HomeNav .box ul li a{ font-size: 18px;}
}
@media (max-width: 1280px){
    .header .box{ padding-right: 100px;}
    .HomeNav .box ul li{ margin:  0;}
}
@media (max-width: 1240px){
    .header .box{ padding-right: 120px;}
}
@media (max-width: 1200px){
    .header .box{ padding-right: 150px;}
}
.is-fixed {  box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.is-fixed .headerC{padding: 10px 0;}
.is-fixed .menu{ padding:25px 20px; }



/* indexBanner */
.indexBanner{ width: 100%;  position: relative; overflow: hidden; margin-top: 100px; min-width: 1200px;}
.bannerItem { width: 100%; position: relative; z-index: 1;}
.bannerItem .swiper-wrapper{height: 100%;}
.bannerItem .swiper-slide{width: 100%;position: relative; }
.bannerItem .swiper-slide a{ width: 100%;  display: inline-block;}
.bannerItem .swiper-slide img{ width: 100%; display: block;}
.bannerItem .swiper-pagination{bottom: 20px !important;right: 0;}
.bannerItem .swiper-pagination-bullet{width: 20px;height: 20px;cursor: pointer; background-color: rgba(255,255,255,0);border: solid 1px #eee; border-radius: 0; box-sizing: border-box;transition: all 0.6s ease;opacity: 0.4 ;margin: 0 10px !important; position: relative;}
.bannerItem .swiper-pagination-bullet::after{ content: ''; width: 10px; height: 10px; top: 4px; left: 4px; position: absolute; background-color: #fff;}
.bannerItem .swiper-pagination-bullet-active{ opacity: 1;}

@media (max-width: 1440px){
    .indexBanner{ width: 100%;  position: relative; overflow: hidden; margin-top: 90px;}
}

/* indexTitle */
.indexTitle{ width: 100%; position: relative; text-align: center;}
.indexTitle p{ font-size: 40px; color: #333; font-family:'PoppinsExtraBold'; text-transform: uppercase; line-height: 46px;}
.indexTitle h3{ font-size: 24px; color: #333; font-weight: normal;}
.indexTitle .more{ display: inline-block; padding-right: 25px; color: #333; position: absolute; right: 0; top: 50%; margin-top: -12px; line-height: 24px; background: url(/images/arrow_n_b.png) center right no-repeat; background-size: 18px !important; font-size: 14px; transition: all ease 0.6s;}
.indexTitle .more:hover{ color: #ff6b00;  background: url(/images/arrow_n_y.png) center right no-repeat;}


/* indexSolution */
.indexSolution{ width: 100%; padding:0 0 80px 0; overflow: hidden; position: relative;}
.indexSolution .box{ margin-top: 40px;}
.indexSolution .box .item{ width: 100%;}
.indexSolution .box .item .img{ width: 600px; position: relative; overflow: hidden;}
.indexSolution .box .item:nth-child(2n-1) .img{ float: left;}
.indexSolution .box .item:nth-child(2n) .img{ float: right;}
.indexSolution .box .item .img img{ width: 100%; display: block; transition: all ease 0.6s;}
.indexSolution .box .item .img:hover img{ transform: scale(1.05); }
.indexSolution .box .item .info{ width: 600px; box-sizing: border-box; }
.indexSolution .box .item .info .tit{ font-size: 18px; color: #333;}
.indexSolution .box .item .info .tit p{ font-size: 16px; color: #999; font-family:'Poppins'; text-transform: uppercase; margin-top: 5px; }
.indexSolution .box .item .info .txt{ font-size: 16px; line-height: 30px; padding-top: 15px; margin-top: 15px; position: relative; width: 100%; color: #666; border-top: solid 2px #eee;}
.indexSolution .box .item .info .txt::after{ content: ''; position: absolute; top: 1px; left: 0; width: 100%; height: 1px; background-color: #eee;}
.indexSolution .box .item:nth-child(2n-1) .info{ float: right; padding: 50px 0 0 50px;}
.indexSolution .box .item:nth-child(2n) .info{ float: left; padding: 50px 50px 0 0 ;}
.indexSolution .box .item .more{ display: inline-block; padding-right: 25px; color: #333; margin-top: 30px; line-height: 24px; background: url(/images/arrow_n_b.png) center right no-repeat; background-size: 18px !important; font-size: 14px; transition: all ease 0.6s;}
.indexSolution .box .item .more:hover{ color: #ff6b00;  background: url(/images/arrow_n_y.png) center right no-repeat;}


/* pageVideo */
.pageVideo{ width: 100%; padding: 80px 0; overflow: hidden; background-color: #f5f5f5; position: relative;}
.pageVideo ul{ width: 100%;}
.pageVideo ul li{ display: inline-block; vertical-align: top; width: 590px; position: relative; margin-right: 20px;}
.pageVideo ul li:nth-child(2n){ margin-right: 0;}
.pageVideo ul li .img{ width: 100%; position: relative; z-index: 1; overflow: hidden;}
.pageVideo ul li .img img{ width: 100%; display: block; transition: all ease 0.6s; z-index: 1;}
.pageVideo ul li .img::after{ content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; z-index: 2;}
.pageVideo ul li .info{ position: absolute; bottom: 10%; left: 50%; z-index: 3; transform: translateX(-50%); text-align: center;}
.pageVideo ul li .info .tit{ font-size: 22px; color: #fff;}
.pageVideo ul li .info .more{ display: inline-block; padding: 0 15px; border: solid 1px #fff; font-size: 14px; line-height: 30px; margin: 15px auto 0; color: #fff; opacity: 0.8; transition: all ease 0.6s;}
.pageVideo ul li .info .more:hover{ background-color: #ff6b00; border-color: #ff6b00;}
.pageVideo ul li:hover img{ transform: scale(1.1);}


/* indexProduct */
.indexProduct{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(/images/productBg.jpg) center no-repeat; background-size: cover;}
.indexProduct .indexTitle{ text-align: left; color: #fff;}
.indexProduct .indexTitle h3,.indexProduct .indexTitle p{color: #fff;}
.indexProduct .indexTitle .more{ color: #fff; background: url(/images/arrow_n_w.png) center right no-repeat;}
.indexProduct .indexTitle .more:hover{ color: #ff6b00; background: url(/images/arrow_n_y.png) center right no-repeat;}
.indexProduct .productBox{ margin-top: 40px; width:calc(100% + 20px); overflow: hidden;}
.indexProduct .productBox .swiper-slide{ box-sizing: border-box; width: 25%; padding-right: 20px; text-align: center;}
.indexProduct .productBox .swiper-slide .img{ width: 100%; min-height:200px; overflow: hidden; position: relative; background-color:#eeeeee}
.indexProduct .productBox .swiper-slide .img img{ width: 100%; display: block; position: relative; transition: all ease 0.6s; z-index: 1;}
.indexProduct .productBox .swiper-slide .img::after{ content: ''; width: 100%; height: 0; position: absolute; top:  0; left: 0; background-color: rgba(255,255,255,0.7); z-index: 2; transition: all ease 0.6s;}
.indexProduct .productBox .swiper-slide .img .iconfont{ width: 60px; height: 60px; position: absolute; top: -100%; left: 50%; transform: translate(-50%,-50%); border-radius: 50px; background-color: #ff6b00; text-align: center; line-height: 60px; font-size: 30px; color: #fff; transition: all ease 0.6s;  z-index: 3;}
.indexProduct .productBox .swiper-slide .tit{ font-size: 16px; color: #333; box-sizing: border-box; width: 100%;padding: 20px; line-height: 30px; background-color: #f5f5f5;}
.indexProduct .productBox .swiper-slide:hover .img::after{ height: 100%;}
.indexProduct .productBox .swiper-slide:hover .img .iconfont{ top: 50%;}
.indexProduct .productBox .swiper-slide:hover img{ transform: scale(1.1);}
.indexProduct .productBox .swiper-slide:hover .tit{ color: #ff6b00;}
.indexProduct .productBox .swiper-scrollbar{ width: 1200px; margin-top:60px ;  bottom: 0; left: 0; position: relative; border-radius: 0; background-color: rgba(255,255,255,0);}
.indexProduct .productBox .swiper-scrollbar::after{ content: ''; width: 100%; height: 1px; background-color: rgba(255,255,255,0.2); position: absolute; top: 2px; left: 0; z-index: 0;}
.indexProduct .productBox .swiper-scrollbar-drag{ background: #ff6b00; border-radius: 0; cursor: pointer; z-index: 2;}

/* indexCase */
.indexCase{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.indexCase ul{ width: 100%; margin-top: 40px;}
.indexCase ul li{ display: inline-block; vertical-align: top; margin: 0 30px 30px 0; text-align: center; width: 380px;}
.indexCase ul li:nth-child(3n){ margin-right: 0;}
.indexCase ul li .img{ width: 100%; overflow: hidden; position: relative;}
.indexCase ul li .img img{ width: 100%; display: block; transition: all ease 0.6s;}
.indexCase ul li .tit{ font-size: 16px; line-height: 30px; padding: 15px 0; border-bottom: solid 2px #eee; transition: all ease 0.6s;}
.indexCase ul li:hover img{ transform: scale(1.1);}
.indexCase ul li:hover .tit{ color: #ff6b00; border-color: #ff6b00;}


/* footer */
.footer{ background-color: #000; overflow: hidden; position: relative; min-width: 1200px;}
.footer .box{ padding: 50px 0;}
.footer .box .fLogo img{ height: 40px; display: block;}
.footer .box .fNav{ max-width: 900px; padding: 0;}
.footer .box .fNav dl{ display: inline-block; vertical-align: top; margin-left:90px;}
.footer .box .fNav dl:first-child{ margin-left: 0;}
.footer .box .fNav dl dt{ margin-bottom: 15px;}
.footer .box .fNav dl dt a{ font-size: 16px; display: inline-block; color: #fff;}
.footer .box .fNav dl dd{ margin: 8px 0;}
.footer .box .fNav dl dd a{ font-size: 14px; color: #fff; }
.footer .box .fNav dl a:hover{ color: #ff6b00;}
.footer .link{ padding: 15px 0; border-top: solid 1px rgba(255,255,255,0.1); }
.footer .link span{font-size: 14px; display: inline-block; line-height: 24px; color: #666; }
.footer .link a{ display: inline-block; font-size: 14px; color: #666; margin: 5px 15px 5px 0; }
.footer .link a:hover{ color: #ff6b00;}
@media (max-width: 1680px){
.footer .box .fNav dl{  margin-left:60px;}
}


/* copy */
.copy{ width: 100%; padding: 19px 0; line-height: 20px; overflow: hidden;}
.copy .left{ max-width: 260px; text-transform: uppercase;}
.copy .left span{ font-size: 16px; font-weight: bold; display: inline-block; vertical-align: top; margin: 0 5px 0 0; padding-top: 3px;}
.copy .left a{ display: inline-block; vertical-align: top; height: 18px;}
.copy .left img{display: inline-block;  height: 18px;}
.copy .right{ font-size: 14px; color: #333; max-width: 600px; text-transform: uppercase;}
.copy .right a{ color: #333;}
.copy .right a:hover{ color: #ff6b00;}



/* customer */
.customer{width: 70px;position:fixed;right:0; top:50%; transform: translateY(-50%); z-index:97;}
.customer dl{width: 100%;height: 70px;position: relative; z-index: 2; border-bottom: solid 1px rgba(0,0,0,0);}
.customer dl dt{width: 70px;height: 70px; box-sizing: border-box; padding: 7px 0; color:#FFFFFF;background-color: #000;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease; text-align: center; }
.customer dl dt a{ display: inline-block; width: 100%; height: 100%; color: #fff;}
.customer dl dt i{ display: inline-block; font-size:32px;}
.customer dl dt p{ font-size: 12px; margin-top: 3px;}
.customer dl:hover dt{background-color: #ff6b00;}
.customer dl.icon1 dd{width: 150px; text-align: center; background-color: #fff; border: solid 1px #eee; position: absolute; top: 0; right: -300px; z-index: 1; transition: all 0.6s ease; }
.customer dl.icon1 dd img{ width: 100%; display: block;  box-sizing: border-box;}
.customer dl.icon1 dd p{ font-size: 14px; margin-bottom: 8px;}
.customer dl.icon2 dd{width: 230px; height: 70px; padding: 10px 15px; border-right: solid 1px rgba(255,255,255,0.4); box-sizing: border-box; color: #fff;font-size: 14px; line-height: 24px;background-color:#ff6b00; position: absolute; top: 0;right: -300px; z-index: 1; text-align: center; transition: all 0.5s ease;}
.customer dl.icon2 dd p{ line-height: 50px; font-size: 24px; font-weight: bold; display: inline-block;}
.customer dl:hover dd{right: 70px;}


/* pageBanner */
.pageBanner{ width: 100%; position: relative; min-width: 1200px; margin: 100px auto 0; overflow: hidden; z-index: 1;}
.pageBanner .img{ width: 100%; position: relative; z-index: 1;}
.pageBanner .img img{ width: 100%; display: block; position: relative; z-index: 1;}
.pageBanner .img::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.4); z-index: 2;}
.pageBanner .info{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; color: #fff;  text-align: center;}
.pageBanner .info h2{font-family:'PoppinsExtraBold'; font-size: 40px; line-height: 40px; text-transform: capitalize;}
.pageBanner .info p{ font-size: 20px; margin-top: 5px;}
.productBanner .info{  transform: translate(-50%,-100%);}
.joinBanner .img::after{ opacity: 0;}
@media (max-width: 1440px){
    .pageBanner{ margin: 90px auto 0;}
}


.proNav{ width: 100%; position: relative; z-index: 2;}
.proNav::after{ content: ''; width: 100%; height: calc(100% - 60px); position: absolute; top: 60px; left: 0; background-color: #f5f5f5; z-index: -1;}
.proNav ul{ width: 100%; box-sizing: border-box; padding: 30px; background-color: #fff; margin-top: -60px; position: relative; z-index: 1; box-shadow: 0 0 20px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.proNav ul li{ display: inline-block; vertical-align: top; text-align: center; margin: 15px 0; box-sizing: border-box; width: 16.66%; padding: 0 15px; }
.proNav ul li p{ font-size: 20px; color: #333;}
.proNav ul li span{ font-size: 14px; color: #999; text-transform: uppercase; font-family:'Poppins';}
.proNav ul li.on p,.proNav ul li.on span,.proNav ul li:hover p,.proNav ul li:hover span{ color: #ff6b00; }

/* pageCrumbs */
.pageCrumbs{ width: 100%; padding: 15px 0; background-color: #f5f5f5; margin: 100px auto 0; position: relative; overflow: hidden;}
.pageCrumbs .crumbs{ max-width: 80%; padding: 7px 0; line-height: 22px; font-size: 14px; color: #999;}
.pageCrumbs .crumbs a{ display: inline-block; color: #999;}
.pageCrumbs .crumbs a:hover,.pageCrumbs .crumbs a:last-child{ color: #ff6b00;}
.pageCrumbs .crumbs span{ display: inline-block; margin: 0 5px;}
.pageCrumbs .back a{ display: inline-block; font-size: 14px; color: #fff; background-color: #333; line-height: 36px; padding: 0 20px; transition: all ease 0.6s; }
.pageCrumbs .back a:hover{ background-color: #ff6b00;}
@media (max-width: 1440px){
    .pageCrumbs{ margin: 90px auto 0;}
}


/* pageContact */
.pageContact{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.pageContact .box{ width: 100%; box-sizing: border-box; padding:  0 30px;}
.pageContact .map{ display: inline-block; vertical-align: middle; width: 615px; position: relative;}
.pageContact .map img{ width: 100%; display: block;}
.pageContact .info{ display: inline-block; vertical-align: middle; width: 450px; box-sizing: border-box; padding:20px 30px 40px 30px; margin-left: 70px; background-color: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.pageContact .info .tit{ font-size: 22px; color: #333; margin-bottom: 25px;}
.pageContact .info .txt { width: 100%; padding: 30px 0; border-top: solid 1px #eee;}
.pageContact .info .txt p{ display: inline-block; width: 100%; font-size: 16px; color: #333; margin: 5px 0;}
.pageContact .info .txt p span{ font-weight: bold;}
.pageContact .info .tel{ box-sizing: border-box; z-index: 2; }
.pageContact .info .tel .iconfont{ display: inline-block; vertical-align: middle; font-size: 40px; color: #ff6b00; margin-right: 10px;}
.pageContact .info .tel .t{display: inline-block; vertical-align: middle; text-align: left; color: #ff6b00; }
.pageContact .info .tel .t span{ font-size: 14px;}
.pageContact .info .tel .t p{ font-size: 30px; font-family:'PoppinsExtraBold';}


/* pageForm */
.pageForm{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../images/jianzhu/contact/formBg.jpg) center no-repeat; background-size: cover;}
.pageForm .indexTitle p,.pageForm .indexTitle h3{ color: #fff;}
.pageForm .box{ width: 100%; background-color: #fff; box-sizing: border-box; padding: 50px; margin-top: 40px;}
.pageForm .box form{ width: 100%; }
.pageForm .box form .item{ margin-bottom: 15px; width: 100%;}
.pageForm .box form .item3{ margin-bottom: 0; margin-top: 30px;}
.pageForm .box form .item p{ width: 540px;}
.pageForm .box form label{display: block;position: relative; }
.pageForm .box form label span{font-size: 16px;color: #666;position: absolute; line-height: 48px; top: 0; left: 20px;}
.pageForm .box form .item1 .txt{border: solid 1px #ddd;font-size: 16px;color: #333;width: 100%;line-height: 18px;padding:14px 20px;box-sizing: border-box; background-color: #f5f5f5;}
.pageForm .box form select{ float: left; margin-right: 19px; width: 354px; height: 50px; padding: 0 16px; font-size: 16px; color: #666; line-height: 50px; border: solid 1px #ddd; background-color: #f5f5f5; box-sizing: border-box;}
.pageForm .box form select:last-child{ margin-right: 0;}
.pageForm .box form textarea{ height: 150px;resize: none; padding:14px 20px; width: 100%;font-size: 16px;color: #666;line-height: 18px;border: none;background-color: #f5f5f5; box-sizing: border-box; border: solid 1px #ddd;}
.pageForm .box form .btn{width: 240px;height: 50px;cursor: pointer;background-color: #ff6b00;transition: all 0.6s ease;border: 0;color: #fff;font-size: 16px;display: table;margin: 0 auto ; text-align: center; box-sizing: border-box; }

.pageForm .box form .btn:hover{background-color: #333; }




/* pageProduct */
.pageProduct{ width: 100%; padding: 40px 0; background-color: #f5f5f5;}
.pageProduct ul{ width: 100%;}
.pageProduct ul li{ display: inline-block; vertical-align: top; width: 285px; margin:0 20px 20px 0; position: relative; text-align: center;}
.pageProduct ul li:nth-child(4n){ margin-right: 0;}
.pageProduct ul li .img{ width: 100%; position: relative; overflow: hidden;}
.pageProduct ul li .img img{ width: 100%; display: block;  transition: all ease 0.6s;}
.pageProduct ul li .img::after{ content: ''; width: 100%; height:0; position: absolute; left: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.6); transition: all ease 0.6s;}
.pageProduct ul li .img p{ width: 60px; height: 60px; position: absolute; bottom: -60px; left: 50%; margin: 0 0  -30px -30px; border-radius: 50px; background-color: #ff6b00; text-align: center; line-height: 60px; font-size: 30px; color: #fff; transition: all ease 0.6s; z-index: 2; }
.pageProduct ul li .tit{  font-size: 16px; color: #333; margin-top: 8px;  transition: all ease 0.6s;}
.pageProduct ul li:hover .img::after{ height: 100%;}
.pageProduct ul li:hover .img img{ transform: scale(1.1);}
.pageProduct ul li:hover .img p{ bottom: 50%;}
.pageProduct ul li:hover .tit{ color: #ff6b00;}

.pageProductD{ width: 100%; position: relative; overflow: hidden;}
.pageProductD .infoBox{ width: 100%; padding: 60px 0;}
.pageProductD .infoBox .img{ width: 440px; box-sizing: border-box; border: solid 1px #eee;}
.pageProductD .infoBox .img img{ width: 100%; display: block;}
.pageProductD .infoBox .info{ width: 680px;}
.pageProductD .infoBox .info .tit{ font-size: 28px; color: #333; margin-top: 10px;}
.pageProductD .infoBox .info .num{ width: 100%; margin: 20px 0 0; min-height: 26px;  position: relative; box-sizing: border-box; padding-left: 80px;}
.pageProductD .infoBox .info .num .t{ position: absolute; top: 0; left: 0; color: #333; font-size: 14px; line-height: 26px;}
.pageProductD .infoBox .info .num p{ display: inline-block; width: 100%; margin-bottom: 5px;}
.pageProductD .infoBox .info .num p span{display: inline-block; font-size: 14px; color: #ff6b00;line-height: 26px; background-color: rgba(255,107,0,0.1); padding: 0 10px;}
.pageProductD .infoBox .info .sum{ font-size: 16px; margin-top: 20px; color: #666; line-height: 30px;border-bottom: solid 2px #eee; padding-bottom: 20px;}
.pageProductD .infoBox .info .ex{ margin-top: 1px; border-top: solid 1px #eee; padding-top: 20px;}
.pageProductD .infoBox .info .ex p{ font-size: 14px; color: #333; position: relative; line-height: 24px; margin: 5px 0;}
.pageProductD .infoBox .info .ex p span{ display: inline-block; font-size: 16px; color: #ff6b00; margin-right: 5px;}
.pageProductD .infoBox .info .more{ width: 100%; margin-top: 50px;}
.pageProductD .infoBox .info .more a{ display: inline-block; color: #fff; line-height: 50px; padding: 0 40px; font-size: 16px; background-color: #ff6b00; transition: all ease 0.6s;}
.pageProductD .infoBox .info .more a span{ font-size: 18px; margin-right: 10px; display: inline-block;}
.pageProductD .infoBox .info .more a:first-child{ background-color: #333; margin-right: 30px;}
.pageProductD .infoBox .info .more a:hover{ background-color: #ff6b00;}

.pageProductD .parameter{ width: 100%; padding: 60px 0; background-color: #f5f5f5;}
.pageProductD .parameter .tit{ text-align: center; font-size: 22px; color: #333;}
.pageProductD .parameter .txt{ width: 100%; box-sizing: border-box; padding: 60px; margin-top: 40px; background-color: #fff; font-size: 14px; line-height: 28px;}
.pageProductD .parameter .txt img{ max-width: 100%; display: inline-block; height: auto !important;}
.pageProductD .parameter .txt table{ border: 0;}
.pageProductD .parameter .txt table tr{ border: 0; border-bottom: solid 1px #eee;}
.pageProductD .parameter .txt table tr th{ border: 0;}
.pageProductD .parameter .txt table tr td{ border: 0; color: #666; padding: 20px;}
.pageProductD .parameter .txt table tr td:first-child{ width: 0;color: #333; font-weight:bold;}

/* solutionNav */
.solutionNav{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.solutionNav li{ display: inline-block; vertical-align: top; width: 580px; overflow: hidden; margin: 0 40px 40px 0; text-align: center;} 
.solutionNav li:nth-child(2n){ margin-right: 0;}
.solutionNav li .img{ width: 100%; overflow: hidden;}
.solutionNav li .img img{ width: 100%; display: block; transition: all ease 0.6s;}
.solutionNav li .tit{ font-size: 20px; color: #333; margin: 10px 0 0 0;}
.solutionNav li .tit p{ font-size: 18px;  margin-top: 5px;color: #666;}
.solutionNav li:hover img{ transform: scale(1.05);}
.solutionNav li:hover .tit,.solutionNav li:hover .tit p{ color: #ff6b00;}


/* solutionTitle */
.solutionTitle{ width: 100%; position: relative; text-align: center;}
.solutionTitle p{ font-size: 36px; color: #333; font-family:'PoppinsExtraBold'; text-transform: uppercase; line-height: 46px;}
.solutionTitle h3{ font-size: 24px; color: #333; font-weight: normal;}
.solutionTitle .more{ display: inline-block; padding-right: 25px; color: #333; position: absolute; right: 0; top: 50%; margin-top: -12px; line-height: 24px; background: url(../images/arrow_n_b.png) center right no-repeat; background-size: 18px !important; font-size: 14px; transition: all ease 0.6s;}
.solutionTitle .more:hover{ color: #ff6b00;  background: url(../images/arrow_n_y.png) center right no-repeat;}



/* solutionM01 */
.solutionM01{ width: 100%; padding: 80px 0;  position: relative; z-index: 2;}
.solutionM01 .img{ width: 600px; overflow: hidden;}
.solutionM01 .img img{ width: 100%; display: block;}
.solutionM01 .info{ width: 560px;}
.solutionM01 .info .solutionTitle{ text-align: left;}
.solutionM01 .info .text{ font-size: 16px; color: #333; line-height: 36px; margin-top: 30px;}
.solutionM01.wide .img{ width: 500px;}
.solutionM01.wide .info{ width: 600px;}


/* solutionM02 */
.solutionM02{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../images/jianzhu/qmbwxt/img2_bg.jpg) center no-repeat; background-size: cover;}
.solutionM02 .solutionTitle p,.solutionM02 .solutionTitle h3{ color: #fff;}
.solutionM02 ul{ width: 100%; margin-top: 80px;}
.solutionM02 ul li{ display: inline-block; vertical-align: top;  margin-right: 28px; width: 124px; position: relative; cursor: pointer;}
.solutionM02 ul li:last-child{ margin-right: 0;}
.solutionM02 ul li img{ width: 100px; box-sizing: border-box; display: inline-block; border: solid 1px rgba(255,255,255,0.4); transition: all ease 0.6s;}
.solutionM02 ul li p{ font-size: 16px; margin-top: 15px; color: #fff; transition: all ease 0.6s;}
.solutionM02 ul li:hover img{ background-color: #ff6b00; border-color: #ff6b00;}
.solutionM02 ul li:hover p{ color: #ff6b00;}
.solutionM02 ul.l4 li{ margin-right: 110px;}
.solutionM02 ul.l4 li:last-child{ margin-right: 0;}
.solutionM02 ul.l5 li{ margin-right: 80px;}
.solutionM02 ul.l5 li:last-child{ margin-right: 0;}


/* solutionM03 */
.solutionM03{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background-color: #f8f8f8;}
.solutionM03 .box{ margin-top: 50px;}
.solutionM03 .box .img{ display: inline-block; vertical-align: middle; text-align: center; width: 100%; position: relative;}
.solutionM03 .box .img img{ max-width: 100%; display: inline-block;}


/* solutionM04 */
.solutionM04{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.solutionM04 .productBox{ width: 100%; margin-top: 40px; position: relative;}
.solutionM04 .productBox .prev,.solutionM04 .productBox .next{ display:block;  width:60px; height:60px;position: absolute; top: 50%; transform: translateY(-50%);  overflow:hidden; cursor:pointer; background-size: 20px !important; border-radius: 50%; z-index: 2;}
.solutionM04 .productBox .next{ right: -80px; background:#333 url(../images/arrow_n_w.png) center no-repeat;  }
.solutionM04 .productBox .prev{ left: -80px; background:#333 url(../images/arrow_p_w.png) center no-repeat;  }
.solutionM04 .productBox .next:hover{  background:#ff6b00 url(../images/arrow_n_w.png) center no-repeat;  }
.solutionM04 .productBox .prev:hover{  background:#ff6b00 url(../images/arrow_p_w.png) center no-repeat;  }
.solutionM04 .productBox .bd{ padding:0; overflow: hidden; width: 100%;  position: relative; z-index: 1;}
.solutionM04 .productBox .bd ul{ overflow:hidden; }
.solutionM04 .productBox .bd ul li{ float: left; width: 285px ; margin:0 20px 0 0;  background-color: #f5f5f5; position: relative; text-align: center;}
.solutionM04 .productBox .bd ul li .img{ width: 100%; position: relative; overflow: hidden; box-sizing: border-box; padding: 10px;}
.solutionM04 .productBox .bd ul li .img img{ width: 100%; display: block;  transition: all ease 0.6s;}
.solutionM04 .productBox .bd ul li .img::after{ content: ''; width: 100%; height:0; position: absolute; left: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.6); transition: all ease 0.6s;}
.solutionM04 .productBox .bd ul li .img p{ width: 60px; height: 60px; position: absolute; bottom: -60px; left: 50%; margin: 0 0  -30px -30px; border-radius: 50px; background-color: #ff6b00; text-align: center; line-height: 60px; font-size: 30px; color: #fff; transition: all ease 0.6s; z-index: 2; }
.solutionM04 .productBox .bd ul li .tit{  font-size: 16px; color: #333;  padding: 20px 10px; box-sizing: border-box; width: 100%;  transition: all ease 0.6s;}
.solutionM04 .productBox .bd ul li:hover .img::after{ height: 100%;}
.solutionM04 .productBox .bd ul li:hover .img img{ transform: scale(1.1);}
.solutionM04 .productBox .bd ul li:hover .img p{ bottom: 50%;}
.solutionM04 .productBox .bd ul li:hover .tit{ color: #ff6b00;}

@media (max-width: 1380px){
    .solutionM04 .productBox .next{ right: -00px;  }
    .solutionM04 .productBox .prev{ left: -00px;  }
}


/* solutionM05 */
.solutionM05{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background-color: #f5f5f5;}
.solutionM05 ul{ margin-top: 50px;}
.solutionM05 ul li{ display: inline-block; vertical-align: top; margin: 15px 20px;}
.solutionM05 ul li img{ width: 100px; display: inline-block; border: solid 1px #ddd;}
.solutionM05 ul li p{ font-size: 16px; color: #333; margin-top: 10px;}

/* solutionM06 */
.solutionM06{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.solutionM06 ul{ margin-top: 50px;}
.solutionM06 ul li{ display: inline-block; vertical-align: top; width: 390px; margin: 0 15px 15px 0; text-align: center;overflow: hidden; cursor: pointer;}
.solutionM06 ul li:nth-child(3n){ margin-right: 0;}
.solutionM06 ul li img{ width: 100%; display: block; transition: all ease 0.6s; position: relative; z-index: 1;}
.solutionM06 ul li p{ font-size: 16px; padding: 15px; box-sizing: border-box; background-color: #f5f5f5;transition: all ease 0.6s; z-index: 2; position: relative;}
.solutionM06 ul li:hover p{ color: #fff; background-color: #ff6b00;}
.solutionM06 ul li:hover img{ transform: scale(1.05);}


/* solutionM07 */
.solutionM07{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../images/jianzhu/qmfxxt/img7_bg.jpg) center no-repeat; background-size: cover;}
.solutionM07 .solutionTitle p,.solutionM07 .solutionTitle h3{ color: #fff;}
.solutionM07 ul{ margin-top: 60px;}
.solutionM07 ul li{ display: inline-block; vertical-align: top; margin-right: 12px; width: 291px; box-sizing: border-box; height: 400px; padding: 20px; border: solid 1px rgba(255,255,255,0.4); }
.solutionM07 ul li:last-child{ margin-right: 0;}
.solutionM07 ul li .num{ font-family:'PoppinsExtraBold'; font-size: 36px; color: rgba(0,0,0,0); -webkit-text-stroke: 1px rgba(255,255,255,0.4);  }
.solutionM07 ul li .tit{ font-size: 20px; color: #fff; font-weight: bold; padding: 15px 0 30px 0; border-bottom: dashed 1px rgba(255,255,255,0.4);}
.solutionM07 ul li .txt{ margin-top: 30px; font-size: 16px; color: #fff; line-height: 30px; text-align: left; }

/* solutionM08 */
.solutionM08{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; }
.solutionM08 ul{ width: 100%; margin-top: 50px;}
.solutionM08 ul li{ display: inline-block; vertical-align: top; width: 285px; margin-right: 20px; box-sizing: border-box;}
.solutionM08 ul li:last-child{ margin-right: 0;}
.solutionM08 ul li .tit{ text-align: center; font-size: 22px; color: #fff; font-weight: bold; background-color: #333; line-height: 40px; padding: 20px 0;}
.solutionM08 ul li .txt{ width: 100%; padding: 20px; box-sizing: border-box;  background: #fff; height: 250px;  border: solid 1px #ddd; border-top: 0;}
.solutionM08 ul li .txt p{ display: inline-block; position: relative; padding-left: 12px; font-size: 16px; line-height: 30px; color: #999; margin: 5px 0;}
.solutionM08 ul li .txt p::after{ content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 4px; top: 13px; border-radius: 50%; background-color: #ff6b00; }



/* solutionM09 */
.solutionM09{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background-color: #f5f5f5;}
.solutionM09 .box{ margin-top: 50px; }
.solutionM09 .box .img{ display: inline-block; vertical-align: middle; width: 805px;}
.solutionM09 .box .img img{ width: 100%; display: block;}
.solutionM09 .box .info{display: inline-block; vertical-align: middle; width: 340px; margin-left: 55px; box-sizing: border-box; padding: 10px; background-color: #fff; }
.solutionM09 .box .info ul{width: 100%; text-align: left; box-sizing: border-box; border: solid 1px #aaa; padding: 15px 30px;}
.solutionM09 .box .info ul li{ display: inline-block; margin: 5px 0; width: 100%; font-size: 16px; color: #333; line-height: 30px;}


/* solutionM10 */
.solutionM10{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background-color: #f5f5f5;}
.solutionM10 ul{ margin-top: 50px; }
.solutionM10 li{ display: inline-block; vertical-align: top; width: 291px; margin: 0 12px 12px 0; box-sizing: border-box; padding: 5px; background-color: #fff;cursor: pointer; transition: all ease 0.6s;}
.solutionM10 li:nth-child(4n){ margin-right: 0;}
.solutionM10 li img{width: 100%; display: inline-block;}
.solutionM10 li p{ font-size: 16px; margin: 10px 0; color: #333; transition: all ease 0.6s;}
.solutionM10 li:hover{ background-color: #ff6b00;}
.solutionM10 li:hover p{ color: #fff;}


/* solutionM11 */
.solutionM11{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.solutionM11 ul{ width: 100%; position: relative; margin-top: 40px; box-sizing: border-box; padding: 50px 0; background-color: #f5f5f5;}
.solutionM11 ul::after{ content: ''; position: absolute; right: 0; top: 0; width: 50%; height: 100%; background-color: rgba(255,107,0,0.1); z-index: 0;}
.solutionM11 ul li{ display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box; padding: 15px 130px; position: relative; z-index: 2;}
.solutionM11 ul li:nth-child(3){ width: 100%;}
.solutionM11 ul li .tit{ margin-bottom: 10px;}
.solutionM11 ul li .tit span{ display: inline-block; vertical-align: middle;  font-size: 20px; line-height: 40px;}
.solutionM11 ul li .tit img{ display: inline-block; vertical-align: middle; width: 40px; margin-right: 10px;}
.solutionM11 ul li .txt{ text-align: left; font-size: 16px; line-height: 26px; margin-top: 20px; box-sizing: border-box; padding: 0 10px;}
.solutionM11 ul li .img{ text-align: center; }
.solutionM11 ul li .img img{ max-width: 100%; display: inline-block;}


/* solutionM12 */
.solutionM12{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background-color: #f5f5f5;}
.solutionM12 ul{ width: 100%; margin: 10px auto 0; position: relative;}
.solutionM12 ul li{display: inline-block; vertical-align: top; width: 100%; margin-top: 60px; position: relative;}
.solutionM12 ul li img{ max-width: 100%; display: inline-block;}
.solutionM12 ul li p{ width: 170px; margin:30px auto 0; line-height: 40px; font-size: 16px; color: #fff; background-color: #333; cursor: pointer;}
.solutionM12 ul li:first-child{ padding-bottom: 60px;}
.solutionM12 ul li:first-child p{ background-color: #ff6b00;}
.solutionM12 ul li:first-child::after{ content: ''; position: absolute; bottom: 0; right: 20%; height: 1px; width: 60%; background: linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.0));}


/* solutionM13 */
.solutionM13{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.solutionM01 .solutionM13{ padding: 0;}
.solutionM13 ul{ width: 100%;}
.solutionM13 ul li{ display: inline-block; vertical-align: top; width: 390px; margin: 30px 15px 0 0; position: relative;}
.solutionM13 ul li:nth-child(3n){margin-right: 0;}
.solutionM13 ul li .img{ width: 100%; position: relative; overflow: hidden;}
.solutionM13 ul li .img img{ width: 100%; display: block; position: relative; z-index: 1;}
.solutionM13 ul li .img p{ position: absolute; left: 0; top: 0; z-index: 2; background-color: #ff6b00; line-height: 40px; width: 40px; text-align: center; color: #fff; font-size: 24px;  font-family:'PoppinsExtraBold';}
.solutionM13 ul li .txt{ font-size: 16px; padding: 20px 0; color: #333; line-height: 28px; border-bottom: solid 2px #eee; height: 130px;}


/* solutionM14 */
.solutionM14{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../images/jianzhu/qmbwxt/img2_bg.jpg) center no-repeat; background-size: cover;}
.solutionM14 .solutionTitle p,.solutionM14 .solutionTitle h3{ color: #fff;}
.solutionM14 .text{ text-align: center; font-size: 16px; color: #fff; line-height: 30px; margin: 60px auto 0;}
.solutionM14 ul{ width: 100%; margin-top: 60px;}
.solutionM14 ul li{ display: inline-block; vertical-align: top; margin-right: 40px; width: 160px; position: relative; cursor: pointer;}
.solutionM14 ul li:last-child{ margin-right: 0;}
.solutionM14 ul li img{ width: 100px; box-sizing: border-box; display: inline-block; border: solid 1px rgba(255,255,255,0.4); transition: all ease 0.6s;}
.solutionM14 ul li .tit{ font-size: 18px; margin-top: 15px; color: #fff; transition: all ease 0.6s;}
.solutionM14 ul li .txt{ font-size: 14px; color: #fff; line-height: 24px; margin-top: 5px;}
.solutionM14 ul li:hover img{ background-color: #ff6b00; border-color: #ff6b00;}
.solutionM14 ul li:hover .tit{ color: #ff6b00;}


/* solutionM15 */
.solutionM15{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.solutionM15 .box{ margin-top: 50px;}
.solutionM15 .box ul{ display: inline-block; vertical-align: top; width: 300px;}
.solutionM15 .box ul li{ width: 100%; height: 106px; box-sizing: border-box; border: solid 1px #ddd; float: left; margin-bottom: 26px;background-color: #f5f5f5; padding: 25px; text-align: left;}
.solutionM15 .box ul li:last-child{ margin-bottom: 0;}
.solutionM15 .box ul li .tit{ font-size: 20px; color: #333;}
.solutionM15 .box ul li .txt{ font-size: 16px; color: #999; margin-top: 8px;}
.solutionM15 .box .img{ display: inline-block; vertical-align: top; width: 540px; margin: 0 30px;}
.solutionM15 .box .img img{ width: 100%; display: block;}


/* solutionM16 */
.solutionM16{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background-color: #f5f5f5;}
.solutionM16 .text{ text-align: center; font-size: 18px; color: #333; line-height: 30px; margin: 60px auto 0;}
.solutionM16 ul{ width: 100%; margin-top: 60px;}
.solutionM16 ul li{ display: inline-block; vertical-align: top; background-color: #fff; box-sizing: border-box; width: 230px; height: 300px; padding: 60px 15px 80px; margin: 0 15px;}
.solutionM16 ul li img{ width: 60px; display: inline-block;}
.solutionM16 ul li p{ border-top: solid 1px #eee; margin-top: 30px;padding-top: 30px; font-size: 20px; color: #333; font-weight: bold;}
.solutionM16 ul.l7 li{ width: 162px; margin: 0 11px 0 0;}
.solutionM16 ul.l7 li:last-child{ margin-right: 0;}
.solutionM16 ul.l6 li{ width: 185px; margin: 0 18px 0 0;}
.solutionM16 ul.l6 li:last-child{ margin-right: 0;}
.solutionM16 ul.l5 li{ width: 224px; margin: 0 20px 0 0;}
.solutionM16 ul.l5 li:last-child{ margin-right: 0;}

/* solutionM17 */
.solutionM17{ width: 100%; padding: 80px 0 ; overflow: hidden; position: relative; background-color: #f5f5f5;}
.solutionM17 .img{ width: 100%; text-align: center; margin-top: 60px;}
.solutionM17 .img img{ max-width: 100%; display: inline-block;}


/* solutionM18 */
.solutionM18{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../images/jianzhu/fstx/img18_bg.jpg) center no-repeat; background-size: cover;}
.solutionM18 .solutionTitle p,.solutionM18 .solutionTitle h3{ color: #fff;}
.solutionM18 ul{ width: 100%; margin-top: 60px;}
.solutionM18 ul li{ display: inline-block; vertical-align: top; width: 380px; margin-right: 30px;}
.solutionM18 ul li:last-child{ margin-right: 0;}
.solutionM18 ul li img{ width: 100%; display: block;}
.solutionM18 ul li p{ font-size: 16px; line-height: 28px; color: #fff; padding: 15px 20px; background-color: #ff6b00;}


/* solutionM19 */
.solutionM19{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: #f5f5f5;}
.solutionM19 ul{ width: 100%; margin-top: 60px;}
.solutionM19 ul li{ display: inline-block; vertical-align: top; width: 380px; margin-right: 30px; box-sizing: border-box; border: solid 1px #eee; padding:  20px; background-color: #fff;}
.solutionM19 ul li:last-child{ margin-right: 0;}
.solutionM19 ul li img{ width: 160px; display: inline-block; margin: 10px 0;}
.solutionM19 ul li .tit{ font-size: 20px; color: #333; margin: 20px 0; padding-top: 20px; border-top: solid 1px #eee;}
.solutionM19 ul li .txt{ font-size: 16px; color: #666; line-height: 30px; height: 120px;}

/* solutionM20 */
.solutionM20{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../images/jianzhu/tzsjtx/img20_bg.jpg) center no-repeat; background-size: cover;}
.solutionM20 .solutionTitle p,.solutionM20 .solutionTitle h3{ color: #fff;}
.solutionM20 ul{ width: 100%; margin-top: 60px;}
.solutionM20 ul li{display: inline-block; width: 260px; height: 260px; border: solid 1px rgba(255,255,255,0.2); box-sizing: border-box; position: relative; margin: 0 -15px; border-radius: 50%;}
.solutionM20 ul li .num{ font-size: 72px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: rgba(255,255,255,0.05); font-family:'PoppinsExtraBold'; z-index: 1;}
.solutionM20 ul li .txt{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; z-index: 2; font-size: 16px; color: #fff; line-height: 32px;}

/* solutionM21 */
.solutionM21{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: #f5f5f5;}
.solutionM21 ul{ width: 100%; margin-top: 60px;}
.solutionM21 ul li{ display: inline-block; vertical-align: top; width: 122px; margin-right: 32px; cursor: pointer;}
.solutionM21 ul li:last-child{ margin-right: 0;}
.solutionM21 ul li img{ width: 110px; display: inline-block; border-radius: 50%; border: solid 1px #fff; margin: auto;}
.solutionM21 ul li p{ font-size: 16px; color: #333; line-height: 26px; margin-top: 20px;}
.solutionM21 ul li:hover p{ color: #ff6b00;}



/* solutionM22 */
.solutionM22{ width: 100%; padding: 80px 0 ; overflow: hidden; position: relative; }
.solutionM22 .img{ width: 100%; text-align: center; margin-top: 60px;}
.solutionM22 .img img{ max-width: 100%; display: inline-block;}


/* solutionM23 */
.solutionM23{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: #f5f5f5;}
.solutionM23 .text{ text-align: center; font-size: 18px; color: #333; line-height: 30px; margin: 60px auto 0;}
.solutionM23 ul{ width: 100%; margin-top: 40px;}
.solutionM23 ul li{ display: inline-block; vertical-align: top; width: 360px; margin-right: 15px;}
.solutionM23 ul li:last-child{ margin-right: 0;}
.solutionM23 ul li img{ width: 100%; display: block;}


/* solutionM24 */
.solutionM24{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../images/jianzhu/hydpzh/img24_bg.jpg) center no-repeat; background-size: cover;}
.solutionM24 .solutionTitle p,.solutionM24 .solutionTitle h3{ color: #fff;}
.solutionM24 .advantageBox{ width: 100%; margin-top: 60px;}
.solutionM24 .hd{ width: 100%; text-align: center;}
.solutionM24 .hd ul li{ display: inline-block; vertical-align: top; font-size: 16px; padding: 10px 20px; border: solid 1px rgba(255,255,255,0.5); margin: 0 20px; color: #fff; background-color: rgba(255,255,255,0.1); cursor: pointer;}
.solutionM24 .hd ul li.on{ background-color: #ff6b00; border-color: #ff6b00;}
.solutionM24 .bd{ margin-top: 60px;}
.solutionM24 .bd ul{ width: 100%; text-align: center;}
.solutionM24 .bd ul li{ display: inline-block; vertical-align: top;  margin-right: 60px; width: 128px; position: relative; cursor: pointer;}
.solutionM24 .bd ul li:last-child{ margin-right: 0;}
.solutionM24 .bd ul li img{ width: 100px; box-sizing: border-box; display: inline-block; border: solid 1px rgba(255,255,255,0.4); transition: all ease 0.6s;}
.solutionM24 .bd ul li p{ font-size: 16px; margin-top: 15px; color: #fff; transition: all ease 0.6s;}
.solutionM24 .bd ul li:hover img{ background-color: #ff6b00; border-color: #ff6b00;}
.solutionM24 .bd ul li:hover p{ color: #ff6b00;}

/* solutionM25 */
.solutionM25{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background-color: #f5f5f5;}
.solutionM25 ul{ width: 100%; margin-top: 60px;}
.solutionM25 ul li{ display: inline-block; vertical-align: top; width: 580px; box-sizing: border-box; padding: 30px; border: solid 1px #ddd;height: 280px;}
.solutionM25 ul li:first-child{ margin-right: 40px;}
.solutionM25 ul li .tit{ text-align: center; color: #333; font-size: 20px;}
.solutionM25 ul li .txt{ font-size: 16px; line-height: 38px; color: #999; margin-top: 30px;}


/*pages*/
.pages{ padding: 40px 0; width: 100%;  font-size:14px; text-align: center; }
.pages a { display:inline-block; height:32px; line-height:32px; background:#333; color: #fff; text-align:center;  padding:0 12px; margin:0 5px; box-sizing: border-box;}
.pages a:hover { background:#ff6b00;  text-decoration:none }
.pages span { display:inline-block;  height:32px; line-height:32px; background:#ff6b00; color:#fff; text-align:center; padding:0 12px; margin:0 5px;}