﻿@charset "utf-8";
/* CSS Document */

.w1200 { margin: 0 auto; width: 1200px; height: auto; }
/* header start */
#header { background: url(../images/top_bg.png) repeat center top; height: auto; overflow: hidden; }
#logo { margin: 15px 0; width: 300px; height: 80px; }
#search { margin-top: 40px; width: 200px; height: 30px; }
    #search input { float: left; }
.inp_srh { width: 160px; height: 30px; line-height: 30px; text-indent: 5px; color: #999; background: url(../images/search.jpg) no-repeat left center; border: none; }
.btn_srh { width: 40px; height: 30px; line-height: 30px; background: url(../images/search.jpg) no-repeat -160px center; border: none; cursor: pointer; color: #fff; font: bold 14px/30px "Microsoft YaHei"; text-indent: -5000px; }
#search * { vertical-align: middle; }
#tel { margin-top: 30px; margin-right: 25px; padding-left: 50px; padding-top: 5px; width: 150px; height: 45px; background: url(../images/tel.png) no-repeat left center; color: #d00; font: 12px/20px "Microsoft YaHei"; }
    #tel span { color: #fff; font: 20px/20px "Arial"; }
/* header end*/
/* nav start */
#nav_box { background: #262626; height: 32px; }
#nav { margin: 0 auto; width: 1200px; height: 32px; }
    #nav ul { margin: 0; padding: 0; }
        #nav ul li { float: left; display: block; margin-right: 1px; width: 116px; height: 32px; color: #fbd9b6; font: 16px/32px "Microsoft YaHei"; text-align: center; }
            #nav ul li a { display: block; color: #fbd9b6; font: 16px/32px "Microsoft YaHei"; }
                #nav ul li a:hover, #nav ul li a.cur { color: #fff; background: url(../images/nav_bg2.jpg) no-repeat center; }
/* nav end */
.wa { height: 69px; background: url(../images/ban-top.jpg) repeat-x left top; }
.ge { height: 20px; background: url(../images/ban-bot.jpg) repeat-x left top; }
/* content start */
.con_about { margin: 10px auto; padding: 65px 150px 90px 150px; width: 900px; height: 363px; background: url(../images/about_bg.png) no-repeat center top; }
.tit { margin-bottom: 38px; height: 85px; color: #fce1b1; font: 30px/85px "Microsoft YaHei"; text-align: center; }
.i_about { margin: 0 auto; width: 800px; color: #333; font: 14px/24px "Microsoft YaHei"; }
.more { margin: 20px auto 0; width: 120px; height: 42px; border-radius: 3px; color: #fff; font: 14px/42px "Microsoft YaHei"; }
    .more a { display: block; width: 120px; height: 42px; color: #f3cd8e; text-indent: 40px; background: url(../images/jiantou.png) no-repeat 10px center #9a0002; border-radius: 3px; }
        .more a:hover { color: #f3cd8e; background: url(../images/jiantou.png) no-repeat 10px center #560000; }
.content { margin: 10px auto; padding: 65px 150px 90px 150px; width: 900px; height: 633px; background: url(../images/con_bg.png) no-repeat center top; }
.con_pro { margin: 10px auto; padding: 65px 150px 90px 150px; width: 900px; height: 761px; background: url(../images/con_pro.png) no-repeat center top; }
.pro { width: 910px; height: auto; overflow: hidden; }
    .pro ul { margin: 0; padding: 0; }
        .pro ul li { float: left; display: block; margin: 5px 10px; width: 283px; height: 309px; background: url(../images/cp_bg.jpg) no-repeat center top; }
            .pro ul li a { display: block; width: 283px; height: 309px; color: #fce1b1; }
                .pro ul li a:hover { color: #000;}
            .pro ul li img { padding: 25px 20px; width: 243px; height: 211px; overflow: hidden; }
            .pro ul li h6 { padding: 0 60px; width: 163px; height: 48px; color: #fce1b1; font: 16px/48px "Microsoft YaHei"; text-align: center; }

.pinpai { width: 910px; height: 491px; }
/* content end */
/* footer start */
#foot_box { height: 147px; background: url(../images/foot_bg.jpg) repeat-x left center; position: relative; }
#foot_l { float: left; width: 15px; height: 147px; background: url(../images/foot_l.png) no-repeat left center; }
#foot_m { margin-left: 50%; left: -500px; padding-top: 44px; width: 1000px; height: 80px; color: #fce1b1; font: 14px/30px "Microsoft YaHei"; text-align: center; position: absolute; z-index: 10; }
#foot_r { float: right; width: 15px; height: 147px; background: url(../images/foot_r.png) no-repeat left center; }
/* footer end */


