section{margin:0 auto;}
header .nav a{color:#fff;font-size:16px;}
header .nav a:hover{color:#00BCD0;}
header{position: absolute;left: 0;top:0;z-index: 99;width: 100%;}
.carousel-inner .item img{width:100%;min-width:900px;}
.navbar-toggle,.navbar-toggle:hover,.navbar-toggle:focus {background-color: #333; }
.navbar-toggle .icon-bar {background-color: #fff;} 
.content_tip{position: absolute;top:23%;}
.content_tip .col-xs-12{padding-left:0;padding-right:0;}
.catchword h1{font-size:36px;color:#fff;line-height:48px;}
.taste{width:150px;height:50px;border:1px solid #fff;line-height:48px;text-align: center;margin-top:35px;-webkit-transition-property: background,color;transition-property: background,color;-webkit-transition-duration: .2s;transition-duration: .2s;}
.taste a{color:#fff;}
.taste:hover{background:#00BCD0;-webkit-transition-property: background,color;transition-property: background,color;-webkit-transition-duration: .2s;transition-duration: .2s;border-color:transparent;}
/*渐隐轮播*/
/*.carousel-fade .carousel-inner .item{opacity:0.2; -webkit-transition-property:opacity ; -moz-transition-property:opacity ; -ms-transition-property:opacity ; -o-transition-property:opacity ; transition-property:opacity ; }
.carousel-fade .carousel-inner .active{opacity: 1; }
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left: 0; opacity: 0.2; }
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1; }*/
.dock{width:100%;height:0;padding-bottom:60%;background:url(../images/dock1.jpg) no-repeat;background-size: contain;text-align: center;position: relative;overflow: hidden;}
.dock1{}
.dock2{background:url(../images/dock2.jpg) no-repeat;background-size: contain;}
.dock3{background:url(../images/dock3.jpg) no-repeat;background-size: contain;}
.dock4{background:url(../images/dock4.jpg) no-repeat;background-size: contain;}
.dock_tip{line-height:28px;width:100%;height: 0; padding-bottom: 60%;position: absolute; left: -360px;z-index:9;} 
.dock_tip p{margin-top:18%;color: #fff;}
.dock_child p{color: #fff;}
.mask{position: absolute;top: 0px;bottom:0px;left:0px;right:0px;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000);display: none;}
.arrow{position: absolute;right:10%;top:40%;z-index: 10;-webkit-transition:all ease-in .3s; -moz-transition:all ease-in .3s; -o-transition:all ease-in .3s; -ms-transition:all ease-in .3s;}
.dock:hover .arrow{-webkit-transform:translateX(360px);
                   -moz-transform:translateX(360px);
                   -o-transform:translateX(360px);
                   -ms-transform:translateX(360px);}
.dock_child{line-height:28px;width:100%;height: 0; padding-bottom: 60%;position: absolute; left:0px;margin-top:19%;z-index:9;}

.content .col-md-3{padding:0 !important;}
.content .col-xs-3{padding:0 !important;}
.content{margin-top:-40px;}
.sub_content{width:100%;background: #fff;}
.sub_dock p{color:#fff;}
.stick{position: fixed; background:#fff;animation: fadeInDown 0.5s;}
@keyframes fadeInDown {
    0% {top:-70px; opacity:0; }
    100% {top: 0px; opacity: 1; }
}
.stick li a{color:#555;}
.case img{width:100%;}
.case-box h1{font-size:36px;text-align: center;margin-top:55px;}
.case-box h3{font-size:14px;text-align: center;margin-bottom:45px;margin-top:20px;}
.case .col-xs-6,.case .col-md-3{padding:0 !important;position: relative;}
.case .case-tip{position: absolute;bottom:10px;left:0;background:#00BCD0;color:#fff;padding:2px 15px;}
.note{margin-top:100px;}
.note input,.note select{width:423px !important;height:48px;line-height:48px;}
.note select{margin-top:20px;padding-left:7px;}
.btn-submit{color:#fff;width:423px;text-align: center;height:48px;line-height:37px;background: #00bcd0;}
.btn-submit:hover{color: #fff !important;background: #08CEE3;}
.note p{font-size:36px;}
.note p span{font-size:40px;color:#00bcd0;margin-left:25px;}
.note .sub-note{text-align: center;}
.note .sub-notefist{margin-top:-10px;}
.form-group{display: inline-block;}
footer{background:#fff;padding:20px;line-height:24px;padding-bottom:0;}
.container1{max-width:1440px;margin:0 auto;}
footer p{margin-top:60px;border-top:1px solid #D5D5D5;padding:15px;font-size:12px;color:#aaa;}

.row{margin-right:0 !important;margin-left:0 !important;}
@media screen and (max-width:1250px){
    .catchword h1{font-size:28px;line-height:28px;}
}
@media screen and (max-width:1050px){
    .catchword h1{font-size:24px;line-height:24px;}
    .content_tip{top: 20%;}
}
@media screen and (max-width:991px){
    .dock2{margin-left:-1px;}
    .dock4{margin-left: -1px;}
    .catchword h1{font-size:20px;line-height:20px;}
    .taste {width: 120px; height: 38px; border: 1px solid #fff; line-height: 36px; text-align: center; margin-top: 15px; }

}
@media screen and (max-width:800px){
    .content_tip{top:20%;}
}

@media screen and (max-width:767px){
    .content{margin-top:-20px;}
    header .nav a{background: #333;}
    .dock_child p{margin:0;}
    header .nav a.nav_color {background: #00BCD0;}
    header .nav a{color:#fff;border-bottom: 1px solid #D8D6D6;}
    .catchword h1{font-size:18px;line-height:18px;}
    .navbar-brand > img{height:25px;}
}
@media screen and (max-width:500px){
    .form-group{width:100%;}
    .note input, .note select{width:100% !important;}
    .btn-submit{width:100% !important;}
    .note p{font-size:28px;}
    .note p span{font-size:30px;margin-left:15px;}
    .case-box h1{font-size:30px;}
    .case .case-tip{font-size: 13px; padding: 2px 5px;} 
    .dock_child{margin-top:18%;}
}
@media screen and (max-width:430px){
    .dock_child{line-height:21px;}
    .arrow{display: none;}
    .catchword{margin-top:30px;}
    .carousel-indicators li{width:30px;}  
    .navbar-brand img{height:25px;}
}

@media screen and (max-width:375px){
    .note p{font-size:20px;}
    .note p span{font-size:24px;margin-left:15px;}
    .case-box h1{font-size:24px;}
    footer p span{display: inline-block;width:100%;}
    .case .case-tip{font-size: 12px;padding: 2px 4px;} 
}