@charset "utf-8";
body{ padding-top: 0;}
*{margin:0; padding:0; border:0;}
ul,ol,li{ list-style:none;}
a{ text-decoration:none; color:#363436; outline:none; blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none; color:#363436;}
img{ vertical-align:middle;}
a,img,button,input,textarea,div{ -webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type="submit"],input[type="reset"],input[type="button"],button{ -webkit-appearance:none;}
table{ border-collapse:collapse; border-spacing:0;}
section{ display:block;}
em,i{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
p{ word-wrap:break-word;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{ clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

.contactus_banner {height: 400px;background: url(../images/contactus_banner.jpg) no-repeat center center #ffffff;background-size: 100% 100%;}
.contactus_banner .title{ position: relative;top: 40%;letter-spacing:20px;text-align: center;font-size: 50px;font-weight: 500;color: rgba(255, 255, 255, 1);}

/*联系我们*/
.contact-us{ width:1200px; height:auto; margin:80px auto 100px;}
.contact-us .infors{ width:100%; height:auto; text-align:center;margin-top: 120px;}
.contact-us .infors .item{ width:33%; height:auto; display:inline-block; position:relative;}
.contact-us .infors .item:after{ content:''; width:2px; height:150px; background:#02a9d5; position:absolute; top:-40px; right:-1px;}
.contact-us .infors .item:last-child:after{ display:none;}
.contact-us .infors .item dt{ line-height:1.5em; font-size:20px; color:#333; margin-bottom:15px;}
.contact-us .infors .item dd{ line-height:2em; font-size:14px; color:#666;}
.contact-us .map-address{ width:100%; height:auto; margin:108px 0 100px;}
.contact-us .map-address .map-wrap{ width:640px; height:400px; float:left;margin-top: 30px;}
.contact-us .map-address .address{ width:500px; height:auto; float:right;}
.contact-us .map-address .address .title{ padding:10px 0 15px; margin-bottom:20px; line-height:1.5em; font-size:20px; color:#333; border-bottom:2px solid #02a9d5;}
.contact-us .map-address .address .item{ margin-top:20px; cursor:pointer;}
.contact-us .map-address .address .item dt{ line-height:30px; font-size:18px; color:#333; margin-bottom:5px;}
.contact-us .map-address .address .item dd{ line-height:2em; font-size:14px; color:#333;}

@media screen and (max-width:1024px){
.contact-us{ width:960px;}
.contact-us .map-address .map-wrap{ width:500px;}
.contact-us .map-address .address{ width:400px;}
}

@media screen and (max-width:768px){
.contactus_banner{ height:240px; background-size:auto 100%;}
.contactus_banner .title{display: none;}
.contact-us{ width:720px;}
.contact-us .infors { margin-top: 64px;}
.contact-us .infors .item{ width:32%;}
.contact-us .map-address .map-wrap{ width:100%; margin-bottom:20px;}
.contact-us .map-address .address{ width:100%;}
}

@media screen and (max-width:767px){
.contactus_banner{ height:30vw;}
.contactus_banner .title{display: none;}
.contact-us{ width:auto; margin:40px 3vw 50px;}
.contact-us .infors { margin-top: 64px;}
.contact-us .infors .item{ width:100%; display:block; padding-bottom:30px; margin-bottom:30px; border-bottom:2px dashed #02a9d5;}
.contact-us .infors .item:last-child{ border:none; margin-bottom:0;}
.contact-us .infors .item:after{ display:none;}
.contact-us .map-address{ margin:0 0 50px;}
.contact-us .map-address .map-wrap{ height:300px;}
}