.page_contact{padding:5rem 2rem 2rem; margin-top:0px; margin-bottom:10px}
.page_contact .list{text-align:center; margin-top:-100px}
.page_contact .list ul{margin:0;padding:0;width:100%;overflow:hidden}
.page_contact .list ul li{display:block;width:20%;float:left;font-size:18px;color:#333;font-weight:lighter}
.page_contact .list ul li img{margin:0 auto;}
.page_contact .list ul li b{display:block;font-size:16px; font-weight:bold;color:#000; padding-bottom:10px;padding-top:1rem}
.page_contact .col{padding:4rem 0 2rem;font-size:1.6rem}.page_contact .col .sub_company{padding-right:2rem}.page_contact .col .sub_company b{display:block}#map01{width:100%;height:410px;font-size:1.4rem}@media (min-width: 1000px){.page_contact{padding:6rem 2rem 2rem}.page_contact .col{font-size:1.4rem}#map01{width:100%;height:540px}}@media (min-width: 1400px){.page_contact{padding:8rem 7rem 2rem}.page_contact .col{padding:8rem 0 6rem}#map01{width:100%;height:520px}}@media (min-width: 1800px){.page_contact{padding:10rem 12rem 2rem}.page_contact .col{padding:12rem 0 10rem;font-size:1.6rem}#map01{width:100%;height:560px}}
.contactPage { margin-top:50px;}
.contactPage .traffic{
background: #f5f5f5;
padding:0px 0px 20px 0px;
}
.wrap{ width:1200px; margin:0 auto}
.contactPage .traffic .title{
text-align: center;
line-height: 40px;
font-size: 36px;
color: #000000;
}
.contactPage .traffic .list{
border: solid 1px #e6e6e6;
box-sizing: border-box;
margin-top: 38px;
}
.contactPage .traffic .list:after{content:"";height:0;display:block;clear:both}
.contactPage .traffic li{
width: 33.333%;
float: left;
border-left: solid 1px #e6e6e6;
box-sizing: border-box;
background: #fff;
padding: 73px 40px 68px 40px;
box-sizing: border-box;
text-align: center;
}
.contactPage .traffic li:first-child{
border-left: none;
}
.contactPage .traffic li .icon{
height: 56px;
}
.contactPage .traffic li .icon img{
max-height: 100%;
}
.contactPage .traffic li .tit{
line-height: 30px;
font-size: 24px;
color: #000000;
margin-top: 24px;
padding-bottom: 38px;
background: url(/images/traffic_line.gif) repeat-x 0 bottom;
}
.contactPage .traffic li .text{
line-height: 27px;
font-size: 16px;
color: #666666;
margin-top: 35px;
}
.centerorder{ width:1200px; margin:0 auto}
.centerorder .a_top{padding:54px 0 42px; text-align:center;}
.centerorder .a_top .a_line{height:1px; width:107px; background:#fdd7b2; margin-top:48px; display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-left:-100px}
.centerorder .a_top .a_all{display:inline-block; *display:inline; zoom:1; margin:0 28px; vertical-align:top;}
.centerorder .a_top .a_all .a_title{height:60px; line-height:60px; text-align:center; font-size:36px; color:#f87900; font-family:mf;}
.centerorder .a_top .a_all .a_title_cn{height:24px; line-height:24px; text-align:center; font-size:14px; color:#f87900;}
.centerorder .a_top .b_line{height:1px; width:107px; background:#dbdbdb; margin-top:48px; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.centerorder .a_top .a_all .a22{color:#222;}
.centerorder .a_top .a_all .a88{color:#999999; font-size:16px}
.message-info {
position: relative;
margin-top:20px;
margin-bottom:65px;
}
.message-info .contact-title {
padding-top: 45px;
padding-bottom: 35px;
font-size: 24px;
color: #fff;
}
.message-info .contact-title i {
display: inline-block;
margin-right: 10px;
}
.com-width{width: 1200px;margin: 0 auto;}
.message-info .message-content .contact-title {
color: #057046;
}
.message-content {
width: 680px;
}
.message-content .message-form .inp {
width: 100%;
height: 57px;
line-height: 57px;
padding: 0 30px;
background: #fff;
margin-bottom: 20px;
font-size: 16px;
border: 1px solid #e4e4e4;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.message-content .message-form .inp2 {
width: 100%;
height: 59px;
line-height: 59px;
padding: 0 30px;
background: #fff;
margin-bottom: 20px;
font-size: 16px;
border: 1px solid #e4e4e4;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.message-content .message-form .txt {
width:1170px;
height: 230px;
padding: 20px 0px;
background: #fff;
font-size: 16px;
border: 1px solid #e4e4e4;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
padding-left:30px;
font-family:微软雅黑;
}
.message-content .message-form .com-button {
margin-top: 20px;
font-size: 0;
width: 158px;
height: 55px;
line-height: 55px;
text-decoration:none;
}
.message-content .message-form .txt:hover,
.message-content .message-form .inp:hover,
.message-content .message-form .inp:focus,
.message-content .message-form .txt:focus {
box-shadow: 0 0 2px #db1103;
border-color: #db1103;
}
.message-content .message-form .sub {
position: relative;
color: #fff;
font-size: 24px;
background: transparent;
vertical-align: middle;
width: 100%;
height: 100%;
cursor: pointer;
}
/*通用按钮*/
.com-button-bar {
padding-top: 35px;
padding-bottom: 45px;
text-align: center;
border:none;
}
.com-button {
position: relative;
display: inline-block;
width: 196px;
height: 52px;
line-height: 52px;
text-align: center;
color: #fff!important;
background: #db1103;
font-size: 16px;
overflow: hidden;
border:none;
}
.com-button:before {
content: "";
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background: #333;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.com-button:hover:before {
left: 0;
}
.com-button span {
position: relative;
}
.com-button-bar h4 {
color: #057046;
font-size: 24px;
margin-top: 20px;
}
.com-showbox .item:last-child .cont .business-tit {
margin-bottom: 0;
}
.com-showbox .item .cont .business-en {
font-size: 18px;
color: #BAB6B6;
margin-top: 10px;
margin-bottom: 30px;
}
.com-showbox .item .cont .business-des p ~ p {
margin-top: 15px;
}
.p-contact-message-sub {
display: block;
width: 1200px;
height:50px;
text-align: center;
line-height: 50px;
background: #ed1f23;
border: 0;
padding: 0;
margin: 40px auto 0;
cursor: pointer;
color:#FFFFFF;
font-size:16px;
}