/* 联系方式 */
#contact .contact-title {
position:relative;
z-index:10;
width:100%;
padding-top:19.75vh;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#contact .contact-title:before {
content:"";
display:block;
width:100%;
height:100%;
background:#fff855;
position:absolute;
bottom:0;
z-index:-1;
-webkit-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#contact .enter-animate.start:before {
height:0;
}
#contact .contact-title .cont-in {
padding:0 6.243% 0 20.33%;
}
#contact .contact-title .tit {
padding-bottom:55px;
}
#contact .contact-title .tit .icon {
padding:10px 0;
}
#contact .contact-title .tit .icon svg {
width:68px;
height:14px;
}
#contact .contact-title .tit .icon svg polyline {
stroke-width:5px;
stroke:#1a1a1d;
fill:none;
stroke-dashoffset:100;
stroke-dasharray:100;
-webkit-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
-moz-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
}
#contact .enter-animate.start .tit .icon svg polyline {
stroke-dashoffset:0;
}
#contact .contact-title .tit p {
overflow:hidden;
line-height:148px;
}
#contact .contact-title .tit p span {
display:block;
color:#1a1a1d;
font-size:122.83px;
line-height:148px;
font-family:"Conv_Montserrat-Black";
text-transform:uppercase;
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
transform:translateY(100%);
-webkit-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
-moz-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
}
#contact .enter-animate.start .tit p span {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
transform:translateY(0);
}
#contact .contact-title .tit p span em {
color:#fff855;
font-style:normal;
}
#contact .contact-infor {
background:#fff855;
}
#contact .contact-infor .cont-in {
padding:52px 19.166vw 100px 19.166vw;
display:-webkit-flex;
display:flex;
justify-content:space-between;
align-items:center;
}
#contact .contact-infor .infor-left {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
width:41.7%;
}
#contact .contact-infor .infor-left p {
color:#1a1a1d;
font-size:23.25px;
line-height:normal;
font-weight:bolder;
padding:18px 0;
}
#contact .contact-infor .infor-left ul {

}
#contact .contact-infor .infor-left ul li {
color:#1a1a1d;
font-size:14px;
line-height:30px;
font-weight:bolder;
}
#contact .contact-infor .infor-left ul li a {
color:#1a1a1d;
}
#contact .contact-infor .infor-left ul li a:hover {
text-decoration:underline;
}
#contact .contact-infor .infor-right {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
position:relative;
width:54.7486%;
height:275px;
}
#contact .contact-infor .infor-right #container {
position:absolute;
width:100%;
height:100%;
}
#contact .contact-msg {
padding:100px 0 146px 0;
}
#contact .contact-msg .cont-in {
padding:0 19.166vw;
font-size:0;
}
#contact .contact-msg .msg-left {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:35.1%;
padding-right:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#contact .contact-msg .msg-left p {
margin-bottom:17px;
position:relative;
}
#contact .contact-msg .msg-left p input {
width:100%;
height:60px;
line-height:60px;
box-shadow:0 0 0 5px #e8e8e8 inset;
padding:0 13px;
border:0 none;
background:#fff;
outline:none;
color:#1a1a1d;
font-size:14px;
font-family:"Microsoft Yahei";
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#contact .contact-msg .msg-left p input:hover, #contact .contact-msg .msg-left p input:focus {
box-shadow:0 0 0 5px #fff627 inset;
}
#contact .contact-msg .msg-left p .randCode {
position:absolute;
top:5px;
right:5px;
height:50px;
}
#contact .contact-msg .msg-right {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:64.9%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#contact .contact-msg .msg-right textarea {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:calc(100% - 114px);
height:291px;
line-height:60px;
box-shadow:0 0 0 5px #e8e8e8 inset;
padding:0 13px;
border:0 none;
background:#fff;
outline:none;
color:#1a1a1d;
font-size:14px;
font-family:"Microsoft Yahei";
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#contact .contact-msg .msg-right textarea:hover, #contact .contact-msg .msg-right textarea:focus {
box-shadow:0 0 0 5px #fff627 inset;
}
#contact .contact-msg .msg-right a {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
text-align:center;
width:100px;
height:291px;
line-height:291px;
background:#fff855;
margin-left:14px;
color:#1a1a1d;
font-size:18px;
font-family:"Microsoft Yahei";
-webkit-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#contact .contact-msg .msg-right a:hover {
box-shadow:0 0 0 5px #fff627 inset;
}