html { font-size: 16px; }
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.middle { display: table-cell; vertical-align: middle; }
body { font-family: Arial; color: #000; overflow-x: hidden; overflow-y: visible !important; }
a { text-decoration: none; color: #000; }
b { font-weight: bold; }
.header-wrap { background: url(../images/header.jpg) no-repeat 50% 0px; }
.header { width: 980px; height: 223px; margin: 0px auto; }
.header .left { width: 232px; height: 90px; padding: 62px 0px 71px 0px; }
.header .left .middle { width: 233px; height: 90px; }
.header .left .one { display: block; width: 201px; height: 32px; background: url(../images/logo.png) no-repeat; margin: 0px auto; }
.header .left .two { display: block; font-size: 12px; color: #484755; padding: 8px 16px 0px 16px; }
.header .center { width: 443px; height: 171px; padding: 25px 2px 27px 2px; overflow: hidden; }
.header .center .wrap { width: 443px; height: 50px; padding: 121px 0px 0px 0px; }
.header .center .wrap .text { display: none; width: 423px; height: 50px; padding: 0px 10px; background-image: url(../images/1px-1.png); color: #fff; }
.header .center .wrap .text .middle { width: 423px; height: 50px; }
.header .center .wrap .text h5 { padding-bottom: 4px; }
.header .center .wrap .text p { font-size: 12px; }
.header .right { width: 300px; height: 90px; padding: 62px 0px 71px 0px; text-align: right; }
.header .right .middle { width: 300px; height: 90px; }
.header .right .one { display: block; color: #484755; padding: 0px 16px 0px 10px; }
.header .right .two { display: block; color: #d7561b; padding: 4px 16px 4px 10px; font-size: 30px; font-weight: bold; }
.fours-wrap { background: #edecea; }
.fours { width: 980px; padding: 30px 0px; margin: 0px auto; }
.fours .fl { width: 180px; padding-top: 174px; height: 70px; background-color: #fffbf2; background-position: 50% 0px; background-repeat: no-repeat; margin: 0px 8px; cursor: pointer; text-align: center; font-size: 18px; line-height: 22px; }
.fours .fl .middle { width: 180px; height: 70px; }
.fours .fl:hover { text-decoration: underline; }
.fours .item-1 { background-image: url(../images/1.jpg); }
.fours .item-2 { background-image: url(../images/2.jpg); }
.fours .item-3 { background-image: url(../images/3.jpg); }
.fours .item-4 { background-image: url(../images/4.jpg); }
.fours .item-5 { background-image: url(../images/5.jpg); }
.items .bg { overflow: hidden; }
.items .bg-1 { background: #fffbf2; }
.items .bg-2 { background: #edecea; }
.items .item { background-position: 50% 0px; background-repeat: no-repeat; padding-bottom: 30px; }
.items .item .top { width: 512px; margin: 0px auto; padding: 0px 460px 0px 8px; background-position: 100% 66px; background-repeat: no-repeat; min-height: 310px; position: relative; left: -3px; color: #484755; }
.items .item .top h2 { font-size: 30px; line-height: 34px; font-weight: bold; padding: 24px 0px 6px 0px; margin-bottom: 20px; }
.items .item .top p { font-size: 18px; line-height: 22px; margin-bottom: 20px; }
.items .item .bot { height: 44px; background-position: 50% 0px; background-repeat: no-repeat; }
.items .item .bot span { display: block; width: 195px; height: 44px; line-height: 44px; margin: 0px auto; cursor: pointer; position: relative; left: -387px; text-align: center; color: #fff; }
.items .item .bot span:hover { text-decoration: underline; }
.items .type-1 { background-color: #fffbf2; background-image: url(../images/one-1.jpg); }
.items .type-1 .bot { background-image: url(../images/one-2.jpg); }
.items .type-2 { background-color: #edecea; background-image: url(../images/two-1.jpg); }
.items .type-2 .bot { background-image: url(../images/two-2.jpg); }
.items .item-1 .top { background-image: url(../images/6.jpg); }
.items .item-2 .top { background-image: url(../images/7.jpg); }
.items .item-3 .top { background-image: url(../images/8.jpg); }
.items .item-4 .top { background-image: url(../images/9.jpg); }
.footer-wrap-2 { height: 93px; overflow: hidden; }
.footer-wrap { background: url(../images/footer.jpg) no-repeat 50% 0px; }
.footer { width: 980px; height: 86px; margin: 0px auto; padding-top: 7px; }
.footer .fl { width: 300px; height: 86px; }
.footer .fl .middle { width: 300px; height: 86px; }
.footer .fl p { font-size: 14px; line-height: 18px; color: #fff; font-weight: bold; }
.footer .fl p a { color: #fff; }
.footer .fr { width: 230px; height: 86px; }
.box-modal .wrapper { background: #fffbf2; padding: 20px 30px 30px 30px; border-radius: 6px; }
.box-modal .wrapper h3 { text-align: center; color: #a95426; font-size: 32px; line-height: 36px; font-weight: bold; margin-bottom: 15px; }
.box-modal .wrapper img { display: block; border: 2px dashed #a95426; margin-bottom: 15px; border-radius: 6px; }
.box-modal .wrapper input { display: block; font-family: Arial; border: none; background: #fff; }
.box-modal .wrapper input[type="text"] { margin-bottom: 15px; border: 1px solid #a95426; font-size: 14px; padding: 0px 10px; width: 414px; height: 38px; color: #a95426; border-radius: 6px; }
.box-modal .wrapper input[type="submit"] { color: #fff; cursor: pointer; border: 2px solid #a95426; background: url(../images/gr-1.jpg) repeat-x 50% 0px; border-radius: 6px; height: 44px; width: 436px; font-size: 16px; }
.box-modal .wrapper input[type="submit"]:hover { text-decoration: underline; }
#callback .wrapper input[type="text"] { width: 228px; }
#callback .wrapper textarea { display: block; font-family: Arial; background: #fff; border: 1px solid #a95426; color: #a95426; border-radius: 6px; padding: 10px; margin-bottom: 15px; resize: none; width: 228px; height: 78px; }
#callback .wrapper input[type="submit"] { width: 250px; }
.hidden { visibility: hidden; }
#to-top { cursor: pointer; }