@charset "utf-8";
/* CSS Document */
.ban_son{ margin-bottom:100px}
.h2_11{ width:100%; float:left; overflow:hidden; line-height:60px; text-align:center; font-size:49px; color:#333; margin-bottom:5px}
.h2_11 span{ color:#ed6d1d}
.contact-1 h6{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; font-size:18px; color:#888; font-weight:normal; margin-bottom:80px}
.contact-main{ width:100%; display:flex;}
.contact-2{ width:49.2%; margin-right:1.6%;  position:relative;background:url(office.jpg) no-repeat center center; background-size:cover}
.contact-2 h4{ width:100%; overflow:hidden;position:absolute; left:0px; top:50px; z-index:2}
.contact-2 h4 span{ float:left; overflow:hidden; height:50px; line-height:50px; font-size:26px; color:#333; font-weight:normal; background:#ed6d1d; color:#fff; padding:5px 35px 5px 25px; border-radius:0 32px 32px 0}
.contact-3{ flex:1;  border:1px solid #e5e5e5; box-sizing:border-box; padding:30px 50px;}
.contact-3 h4{ width:100%; float:left; overflow:hidden; line-height:40px; font-weight:normal; font-size:27px; color:#333; background:url(line01.gif) no-repeat 0 bottom; padding-bottom:15px; margin-bottom:40px}

.contact_dl{ width:50%; float:left; overflow:hidden; margin-bottom:35px; display:flex;flex-wrap:wrap; height:50px}
.contact_dl h6{ width:40px; margin-right:10px; display:flex; align-items:center; height:50px;}
.contact_dl h6 img{ width:100%}
.contact_dl ul{ flex:1; display:flex; height:50px;flex-wrap:wrap; flex-direction:column; justify-content:center;}
.contact_dl ul dd{ width:100%; line-height:16px; font-size:12px; color:#999; margin-bottom:2px}
.contact_dl ul dt{ width:100%; line-height:22px; font-size:19px; color:#333}
.contact_dl_100{ width:100%}

.ul_11{  width:100%; float:left; overflow:hidden; box-sizing:border-box; border-top:1px dashed #ddd; padding-top:20px}
.ul_11 h5{ width:100%; float:left; overflow:hidden; line-height:30px; font-weight:normal; font-size:21px; color:#333; margin-bottom:20px}
.contact-3 li{ width:120px; float:left; overflow:hidden; line-height:40px; font-size:15px; color:#666; text-align:center; margin-right:50px }
.contact-3 li img{ border:1px solid #ddd; padding:8px;}
.contact-3 li:last-of-type{ margin-right:0px}

.contact-4{ width:100%; float:left; display:flex; flex-wrap:wrap; overflow:hidden; justify-content:space-between;flex-wrap:wrap}
.contact-4 dl{width:19%; border:1px solid #eee; box-sizing:border-box; padding:20px 10px; display:flex; }
.contact-4 dl:last-child{ margin-right:0}
.contact-4 h6{ width:101px;margin-right:20px}
.contact-4 h6 img{ max-width:100%}
.contact-4 ul{ flex:1;}
.contact-4 dt{ width:100%; float:left; overflow:hidden; line-height:22px; font-weight:bold; font-size:18px; color:#333; background:url(line03.gif) no-repeat 0 bottom; padding-bottom:7px; margin-bottom:10px}
.contact-4 dd{ width:100%; float:left; overflow:hidden; line-height:26px;font-size:14px; color:#666; margin-bottom:3px}
.contact-4 dd:nth-of-type(2){ line-height:22px}
.contact-4 dd img{ vertical-align:middle; margin-top:-5px; margin-right:5px}
.contact-4 ul dd:last-child{ margin-bottom:0}

.message-1{ padding:50px 0; background:url(message.gif) no-repeat center 50px; }
.message-1 h6{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:16px; color:#ed6d1d; text-align:center; margin-bottom:5px}
.message-1 h6 span{ padding-left:35px; background:url(dot01.gif) no-repeat 0 center}
.message-1 h3{ width:100%; float:left; overflow:hidden;line-height:60px; text-align:center; font-size:49px; color:#333; text-transform:capitalize; margin-bottom:40px}
.message-1 h4{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:50px}
.message-1 h4 img{ margin:0 10px; width:90px; height:90px; border-radius:50%}

.maplist{ width:100%;  float:left; overflow:hidden;}
.maplist ul{ width:46%; float:left; overflow:hidden}
.ul_01{ margin-right:8%;}
.maplist li{ width:100%; float:left; overflow:hidden; margin-bottom:20px}
.span_001{ width:100%; float:left; line-height:30px; font-size:14px; color:#bbb;}
.span_001 b{ color:#ef2d36; padding-left:3px}
.maplist input{ font-family:"PingFangSC-Regular","微软雅黑","Microsoft Yahei";}
.intxt{ width:100%; float:left; height:68px; line-height:68px; overflow:hidden; font-size:16px; color:#666; padding:0 20px; border:1px solid #e3e3e3; background:rgba(255,255,255,.4); outline:none; -moz-box-sizing: border-box;box-sizing: border-box;}
.sel01{ width:100%; float:left; height:68px; line-height:68px; overflow:hidden; font-size:14px; color:#333; padding:0 20px; border:1px solid #e3e3e3; background:rgba(255,255,255,.4);  outline:none;  -moz-box-sizing: border-box;box-sizing: border-box;}
.maplist li.m_16{ margin-bottom:36px}
.maplist textarea{ width:100%; float:left; overflow:hidden; padding:20px 20px; border:1px solid #e3e3e3; background:rgba(255,255,255,.5); color:#666; font-size:14px; -moz-box-sizing: border-box;box-sizing: border-box; height:200px;outline:none;  font-family:"PingFangSC-Regular","微软雅黑","Microsoft Yahei";}

.maplist li.subli{ width:100%; display:flex; overflow:hidden;flex-wrap:wrap }
.yzm01{ width:26%; margin-right:20px}
.yzm02{  height:50px; border:1px solid #e3e3e3; padding:8px; margin-right:20px}
.maplist h5{flex:1;}
.submit_01{ width:100%; height:68px;  overflow:hidden; line-height:68px; font-size:16px; color:#fff; background-image: linear-gradient(to right,#f1762a,#ed6d1d); cursor:pointer; border:none; font-family:"微软雅黑" ;outline:none; text-align:center; }
submit_01:hover{ background:#ed6d1d}

/******** 手机版 ********/
@media (max-width:767px){
.ban_son{ margin-bottom:20px}
.h2_11{ line-height:28px;font-size:23px}
.contact-1{ margin-bottom:15px}
.contact-1 h6{ line-height:18px; font-size:13px; margin-bottom:20px}

.contact-main{ width:100%; display:flex;flex-wrap:wrap}
.contact-2{ width:100%; margin-right:0;  position:relative;height:38vw}
.contact-2 h4 span{  height:30px; line-height:30px; font-size:16px; padding:5px 25px 5px 15px; border-radius:0 20px 20px 0}
.contact-3{ width:100%; border-top:none;padding:15px 15px 0;}
.contact-3 h4{ line-height:28px; font-size:19px; padding-bottom:10px; margin-bottom:20px;background:url(line01m.gif) no-repeat 0 bottom; }

.contact_dl{ width:100%; margin-bottom:20px;height:50px}
.contact_dl h6{ width:30px; margin-right:10px; display:flex; align-items:center; height:50px;}
.contact_dl h6 img{ width:100%; vertical-align:middle; margin-top:0px}
.contact_dl ul dd{ line-height:14px; font-size:12px; margin-bottom:2px}
.contact_dl ul dt{ line-height:18px; font-size:16px;}

.contact_dl_100{ width:100%}
.contact-4 dl{ width:100%; margin-right:0;padding:10px; margin-bottom:10px }
.contact-4 dl:last-child{ margin-right:0}
.contact-4 dl:nth-child(2){ margin-right:0}
.contact-4 h6{ width:90px; margin-right:15px}
.contact-4 ul{ flex:1;}
.contact-4 dt{ font-size:16px;}
.contact-4 dd{line-height:20px;font-size:12px; color:#666; margin-bottom:3px}
.contact-4 dd img{ vertical-align:middle; margin-top:-5px; margin-right:5px; height:16px}
.contact-4 ul dd:last-child{ margin-bottom:0}

.message-1{ padding:10px 0 10px; background:url(message.gif) no-repeat center 20px; margin-bottom:0 }
.message-1 h6{  line-height:20px; font-size:15px;  margin-bottom:2px;}
.message-1 h6 span{ padding-left:35px; background:url(dot01.gif) no-repeat 0 center}
.message-1 h3{ line-height:25px; font-size:23px; margin-bottom:20px}
.message-1 h4{margin-bottom:20px}
.message-1 h4 img{ margin:0 5px; width:66px; height:66px; border-radius:50%}

.maplist ul{ width:100%; float:left; overflow:hidden}
.maplist ul.ul_01{ margin-right:0;}
.maplist li{ width:100%; float:left; overflow:hidden; margin-bottom:5px}
.maplist ul.ul_01 li{ width:49%}
.maplist ul.ul_01 li:nth-child(odd){ margin-right:2%}
.span_001{ width:100%; float:left; line-height:30px; font-size:14px; color:#bbb;}
.span_001 b{ color:#ef2d36; padding-left:3px}
.intxt{ height:40px; line-height:40px;font-size:12px; padding:0 10px; }
.maplist li.m_16{ margin-bottom:15px}
.maplist textarea{padding:5px 10px 8px; font-size:12px; height:100px;}

.maplist input.yzm01{ width:49%; margin-right:2%}
.yzm02{ width:49%;  height:40px; border:none; padding:0px; margin-right:0px}
.maplist h5{ width:100%}
.submit_01{ width:100%; float:left; overflow:hidden; height:50px;line-height:50px; font-size:16px; margin-top:10px  }

}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.ban_son{ margin-bottom:50px}
.h2_11{ line-height:35px;font-size:31px}
.contact-1{ margin-bottom:20px}
.contact-1 h6{ line-height:30px; font-size:15px; margin-bottom:40px}

.contact-main{ width:100%; display:flex;flex-wrap:wrap}
.contact-2{ width:100%; margin-right:0;  position:relative; height:38vw}
.contact-3{ width:100%; border-top:none;padding:20px 20px 0;}
.contact-3 h4{ line-height:30px; font-size:21px; padding-bottom:15px; margin-bottom:20px}

.contact_dl{ width:100%; margin-bottom:20px;height:50px}
.contact_dl h6{ width:40px; margin-right:10px; display:flex; align-items:center; height:50px;}
.contact_dl h6 img{ width:100%}
.contact_dl ul dd{ line-height:16px; font-size:12px; margin-bottom:2px}
.contact_dl ul dt{ line-height:22px; font-size:17px;}

.contact_dl_100{ width:100%}
.contact-4 dl{ width:49%; padding:15px; margin-bottom:20px }
.contact-4 dl:last-child{ margin-right:0}
.contact-4 dl:nth-child(2){ margin-right:0}
.contact-4 h6{ width:101px;margin-right:20px}
.contact-4 ul{ flex:1;}
.contact-4 dd{ line-height:26px;font-size:16px;margin-bottom:3px}
.contact-4 dd img{ vertical-align:middle; margin-top:-5px; margin-right:5px}
.contact-4 ul dd:last-child{ margin-bottom:0}
.contact-4 dl ul dd:nth-of-type(2){ line-height:20px; font-size:13px}



.message-1{ padding:30px 0; background:url(message.gif) no-repeat center 50px; margin-bottom:0 }
.message-1 h6{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:16px; color:#ed6d1d; text-align:center; margin-bottom:5px}
.message-1 h6 span{ padding-left:35px; background:url(dot01.gif) no-repeat 0 center}
.message-1 h3{ line-height:35px; font-size:31px; margin-bottom:20px}
.message-1 h4{margin-bottom:50px}
.message-1 h4 img{ margin:0 10px; width:90px; height:90px; border-radius:50%}

.maplist ul{ width:48.5%; float:left; overflow:hidden}
.maplist ul.ul_01{ margin-right:3%;}
.maplist li{ width:100%; float:left; overflow:hidden; margin-bottom:20px}
.span_001{ width:100%; float:left; line-height:30px; font-size:14px; color:#bbb;}
.span_001 b{ color:#ef2d36; padding-left:3px}

.sel01{ width:100%; float:left; height:68px; line-height:68px; font-size:14px; color:#333; padding:0 20px; }
.maplist li.m_16{ margin-bottom:36px}

.maplist textarea{height:200px;}
.maplist input.yzm01{ width:48.5%; margin-right:3%}
.yzm02{ width:48.5%;  height:68px; border:1px solid #e3e3e3; padding:8px; margin-right:0px; box-sizing:border-box}
.maplist h5{ width:100%}
.submit_01{ width:100%; float:left; overflow:hidden;  margin-top:20px  }
}

/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.ban_son{ margin-bottom:50px}
.h2_11{ line-height:35px;font-size:31px}
.contact-1{ margin-bottom:20px}
.contact-1 h6{ line-height:30px; font-size:15px; margin-bottom:40px}

.contact-main{ width:100%; display:flex;}
.contact-2{ width:49.2%; margin-right:1.6%;  position:relative}
.contact-3{ flex:1; padding:20px 20px 0;}
.contact-3 h4{ line-height:30px; font-size:21px; padding-bottom:15px; margin-bottom:20px}

.contact_dl{ width:100%; margin-bottom:20px;height:50px}
.contact_dl h6{ width:40px; margin-right:10px; display:flex; align-items:center; height:50px;}
.contact_dl h6 img{ width:100%}
.contact_dl ul dd{ line-height:16px; font-size:12px; margin-bottom:2px}
.contact_dl ul dt{ line-height:22px; font-size:17px;}
.contact_dl_100{ width:100%}

.contact-4 dl{ width:49%; padding:20px; margin-bottom:20px }
.contact-4 dl:last-child{ margin-right:0}
.contact-4 dl:nth-child(2){ margin-right:0}
.contact-4 h6{ width:101px;margin-right:20px}
.contact-4 ul{ flex:1;}
.contact-4 dd{line-height:26px;font-size:16px; margin-bottom:3px}
.contact-4 dd img{ vertical-align:middle; margin-top:-5px; margin-right:5px}
.contact-4 ul dd:last-child{ margin-bottom:0}

.message-1{ padding:30px 0 30px; background:url(message.gif) no-repeat center 50px; margin-bottom:0 }
.message-1 h6{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:16px; color:#ed6d1d; text-align:center; margin-bottom:5px}
.message-1 h6 span{ padding-left:35px; background:url(dot01.gif) no-repeat 0 center}
.message-1 h3{ line-height:35px; font-size:31px; margin-bottom:20px}
.message-1 h4{margin-bottom:50px}
.message-1 h4 img{ margin:0 10px; width:90px; height:90px; border-radius:50%}

.maplist ul{ width:48.5%; float:left; overflow:hidden}
.maplist ul.ul_01{ margin-right:3%;}
.maplist li{ width:100%; float:left; overflow:hidden; margin-bottom:20px}
.span_001{ width:100%; float:left; line-height:30px; font-size:14px; color:#bbb;}
.span_001 b{ color:#ef2d36; padding-left:3px}

.maplist li.m_16{ margin-bottom:36px}
.maplist li.li_mes{ display:flex; flex-wrap:wrap}
.yzm01{ width:26%; margin-right:20px}
.yzm02{  height:50px; border:1px solid #e3e3e3; padding:8px; margin-right:20px}
}

/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
.ban_son{ margin-bottom:50px}
.h2_11{ line-height:50px;font-size:40px}
.contact-1 h6{ line-height:30px; font-size:17px; margin-bottom:60px}
.contact-main{ width:100%; display:flex;}
.contact-2{ width:49.2%; margin-right:1.6%;  position:relative}
.contact-3{ flex:1; padding:20px 20px 0;}
.contact-3 h4{ line-height:30px; font-size:21px; padding-bottom:15px; margin-bottom:20px}

.contact_dl{ width:100%; margin-bottom:20px;height:50px}
.contact_dl h6{ width:40px; margin-right:10px; display:flex; align-items:center; height:50px;}
.contact_dl h6 img{ width:100%}
.contact_dl ul dd{ line-height:16px; font-size:12px; margin-bottom:2px}
.contact_dl ul dt{ line-height:22px; font-size:17px;}
.contact_dl_100{ width:100%}

.contact-4 dl{ width:49%; margin-right:2%;padding:20px; margin-bottom:20px }
.contact-4 dl:last-child{ margin-right:0}
.contact-4 dl:nth-child(2n){ margin-right:0}
.contact-4 h6{ width:101px;margin-right:20px}
.contact-4 ul{ flex:1;}
.contact-4 dd{ line-height:26px;font-size:16px; margin-bottom:3px}
.contact-4 dd img{ vertical-align:middle; margin-top:-5px; margin-right:5px}
.contact-4 ul dd:last-child{ margin-bottom:0}

.message-1{ padding:50px 0; background:url(message.gif) no-repeat center 50px; margin-bottom:0 }
.message-1 h6{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:16px; color:#ed6d1d; text-align:center; margin-bottom:5px}
.message-1 h6 span{ padding-left:35px; background:url(dot01.gif) no-repeat 0 center}
.message-1 h3{ line-height:50px; font-size:40px; margin-bottom:20px}
.message-1 h4{margin-bottom:50px}
.message-1 h4 img{ margin:0 10px; width:90px; height:90px; border-radius:50%}

.maplist ul{ width:48.5%; float:left; overflow:hidden}
.maplist ul.ul_01{ margin-right:3%;}
.maplist li{ width:100%; float:left; overflow:hidden; margin-bottom:20px}
.span_001{ width:100%; float:left; line-height:30px; font-size:14px; color:#bbb;}
.span_001 b{ color:#ef2d36; padding-left:3px}
.maplist li.m_16{ margin-bottom:36px}


}