@charset "utf-8";
@import url(global.css);
body{ background:#f5f5f5;}

#video{ padding:30px 0; background:#000; text-align:center;}
#video iframe{width:100%; height: 600px;}
/*-------------首页幻灯------------*/
.banner_bg{height:420px;width: 100%;overflow: hidden;}
.banner {height: 420px;left: 50%; margin: 0 auto 0 -960px;overflow: hidden;position: relative;text-align: center;width: 1920px;z-index:2;}
.banner a{color:#666;}
.banner .nav_img{width:1920px;height:420px;overflow:hidden;display:block;}   
.banner .nav_img li{display:block;float:left;}   
.banner .nav_img img{width:1920px;height:420px;display:block;}   
.banner .nav_banner{width:260px;height:15px;bottom:20px;position: absolute;right:750px;z-index:5;}   
.banner .nav_banner li{display:block; float:left; width:15px; height:15px;margin-right:10px; background:url(../images/22.png) no-repeat;}   
.banner .nav_banner li a{ display:block; width:15px;}
.banner .this {display:block; padding:0;margin:0;}        
.banner .this a{ display:block; width:15px;height:15px; background:url(../images/11.png) no-repeat;}
/*--------------------------------*/
.sider{width:100%;height:80px; line-height:80px; text-align:center; font-size:36px; color:#fff; background:#3ccbc9;}


/*-------------客户-------------*/
.customer{ width:98%; height:100%; overflow:hidden; margin:0 auto;padding:15px 0 0 0;}
.customer a{background:#000;}
.customer img{width:100%; pointer;transition: all 1s; }   
.customer img:hover{ transform: scale(1.05); opacity: 0.3;}
.customer .box{ width:100%; height:100%; overflow:hidden;}
.customer .box .left { width:24.2%;height: 100%; float:left; overflow:hidden;}
.customer .box .left a{ width:100%; overflow:hidden; display:block; margin-bottom:15px; background:#000;}
.customer .box .center {width:49.5%; height:100%; float:left; margin:0 1%;}
.customer .box .center a{ width:100%; float:left; overflow:hidden; display:block;}
.customer .box .center .share-top img{ width:100%; float:left;}
.customer .box .center .share-top a{ width:49%; float:left; overflow:hidden; display:block; margin-bottom:15px;}
.customer .box .right {width:24.2%; height: 100%; float:right;}
.customer .box .right a{ width:100%;overflow:hidden; display:block;}

.customer:hover img{opacity: 0.3;}
.customer:hover img:hover{opacity: 1;}



/*--------------------------------*/
.design{width:100%;height:1050px; background:url(../images/parallax3.jpg) fixed no-repeat center center;-webkit-background-size: cover; overflow:hidden;}
.design .title{width:1200px; margin:0 auto;padding-top:65px; text-align:center; overflow:hidden;}
.design .title h3{ font-size:50px; font-weight:normal; color:#eee;}
.design .title p{ font-size:16px; line-height:26px; color:#868888; margin-top:20px;}
.design .design_box{width:1200px;margin:60px auto 0 auto; overflow:hidden;}
.design .design_box .design_left{width:820px; float:left;}
.design .design_box .design_left .i1{ width:418px; height:430px; display:block; overflow:hidden; float:left;}
.design .design_box .design_left .i2{ width:360px; height:205px; display:block; overflow:hidden; float:left;margin-bottom:20px;margin-left:20px;}
.design .design_box .design_left .i3{ width:800px; height:220px; display:block; overflow:hidden; float:left;}
.design .design_box .design_left img{ float:left;margin-bottom:20px;margin-right:20px; cursor: pointer;transition: all 0.8s;  }
.design .design_box .design_left img:hover{ transform: scale(1.2); }
.design .design_box .design_right{width:380px; float:right; overflow:hidden;}
.design .design_box .design_right img{cursor: pointer;transition: all 0.8s;}
.design .design_box .design_right img:hover{transform: scale(1.2);}
/*--------------------------------*/
.news_product{width:100%;height:auto;background:#f5f5f5;}
.news_product .title{width:1200px; margin:0 auto;padding-top:65px; text-align:center; background:url(../images/lit.jpg) repeat-x left top 158px; overflow:hidden;}
.news_product .title h3{ font-size:50px; font-weight:normal;}
.news_product .title a{ float:right; color:#999;}
.news_product .title a:hover{color:#3ccbc9;}
.news_product .title span{ display:block;width:220px; text-align:center;margin:0 auto;color:#c2c2c2; font-family:Arial; background:#f5f5f5; font-size:20px;margin-top:15px;}
.news_product .product_box{width:1200px;margin:0 auto;}
.news_product .product_box .title{margin-top:74px; text-align:center;height:100px; background:url(../images/title_bg.jpg) repeat-x left 80px;}
.news_product .product_box .title span{ font-family:Arial; color:#21d9d9; font-size:40px;}
.news_product .product_box .title p{ font-size:40px; color:#000000; display:block; background:#f5f5f5;width:450px; text-align:center;margin:0 auto;}
.fuwuImg {width: 1200px;height: 710px; margin: 40px auto 0px auto;}
#featureCarousel {     width:1200px;  background-color:gray;  position:relative;}
#featureCarousel img { border:0;width:500px;height:500px;}
#featureCarousel .feature { position:absolute;  top:-1000px; left:-1000px; border:1px solid #dedede; cursor:pointer;}
#featureCarousel .feature > div { position:absolute; bottom:-130px;left:0px;width:100%;text-align:center;}
#featureCarousel .feature > div span { font-size:25px; color:#0d0408;}
#featureCarousel .feature > div a{display:block;width:200px;height:40px;margin:20px auto 0px auto;line-height:40px;text-align:center;border:1px solid #10c9c9;background:#21d9d9;color:#fff;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#featureCarousel .feature > div a:hover{border:1px solid #f70;background:#f80;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#featureCarousel .blipsContainer { position:absolute; color:white;right:25px; top:450px; padding:0; margin:0;}
#featureCarousel .blipsContainer .blip { margin:3px; height:14px; width:14px; background: #ccc;color:white; text-align:center;font-size:10px; border:1px dotted black;}
#featureCarousel .blipsContainer .blipSelected {color:white; font-weight:bold; background-color:black;}
/*----------------------结束！------------------------*/
.factory{width:100%;height:auto; overflow:hidden;}
.factory .title{width:1200px; margin:0 auto;padding-top:65px; text-align:center; background:url(../images/lit.jpg) repeat-x left top 158px; overflow:hidden;}
.factory .title h3{ font-size:50px; font-weight:normal;}
.factory .title a{ float:right; color:#999;}
.factory .title a:hover{color:#3ccbc9;}
.factory .title span{ display:block;width:250px; text-align:center; background:#f7f7f7;margin:0 auto;color:#c2c2c2; font-family:Arial; font-size:20px;margin-top:15px;}
.factory .title p{ font-size:16px; line-height:16px;margin-top:5px; color:#868888; margin-top:56px;}
.factory .title b{ font-size:16px; font-weight:normal; color:#777; display:block; float:left; text-align:center; width:100%; line-height:16px;}
.factory .video{width:1200px;margin:30px auto 0 auto; overflow:hidden;}

/*--------------------------------*/
.news{width:100%;height:auto; overflow:hidden;}
.news .title{width:1200px; margin:0 auto;padding-top:65px; text-align:center; background:url(../images/lit.jpg) repeat-x left top 158px; overflow:hidden;}
.news .title a {float: right;color: #999;}
.news .title h3{ font-size:50px; font-weight:normal;}
.news .title span{ display:block;width:250px; text-align:center; background:#f7f7f7;margin:0 auto;color:#c2c2c2; font-family:Arial; font-size:20px;margin-top:15px;}
.news .title p{ font-size:14px; line-height:25px;margin-top:86px; color:#868888;padding-left:194px;}
.news .title p a{ display:block;width:130px;height:40px; text-align:center; line-height:40px; font-size:18px;margin-right:40px; color:#666666;float:left; background:#f9f9f9;}
.news .title p a:hover{ background:#3ccbc9; color:#ffffff;}
.news .title p .hover{ background:#3ccbc9; color:#ffffff; }
.news .news_box{width:1200px;margin:60px auto 0 auto;height:400px; overflow:hidden;}
.news .news_box ul{ width:1280px; height:100%; overflow:hidden;}
.news .news_box ul li{width:383px;height:400px;margin-right:25px; float:left; overflow:hidden;}
.news .news_box ul li a{ display:block;}
.news .news_box ul li img{width:383px;height:239px;}
.news .news_box ul li h3{ height:30px; line-height:28px; overflow:hidden; display:block; font-size:16px; margin-top:30px;}
.news .news_box ul li p{overflow:hidden; padding:10px 0; font-size:14px;color:#888; line-height:30px;}
.news .news_box ul li a:hover h3{color:#3ccbc9;}







/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
#title{ width:100%; height: auto; overflow:hidden; text-align:center; padding:30px 0; }
#title h6{ width:100%; display:block; font-size:45px;}
#title span{ width:180px; display:block; border-bottom:1px solid #999; margin:0 auto; padding-top:8px; margin-bottom:8px;}
#title p{ font-size:22px; color:#999; text-transform:uppercase; font-family:Arial;}

#demo {width:100%;float:right;overflow:hidden;}
#indemo {float: left;width: 1000000px;}
#demo1 {float: left;}
#demo2 {float: left;}

.qy{ width:100%; height:100px; line-height:100px; text-align:center; color:#fff; font-size:45px; font-weight:bold;  background:#0abab8;}
.qy div{ width:670px; margin:0 auto;}
.qy img{ width:60px; margin:15px; float:left; padding:5px; background:#fff; border-radius: 50%;}

/*--------------------------------*/
/*------------服务内容-------------*/
.service{ width:100%; height:100%;  overflow:hidden; padding-bottom:20px; }
.service .box{width:80%;height:100%; overflow:hidden; background:url(../images/parallax3.jpg) fixed no-repeat center center;-webkit-background-size: cover; padding:3% 10%;  box-shadow: 5px 5px 10px #dedede;}
.service .box .left{ width:30%; height:100%; overflow:hidden; float:left;}
.service .box .left .con{ line-height:2em;}
.service .box .left li{ width:100%; height:100%; overflow:hidden;  display:block; overflow:hidden; float:left; position:relative; margin:1.2% 0 1% 0; background: linear-gradient(120deg, #0abab8,#9bebec,#6bd9d8,#9bebec,#0abab8); border-radius:5px;}
.service .box .right{ width:70%; height:100%; overflow:hidden; float:right;}
.service .box .right li{ width:32%; height:100%; overflow:hidden;  display:block; overflow:hidden; float:left; position:relative; margin:0.5% 0 0.5% 1%;  background: linear-gradient(120deg, #111,#555,#222);  border-radius:5px;}
.service .box li img{ width:100%; display:block; float:left; pointer; transition: all 1s; }
.service .box li p{ width:100%; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; position:absolute; bottom:0; background: rgba(10, 186, 186, 0.8)!important; filter: Alpha(opacity=80); }

.service .box li img:hover{ transform: scale(1.05); opacity: 1; background:#111;}
.service:hover img{opacity: 0.9;}
.service:hover img:hover{opacity: 1;}
/*--------------------------------*/
/*------------镶嵌流程-------------*/
.process{ width:100%; height:100%;  overflow:hidden; padding-bottom:20px;}
.process .box{width:100%;height:100%; overflow:hidden; background:#0abab8; border:1px solid #eee; margin:0 auto;  box-shadow: 5px 5px 10px #dedede;}
.process .box ul{width:80%;height:100%; overflow:hidden; display:block; border-left:1px solid #18cbc9; margin:0 auto;}
.process .box li{display:block; float:left; width:10%;height: 180px; padding:60px 1.2%; text-align:center; color:#fff; border-right:1px solid #18cbc9; transition: all 1s;}
.process .box li b{ width:100%; display:block; font-size:22px; padding:12px 0;}
.process .box li p{ color:#fff; font-size:16px; line-height:26px;}
.process .box li img{width:56px;height:56px;}
.process .box li:hover{ background:#03a09e;}
 
/*--------------------------------*/
/*------------工艺介绍-------------*/
.technology{ width:100%; height:100%;  overflow:hidden; padding-bottom:20px; margin-bottom:50px;}
.technology .box{width:80%;height:100%; overflow:hidden; background:#fff; border:1px solid #eee; margin:0 auto; padding-bottom:20px; box-shadow: 0px 0px 20px #dedede; border-radius: 5px;}
.technology .box ul{ width:105%; height:100%; overflow:hidden; display:block; padding:0.5% 0 0 0.6%;}
.technology .box li{display:block; float:left; width:22.7%;height: auto; overflow:hidden; margin:0.7% 0 0 0.7%; background: linear-gradient(120deg, #111,#555,#222); position:relative; border-radius: 5px;}
.technology .box li img{display:block; width:100%; pointer; transition: all 1s;}
.technology .box li p{ width:100%; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; font-weight:bold; position:absolute; bottom:0; background: rgba(0, 0, 0, 0.5)!important; filter: Alpha(opacity=50); transition: all 1s;}
.technology .box li img:hover{ transform: scale(1.05); opacity: 1; background:#111;}
.technology:hover img{opacity: 0.9;}
.technology:hover img:hover{opacity: 1;}
.technology .box li:hover p{ background: rgba(10, 186, 186, 0.6)!important; filter: Alpha(opacity=30); color:#FFF; }
/*--------------------------------*/
/*------------工艺沉淀-------------*/
.experience{ width:100%; height:100%;  overflow:hidden; padding-bottom:20px; }
.experience .box{width:100%;height:100%; overflow:hidden; padding:50px 0 30px 0; background:url(../images/parallax3.jpg) fixed no-repeat center center;-webkit-background-size: cover; box-shadow: 5px 5px 10px #dedede;}
.experience .box ul{ width:80%; height:100%; overflow:hidden; display:block; margin:0 auto;}
.experience .box ul li{width:49.4%;height:130px;margin-bottom:1%;position:relative;padding:20px 0 0 0;color:#fff; background:rgba(10, 186, 186, 0.6)!important;filter:Alpha(opacity=60); float:left;border:1px solid #ccc; border-radius:5px; transition: all 1s;}
.experience .box ul .con1 b{ width:60%; display:block; font-size:24px; padding-bottom:10px; margin-left:5%;}
.experience .box ul .con1 p{ width:60%; font-size:18px; line-height:24px; margin-left:5%;}
.experience .box ul .con2{ width:99.8%; text-align:center;}
.experience .box ul .con2 h6{ font-size:45px;}
.experience .box ul .con2 p{  font-size:18px; line-height:24px;}
.experience .box ul img{ width:120px; position:absolute; top:15px; right:20px; border-radius: 5px;}
.experience .box ul li:hover{background: rgba(10, 186, 186, 0.9)!important; filter: Alpha(opacity=90);}
/*--------------------------------*/
/*------------四大保障-------------*/
.guarantees{ width:100%; height:100%;  overflow:hidden; padding-bottom:20px;}
.guarantees .box{width:100%;height:100%; overflow:hidden;  background:#0abab8;  box-shadow: 5px 5px 10px #dedede;  }
.guarantees .box ul{ width:80%; height:100%; overflow:hidden; display:block; margin:0 auto; border-left:1px solid #18cbc9;}
.guarantees .box ul li{ width:15%; height:230px; padding:50px 4.9%; color:#fff; float:left; text-align:center; border-right:1px solid #18cbc9; transition: all 1s;}
.guarantees .box ul li b{ width:100%; display:block; font-size:26px; padding:10px 0;}
.guarantees .box ul li p{ font-size:16px; line-height:24px;}
.guarantees .box ul li img{ width:60px; height:60px; background:#fff;  border-radius: 50%; padding:10px;}
.guarantees .box ul li:hover{ background:#fff; color:#333;}
.guarantees .box ul li:hover p{color:#666;}
.guarantees .box ul li:hover img{ background:#f3f3f3;}
/*--------------------------------*/
/*------------五大承诺-------------*/
.promise{ width:100%; height:100%;  overflow:hidden; padding-bottom:20px;}
.promise .box{width:76%;height:100%; overflow:hidden; border:1px solid #eee; padding:1% 2%;box-shadow: 0px 0px 20px #dedede; margin: 0 auto; background:url(../images/promise/bg2.jpg) no-repeat center center;-webkit-background-size: cover;}
.promise .box ul li{ width:100%; height:62px; line-height:62px; overflow:hidden; margin:1.5% 0; color:#fff; background:#0abab8;text-indent:20px; font-size:24px; border-radius: 5px;  transition: all 1s;}
.promise .box ul li b{ float:left; padding-left:20px;}
.promise .box ul li img{ float:left;}
.promise .box ul li p{ float:left;}
.promise .box ul li:hover{background:#03a09e;}
/*--------------------------------*/
/*------------六大优势-------------*/
.advantage{ width:100%; height:100%;  overflow:hidden; padding-bottom:20px;}
.advantage .box{width:100%;height:100%; overflow:hidden; padding:30px 0; background:url(../images/parallax3.jpg) fixed no-repeat center center;-webkit-background-size: cover; box-shadow: 5px 5px 10px #dedede;}
.advantage .box ul{ width:80%; height:100%; overflow:hidden; display:block; margin:0 auto;}
.advantage .box ul li{ width:45.3%; height:100px; margin:0.5% 0; padding:1.1% 2%; color:#fff; background: rgba(10, 186, 186, 0.6)!important; filter: Alpha(opacity=60);float:left; border-radius: 5px; border: 1px solid #ccc; transition: all 1s;}
.advantage .box ul li img{ width:90px; float:left; margin-right:20px;}
.advantage .box ul li b{ width:100%; display:block; font-size:20px; padding-bottom:10px;}
.advantage .box ul li p{ font-size:16px; line-height:24px;}
.advantage .box ul li:hover{background: rgba(10, 186, 186, 0.9)!important; filter: Alpha(opacity=90);}
.advantage .box ul .con2{ float:right;}
/*--------------------------------*/
/*------------团队介绍-------------*/
.team{width:100%;height:auto;padding-bottom:75px;background:#f9f9f9;}
.team .box{width:80%; height: auto; margin:0 auto;position:relative;}
.team .box .LeftBotton{display:block; width:56px;height:113px; background:url(../images/left_button.png) no-repeat; position:absolute; top:165px; left:-70px;  cursor:pointer;}
.team .box .RightBotton{display:block; width:56px;height:113px; background:url(../images/right_button.png) no-repeat; position:absolute; top:165px; right:-70px;  cursor:pointer;}
.team .box .pcont {FLOAT: left; OVERFLOW:hidden; WIDTH:100%; height: auto;}
.team .box .ScrCont {WIDTH: 32766px; ZOOM: 1}
.team .box #List3_1 {FLOAT: left;height: auto;}
.team .box  #List4_1 {FLOAT: left;height: auto;}
.team ul li{width:280px; height: auto;   float:left ;margin-right:20px; overflow:hidden; position:relative;border-radius: 5px;}
.team ul li .img1{ display:block;width:280px; background:#eee;}
.team ul li .img2{display:block; width:150px; margin:0 auto;}
.team .con{ width:100%;height:60px; overflow:hidden; text-align:center;background:#0abab8; position:absolute;left:0px; bottom:15%; color:#fff; transition: all 0.5s; opacity: 0.9;}
.team .con h6{ width:100%; height:60px; line-height:60px; font-size:24px; font-weight:lighter; margin-bottom:15px;     border-bottom: 1px solid #18cbc9;}
.team .con h6 font{ font-size:14px;}
.team .con p{ font-size:16px; font-weight:;line-height:24px; padding:10px 5% 0 5%;}
.team ul li:hover div{ height:68%; display:block; bottom:0; opacity:1;border-radius: 5px;}


/*--------------------------------*/
/*------------作品展示-------------*/
.works{ width:100%; height:100%;  overflow:hidden; padding-bottom:20px;}
.works .box{width:96%;height:100%; overflow:hidden; border:1px solid #eee; padding:30px 2%; background:#fff;  box-shadow: 5px 5px 10px #dedede;}
.works .nav{ width:100%; height:68px; overflow:hidden; padding-top:30px; text-align:center;}
.works .nav font{ padding:15px 30px; border:1px solid #dedede; margin:0 10px; font-size:16px; transition: all 1s; border-radius: 5px;}
.works .nav font:hover,.works .nav .hover{ background:#0abab8; border:1px solid #0abab8; color:#fff; font-weight:bold;}
.works ul li{width:16.5%;height:100%; float:left;position:relative; overflow:hidden; margin:0.1% 0 0 0.1%; border-radius: 5px;  background:#000;}
.works ul li img{ display:block; width:100%; pointer; transition: all 1s;}
.works ul li span{ width:50px; height:50px; overflow:hidden; position:absolute; top:41%; left:41%; display:none; border-radius: 50%;}
.works ul li span img{ width:50px; height:50px; opacity: 0.6;}
.works ul li:hover span{display: block;}
.works .box li .vimg:hover{ transform: scale(1.05); opacity: 1; background:#111;transform: scale(1.05); }
.works ul:hover .vimg{opacity: 0.3;}
.works ul:hover .vimg:hover{opacity: 1;}
/*--------------------------------*/
/*------------工厂环境-------------*/
.factory{ width:100%; height:100%;  overflow:hidden; padding-bottom:20px;}
.factory .box{width:80%;height:100%; overflow:hidden; background:#fff; border:1px solid #eee; margin:0 auto; padding-bottom:20px;  box-shadow: 0px 0px 20px #dedede; border-radius: 5px;}
.factory .box ul{ width:105%; height:100%; overflow:hidden; display:block; padding:0.5% 0 0 0.6%;}
.factory .box li{display:block; float:left; width:22.7%;height: auto; overflow:hidden; margin:0.7% 0 0 0.7%; background:#000; position:relative; border-radius: 5px;}
.factory .box li img{display:block; width:100%; pointer; transition: all 1s; }
.factory .box li p{ width:100%; height:50px; line-height:50px; text-align:center; color:#333; font-size:16px; font-weight:bold; position:absolute; bottom:0; background: rgba(255, 255, 255, 0.9)!important; filter: Alpha(opacity=90); }

.factory .box li img:hover{ transform: scale(1.05); opacity: 1; background:#111;}
.factory .box:hover img{opacity: 0.3;}
.factory .box:hover img:hover{opacity: 1;}
/*--------------------------------*/
/*------------走过的日子------------*/
.days{ width:100%; height:100%;  overflow:hidden;}
.days .box{width:96%;height:100%; overflow:hidden; border-top:1px solid #eee; padding:50px 2%; background:#fff;}
.days ul li{width:373px;height:280px; float:left;padding:10px; position:relative; overflow:hidden; border:1px solid #eee; margin-right:20px; border-radius: 5px;}
.days ul li img{ display:block; width:373px;height:280px; border-radius: 5px;}
.days ul li div{display:none; width:373px;height:30px;padding:10px 0px; text-align:center;background: #000000;background: rgba(0, 0, 0, 0.6)!important;filter: Alpha(opacity=0.6);  position:absolute;left:10px; bottom:10px; color:#ffffff;}
.days ul li div span{ font-size:16px; font-weight:;line-height:30px;}
/*--------------------------------*/
/*--------------------------------*/
.world{ width:100%; height:450px;  overflow:hidden; text-align:center; background:#000 url(../images/world.jpg) no-repeat center top;   }
.world .box{ width:80%; height: auto; overflow:hidden; color:#fff; font-size:45px; font-weight:bold; line-height:62px; margin:0 auto; margin-top:118px; background: rgba(10, 186, 186, 0.6)!important; filter: Alpha(opacity=60);border-radius: 5px;}
.world .box .con{ width:98%; height:150px;  border:1px solid #99dddb; margin:1%; padding-top:16px;border-radius: 5px;}