/* ========== */
/* = BANNER = */
/* ========== */
.banner{ width: 100%; position: relative; overflow: hidden;}
.banner .parallax{ position: absolute; left:0; width: 100%; height: 100%; background-size: cover;}
.banner .swiper-container{ position: relative; z-index:0;}
.banner .png{ position: absolute; top:180px; left:0; width:60%; background: rgba(0,0,0,.55); padding: 5% 0 5%; margin-left: 10%;}
.banner-text{ padding-left:10%; color:#FFFFFF; }
.banner-text .cn{ font-size: 32px; line-height: 54px; font-weight: bold; letter-spacing: 4px;}
.banner-text .cn span{ color: #b4a15a; }
.banner-text .en{ margin-top: 40px; line-height: 26px; letter-spacing: 1px;}
.banner-text .more{ margin-top: 50px; display: inline-block; width: 150px; height: 44px; line-height: 42px; border: 1px solid rgba(255,255,255,.3); text-align: center; color: #FFFFFF;}
.banner-text .more:hover{  border: 1px solid rgba(255,255,255,.7);}


.banner .swiper-button{ position: absolute; bottom:0; right:0; width: 130px; height: 75px; background:#FFFFFF; z-index:2;}
.banner .swiper-button-prev{ left:17px;}
.banner .swiper-button-next{ right:17px;}
.banner .swiper-pagination{ position: absolute; z-index:999; background: #FFFFFF; bottom:0; left:0; width:80px; height:85px; padding-top:40px; text-align: center ;color: #cccccc; }
.banner .swiper-pagination-current{ padding-top: 20px; font-size: 24px; color: #111111; vertical-align: top;}
.banner .swiper-pagination-total{color: #cccccc; font-size: 12px; vertical-align: top;}


.line span{ position: absolute; top:0; right:0; width: 1px; z-index:1; height: 100%; display: block; background: rgba(149,149,149,.2);}
.line span:nth-child(1){ right:5%;}
.line span:nth-child(2){ right:23%;}
.line span:nth-child(3){ right:27%;}


@media (max-height:800px) {
	.banner .png{ padding: 5% 0 5%; }
}
@media (max-height:700px) {
	.banner .png{ padding: 11% 0 5%; }
	.banner-text .cn{ font-size: 28px; line-height: 46px;}
	.banner-text .en{ margin-top: 30px;}
	.banner-text .more{ margin-top: 30px;}
}





/* ========== */
/* = INDEX-QUOTE = */
/* ========== */
.index-quote{ padding: 100px 0 85px;}
.index-quote .content{ position: relative; padding-left: 725px; padding-top: 70px;}
.index-quote .text{ position: absolute; top:0; left:0;}
.index-quote .text .p1{ font-size: 26px; color: #111111;}
.index-quote .text .p2{ margin-top: 40px; font-size: 16px; color: #777777;}
.index-quote .text .p2 span{ color: #b6a25c;}
.index-quote .text .p3{ margin-top:5px; font-size: 12px; color:#cecece;}
.index-quote .in{float: left; width: 33%; margin-right: 4.5%; height: 46px; line-height: 46px; border-bottom:1px solid #dcdcdc;}
.index-quote .in input{ width: 100%; line-height:26px; padding:10px 0; background:none; border: none;}
.index-quote .bt{ float: left; width:25%;}
.index-quote .bt input{ width: 100%; height: 46px; line-height: 46px; background: #2d2d2d; color: #FFFFFF; font-size: 12px; font-weight: bold;}


@media (max-width:1460px) {
	.index-quote .content{ padding-left: 550px;}
}




/* ========== */
/* = INDEX-POINT = */
/* ========== */
.index-point{ padding-top: 140px; position: relative; }
.index-point .bg{ position: absolute; top:0; left:0; width: 100%; height: 85%; overflow: hidden; z-index:0;background-image:url(../images/index_point_bg.jpg);}
.index-point .w1320{ position: relative;z-index: 1;}
.index-point .content{ background: #FFFFFF; border-bottom:3px solid #003b83;}
.index-point .content li{ float: left; width: 33.33333%; padding:60px 40px;}
.index-point .content li span{ float: left; font-size: 38px; color: #003b83; font-weight:600;}
.index-point .content li span i{ font-size: 28px; font-style: normal;}
.index-point .content li div{ margin-left:110px;}
.index-point .content li div i{ display: block; padding-top: 5px; color: #003b83; font-style: normal; font-size: 20px;}
.index-point .content li div p{ margin-top: 25px; color: #555555;}
.index-point .content li div em{ margin-top: 5px; display: block; font-style: normal; color: #cccccc; line-height: 18px; font-size: 12px;}



.home-tit{ color: #003b83; }
.home-tit span{ font-size: 30px; letter-spacing: 2px; position: relative;}
.home-tit span:after{ content: ""; position: absolute; top:50%; left:250px; width: 97px; height:3px; background: #003b83;}
.home-tit span i{ position: absolute; top: 58%; margin-top: -3px; left:240px; display: inline-block; }
.home-tit p{ margin-top:15px;color: #333333;font-size: 16px;}
.home-tit-right{ text-align: right;}
.home-tit-right span:after{ right:250px; left:auto;}
.home-tit-right span i{ left:auto; right:350px; background: #003B83;width: 2px;height: 3px;}
.home-tit-right span i:nth-child(2){ left:auto; right:354px; background: #003B83;width: 4px;height: 3px;}
.index-team2 .home-tit span i{ left:auto; right:-115px; background: #003B83;width: 2px;height: 3px;}
.index-team2 .home-tit span i:nth-child(2){ left:auto; right:-121px; background: #003B83;width: 4px;height: 3px;}

.home-tit em{display:block;text-align: right;color: #b1b1b1;font-size: 14px;margin-top: 10px;text-transform: uppercase;}
.index-team2 .home-tit em{text-align: left;}
.home-more{ display: inline-block; width: 150px; height: 44px; line-height: 40px; text-align: center; background: #003b83; border:2px solid #003b83; color: #FFFFFF; font-size: 12px; font-weight: bold;}
.home-more:hover{ background: #FFFFFF; color: #003b83;}
.home-more-white{ background:none; color: #003b83;}
.home-more-white:hover{  background: #003b83; color: #FFFFFF;}





/* ========== */
/* = INDEX-CASE = */
/* ========== */
.index-case{ margin-top: 160px;}
.index-case .tab{ margin-top: 50px;}
.index-case .tab span,
.index-case .tab a{ margin-right: 15px; display: inline-block; text-align: center; font-size: 12px; font-weight: bold;border-radius: 4px; letter-spacing:1px; border: 2px solid #ebebeb; width: 150px; line-height: 44px; cursor: pointer;}
.index-case .tab span.active,
.index-case .tab span:hover{ background:#003b83; color: #fff;border-radius: 4px;}
.index-case .tab a em{ background: url(../images/change_ico.png) no-repeat left; padding-left: 22px; color: #003b83;}
.index-case .tab a:hover{ border: 2px solid #003b83;}
.index-case .js-tab-box{ margin-top:40px; position: relative; padding: 0 4%;}
.index-case .js-tab-box:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 150%; background: #f8f8fb; z-index:0;}
.index-case .js-tab-con{ display: none;}
.index-case .js-tab-con.active{ display: block;}
.index-case .content{ position: relative; z-index:1;}
.index-case .text{ width:85%; max-width: 530px; margin: 0 auto; background: #FFFFFF; text-align: center; position: relative; z-index: 1;}
.index-case .text:before{ content: ""; position: absolute; top:0; left:0; height: 3px; width: 0%; background: #b5b6b6;webkit-transition: all ease .2s; -moz-transition: all ease .2s;  -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s;}
.index-case .text:after{ content: ""; position: absolute; top:0; right:0; width: 3px; height: 0%; background: #b5b6b6; webkit-transition: all ease .2s; -moz-transition: all ease .2s;  -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s; -webkit-transition-delay:.2s;  -moz-transition-delay:.2s; -o-transition-delay:.2s; -ms-transition-delay:.2s;  -moz-transition-delay:.2s;} 
.index-case .text .text-con{ display:block; padding:40px 10px; position: relative;}
.index-case .text .text-con:before{ content: ""; position: absolute; bottom:0; right:0; height: 3px; width:0%; background: #b5b6b6; -webkit-transition: all ease .2s; -moz-transition: all ease .2s;  -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s; -webkit-transition-delay:.4s;  -moz-transition-delay:.4s; -o-transition-delay:.4s; -ms-transition-delay:.4s;  -moz-transition-delay:.4s;}
.index-case .text .text-con:after{ content: ""; position: absolute; bottom:0; left:0;  width:3px; height:0; background: #b5b6b6; -webkit-transition: all ease .2s; -moz-transition: all ease .2s;  -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s; -webkit-transition-delay:.6s;  -moz-transition-delay:.6s; -o-transition-delay:.6s; -ms-transition-delay:.6s;  -moz-transition-delay:.6s;}
.index-case .text .tit{ font-size: 22px; position: relative; padding-bottom: 20px; color: #111111;}
.index-case .text .tit:after{ content: ""; position: absolute; margin-left: -9px; left:50%; bottom:0; width: 18px; height: 2px; background: #003B83;}
.index-case .text .tip{ margin-top: 15px; padding: 15px 0; line-height: 22px; color: #777777;}
.index-case .text .tip span{ display: inline-block; padding: 0 50px; position: relative;text-align: left;}
.index-case .text .tip span:after{ content:""; position:absolute; top:50%; margin-top: -6px; right:0; width: 1px; height: 12px; background: #dcdcdc;}
.index-case .text .tip span:last-child:after{ display: none;}
.index-case .text .tip .like{ background:url(../images/ico_like.png) no-repeat left; padding-left: 20px;}
.index-case .text .more{ margin-top: 20px; display: inline-block; width: 150px; height: 50px;line-height: 50px;background: #003B83;color: #fff;text-align: center;border-radius: 4px;}
.index-case .box:hover .text:before{ width: 100%;}
.index-case .box:hover .text:after{ height: 100%;}
.index-case .box:hover .text .more{}
.index-case .box:hover .text .text-con:before{ width:100%;}
.index-case .box:hover .text .text-con:after{ height:100%;}

.index-case .parallax{ position: absolute; top:-10%; left:0; width: 90%; height: 120%;} 
.index-case .box1{ margin-top: 120px; float: left; width:50%;}
.index-case .box1 .img{ margin-top:-50px; display:block; position: relative; z-index:0; padding-bottom: 55%; overflow: hidden;}
.index-case .box2{ margin-top: -130px; float: right; margin-right:4%; width: 39.5%; position: relative; }
.index-case .box2 .img{ display: block; width: 100%; position: relative; padding-bottom: 123%; overflow: hidden;}
.index-case .box2 .text{ width: 100%; position:absolute; bottom:-140px; right:-8%;}
.index-case .box3{    margin-top: 130px;float: left;margin-left: 10%;width: 39.5%;position: relative;}
.index-case .box3 .img{ display: block; width: 100%; position: relative; padding-bottom: 123%; overflow: hidden;}
.index-case .box3 .img:before{ content: ""; position: absolute; bottom:0; left:-8%; width: 15px; height: 430px; background: url(../images/index_case_png.png);}
.index-case .box3 .text{ margin: 0; margin-top: -100px; margin-left:-25%; width: 78%; max-width:660px;}
.index-case .box3 .parallax{width: 100%;}
.index-case .box3 .home-more{ position: absolute; left:70%; bottom:0; }
.index-case .box4 .parallax{right: 1.7%;left: auto;}
.index-case .box4{ margin-top: 340px; float: right; width:50%;}

.index-case .box4 .text{width: 60%;max-width: 660px;margin-right: 14%;margin-top: -90px;}
.index-case .box4 .img{ margin-top:-50px; display:block; position: relative; z-index:0; padding-bottom: 55%; overflow: hidden;}
.index-case .home-tit span:after{    content: "";position: absolute;top: 50%;left: 140px;width: 97px;height: 3px;background: #003b83;}
.index-case .home-tit span i{left: auto;right: -115px;background: #003B83;width: 2px;height: 3px; margin-top: -3px;}
.index-case .home-tit span i:nth-child(2){left: auto;right: -121px;background: #003B83;width: 4px;height: 3px;}
.index-case .home-tit em{text-align: left;}
@media (max-width:1600px) {
	.index-case .box3 .home-more{ left:auto; right:3%; }
}
@media (max-width:1360px) {
	.index-case .tab span, .index-case .tab a{ margin-right: 5px; width: 140px;}
}










/* ========== */
/* = INDEX-TEAM = */
/* ========== */
.index-team{ margin-top: 185px; position: relative; padding:120px 4% 45px 0;}
.index-team:after{ content: ""; position: absolute; top:60px; left:0; height: 40%; width: 100%; background: #f8f8fb; z-index: 0;}
.index-team .bg{ position: absolute; top:0; left:0; width: 27%; height: 100%; background-image: url(../images/index_team_bg2.jpg);z-index:1;}
.index-team .content{ padding-left: 25%; position: relative; z-index: 2;}
.index-team .top{  padding-left: 13%;}
.index-team .top .home-tit{ float: left;}
.index-team .top .home-more{ float: right; margin-top: 20px;}
.index-team .con{ margin-top: 100px; background: #FFFFFF; padding-left: 13%;}
.index-team .con .left{ float: left; width: 30%; max-width: 345px; padding-bottom: 30px;}
.index-team .con .left div{ display: none; margin-top:-15%;}
.index-team .con .left div.active{ display: block;}
.index-team .con .right{ float: right; width:65%; padding:50px 4% 35px 0;}
.index-team .con .right .text-item{ display: none;}
.index-team .con .right .text-item.active{ display:block;}
.index-team .con .right .tit{ line-height: 42px;  position: relative; font-size: 20px; color: #111111;}
.index-team .con .right .tit em{ font-style: normal; position: relative; margin-left: 12px; padding-left: 15px; font-size: 16px;}
.index-team .con .right .tit em:before{ content: ""; position: absolute; top:50%; left:0; width:4px; height: 4px; border-radius: 50%; background: #b9a663;}
.index-team .con .right .tit a{ position: absolute; top:0; right:0; color: #003b83; font-size: 14px; font-weight: bold; background: url(../images/index_designer_ico.png) right no-repeat; padding-right: 55px;}
.index-team .con .right .des{ margin-top: 15px; line-height: 28px; color: #999999;}
.index-team .con .small-img{ margin-top: 40px;}
.index-team .con .small-img .img-item{  float: left; width: 21%; height: auto;margin-right:4%; cursor:pointer;}
.index-team .con .small-img .img-item div{ position: relative;}
.index-team .con .small-img .img-item div:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.6)}
.index-team .con .small-img .img-item p{ color: #111111; line-height: 42px;}
.index-team .con .small-img .img-item.active div:after{ display: none;}

@media (max-width:1600px){
	.index-team .con .left div{ margin-top:-15px;}
}

/* ========== */
/* = INDEX-TEAM = */
/* ========== */
.index-team1{ margin-top: 185px; position: relative; padding:120px 20% 45px 0;}
.index-team1:after{ content: ""; position: absolute; top:60px; left:0; height: 40%; width: 100%; background: #f8f8fb; z-index: 0;}
.index-team1 .bg{ position: absolute; top:0; right:0;left: auto; width: 27%; height: 100%; background-image: url(../images/index_team_bg.jpg);z-index:1;}
.index-team1 .content{ position: relative; z-index: 2;padding-left:0;}
.index-team1 .top{  padding-left: 13%;}
.index-team1 .top .home-tit{ float: right;margin-right: 16.4%;}
.index-team1 .top .home-more{ float: left; margin-top: 30px;}
.index-team1 .con{ margin-top: 100px; background: #FFFFFF; padding-left: 13%;}
.index-team1 .con .left{ float: right; width: 29%; max-width: 345px; padding-bottom: 30px;margin-right: 16%;}
.index-team1 .con .left div{ display: none; margin-top:-15%;}
.index-team1 .con .left div.active{ display: block;}
.index-team1 .con .right{ float: left; width:55%; padding:35px 4% 35px 0;}
.index-team1 .con .right .text-item{ display: none;}
.index-team1 .con .right .text-item.active{ display:block;}
.index-team1 .con .right .tit{ line-height: 42px;  position: relative; font-size: 20px; color: #111111;}
.index-team1 .con .right .tit em{ font-style: normal; position: relative; margin-left: 12px; padding-left: 15px; font-size: 16px;}
.index-team1 .con .right .tit em:before{ content: ""; position: absolute; top:50%; left:0; width:4px; height: 4px; border-radius: 50%; background: #b9a663;}
.index-team1 .con .right .tit a{ position: absolute; top:0; right:0; color: #003b83; font-size: 14px; font-weight: bold; background: url(../images/index_designer_ico.png) right no-repeat; padding-right: 55px;}
.index-team1 .con .right .des{ margin-top: 15px; line-height: 28px; color: #999999;}
.index-team1 .con .small-img{ margin-top: 25px;}
.index-team1 .con .small-img .img-item{  float: right; width: 21%; margin-right:4%; cursor:pointer;}
.index-team1 .con .small-img .img-item img{height: auto;}
.index-team1 .con .small-img .img-item div{ position: relative;}
.index-team1 .con .small-img .img-item div:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.6)}
.index-team1 .con .small-img .img-item p{ color: #111111; line-height: 42px;}
.index-team1 .con .small-img .img-item.active div:after{ display: none;}
.index-team2 .con .small-img .img-item img{height: auto;}
@media (max-width:1600px){
	.index-team1 .con .left div{ margin-top:-15px;}
}



/* ========== */
/* = INDEX-BRAND = */
/* ========== */
.index-brand{ position:relative; padding-top: 200px;}
.index-brand .img1{ position: absolute; right:0; top:200px; width: 18.75%;z-index:1;}
.index-brand .img1 .img{ width: 100%; padding-bottom: 160%;position: relative; overflow:hidden; }
.index-brand .img1 .parallax{ position: absolute; top:-20%; left:0; width: 100%; height: 140%;} 
.index-brand .img2{ position: absolute; bottom:-16%; left:0; width: 20.8%; z-index: 1;}
.index-brand .img2 .img{ width: 100%; padding-bottom:55%; position: relative; overflow:hidden; }
.index-brand .img2 .parallax{ position: absolute; top:-40%; left:0; width: 100%; height: 180%;} 
.index-brand .content{ padding-left: 14%; padding-right: 22%; position: relative;}
.index-brand .bg{ position: absolute; top:0; left:0;  width:95%;  height: 100%; overflow: hidden; z-index: 0; background-image: url(../images/index_brand_bg.jpg);}
.index-brand .con{ margin-top: 48px; position: relative; z-index: 1; padding: 70px 0;}
.index-brand .con li{ float: left; width: 25%;}
.index-brand .con li{ padding: 15px;}
.index-brand .con li a{ display: block; position:relative;}
.index-brand .con li a img{ width: 100%;}
.index-brand .con li a:after{ content: ""; position: absolute; left:0; bottom:0; width: 0; height:6px; background: #003b83; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.index-brand .con li a:hover:after{ width: 100%;}
.index-brand .home-more{ margin-top:25px; margin-right: 15px; float: right; border:2px solid rgba(255,255,255,.3); color: #FFFFFF; background:none;}
.index-brand .home-tit span i{margin-top: -3px;}


/* ========== */
/* = INDEX-SERVICE = */
/* ========== */
.index-service .content{  padding: 180px 0 130px; position: relative;}
.index-service .theme{ text-align: center; color: #111111;}
.index-service .theme span{ font-size: 30px;}
.index-service .theme p{ margin-top:10px;}
.index-service .theme .ico{ margin-top:20px; display: inline-block; width: 0; height: 0; border-left-width: 4px; border-right-width: 4px; border-top-width: 6px; border-style: solid; border-color: #003b83 transparent transparent transparent;}
.index-service .img{ position: absolute; right: -70px; bottom: -80px; border-bottom:12px solid #c3ab57;}
.index-service ul{ float: left; margin-top: 70px; width: 36%; max-width: 480px;}
.index-service li{ margin-bottom: 60px; height: 52px; position: relative;}
.index-service li:after{ content: ""; position: absolute; left:25px; top:65px; width: 2px; height: 34px; background: #e8e8e8;}
.index-service li:last-child{ margin-bottom: 0;}
.index-service li:last-child:after{ display: none;}
.index-service li .item{ position: relative; padding-left: 95px;}
.index-service li .item i{ position:absolute; top:0; left:0; display: block; width: 52px; height: 52px; line-height: 48px; text-align: center; border:2px solid #eaeaea; border-radius: 50%; font-style: normal; color: #111111;} 
.index-service li .item img{ float: left;}
.index-service li .item div{  margin-left:58px; }
.index-service li .item div span{ padding-top: 5px; display: block; color: #111111; font-size: 18px;}
.index-service li .item div p{ margin-top: 3px; color: #d9d9d9; font-size: 12px;}
.index-service li .ico{position: absolute; top: 50%; left:50%; margin-top: -3px; margin-left: -2px; display: inline-block; width: 0; height: 0; border-left-width: 6px; border-right-width: 0; border-top-width: 4px;  border-bottom-width: 4px; border-color: transparent transparent transparent #003b83;  border-style: solid;}
.index-service li .home-more{ margin-top:4px;}
.index-service li:hover .item i{ color: #003b83; background: #2d2d2d; border:2px solid #2d2d2d;}

/* ========== */
/* = INDEX-ABOUT = */
/* ========== */
.index-about{ background-image:url(../images/index_about_bg.jpg); padding-left: 16.625%; padding-top: 35%;}
.index-about .content{ background: #FFFFFF; padding:5% 5% 7%; border-top:5px solid #c3ab57;}
.index-about .box{ position: relative; padding-left: 360px; padding-right: 220px;}
.index-about .box .home-tit{ position: absolute; top:0; left:0;}
.index-about .box .home-more{ position: absolute; top:0; right:0;}
.index-about .box .con{ float: right; color: #999999; line-height: 30px; max-width: 800px;}


/* ========== */
/* = INDEX-NEWS = */
/* ========== */
.index-news{padding-bottom: 100px;}
.index-news .content{ position: relative; padding: 150px 4% 0;}
.index-news .content:before{ content: ""; position: absolute; z-index:-1; bottom:-30%; left:0; width: 100%; height:50%; background: #f8f8fb;}
.index-news .home-tit-right span i{right: 250px;}
.index-news .home-more{position: absolute;bottom: 30%;left: 0;z-index: 99;}
.index-news .home-tit-right span i:nth-child(2){right: 254px;}
.index-news .home-tit-right span:after{right: 150px;}
.index-news-list{overflow: hidden;margin: 50px auto;}
.index-news-list li{float: left;width: 23%;position: relative;overflow: hidden;margin-right: 2.6666%;}
.index-news-list li:last-child{margin-right: 0;}
.index-news-list li a{display: block;margin: 0;box-shadow: 0 0 10px rgba(0,59,131,.5);overflow: hidden;}
.index-news-list li:hover a img{transform: scale(1.1);transition: all 0.6s;}
.index-news-list li a div:first-child{height: 300px;}
.index-news-list li a div:first-child img{height:100%;width: 100%;transition: all 0.6s;}
.index-news-list li a div:nth-child(2){width:100%;margin: 0;position: absolute;bottom:0;left: 0;right: 0;transition: all 0.6s;;background: rgba(0, 59, 131, 0.6);color: #fff;padding: 4%;}
.index-news-list li:hover a div:nth-child(2){background: rgba(0, 59, 131, 1);transition: all 0.6s;}
.index-news-list li a div h3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #fff;font-size: 20px;margin-bottom: 14px;position: relative;padding-right: 70px;}
.index-news-list li a div h3 span{position: absolute;right: 0;top: 50%;line-height: 50px;margin-top: -25px;color: #c5c5c5;font-size: 16px;}
.index-news-list li:hover a div h3 span{color: #fff;}
.index-news-list li a div p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #eee;font-size: 14px;font-weight: lighter;}


/*沿海优势 样式*/
.yanhai-advantage .w1320{max-width: 92%;padding: 0;margin-bottom: 50px;position: relative;z-index: 10;}
.yanhai-advantage .w1320 .home-more{position: absolute;right: 0;top: 30%;z-index: 20;}
.yanhai-advantage .content{background: url(../images/yanhaiyoushi-bg.png);height: 621px;width: 100%}
.advantage{width: auto;margin: 0 auto;position: relative;height: 100%;}
.yanhaiyoushi-content-bg{position: relative;background: url(../images/yanhaiyoushi-content--bg.png)no-repeat center center;background-size:790px 460px;height: 460px;width: 790px;margin: 0 auto;top: 10%;}
.yanhaiyoushi-content-bg h3{position: absolute;bottom: 20%;left: 50%;display: block;margin-left: -64px;text-align: center;font-size: 16px;
	color: #fff;font-weight: lighter;}
.yanhaiyoushi-content-bg span{position: absolute;bottom: 10%;left: 50%;display: block;margin-left: -106px;text-align: center;font-size: 12px;font-weight: lighter;}
.advantage-a1 h4{position: absolute;top:86%;left: -18%;width:130px;color: #fff;font-weight: lighter;font-size: 16px;}
.advantage-a1 p{display:none;position: absolute;top:57%;left: -39%;background: rgba(201, 188, 156, 0.8);color: #fff;padding: 20px;width: 300px;font-size: 12px;line-height: 20px;}
.advantage-a1 img{position: absolute;left: 3%;top: 85%;cursor: pointer;}
.advantage-a1:hover p{display: block;}
.advantage-a1:hover h4{display: none;}

.advantage-a2 h4{position: absolute;top:22%;left: -8%;width:130px;color: #fff;font-weight: lighter;font-size: 16px;}
.advantage-a2 p{display: none;position: absolute;top:0%;left: -29%;background: rgba(0, 59, 131, 0.8);color: #fff;padding: 20px;width: 300px;font-size: 12px;line-height: 20px;}
.advantage-a2 img{position: absolute;left: 14%;top: 20%;cursor: pointer;}
.advantage-a2:hover p{display: block;}
.advantage-a2:hover h4{display: none;}

.advantage-a3 h4{position: absolute;top:18%;right: -8%;width:130px;color: #fff;font-weight: lighter;font-size: 16px;}
.advantage-a3 p{display:none;position: absolute;top:0%;right: -29%;background: rgba(0, 59, 131, 0.8);color: #fff;padding: 20px;width: 300px;font-size: 12px;line-height: 20px;}
.advantage-a3 img{position: absolute;right: 14%;top: 20%;cursor: pointer;}
.advantage-a3:hover p{display: block;}
.advantage-a3:hover h4{display: none;}

.advantage-a4 h4{position: absolute;top:89%;right: -18%;width:130px;color: #fff;font-weight: lighter;font-size: 16px;}
.advantage-a4 p{display:none;position: absolute;top:57%;right: -39%;background: rgba(201, 188, 156, 0.8);color: #fff;padding: 20px;width: 300px;font-size: 12px;line-height: 20px;}
.advantage-a4 img{position: absolute;right: 2%;top: 87%;cursor: pointer;}
.advantage-a4:hover p{display: block;}
.advantage-a4:hover h4{display: none;}

.advantage-a5 h4{position: absolute;top:50%;left: 15%;width:100px;color: #fff;font-weight: lighter;font-size: 16px;}
.advantage-a5 p{display:none;position: absolute;top:34%;left: -35%;background: rgba(181, 182, 182, 0.8);color: #fff;padding: 20px;width: 300px;font-size: 12px;line-height: 20px;}
.advantage-a5 img{position: absolute;left: 25.5%;top: 63%;cursor: pointer;}
.advantage-a5:hover p{display: block;}

.advantage-a6 h4{position: absolute;top:50%;right: 8%;width:130px;color: #fff;font-weight: lighter;font-size: 16px;}
.advantage-a6 p{display:none;position: absolute;top:34%;right: -35%;background: rgba(181, 182, 182, 0.8);color: #fff;padding: 20px;width: 300px;font-size: 12px;line-height: 20px;}
.advantage-a6 img{position: absolute;right: 27%;top: 64%;cursor: pointer;}
.advantage-a6:hover p{display: block;}



/*3e智能家居*/
.e-smart{margin-top: 100px;margin-bottom: 100px;}
.e-smart .home-tit span:after{left: 178px;}