﻿/* ZGI_CSS_0_0_1 */
/*@font-face {
    font-family: 'CenturyGothic';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CenturyGothic.woff') format('woff'),
    url('../fonts/CenturyGothic.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}*/
/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, address, figure, figcaption, menu, details { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
i, cite, em, var, address, dfn { font-style: normal; }
[hidefocus], summary {
outline:0;
}
li { list-style: none; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
input { -webkit-appearance: none; outline: none;/*去除input默认样式*/ }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
body, textarea, input, button, select, keygen, legend { font-family: Arial, Helvetica, Microsoft Yahei, sans-serif; font-size: 12px; outline: 0; }
body { background: #f5f5f5;min-width:1200px; }
img { vertical-align: top; }
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:link { text-decoration: none; outline: 0; }
a:visited { text-decoration: none; outline: 0; }
a:hover { text-decoration: none; outline: 0; }
a:active { text-decoration: none; outline: 0; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
/*功能性代码 f- */
.f-cb:after, .f-cbli li:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; }
.f-cb, .f-cbli li { zoom: 1; }
.f-ib { display: inline-block; *display:inline;
*zoom:1;
}
.f-dn { display: none; }
.f-db { display: block; }
.f-fl { float: left; }
.f-fr { float: right; }
.f-pr { position: relative; }
.f-prz { position: relative; zoom: 1; }
.f-oh { overflow: hidden; }
.f-ff0 { font-family: arial, \5b8b\4f53; }
.f-ff1 { font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53; }
.f-fs1 { font-size: 12px; }
.f-fs2 { font-size: 14px; }
.f-fwn { font-weight: normal; }
.f-fwb { font-weight: bold; }
.f-tal { text-align: left; }
.f-tac { text-align: center; }
.f-tar { text-align: right; }
.f-mt0 { margin-top: 0px !important; }
.f-mr0 { margin-right: 0px !important; }
.f-mb0 { margin-bottom: 0px !important; }
.f-ml0 { margin-left: 0px !important; }
.f-taj { text-align: justify; text-justify: inter-ideograph; }
.f-vam, .f-vama * { vertical-align: middle; }
.f-wsn { word-wrap: normal; white-space: nowrap; }
.f-pre { overflow: hidden; text-align: left; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; }
.f-wwb { white-space: normal; word-wrap: break-word; word-break: break-all; }
.f-ti { overflow: hidden; text-indent: -30000px; }
.f-ti2 { text-indent: 2em; }
.f-lhn { line-height: normal; }
.f-tdu, .f-tdu:hover { text-decoration: underline; }
.f-tdn, .f-tdn:hover { text-decoration: none; }
.f-toe { overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; }
.f-csp { cursor: pointer; }
.f-csd { cursor: default; }
.f-csh { cursor: help; }
.f-csm { cursor: move; }
.f-usn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.f-gunlun::-webkit-scrollbar {
display: none;/*隐藏滚轮*/
}
.clear { clear: both; }
.w1200 { width: 999px; margin: 0px auto; }
.g-bannertop { width: 100%; height: 495px; overflow: hidden; position: relative; z-index: 1; background: url(/ad/_backup/_upload/bjtop.jpg) no-repeat center top; min-width:1200px; }
.g-banner .beijing { width: 100%; height: 560px; z-index: 2;/* background:rgba(0,0,0,0.5);  */ min-width:1200px; }
.g-banner { width: 100%; height: 526px; overflow: hidden; position: relative; z-index: 1; background: url(/ad/_backup/_upload/bjtop.jpg) no-repeat center top; min-width:1200px; }
.g-banner .beijing { width: 100%; height: 560px; z-index: 2;/* background:rgba(0,0,0,0.5);  */ min-width:1200px; }
.g-banner .beijing img { width: 100%; }
.g-banner .daoji { position: absolute; left: 0px; top: 0px; z-index: 2; width: 100%; border-bottom: 1px solid #C8C8C8; height: 38px; text-align: right; line-height: 36px; font-size: 14px; color: #fff; letter-spacing: 0.93px; }
.g-banner .daoji span { background: #DE3131; padding: 13px 7px; font-family: cursive; font-size: 21.6px; color: #FFFFFF; letter-spacing: 0.12px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin: 0px 8px; }
.m-btxt { width: 880px;height: 380px; position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -440px;  margin-top: -170px; background: url(/la/_backup/_upload/icon4.png) left top no-repeat; background-size: 100% 100%; }
.m-btxt .jieshu { width: 100%; text-align: center; margin-top: 55px; margin-bottom: 20px; height: 36px; line-height: 36px; font-weight: bold; font-size: 26px; color: #3e3a39; }
.m-btxt .jieshu img { height: 8px; margin: 14px 20px; }
.m-btxt .tit { padding: 0px 20px; text-align: center; font-size: 40px; line-height: 50px; font-weight: bold; color: #3c3b39; }
.m-btxt .time { width: 100%; margin-top: 20px; height: 45px; text-align: center; line-height: 45px; }
.m-btxt .time img { height: 40px; margin-left: -10px; }
.m-btxt .time img.img1 { margin-left: 0px; margin-right: -10px; }
.m-btxt .time .time1 { height: 40px; font-size: 18px; line-height: 40px; font-weight: bold; text-align: center; display: inline-block; color: #fff; background: url(/la/_backup/_upload/icon5.png) left top no-repeat; background-size: 100% 100%; padding: 0px 60px; }
.m-btxt .time .time1 span { margin: 0px 10px; }
.m-btxt .qita { width: 100%; margin-top: 35px; text-align: center; }
.u-qita { display: inline-block; margin: 0px 6px; }
.u-qita p { width: 152px; height: 46px; border-radius: 5px; background: #DE3131; border: 2px solid #DE3131; line-height: 44px; font-size: 18px; color: #FFFFFF; letter-spacing: 0.6px; text-align: center; transition: all 0.5s ease 0s; }
.u-qita.u-qita1 p { background: none; color: #DE3131; }
.u-qita p:hover { background: none; color: #DE3131; }
.u-qita.u-qita1 p:hover { background: #DE3131; color: #fff; }
.g-dibu { width: 100%; height: 46px; line-height: 46px; background: #332E2D; font-size: 14px; color: #8F8F8F; letter-spacing: 0.8px; margin-bottom: 89px; }
.g-difu { width: 100%; position: fixed; left: 0px; display: none; bottom: 0px; background: #474342; z-index: 9999; }
.g-difu .left { float: left; font-size: 20px; color: #fff; line-height: 30px; margin: 15px 0px; }
.g-difu .left .tit { margin-top: 15px; font-size: 14px; line-height: 15px; }
.g-difu .left .tit span { margin-right: 40px; }
.g-difu .right { margin: 22px 0px; float: right; }
.g-difu .right .u-qita p:hover { background: none; color: #fff; }
.g-difu .right .u-qita.u-qita1 p { color: #fff; }
.g-difu .right .u-qita.u-qita1 p:hover { background: #DE3131; color: #fff; }
.g-conter { width: 100%; position: relative; z-index: 9; }
.g-conter .w1200 {/* margin-top: -85px; */ overflow: hidden; }
.m-shuju { width: 1226px; margin-left: -13px; position: relative; z-index: 8; }
.u-shuju { width: 25%; background: url(/la/_backup/_upload/icon6.png) left top no-repeat; background-size: 100% 100%; text-align: center; float: left; }
.u-shuju .sjimg { height: 69px; display: inline-block; margin: 49px 10px 48px 0px; vertical-align: top; }
.u-shuju .sjimg img { height: 100%; }
.u-shuju .sjtxt { display: inline-block; font-size: 16px; color: #FFFFFF; letter-spacing: 0.53px; text-align: center; margin-top: 47px; vertical-align: top; }
.u-shuju .sjtxt .p1 { font-size: 40px; color: #FFFFFF; letter-spacing: 0.08px; text-align: center; font-family: cursive; line-height: 44px; font-weight: bold; }
.m-xiang { width: 100%; background: #fff;position: relative; z-index: 7; padding-top: 30px; padding-bottom: 60px; }
.u-tit { width: 100%; text-align: center; font-size: 30px; color: #3E3A39; letter-spacing: 1px; font-weight: bold; margin-bottom: 25px;
}
.u-txt { font-size: 14px; color: #3E3A39; letter-spacing: 0.47px; text-align: justify; line-height: 35px; padding: 0px 45px 30px 45px; }
.u-title { width: 100%; height: 40px; font-size: 18px; color: #4A4A4A; letter-spacing: 0.6px; background: url(/la/_backup/_upload/icon11.png) left bottom no-repeat; background-size: 100%; margin-bottom: 15px; }
.u-title img { width: 17px; height: 18px; margin: 4px 10px 0px 17px; }
.u-img { width: 100%; text-align: center; padding: 10px 45px 45px 45px; }
.u-img img { max-width: 100%; }
.u-jiaotong { padding: 0px 45px; margin-top:35px; }
.u-jiaotong .jiaotong { border: 1px solid #BBBBBB; }
.u-ditu { width: 490px; height: 340px; float: left; }
.u-ditu img { max-width: inherit; }
.u-ditu #map { width: 100%; height: 100%; }
.BMapLabel { left: 15px !important; top: -15px !important; padding: 5px !important; font-size: 16px !important; font-family: 'HelBdCn' !important; }
.center { width: 252px !important; }
.bottom { height: 25px !important; }
.BMap_bubble_title { font-size: 16px !important; margin-bottom: 10px !important; }
.BMap_bubble_content { font-size: 13px !important; line-height: 22px !important; }
.u-jiaotong .jiaotong .luxian { float: right; width: 370px; font-family: PingFang-SC-Regular; font-size: 14px; color: #3E3A39; letter-spacing: 0.28px; line-height: 26px; margin: 65px 25px 0px 0px; }
.u-wangjie { padding: 0px 45px; margin-top: 35px; margin-bottom: 50px; }
.u-wangjie .picScroll-left { width: 100%; height: 480px; background: #AEAEAE; overflow: hidden; position: relative; }
.u-wangjie .picScroll-left .bd { width: 100%; position: relative; z-index: 9; }
.u-wangjie .picScroll-left .bd ul li { overflow: hidden; width:700px; height: 480px; float: left; text-align: center; }
.u-wangjie .picScroll-left .bd ul li img { height: 100%; }
.u-wangjie .picScroll-left .hd { height: 0px; width: 100%; position: absolute; left: 0px; top: 50%; margin-top: -20px; z-index: 99; }
.u-wangjie .picScroll-left .hd .prev, .u-wangjie .picScroll-left .hd .next { display: block; width: 40px; height: 40px; overflow: hidden; cursor: pointer; }
.u-wangjie .picScroll-left .hd .prev { background: url(/la/_backup/_upload/icon14.png); background-size: 100% 100%; float: left; margin-left: 30px; }
.u-wangjie .picScroll-left .hd .next { background: url(/la/_backup/_upload/icon13.png); background-size: 100% 100%; float: right; margin-right: 30px; }
.u-wangjie .picScroll-left .hd .pageState { left: 45px; top: 190px; position: absolute; font-size: 18px; line-height: 50px; font-family: PingFang-SC-Regular; color: #FFFFFF; letter-spacing: 0.6px; }
.u-wangjie .picScroll-left .hd .pageState span { position: relative; top: 1px; font-size: 30px; }
/*------------------百度地图样式--------------------------*/
/*--------------------------------------------*/
/* 响应式media */
/*手机*/

/*演示代码
.y-yan1 img{width:100%;height:100%;-webkit-transition: all 1s ease;transition: all 1.8s ease;}
.y-yan1:hover img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}
.y-yan2{height:66px;transition: all 0.5s ease 0s;}
.y-yan2:hover{height:50px;}
.y-yan2.on{height:50px;}
.y-yan3 p:nth-child(2){margin: 0px 0px 13px 0px;}//属于其父元素的第二个p，2n的话表示2的倍数的p 
.y-yan4{background: url(/la/_backup/_upload/cela4.jpg) center top no-repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}//背景图片铺满
*/
/*留言*/
.top { width: 100%; height: 180px; background: url(/la/_backup/_upload/top2.png) no-repeat center; background-size: 100%; }
.ftit1 { left: 0; margin-top: 10px; position: absolute; text-align: center; width: 100%; z-index: 2;min-width:1200px; }
.ftit1 p { color: #3e3a39; font-size: 22px; letter-spacing: 0.67px; line-height: 26px; margin: 10px 0; }
.ftit1 .titl { color: #de3131; font-size: 30px; font-weight: bold; letter-spacing: 1.33px; line-height: 60px; }
.feedbackBox { width: 850px; height: 600px; background: #fff; margin: 0 auto; padding-top: 20px; }
.feedbackBox form { width: 600px; margin: 0 auto; }
.feedback_field { clear: both; overflow: hidden; padding: 10px 0; }
.feedback_left { float: left; height: 40px; line-height: 40px; text-align: right; width: 160px; }
.feedback_middle { display: block; overflow: hidden; padding: 0 8px; }
.feedback_middle input { line-height: 24px; margin-right: 30px; padding: 7px 8px; width: 300px; }
.feedback_middle span { color: red; display: inline; }
.feedback_middle textarea { border: 1px solid #dedbd7; color: #666; font-size: 12px; line-height: 24px; padding: 5px 8px; width: 71%; }
.btn-area { padding-left: 168px !important; }
.btn-submit { color: #666666; margin-right: 24px; }
.btn-reset { color: #666666; }
.btn-submit, .btn-reset { border: 1px solid #dedbd7; font-size: 14px; height: 34px; line-height: 34px; width: 32%;  cursor:pointer }
.btn-submit:hover, .btn-reset:hover{ background:#de3131; border:1px solid #de3131; color:#fff;}