header{border-bottom:2px solid #fff;position:fixed}.banner{width:100%;height:150px;background-color:#000;background-position:right;background-repeat:no-repeat}.banner p{position:absolute;bottom:5%;color:#fff;display:block;padding-right:1em;font-size:16px;text-shadow:1px 1px 1px #000;background:-moz-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, transparent 100%);background:-webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, transparent 100%);background:linear-gradient(45deg, rgba(0,0,0,0.65) 0%, transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 )}.banner-1{background-image:url(../img/banner/banner1.jpg)}.banner-2{background-image:url(../img/banner/banner2.jpg)}.banner-3{background-image:url(../img/banner/banner3.jpg)}.banner-4{background-image:url(../img/banner/banner4.jpg)}.banner-5{background-image:url(../img/banner/banner5.jpg)}.banner-6{background-image:url(../img/banner/banner6.jpg)}.banner-7{background-image:url(../img/banner/banner7.jpg);-webkit-background-size:cover;background-size:cover}.product-box{width:33.3%;float:left;padding:1%}.product-contant{width:100%;padding:1em;background-color:#F9F9FA;border-radius:5px;border:1px solid #E5E5E5;border-bottom:1px solid  #22ABDF}.product-contant p{padding-top:1em;font-size:1.1em;color:#22ABDF}.product-contant p span{display:block;padding-top:0.2em;color:#9B9B9B;font-size:80%}.product-contant p span a{padding-top:1em;display:block;text-align:right;font-size:80%;-webkit-transition:all ease-in-out .8s;-o-transition:all ease-in-out .8s;transition:all ease-in-out .8s}.product-contant p span a:hover{color:#22ABDF}.product h2{font-size:1.5em;text-align:center}.product h2 span{color:#093977}select{background-color:#093977;color:#fff;width:100%;height:4em;display:block;font-size:1em}.iframe{position:relative;width:100%;padding-bottom:45em}iframe{position:absolute;width:100%;height:100%;top:0;bottom:0;right:0;left:0;border:none}@media screen and (min-width: 300px) and (max-width: 800px){.product-box{width:50%;float:left;padding:1%}}@media screen and (min-width: 300px) and (max-width: 600px){.product-box{width:100%;float:left;padding:1%}}