/* CSS Document */
*{margin:0; padding:0; font-family:Arial, Helvetica, 微软雅黑, sans-serif; }
a{ color:#333; text-decoration:none;}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;}
.container{width:1200px; margin:0 auto; position:relative;}
.w1220{width:1220px; margin:0 auto; }
.clear{clear:both;}
body{ overflow-x:hidden; background:#f0f0f0; }
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select{outline:medium;}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}


.header{ background:rgba(255,255,255,0); position:fixed; width:100%; height:80px; top:0; z-index:9999; transition: all 0.3s linear 0s;}
.header * {transition: all 0.3s linear 0s;}
.header .logo{ float:left;   margin: 15px 0px 15px 150px;   width: 220px;    height: 50px;    overflow: hidden;}
.header .nav{ float:right; margin-right:120px;}
.header .nav li{ float:left;}
.header .nav li a{ color:#fff; display:inline-block; line-height:80px; font-size:16px; text-align:center; padding:0 20px;}
.header .nav li:hover a{ color: #8abe1f;}
.header:hover{ background:rgba(255,255,255,0.1);}

.box{ text-align:center;}
.box .title{ font-size:30px; color:#fff; line-height:30px; text-shadow:0 1px 1px rgba(0,0,0,.2);}
.box .line{ width:30px; height:3px; background:#fff; border-radius:1px; box-shadow:0 1px 1px rgba(0,0,0,.2); margin:30px auto 40px;}
.box .title-f{ font-size:48px; color:#fff; font-weight:bold; line-height:48px; text-shadow:0 1px 1px rgba(0,0,0,.2);}
.box .img{ margin-top:12px;}

.contact{ background:url(../images/contact-bg.jpg) no-repeat center; background-size:cover;}
.form{}
.form .title{ font-size:36px; color:#fff; font-weight:bold; text-align:center; line-height:36px;}
.form .title-f{ font-size:18px; color:#fff; text-align:center; margin-top:26px;}
.form-list{ width:1140px; margin:80px auto 0; padding:0 30px; overflow:hidden;}
.form-list ul{ width:600px; float:left;}
.form-list li{ float:left; position:relative; margin-bottom:20px;}
.form-list li i{ position:absolute; top: 16px; left: 18px;}
.form-list li input[type="text"]{ width:600px; height:50px; border-radius:5px; background:rgba(255,255,255,.3); border:none; text-indent:50px; font-size:14px; color:#fff;}
.form-list li input.name{ width:290px; margin-right:20px;}
.form-list li input.tel{ width:290px;}
.form-list li textarea{ width:600px; height:206px; background:rgba(255,255,255,.3); border:none;  font-size:14px; color:#fff; border-radius:5px; text-indent:50px;    padding: 12px 0;}
.form-list li input[type="submit"]{ width:150px; height:50px; font-size:16px; color:#fff; background:#124a59; border:none; border-radius:5px; cursor:pointer;margin-left: 450px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #fff;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#fff;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color:#fff;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:#fff;
}

.form-list dl{ float:left; margin-left:30px;    width: 510px;}
.form-list dt{ color:#fff; font-size:28px;}
.form-list dd{ color:#fff; font-size:18px;    margin-bottom: 20px;    line-height: 26px;    letter-spacing: 1px;}
.form-list .line{ width:30px; height:1px; background:#fff; margin:20px 0;}
.form-list dd p{ font-size:16px;}

.map{ width:1000px; height:600px; background:rgba(255,255,255,.3); margin:0 auto; border-radius:5px; text-align:center; line-height:600px; font-size:60px;text-transform: uppercase; color:#fff;}