@charset "utf-8";
/* CSS Document */

#bodyInner{background:#F1FAFC url(../images/body-inner-bg.png) no-repeat center -35px}

#main{width:950px; margin:0 auto;}
.banner{width:950px; position:relative; background:#fff url(../images/bg.png) repeat-x 0 100%}
.banner a{display:block}
#bodyInner .banner{background-position:0 0}
#bodyInner .banner p{color:#1e4d74; font:italic 28px "Palatino Linotype","Book Antiqua",Palatino,serif;}
#bodyInner .cf_element{height:302px}
#bodyInner .cf_element p{padding:33px 33px 0}
#bodyInner .cf_element p em{display:block; font-style:italic; color:#DD1027}



#body{border:1px solid #E0F2F8; border-top-color:#91D6DB; border-bottom:none; background:#fff}
#siderbar{float:left; width:200px}
#siderbar .menu{
    /*background:url(../images/category-bg.png) no-repeat; */
    margin:10px
}
#siderbar .menu h2{color:#fff; font:700 16px/38px Arial,"Times New Roman",Times,serif; background:url(../images/title2.png) no-repeat; height:38px; padding-left:15px;}
#siderbar .menu ul{background:#EDEDED; border-top:1px solid #fff; padding:5px 10px 15px}
#siderbar .menu li{border-bottom:1px solid #d5d5d5}
#siderbar .menu li a{color:#03589E; font:100 12px Arial,"Times New Roman",Times,serif; display:block; padding:8px 0; _height:1%}
#siderbar .menu li a:hover, #siderbar .menu .cur a{color:#DD1027; font-weight:700}
#siderbar .menu .li{background: url(../images/arrow.gif) no-repeat 99% 9px}
#siderbar .menu li ul{border-top:1px solid #d5d5d5; padding:5px 0}
#siderbar .menu li li{border-bottom:none}
#siderbar .menu li li a{padding:5px 0 5px 10px; background:url(../images/arrow1.gif) no-repeat 0 10px}
#siderbar .menu li ul ul{padding-left:10px; border-top:1px dotted #ccc}
#siderbar .menu .cur li a{color:#03589E}
#siderbar .menu .cur .cur a{color:#DD1027; font-weight:700}
#siderbar .menu .cur .cur li a{color:#03589e}
#siderbar .menu .cur .cur .cur a{color:#DD1027}


#siderbar .menu .bottom{background:url(../images/bg_bottom.gif) no-repeat; width:100%; height:5px; font-size:0;}
#siderbar .contact{background:url(../images/style2_br.png) no-repeat 100% 100%; margin:10px 0}
#siderbar .contact h2{background:url(../images/style2_tr.png) no-repeat 100% 0}
#siderbar .contact h2 span{display:block; background:url(../images/style2_tl.png) no-repeat; padding:21px 0 10px; text-align:center; font:18px "Palatino Linotype","Book Antiqua",Palatino,serif; font-style:italic}
#siderbar .contact .con{background:url(../images/style2_bl.png) no-repeat 0 100%; min-height:80px; _height:80px; padding:0 22px 36px}
#siderbar .contact .con dl{font-weight:700; border-bottom:1px solid #D5EEF0; color:#1e4d74; padding:4px 0 5px; float:left; width:100%}
#siderbar .contact .con dt{width:20px; color:#33888E; font:italic 100 14px Tahoma, Geneva, sans-serif; float:left}
#siderbar .contact .con dd{color:#1e4d74; font:100 12px/1.7 Tahoma, Geneva, sans-serif; word-wrap:break-word; padding-left:5px; float:left; width:130px}
#siderbar .contact .con dd a{color:#1e4d74}
#siderbar .contact .con .tel dt{background:url(../images/phone.png) no-repeat 0 3px; text-indent:-999em}
#siderbar .contact .con .fax dt{background:url(../images/telephone-fax.png) no-repeat 0 3px; text-indent:-999em}
#siderbar .contact .con .email dt{background:url(../images/001_13.png) no-repeat 0 6px; text-indent:-999em}

#mContent{float:right; width:715px; margin-right:20px; display:inline}
.aboutUs{margin:10px 0 20px; background:#E8F6F7}
.aboutUs .title{background:none; background:url(../images/bg_top.gif) no-repeat; padding-top:15px}
.aboutUs .title span{padding-left:15px; color:#333; font-size:16px; font-weight:700}
.aboutUs .content{background:none; padding:10px 15px; color:#000; line-height:1.8; text-align:justify; border-width:0 1px; border-style:solid; border-color:#96CCE6}
.aboutUs .content .img{float:right; margin:0 0 10px 15px; padding:9px; background:url(../images/box.png) no-repeat}
.aboutUs .content p{margin-top:8px}
.aboutUs .bottom{background:url(../images/bg_bottom1.gif) no-repeat 0 100%; width:100%; height:12px; font-size:0}
.product .title{border-bottom:1px solid #CBD3D6; margin-bottom:10px; background:url(../images/icon.png) no-repeat 0 5px; padding-left:23px}
.product .title span{color:#333; font:700 16px/26px Arial, Helvetica, sans-serif; display:inline-block; padding-left:5px}
.product .content li{display:inline-block; zoom:1; *display:inline; vertical-align:top; text-align:center; font-family:Arial, Helvetica, sans-serif; margin:0 0 15px 21px; *margin:0 0 25px 22px; width:150px}
.product .content li .pic{margin-bottom:8px; width:150px; height:150px; overflow:hidden; border:1px solid #efefef}
.product .content li .pic a{display:table-cell; width:150px; height:150px; line-height:150px; vertical-align:middle; text-align:center; *display:block; *font-family:arial; *font-size:135px; overflow:hidden}
.product .content li .pic a img{vertical-align:middle}
.product .content li p{margin-bottom:8px}
.product .content li p span{color:#936}
.product .content li .name{font-size:16px; color:#336; font-weight:700; display:block; margin-bottom:8px; word-wrap:break-word; font-size:12px}
.product .content li .model{font-size:12px; display:block; margin-bottom:8px;}
.product .content li .model span{color:#f00; font-weight:700}
.product .content li .btn{display:none}
.productDtail .p_name{text-align:center; color:#DD1027; font-size:16px}
.productDtail .p_num{text-align:center; margin-bottom:20px}
.productDtail .p_num em{color:#DD1027}
.productDtail h4{font-size:18px}


.maincontent .title{color:#4CADD7; font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; font-size: 1.72em; font-style: italic; margin:5px 0 15px;}
.maincontent .content{color:#6C787D; line-height:1.8}
.maincontent .content p{margin:0 0 1.5em}

.contactus{padding:0 30px}
.contactus h3{color:#973181; font-size:16px; padding-bottom:8px; margin-bottom:13px; border-bottom:1px solid #E7D0E2}
.contactus .title{margin-bottom:40px}
.contactus .label{margin-bottom:10px}
.contactus .label label{display:block; padding-bottom:5px; color:#402C63}
.contactus .label label em{color:#f00; padding-left:3px}
.contactus .label .txt{width:400px; border:1px solid #D5EFF1; color:#333; font-size:14px; padding:3px 10px; height:18px; background:#F1FAFC}
.contactus .label textarea{border:1px solid #D5EFF1; color:#222; font-size:14px; padding:5px 10px; width:500px; height:150px; overflow:auto; background:#F1FAFC}
.contactus .submit input{background:url(../images/btn1.gif) repeat-x; width:76px; height:22px; border:1px solid #0977AD; cursor:pointer; color:#fff; text-align:center; font:700 12px arial}
.contactus .article{padding:0 12px; width:670px; word-wrap:break-word; overflow:hidden}
.contactus .article p{color:#000; line-height:2; font-size:14px; font-family:Verdana, Geneva, sans-serif}


.album{border:10px solid #F0F0F0; background-color:#c4c4c4; width:565px; overflow:hidden; margin:0 auto 10px; position:relative;}
.thumb{margin:4px 4px 10px; height:73px}
.thumb span{display:block; width:25px; height:70px; margin:2px 0 0; cursor:pointer}
.left_btn{background:url(../images/s2_detail_icons.gif) no-repeat 0 -72px; float:left;}
.left_btn_c{background:url(../images/s2_detail_icons.gif) no-repeat; float:left}
.right_btn{background:url(../images/s2_detail_icons.gif) no-repeat -26px -72px; float:right}
.right_btn_c{background:url(../images/s2_detail_icons.gif) no-repeat -26px 0; float:right}
.thumb_small_c{width:508px; height:78px; margin:0 0 0 30px; position:absolute; overflow:hidden; left:0}
.thumb_small_c img{display:inline; float:left; height:70px; overflow:hidden; text-align:center; width:95px; border:3px solid #c4c4c4; cursor:pointer}
#img{position:absolute; width:5000px}
.thumb_small_c .cur{border-color:#80C9F9}
.thumb_big_c{width:565px; height:415px; line-height:415px; text-align:center; vertical-align:middle; overflow:hidden; display:table-cell; background:#fff}
.thumb_big_left{cursor:url(../images/arrow_left.cur), pointer}
.thumb_big_right{cursor:url(../images/arrow_right.cur), pointer}


.shadow_inner .album{border:none; background:none; width:1000px}
.shadow_inner .thumb_big_c{background:none; width:1000px; height:600px; line-height:600px}
.shadow_bg{position:absolute; left:0; top:0; z-index:9980; background-color:#000; opacity:0.7; filter:alpha(opcity=70)}
.shadow_bg .close{position:absolute; right:0; top:0; width:40px; height:40px; cursor:pointer; background:url(../images/close.png) no-repeat}
.shadow_thumb .thumb{width:557px; border:2px solid #fff; height:76px; margin:0; background-color:#C4C4C4}
.shadow_thumb .left_btn_c,.shadow_thumb .right_btn_c{height:76px; margin:0}
.shadow_thumb .thumb_small_c{margin-left:26px}


.newlist li{border-bottom:1px dotted #dedede; padding:8px 0 6px 20px; background:url(../images/li_icon.png) no-repeat 3px 15px; height:20px; line-height:20px}
.newlist li span{float:right; color:#0D91CA; font-family:Arial, Helvetica, sans-serif}
.newlist li a{color:#6C787D}
.newlist li a:hover{color:#DD1027}

@media (max-width: 640px){
    #main {
        width: 100%;
    }
    .banner {
        width: 100%;
    }
    #siderbar {
	    display: none;
    }
    #mContent{
        width: 92%;
        font-size: 0.8rem;
        word-break: break-all;
        margin: 0 auto 0;
        float: none;
        display: block;
    }
    .maincontent .title {
    	/*padding-left:21px;*/
    }
    .product .content li {
        width: 47%;
        margin: 0 2% 1rem 0;
    }
    .aboutUs{
        border: 1px solid #96CCE6;
        border-radius: 0.4rem;
    }
    .aboutUs .title {
        background: none;
    }
    .aboutUs .content{
        border:none;
    }
    .aboutUs .bottom {
        background: none;
    }
    .shadow_inner .thumb_big_c {
        /* width: 100%; */
        height: 600px;
        line-height: 600px;
    }
    .shadow_inner .thumb_big_c img {
         width: 100%;
    }
    .shadow_inner .album {
        width: 100%;
    }
}