@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'Conv_Cambria';
src: url('Cambria.eot');
src: local('☺'), url('Cambria.woff') format('woff'), url('Cambria.svg') format('svg');
font-weight: normal;
font-style: normal;
}
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form { margin: 0px; padding: 0px; }
html { height: 100%; font-size: 62.5%; }
body { font: normal 16px/22px Cambria, 'Conv_Cambria', sans-serif; color: #666666; background: #fff url(../images/bg.jpg) repeat-x; min-width: 1000px; position: relative; padding: 20px 0 0;}
img { border: none; }
a { cursor: pointer; text-decoration: underline; color: #1085fe; }
a:hover { text-decoration: none; }
p { margin-bottom: 1.35em; }
p small { font-size: 0.8em; }
h1, h2, h3, h4, h5, h6 { font: normal 42px Cambria, 'Conv_Cambria', sans-serif; color: #333; padding-bottom: 15px; }
h1 { font-size: 48px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 12px; }
input[type='submit'], input[type='button'] { cursor: pointer; }
ul, ol { padding-left: 30px; }
ul li { list-style: disc outside; }
.set, .header:after, .page:after, .items:after, .how:after { height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; display: block; content: ''; }
.fl { float: left; }
.fr { float: right; }
.rel { position: relative; }
#wrap { position: relative; width: 962px; padding: 47px 38px 19px; border: solid 1px #fff; margin: 0 auto; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: #999 0px 0px 4px; -moz-box-shadow: #999 0px 0px 4px; box-shadow: #999 0px 0px 4px;}
.header {position: relative; background: url(../images/head.png) 506px 8px no-repeat; height: 172px;}
.h101 {float: left; width: 480px; line-height: 42px;}
.h101 small {font-size: 24px; line-height: 18px; display: inline-block; top: -6px; position: relative;}
.tel {float: right; margin-right: -2px; width: 300px; text-align: right; font-size: 36px; color: #333333; font-weight: bold; padding-top: 38px;}
.tel small {font-size: 18px; font-weight: normal; line-height: 43px; padding-right: 3px; display: inline-block;}
.page {padding: 30px 38px 0; width: 962px; margin: 0 -38px; background: url(../images/page_bg.jpg) repeat-x; position: relative;}
.page:before {position: absolute; width: 100%; height: 15px; left: 0; top: 0; background: url(../images/shad_1.jpg) 50% 0 no-repeat; content: '';}
.items {color: #333; margin-bottom: 23px;}
.items_list {width: 696px; float: left; overflow: hidden; position: relative;}
.items_list ul {padding: 0; margin: 0; width: 110%;}
.items_list li {float: left; width: 220px; height: 276px; list-style: none; position: relative; display: block; padding: 1px; margin: 0 12px 10px 0; background: #fff; border: solid 1px #e7e8f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center;}
.items_list li:hover {cursor: pointer; padding: 0; border: solid 2px #b8bde0;}
.item_name {font-size: 20px; line-height: 22px; color: #b05b00;; padding: 16px 20px 0; height: 48px;}
.items_list li:hover .item_name {color: #000;}
.item_img {height: 164px; padding-left: 1px; vertical-align: middle;display: inline-block;}
.item_img * { vertical-align: middle;}
.item_img img {max-width: 218px;}
.item_img:after, .item_active_img:after {display: inline-block; width: 1px; content: ' '; height: 75px;}
.item_price {background: url(../images/shad_2.jpg) 50% 0 no-repeat; padding: 14px 0 0; font-size: 18px;}
.item_active {float: right; width: 216px; position: relative; padding: 15px 16px 0; height: 551px; background: url(../images/active.jpg) no-repeat; border: solid 2px #b8bde0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
.h201 {font-size: 28px; line-height: 26px; text-align: center; height: 74px; padding: 0;}
.item_active_img {height: 238px; text-align: center; padding-left: 1px;}
.item_active_img * {vertical-align: middle;}
.item_active_img:after {height: 120px;}
.item_active_price {padding-top: 18px; height: 66px; line-height: 25px; padding-left: 2px;}
.item_active_price dt {float: left; width: 70px; font-weight: bold;}
.item_active_price dd {overflow: hidden;}
.item_active_descr {height: 69px; font-size: 18px; padding-left: 2px;}
.buy_now {width: 214px; height: 64px; text-indent: -99in; overflow: hidden; position: relative; background: url(../images/b1.png) no-repeat; padding: 0; margin: 0; border: none;}
.how {position: relative; margin-bottom: 20px;}
.h202 {font-size: 42px; font-weight: normal; color: #333; padding-bottom: 20px;}
.step_1, .step_2, .step_3 {float: left; width: 220px; height: 95px; padding: 25px 11px 0 75px; color: #333; background: url(../images/1.jpg) no-repeat; margin: 0 22px 20px 0;}
.step_2 {background: url(../images/2.jpg) no-repeat;}
.step_3 {background: url(../images/3.jpg) no-repeat; margin-right: 0;}
.slider {position: relative; width: 1040px; height: 260px; margin: 0 -39px 30px;}
.text {position: relative;}
#footer {width: 1000px; padding: 22px 0; margin: 0 auto; text-align: center;}
.pop_wrap {}
.bg {position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: .6; filter: alpha(opacity=60);}
.popup {position: fixed; width: 377px; left: 50%; top: 50%; margin: -234px 0 0 -260px; height: 419px; padding: 49px 71px 0; background: url(../images/window.png) no-repeat;}
.h203 {font-size: 36px; white-space: nowrap; height: 57px; padding: 0;}
.form {padding: 40px 3px 41px;}
.form dt {width: 103px; float: left; height: 40px; font-size: 22px; line-height: 40px;}
.form dd {overflow: hidden; height: 60px;}
.form dd input[type="text"] {width: 248px; height: 40px; background: url(../images/i1.png) no-repeat; border: none; padding: 0 10px; font-size: 24px; line-height: 40px;}
.order_now {width: 258px; height: 50px; display: block; margin: 0 auto; padding: 0; border: none; text-indent: -99in; overflow: hidden; position: relative; background: url(../images/b2.png) no-repeat;}