﻿/*全局属性*/
body
{
    text-align: center;
    margin: 0;
    padding: 0;
    background: #1b1b1b;
    font-size: 12px;
    color: #505050;
    font-family: "Microsoft Yahei";
}
body>div
{
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
div, form, img, ul, ol, li, p, dl, dt, dd
{
    margin: 0;
    padding: 0;
    border: 0;
}
h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
}
ul, li
{
    list-style: none;
}/* 链接颜色 */
a
{
    color: #505050;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
    color: #327d16;
}/*通用属性*/
.left
{
    float: left;
}
.right
{
    float: right;
}
.area:after, .clear:after
{
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.clear, .area
{
    zoom: 1;
}
.fb
{
    font-weight: bold;
}
.yahei
{
    font-family: "Microsoft Yahei";
}/* 通用栏宽*/
.area
{
    width: 960px;
    clear: both;
    height: auto;
    margin: 0 auto;
}
.top-box
{
    height: 102px;
    background: url(/templates/A049/images/blackorchid.jpg);
}
.top-box .area
{
    position: relative;
}
.top-box .logo
{
    height: 102px;
    position: absolute;
    top: 0;
    left: 10px;
    text-align: left;
    _height: 70px;
}
.top-box .phone
{
    text-align: left;
    background: url(../image/tel.png) no-repeat center left;
    padding-left: 45px;/*font-family: georgia,arial;*/
    font-family: "Microsoft Yahei";
    font-size: 23px;
    color: #fff;
    position: absolute;
    top: 30px;
    right: 30px;
    line-height: 22px;
    height: 56px;
    _height: 56px;
}
.nav-box
{
    height: 47px;
    background: url(../image/menu_bg.jpg) repeat;
}
.nav-box ul
{
    width: 100%;
    float: left;
    background: url(/templates/A049/images/nav_bg1.jpg);
}
.nav-box li
{
    width: 123px;
    height: 47px;
    position: relative;
    float: left;
    z-index: 80;
    background: url(/templates/A049/images/fen.gif) no-repeat left center;
}
.nav-box .first
{
    background: none;
}
.nav-box li a
{
    color: #fff;
    display: block;
    width: 100%;
    height: 47px;
    line-height: 47px;
    font-size: 16px;
}
.nav-box li a:hover, .nav-box li a.active
{
    background: #f9f9f9;
    color: #505050;
    text-decoration: none;
}
.nav-box li .menu
{
    width: 100%;
    border-top: 0;
    position: absolute;
    top: 47px;
    left: 0;
    display: none;
}
.nav-box li .menu a
{
    width: 100%;
    background: #f9f9f9;
    display: block;
    border-top: 1px dashed #ccc;
    color: #505050;
    font-weight: normal;
}
.nav-box li .menu a:hover
{
    text-decoration: none;
    background: #bd0000;
    color: #fff;
}
.focus-box
{
    margin-bottom: 15px;
    text-align: left;
}/*.slider{width:960px;height:500px;}
#slider{width:960px;height:500px;position:relative;z-index:60;overflow:hidden;}
.slider-show{width:405px;height:275px;}
#slider-show{width:405px;height:275px;position:relative;z-index:60;overflow:hidden;}
.slider-show img,.sloder img {position:absolute;top:0px;left:0px;display:none;}
.slider-show  a.nivo-imageLink,.slider  a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;display:none;z-index:60;}
.slider-show .nivo-slice,.slider .nivo-slice {display:block;position:absolute;height:100%;z-index:1;}
.slider-show .nivo-caption,.slider .nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;width:100%;z-index:20;}
.slider-show .nivo-controlNav,.slider .nivo-controlNav{display:none;}*/
.paging
{
    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    height: 400px;
    position: absolute;
    background: #000;
    overflow: hidden;
}
.wtit .info, .wtit .tit
{
    float: left;
}
.wtit .info
{
    padding: 35px 0 0 20px;
    color: #989898;
}
.wtit .info span
{
    margin: 0 8px;
}
.main-box
{
    margin-bottom: 15px;
}
.main-box .area
{
    background-color: #fff;
}
.index .area
{
    background: #fff url(../image/middle_bg.jpg) no-repeat;
    height: 220px;
    overflow: hidden;
}
.main-box .area
{
    padding: 10px 0;
}
.index .left
{
    width: 310px;
    margin-right: 10px;
}
.index .center
{
    width: 380px;
    float: left;
}
.index .right
{
    width: 250px;
}
.main-sub-box .left
{
    width: 210px;
}
.main-sub-box .right
{
    width: 740px;
}
.main-box .right .contact-box
{
    padding-left: 25px;
}
.main-box .left .news-box
{
    padding-right: 40px;
}
.main-box .center .company-box
{
    padding-right: 15px;
}
.title-box
{
    height: 30px;
    background: url(/templates/A049/images/zhu_tietl.gif) repeat-x;
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding-left: 8px;
}
.title-box h2
{
    font-family: "Microsoft Yahei";
    font-size: 14px;
    color: #000;
    height: 30px;
    line-height: 30px;
}
.title-box span
{
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}
.title-box a
{
    font-family: "宋体";
}
.contact-box p
{
    line-height: 22px;
    padding: 3px;
    text-align: left;
}
.contact-box p span
{
    font-size: 16px;
    font-family: georgia,arial;
    font-weight: normal;
}
.contact-box p strong
{
    display: block;
    margin-bottom: 5px;
}
.company-box p
{
    line-height: 24px;
    padding: 10px;
    text-align: left;
}
.news-box ul
{
    line-height: 29px;
    padding: 10px;
    text-align: left;
}
.news-box li
{
    background: url(../image/ico.gif) no-repeat 0 9px;
    padding-left: 14px;
}
.news-box li span
{
    float: right;
    font-family: arial;
    color: #999;
}
.news-box .box
{
    margin: 0 auto;
    background: url(../image/line.gif) repeat-x bottom;
    padding: 10px;
}
.news-box .box h3
{
    height: 30px;
    padding-top: 12px;
    text-align: left;
}
.news-box .box h3 span
{
    font-size: 14px;
    font-family: "Microsoft Yahei";
    float: left;
    font-weight: bold;
}
.news-box .box h3 strong
{
    font-weight: normal;
    float: right;
    margin-top: 3px;
}
.news-box .box p
{
    text-align: left;
    line-height: 24px;
}
.news-box .box p a
{
    color: #327d16;
}
.news-box h1
{
    font-size: 21px;
    font-family: "Microsoft Yahei";
    padding: 15px 0;
    color: #333;
}
.news-box .info
{
    height: 20px;
    padding-top: 8px;
    border: 1px #e8e8e8 solid;
    text-align: center;
    background-color: #f7f7f7;
}
.img-box
{
    margin-bottom: 20px;
}
.img-box .title-box
{
    background: #fff url(../image/h2-bg.jpg) repeat-x;
    height: 38px;
    padding-bottom: 20px;
    padding-left: 0;
}
.img-box .title-box h2
{
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    color: #efefef;
    background: url(../image/h3-bg.png) no-repeat left;
    padding-left: 25px;
}
.img-box .title-box span
{
    margin-top: 25px;
}
.img-box .title-box span a
{
    margin-right: 12px;
    display: inline-block;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background: #327d16;
}
.img-box .title-box span a:hover
{
    background: #ac0305;
}
.imglist-box
{
    background-color: #fff;
    padding-top: 10px;
    overflow: hidden;
}
.imglist-box div
{
    width: 192px;
    float: left;
}
.imglist-box div img
{
    display: block;
    margin: 0 auto 12px;
    padding: 2px;
    border: 1px solid #ebebeb;
    width: 160px;
    height: 150px;
}
.imglist-box div img:hover
{
    border: 1px solid #327d16;
}
.imglist-box div a:hover
{
    text-decoration: none;
}
.imglist-box div a:hover img
{
    border: 1px solid #327d16;
}
.imglist-box li
{
    width: 192px;
    float: left;
    height: 205px;
}
.imglist-box li img
{
    display: block;
    margin: 0 auto 12px;
    padding: 2px;
    border: 1px solid #ebebeb;
    width: 160px;
    height: 150px;
}
.imglist-box li img:hover
{
    border: 1px solid #327d16;
}
.imglist-box li a:hover
{
    text-decoration: none;
}
.imglist-box li a:hover img
{
    border: 1px solid #327d16;
}
.foot-box
{
    height: 146px;
    background: #0c0c0c url(../image/ft-bg.jpg) repeat-x top;
    color: #fff;
}
.foot-box p
{
    padding-top: 30px;
    line-height: 30px;
}
.foot-box p a
{
    margin: 0 15px;
    color: #eee;
}
.product-list-box
{
    margin-bottom: 20px;
}
.main-sub-box .title-box h2
{
    font-size: 16px;
}
.product-list-box h3
{
    padding: 6px 0 0 27px;
    height: 29px;
    text-align: left;
    color: #696969;
    background: url(../image/ico1.gif) no-repeat 0 10px;
    border-bottom: 1px solid #ebebeb;
    width: 160px;
    margin: 0 auto;
    font-size: 14px;
    font-family: "Microsoft Yahei";
}
.product-list-box h3 a:hover
{
    color: #f60;
    text-decoration: none;
}
.product-list-box .item-box
{
    border-bottom: 1px solid #ebebeb;
    width: 187px;
    margin: 0 auto;
}
.product-list-box h4
{
    text-align: left;
    line-height: 22px;
    padding: 5px 0 0 40px;
}
.product-list-box ul
{
    text-align: left;
    line-height: 22px;
    padding: 5px 0 10px 60px;
}
.product-list-box h3 a, .product-list-box h4 a
{
    display: block;
}
.page-box
{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #ddd;
    color: #333;
    margin-right: 10px;
}
.page-box span
{
    font-weight: normal;
    display: none;
}
.page-box a
{
    display: block;
    width: 100%;
    padding-top: 13px;
    height: 27px;
    background: #f2f2f2;
}
.page-box a:hover
{
    background: #fff;
    text-decoration: none;
}
.hot-box .title-box
{
    width: 98%;
    margin: 0 auto 10px;
}
.hot-box .imglist-box
{
    width: 736px;
    margin: 0 auto;
}
.hot-box .imglist-box div
{
    width: 184px;
    float: left;
}
.main-sub-box .product-box .title-box
{
    margin-bottom: 10px;
}
.main-sub-box .product-box .imglist-box
{
    width: 736px;
    margin: 0 auto;
}
.main-sub-box .product-box .imglist-box div
{
    width: 184px;
    float: left;
    margin-bottom: 15px;
}
.main-sub-box .company-box p
{
    font-size: 14px;
}
.say-box
{
    padding: 15px 0;
    background: #f5f5f5;
}
.say-box p
{
    color: #505050;
    font-family: "Microsoft Yahei";
    text-align: left;
    font-size: 18px;
    line-height: 32px;
    padding: 0 15px;
}
.item-sub-box
{
    padding: 10px 10px 7px;
    text-align: left;
    background: #f5f5f5;
    margin-bottom: 10px;
    border-bottom: 1px solid #d4d4d4;
    margin-top: -10px;
    line-height: 24px;
}
.article-box
{
    line-height: 28px;
    text-align: left;
    padding: 15px;
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
}
.fy-box span
{
    line-height: 25px;
    text-align: left;
    padding: 0 15px;
}
.fy-box a
{
    color: #333;
}
.fy-box .l
{
    float: left;
    width: 330px;
}
.fy-box .r
{
    float: right;
    width: 330px;
    text-align: right;
}
.map
{
    border: 2px solid #ccc;
}
.class-list
{
    border: 1px solid #ddd;
    margin: 20px auto;
    padding: 10px 15px;
    text-align: left;
    line-height: 26px;
}
.class-list a
{
    color: #0064d3;
}
.class-list th
{
    width: 70px;
    text-align: left;
}
.class-list .item
{
    background: #f4f4f3;
    padding: 2px 5px;
    margin-bottom: 5px;
}
.class-list .item a
{
    padding: 2px 2px 1px;
}
.class-list .item a.active
{
    background: #77a82d;
    color: #fff;
}
.img-play-box
{
    border: 1px solid #ddd;
    margin: 0 auto 20px;
    padding: 10px 0;
    width: 958px;
    background: #fcfcfc;
}
.gallery
{
    text-align: center;
}
.photos-info .content
{
    border: none;
}
.photos-info h1
{
    text-align: center;
}
.ad-thumb-list li
{
    height: 84px;
    margin-right: 5px;
    float: left;
}
.ad-thumb-list li img
{
    height: 80px;
}
.param-box
{
    padding: 15px;
}
.param-box p
{
    text-align: left;
    line-height: 28px;
    font-size: 14px;
    color: #333;
    padding-top: 15px;
}/* 5.27 */
#contactform
{
    width: 930px;
    margin: 0 auto;
}
#contactform label
{
    color: #7f7f7f;
    display: block;
    font-weight: normal;
    line-height: 22px;
    text-align: left;
}
.percent-one-third
{
    width: 300px;
    margin: 0 5px;
    float: left;
}
.column-last
{
    margin-right: 0!important;
    clear: right;
}
textarea, input
{
    background: #fff;
    border: 1px solid #ddd;
}
.percent-one-third input
{
    margin-bottom: 10px;
    width: 89%;
    padding: 3% 5%;
    height: 20px;
    line-height: 20px;
    background: #f7f7f7;
}
.textarea
{
    clear: both;
    width: 920px;
    margin: 0 auto;
}
#contactform textarea
{
    clear: both;
    background: #f7f7f7;
    height: 130px;
    padding: 2% 2%;
    width: 95.5%;
    clear: both;
    background: #f7f7f7;
    margin-bottom: 5px;
}
#contactform .submit input
{
    clear: both;
    float: right;
    cursor: pointer;
    margin: 0;
    background: #c8080a;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 16px;
    margin: 0 2px 20px 0;
    padding: 7px 11px 7px;
    position: relative;
    border: 0 none;
    font-family: "Microsoft Yahei";
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}