/* CSS Document */

@import url(global.css);

body{background:#f5f5f5;}


.model1{ position:relative; height: auto;}
.swiper-container {width: 100%; height:auto; overflow: hidden;}
.swiper-slide {text-align: center; font-size: 18px;background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center;  -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide a { display:block;width:100%;}
.swiper-slide img{ display:block;width:100%;height:auto; float:left;}	
.model1 .logo{ width:38%;position:absolute; left:3px; top:0; z-index:10000;}
.model1 .logo img{ width:100%; height:auto;}

/*------column-------------------- */
.column{width:100%;height:auto; overflow:hidden;}
.column ul{padding-top:20px;  overflow:hidden;}
.column ul li{ float:left; width:45.5%; text-align:center; background:#3c3c3c; margin:0 0 3% 3%;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.column ul li a{ display:block;width:100%;height:auto; overflow:hidden;margin:0 auto; text-align:center; padding:3% 0 5% 0;}
.column ul li a img{width:30%;height:auto;}
.column ul li a span{ height:auto; color:#fafafa; font-size:1em;display:block;}





/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
#title{ width:100%; height: auto; overflow:hidden; text-align:center; padding:5% 0; }
#title h6{ width:100%; display:block; font-size:1.6em;}
#title span{ width:100px; display:block; border-bottom:1px solid #ccc; margin:0 auto; padding-top:3px; margin-bottom:5px;}
#title p{ font-size:0.8em; color:#999; text-transform:uppercase; font-family:Arial;}


.qy{ width:100%; height:68px; line-height:68px; overflow:hidden; text-align:center; color:#3ccbc9; font-size:1.5em; font-weight:bold; }
.qy div{ width:100%; margin:0 auto;}
.qy img{ width:46px; height:46px; margin:6px 0 0 10px; float:left; padding:5px; background:#3ccbc9; border-radius: 50%;}

/*--------------------------------*/
/*------------服务内容-------------*/
.service{ width:100%; height:100%;  overflow:hidden; padding-bottom:2%; }
.service .box{width:96%;height:100%; overflow:hidden; background:url(../images/project0.jpg) fixed no-repeat center center;-webkit-background-size: cover; margin:2%; padding-bottom:2%; box-shadow: 0px 0px 20px #ccc;border-radius:5px;}
.service .box li{ width:47%; height:100%; overflow:hidden;  display:block; overflow:hidden; float:left; position:relative; margin:2% 0 0 2%; background: linear-gradient(120deg, #bbb,#f9f9f9,#bbb); border-radius:5px;}
.service .box li img{ width:100%; display:block; float:left; }
.service .box li p{ width:100%; height:38px; line-height:38px; text-align:center; color:#fff; font-size:1.1em; font-weight:bold; position:absolute; bottom:0; background: rgba(60, 203, 201, 0.8)!important;filter: Alpha(opacity=80); }
.service .box .bot{ width:96%;background: linear-gradient(120deg, #0abab8,#9bebec,#6bd9d8,#9bebec,#0abab8);}
/*--------------------------------*/
/*------------工艺介绍-------------*/
.technology{ width:96%; height:100%;  overflow:hidden; background:#fff; margin:2%;box-shadow: 0px 0px 20px #ccc;border-radius: 5px; margin-bottom:5%;}
.technology .box{width:100%;height:100%; overflow:hidden; }
.technology .box li{display:block; float:left; width:47%;height: auto; overflow:hidden; margin:0 0 2% 2%; background: linear-gradient(120deg, #111,#555,#222); position:relative; border-radius: 5px;}
.technology .box li img{display:block; width:100%;}
.technology .box li p{ width:100%; height:38px; line-height:38px; text-align:center; color:#333; font-size:1.1em; font-weight:bold; position:absolute; bottom:0; background: rgba(255, 255, 255, 0.9)!important;   filter: Alpha(opacity=90);}
/*--------------------------------*/
/*------------镶嵌流程-------------*/
.process{width:92%; height:100%;  overflow:hidden; background:#fff; margin:2%; padding:0 2% 2% 2%; box-shadow: 0px 0px 20px #ccc;border-radius: 5px; margin-bottom:5%;}
.process .box{width:100%;height:100%; overflow:hidden; }
.process .box li{display:block; float:left; width:100%;height:100%; padding:5px 0; margin-bottom:1%; color:#fff; background: linear-gradient(180deg, #39c8c6,#6bd9d8); border-radius: 5px;}
.process .box li b{ font-size:1.2em;}
.process .box li p{ float:left; color:#fff; font-size:0.9em; line-height:1.5em; padding:5px 0 0 0; float:left;}
.process .box li img{width:30px;height:30px; float:left; padding:7px;}
/*--------------------------------*/
/*------------工艺沉淀-------------*/
.experience{ width:100%; height:100%;  overflow:hidden; padding-bottom:20px; }
.experience .box{width:96%;height:100%; overflow:hidden; background:url(../images/project0.jpg) fixed no-repeat center center;-webkit-background-size: cover;margin:2%; padding-bottom:2%; box-shadow: 0px 0px 20px #ccc;border-radius:5px;}
.experience .box ul li{width:46.5%;height:105px;margin:2% 0 0 2%;color:#fff; position:relative; background: rgba(107, 217, 216, 0.8)!important; filter: Alpha(opacity=80); border: 2rpx solid #eee;  border-radius: 6px; float:left;}
.experience .box ul .con1 b{ width:60%; display:block; font-size:1.2em; padding:10px 0 5px 0; margin-left:5%;}
.experience .box ul .con1 p{ width:60%; font-size:0.8em; line-height:1.3em; margin-left:5%;}
.experience .box ul .con2{ width:95.6%; text-align:center;}
.experience .box ul .con2 h6{ font-size:1.5em; padding:20px 0 5px 0;}
.experience .box ul .con2 p{  font-size:0.9em; line-height:1.3em;}
.experience .box ul img{ width:50px; position:absolute; bottom:5px; right:5px; border-radius: 5px;}
/*--------------------------------*/
/*------------四大保障-------------*/
.guarantees{ width:92%; height:100%;  overflow:hidden; background:#fff; margin:2%; padding:2%; box-shadow: 0px 0px 20px #ccc;border-radius: 5px; margin-bottom:5%;}
.guarantees .box{width:100%;height:100%; overflow:hidden;}
.guarantees .box ul li{ width:21%; height:100%; overflow:hidden; padding:0 1% 2% 2%; color:#333; float:left; text-align:center;}
.guarantees .box ul li b{ width:100%; display:block; font-size:1.2em; padding:0 0 5px 0; color:#6bd9d8;}
.guarantees .box ul li p{ font-size:0.8em; line-height:1.5em; color:#666;}
.guarantees .box ul li img{ width:38px; height:38px; padding:5px; border:1px solid #6bd9d8; border-radius: 50%;}
/*--------------------------------*/
/*------------五大承诺-------------*/
.promise{ width:96%; height:100%;  overflow:hidden; background:#fff; margin:2%; box-shadow: 0px 0px 20px #ccc;border-radius: 5px; margin-bottom:5%;}
.promise .box{width:96%;height:100%;  padding:2%; overflow:hidden; background:url(../images/promise/bg2.jpg) no-repeat center center;-webkit-background-size: cover;}
.promise .box ul li{ width:100%; height:50px; line-height:50px; overflow:hidden; margin:0 0 2% 0; color:#fff; background: linear-gradient(180deg, #39c8c6,#6bd9d8);filter: Alpha(opacity=80);font-size:0.8em; border-radius: 5px;}
.promise .box ul li b{ float:left; padding-left:5px;}
.promise .box ul li img{ width:15px; height:50px; float:left;}
.promise .box ul li p{ float:left;}
/*--------------------------------*/
/*------------团队介绍-------------*/
.team{ width:92%; height:100%;  overflow:hidden; background:#fff; margin:2%; padding:2%; box-shadow: 0px 0px 20px #ccc;border-radius: 5px; margin-bottom:5%;}
.team .swiper-slide{ background: linear-gradient(180deg, #39c8c6,#6bd9d8,#3ccbc9);}
.team .img{ width:50%; height:100%; overflow:hidden; float:left; position:relative; background:#eee;}
.team .img img{ width:100%; float:left; display:block;}
.team .img h6{ width:100%; height:60px; line-height:60px; font-size:1em; position:absolute; bottom:20%; background: rgba(255, 255, 255, 0.8)!important;filter: Alpha(opacity=80); }
.team .img h6 font{ font-size:0.7em;}
.team .con{ width:39%; height:100%; overflow:hidden; float:right; color:#fff; font-size:0.7em; line-height:1.5em; padding:3%; margin:2%;}
.team .con img{ width:80%; padding:0 10%; margin-bottom:15px;}
/*--------------------------------*/
/*------------作品展示-------------*/
.works{ width:96%; height:100%;  overflow:hidden; background:#fff; margin:2%; padding:2 0%; box-shadow: 0px 0px 20px #ccc;border-radius: 5px; margin-bottom:5%;}
.works .box{ width:100%; height:100%; overflow:hidden;}
.works .nav{ width:100%; height:100%; overflow:hidden; text-align:center; margin-bottom:10px;}
.works .nav font{ width:30.2%; text-align:center; padding:2% 0; background:#f6f6f6; margin:0 0 2% 2%; font-size:0.9em; border-radius: 5px; float:left;}
.works .nav font:hover,.works .nav .hover{background: linear-gradient(180deg, #39c8c6,#6bd9d8); color:#fff; font-weight:bold;}
.works  li{ width:47%; display:block; float:left; margin:0 0 2% 2%;}
.works img{ width:100%; border-radius: 5px; float:left;}

/*--------------------------------*/
/*------------工厂环境-------------*/
.factory{ width:92%; height:100%;  overflow:hidden; background:#fff; margin:2%; padding:2%; box-shadow: 0px 0px 20px #ccc;border-radius: 5px; margin-bottom:5%;}
.factory img{border-radius: 5px;}
/*--------------------------------*/
/*------------走过的日子----------*/
.days{ width:92%; height:100%;  overflow:hidden; background:#fff; margin:2%; padding:2%; box-shadow: 0px 0px 20px #ccc;border-radius: 5px;  margin-bottom:5%;}
.days img{border-radius: 5px;}
/*--------------------------------*/
/*--------------------------------*/
.world{ width:100%; height:100%; overflow:hidden; text-align:center; background:#000 url(../images/world.jpg) no-repeat center top; }
.world .box{ width:94%; height: auto; overflow:hidden; color:#fff; font-size:1.5em; font-weight:bold; line-height:1.5em; margin:5% 3%; background: rgba(10, 186, 186, 0.6)!important; filter: Alpha(opacity=60);border-radius: 5px;}
.world .box .con{ width:98%; height:100%; overflow:hidden; border:1px solid #99dddb; margin:1%; padding:16px 0;border-radius: 5px;}