/*--------------------Reset--------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre,
input, textarea, select, button,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
form, label, table, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0; outline:0; font-size:100%; vertical-align:baseline;}
table {border-collapse:collapse; border-spacing:0}
input, select {vertical-align:middle}
:focus {outline:none}

/*--------------------Defaults--------------------*/
html{background:#000 url(../img/bg_repeat.jpg) repeat-y center 812px}
body{background:url(../img/bg_top.jpg) no-repeat center 0; }
html, body {width:100%; height:100%; color:#666666; font:14px Arial, Helvetica, sans-serif}
a, button {cursor:pointer}
a {text-decoration:none;}
a:hover {text-decoration:underline}
ul, ol, dl {list-style:none}

/*--------------------Layout--------------------*/
.page{width:100%; min-width:996px; min-height:100%; height:auto !important; height:100%; position:relative; margin:0 auto; overflow:hidden}
.header{width:996px; margin:0 auto; height:444px; position:relative; z-index:2000}
.content{width:100%; overflow:hidden; position:relative;z-index:100;}
.content_in{width:996px; position:relative; z-index:100; margin:0 auto; padding:49px 0 0 0; }
.left_column{width:675px; padding:0 0 0 8px; float:left; position:relative}
.right_column{width:290px; padding:0 13px 20PX 0; float:right; position:relative}
.clear{height:71px; clear:both}
.footer{background:url(../img/footer.jpg) no-repeat 5px 0; width:996px; margin:0 auto; height:71px; position:relative; margin-top:-70px; z-index:3000;}

.bg_bottom{width:100%; min-height:1800px; height:100%; position:absolute; top:0; left:0;}
.bg_bottom span{display:block; width:100%; height:1081px; position:absolute; bottom:0; left:0; background:url(../img/bg_bottom.jpg) no-repeat center top}

 
.corners{width:2000px; height:1083px; position:absolute; left:0; bottom:0; margin:0 auto; left:50%; margin-left:-1000px; z-index:10}
.corner_lb{background:url(../img/corner_lb.png) no-repeat 0 bottom; width:512px; height:1083px; position:absolute; left:0px; bottom:0}
.corner_rb{background:url(../img/corner_rb.png) no-repeat; width:574px; height:351px; position:absolute; right:0; bottom:0}

.clearfix{width:100%; float:left; clear:both}

/*--------------------Titles--------------------*/
img{border:0;}
p{color:#00000; font:14px Arial, Helvetica, sans-serif}
h4{font-weight:normal}
li {padding-left: 20px; list-style-type:disk;}
a{color:#006699;}
.input{background:url(../img/form_bg.gif) repeat-x; height:28px; padding:0 10px; overflow:hidden; border:1px solid #CCCCCC}
.input input{width:100%; float:left; padding:6px 0 0 0; color:#B2B2B2; font:14px Arial, Helvetica, sans-serif; border:0; background:none}
.textarea{background:#FFF url(../img/form_bg.gif) repeat-x; height:148px; padding:0 2px 0 10px; overflow:hidden; border:1px solid #CCCCCC}
.textarea textarea{width:100%; float:left; padding:6px 0 0 0; height:140px; color:#B2B2B2; font:14px Arial, Helvetica, sans-serif; border:0; background:none}
.button{width:100%; overflow:hidden; background:url(../img/button.gif) repeat-x; height:30px; position:relative}
.button button{background:url(../img/blank.gif); width:100%; height:30px; position:absolute; left:0; top:0; cursor:pointer; z-index:100;border:0;}
.button input{background:url(../img/blank.gif); width:100%; height:30px; position:absolute; left:0; top:0; cursor:pointer; z-index:100;border:0;}
.button span{width:100%; color:#FFF; font:14px Arial, Helvetica, sans-serif; position:absolute; left:0; top:7px; text-align:center; z-index:90}

/*--------------------header--------------------*/
.logo{top:34px; left:243px; position:absolute;}

/*menu*/
.menu{top:124px; left:170px; position:absolute; background:url(../img/menu.png) no-repeat; width:610px; height:132px;}
.menu div span{display:block; width:100%; height:100%}
.menu div span a{display:block; height:32px; background:url(../img/menu_text.png) no-repeat; position:relative}
.menu div.menu1{position:absolute; width:107px; height:58px; top:47px; left:11px;}
.menu div.menu1 span.active{background:url(../img/menu1.png) no-repeat}
.menu div.menu2{position:absolute; width:78px; height:63px; top:43px; left:102px;}
.menu div.menu2 span.active{background:url(../img/menu2.png) no-repeat;}
.menu div.menu3{position:absolute; width:84px; height:67px; top:38px; left:165px;}
.menu div.menu3 span.active{background:url(../img/menu3.png) no-repeat;}
.menu div.menu4{position:absolute; width:102px; height:72px; top:35px; left:236px;}
.menu div.menu4 span.active{background:url(../img/menu4.png) no-repeat;}
.menu div.menu5{position:absolute; width:108px; height:77px; top:29px; left:320px;}
.menu div.menu5 span.active{background:url(../img/menu5.png) no-repeat;}
.menu div.menu6{position:absolute; width:155px; height:84px; top:23px; left:409px;}
.menu div.menu6 span.active{background:url(../img/menu6.png) no-repeat;}

.menu div .active a{background:none; cursor:default}
.menu div.menu1 a{width:70px; background-position:0 bottom; top:10px; left:14px}
.menu div.menu1 a:hover{background-position: 0 -1px;}
.menu div.menu2 a{width:49px; left:10px; top:14px; background-position:-87px bottom}
.menu div.menu2 a:hover{background-position:-87px -1px}
.menu div.menu3 a{width:58px; left:7px; top:19px; background-position:-147px bottom}
.menu div.menu3 a:hover{background-position:-147px -1px}
.menu div.menu4 a{width:65px; left:11px; top:22px; background-position:-221px bottom}
.menu div.menu4 a:hover{background-position:-221px 0}
.menu div.menu5 a{width:57px; left:16px; top:28px; background-position:-314px bottom}
.menu div.menu5 a:hover{background-position:-314px -1px}
.menu div.menu6 a{width:113px; left:20px; top:33px; background-position:-402px bottom}
.menu div.menu6 a:hover{background-position:-402px -1px}

/*header_phone*/
.header_phone{position:absolute; left:384px; top:277px; background:url(../img/header_phone.png) no-repeat; width:378px; height:103px}

/*about*/
.about{width:100%; color:#333; padding:0 0 30px 0; float:left; position:relative;}
.about_in{background:url(../img/box_bg.png); padding:30px 20px 5px 30px; overflow:hidden; position:relative; }
.about_in p{padding:0 0 5px 0}
.about_in .clearfix{padding:8px 0 0 0}
.about_in .clearfix .about_btn{margin:0 10px 0 0; float:left}

.about_btn{width:131px; height:27px; background:url(../img/about_btn.png);}
.about_btn a{display:block; width:119px; height:21px; padding:6px 0 0 12px; font-size:14px; color:#006699}
.about_btn a:hover{text-decoration:none}

.recommend a{background:url(../img/about_btn_marker.png) no-repeat 118px 10px;}
.sertificate a{background:url(../img/about_btn_marker.png) no-repeat 113px 10px; width:117px; height:21px; padding:6px 0 0 14px; }

.about_page h4{font-size:20px; padding:0 0 20px 0; font-weight:normal}
.about_page p{padding:0 0 15px 0}
.about_page .about_in .clearfix .about_btn{margin:0 0 0 10px; float:right}

/*title*/
.title{height:43px; background:url(../img/title_left.png) no-repeat; position:absolute; left:-17px; top:-26px; z-index:1000}
.title h4{background:url(../img/title_left_corner.png) no-repeat right 0; min-width:160px; color:#333333; font:18px Arial, Helvetica, sans-serif; padding:4px 40px 0 0; height:39px; position:relative; left:39px; float:left}
.title h1{background:url(../img/title_left_corner.png) no-repeat right 0; min-width:160px; color:#333333; font:20px Arial, Helvetica, sans-serif; padding:4px 40px 0 0; height:39px; position:relative; left:39px; float:left}

/*nav*/
.nav{width:100%; padding:0 0 20px 0; float:right}
.nav_in{padding:8px; overflow:hidden; background:#ccc}
.nav_in li{background:url(../img/nav_item.jpg) no-repeat; width:100%; overflow:hidden}
.nav_in li a{background:url(../img/nav_marker.png) no-repeat 15px 14px; display:block; width:237px; padding:10px 0 0 37px; height:40px; float:left; color:#666666; font:20px Arial, Helvetica, sans-serif}
.nav_in li a:hover{text-decoration:none}

/*contact_us*/
.contact_us{padding:55px 0 0 0; position:relative; width:100%; float:left}
.contact_us_in{border:5px solid #000; padding:7px; overflow:hidden;}
.contact_us_in .clearfix{float:none; padding:0 0 8px 0; overflow:hidden}
.contact_us_in .captcha{float:left; border:1px solid #ccc}
.contact_us_in .captcha_input{width:175px; float:right}

.title_right{width:310px; height:43px; background:url(../img/title_right.png) no-repeat; position:absolute; right:-23px; top:7px}
.title_right h4{color:#333333; font:20px Arial, Helvetica, sans-serif; padding:4px 0 0 70px;}
.title_right h1{color:#333333; font:20px Arial, Helvetica, sans-serif; padding:4px 0 0 70px;}

/*work*/
.work{padding:50px 0 0 0; float:left; position:relative}
.work .title{top:0;}
.work_in{padding:0 0 0 10px; overflow:hidden}
.work_in li{padding:10px 0; width:100%; float:left; border-bottom:1px dotted #ccc;}
.work_in li.last{border:0}
.work_in li .work_bg{background:url(../img/box_bg.png); width:100%; float:left}
.work_in li img{border:5px solid #333; float:left}
.work_in li .work_brief{width:470px; padding:0 20px 0 0; float:right}
.work_in li .work_brief h4{padding:0 0 10px 0;}
.work_in li .work_brief h4 a{color:#333333; font:20px Arial, Helvetica, sans-serif}
.work_in li .work_brief p{padding:0 0 15px 0;}
.work .all{float:right; margin:3px; width:180px}
.work .all a{width:170px; background:url(../img/about_btn_marker.png) no-repeat 165px 10px;}

.work_page{background:url(../img/box_bg.png); width:100%; float:left}
.work_page .title{left:-9px}
.work_page .work{padding:20px 20px 5px 10px; width:650px; position:relative; overflow:hidden}
.work_page .work_in li .work_brief{width:440px; padding:0 20px 0 0; float:right}
.work_in li{padding:10px 0; width:100%; float:left; border-bottom:1px dotted #ccc;}

/*contact_page*/
.contact_page{background:url(../img/box_bg.png); width:100%; min-height:600px; height:auto !important; height:600px; float:left; color:#333}
.contact_page .title{left:-9px}
.contact_page .contact_in{padding:30px 20px 20px 28px; position:relative; overflow:hidden}
.contact_in h4{padding:0 0 20px 0; font-size:20px;}
.contact_in .clearfix{padding:0 0 40px 0}
.contact_in .clearfix .row{width:49%; float:left; line-height:20px}
.contact_in .clearfix .row p{line-height:20px}
.contact_in .clearfix .row p span{display:block; width:50px; float:left; }

/*faq*/
.faq{background:url(../img/box_bg.png); padding:0 0 20px 0; width:100%; float:left}
.faq .title{left:-9px}
.faq .faq_in{padding:12px 25px 0 25px; position:relative; overflow:hidden}
.faq_top{width:100%; padding:10px 0 10px 0; }
.faq_top .clearfix{padding:0 0 6px 0; float:left;}
.faq_top .clearfix .input{width:240px;}
.faq_top .clearfix .textarea{height:80px}
.faq_top .clearfix .textarea textarea{height:72px}
.faq_top .button{float:right; width:120px;}
.faq_list{width:100%; float:left}
.faq_list li{width:100%; padding:15px 0 0 0; border-bottom:1px dotted #ccc; float:left}
.faq_list li .clearfix{float:none}
.faq_list li.last{border:0}
.faq_list li .clearfix span.date{color:#ADADAD; font-style:normal}
.faq_list li .clearfix span.name{color:#FF3300; font-style:normal}
.faq_list li .clearfix span{font-style:italic}
.faq_list li p{padding:0 0 12px 0}
.faq_list li p .answer{display:block; color:#0066CC}

/*more*/
.more{float:right;}
.more a{background:url(../img/about_btn_marker.png) no-repeat right 4px; padding:0 10px 0 0; color:#006699; font:14px Arial, Helvetica, sans-serif; text-decoration:underline}
.more a:hover{text-decoration:none}

/*page_numbers*/
.page_numbers{width:100%; padding:20px 0 10px 0; float:left;}
.page_numbers_in{padding:0 0 0 150px; float:left}
.page_numbers_in li{padding:0 20px 0 0; float:left;}
.page_numbers_in li a{color:#2C7FAA; font:16px Arial, Helvetica, sans-serif; display:block; text-decoration:underline; float:left}
.page_numbers_in li a:hover{text-decoration:none}
.page_numbers_in li.active a{color:#DF9200; font:18px Arial, Helvetica, sans-serif; margin-top:-2px; text-decoration:none}
.page_numbers_in li.prev a{text-decoration:none; padding:0 0 0 22px; background:url(../img/page_prev.png) no-repeat 0 9px}
.page_numbers_in li.next a{text-decoration:none; padding:0 22px 0 0; background:url(../img/page_next.png) no-repeat right 8px}
.page_numbers_in li.prev a:hover{text-decoration:underline;}
.page_numbers_in li.next a:hover{text-decoration:underline;}

/*img_list*/
.img_list{width:100%}
.img_list_in{width:100%; float:left}
.img_list_in li{float:left; padding:20px 40px 20px 0}
.img_list_in li img{border:4px solid #969696;}

/*certificate*/
.certificate{width:100%}
.certificate_in{width:100%; float:left}
.certificate_in li{float:left; padding:20px 10px 30px 0; width:190px; text-align:center}
.certificate_in li img{border:1px solid #909090; margin:0 auto; margin-bottom:15px}
.certificate_in li span{color:#909090; font:13px Arial; text-decoration:underline; display:block; }
.certificate_in li a:hover span{text-decoration:none}


/*--------------------footer--------------------*/
.footer a{color:#FFF; font:12px Arial, Helvetica, sans-serif; text-decoration:none}
.footer a:hover{text-decoration:underline}
.footer span{color:#FFF; font:12px Arial, Helvetica, sans-serif; padding:6px 16px; line-height:30px; background:#000; 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}

.copyright1{float:left; width:450px; color:#FFF; font:12px Arial, Helvetica, sans-serif; padding:17px 0 0 4px}
.copyright2{float:right; width:450px; color:#FFF; font:12px Arial, Helvetica, sans-serif; text-align:right; padding:17px 0 0 0}


/*----???????? ????---*/

.price  td{
border: 1px solid #cccccc;
padding: 3px;
}
.price table{
width: 100%;
font: 12px Arial;
color: #000000;
}

.price  table p{font: 12px Arial;}