/***********************Common Begin**********************/
body {
    margin: 0 auto;
    font-family: 微软雅黑,arial,Verdana;
    background-color: #fff;
    font-size: 12px;
    color: #333;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    border: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: #494949;
}

    a:hover {
        color: #397cbe;
        /*text-decoration: underline;*/
    }

.active {
    color: #397cbe;
}

.clear {
    clear: both;
    line-height: 0px;
    height: 0px;
    overflow: hidden;
}

.clearfix {
    overflow: hidden;
    _zoom: 1;
}

.small {
    font-size: 12px;
}

input[type="text"] {
    padding: 2px;
}

#backtop {
    background: url(/Content/images/backtop.png) no-repeat 7px 15px #666666;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    behavior: url(PIE.htc);
    height: 50px;
    outline: 0 none;
    text-indent: -9999em;
    width: 50px;
    cursor: pointer;
    position: fixed;
    right: 50px;
    bottom: 120px;
    display: none;
    z-index: 9999;
    _bottom: auto;
    _position: absolute;
    _top: expression((document.compatMode && document.compatMode=='CSS1Compat' ? documentElement.scrollTop+(documentElement.clientHeight - this.clientHeight):document.body.scrollTop+(document.body.clientHeight - this.clientHeight))-4);
    _margin-bottom: 60px;
}

    #backtop:hover {
        background: url(/Content/images/backtop.png) no-repeat 7px -27px #333333;
    }
/***********************Common End**********************/
/***********************Header Begin**********************/
#header {
}

    #header .header-content {
        width: 1200px;
        height: 90px;
        margin: 0 auto;
        overflow: hidden;
    }

.logo {
    float: left;
    font-size: 16px;
}

.search {
    float: right;
    margin-top: 18px;
}

    .search input[type="text"] {
        height: 30px;
        width: 331px;
        border: 1px solid #c9c9c9;
        outline: 0;
        float: left;
        border-right: 0;
        border-bottom-left-radius: 2px;
        border-top-left-radius: 2px;
        background: url(../images/search.png) 10px center no-repeat;
        padding-left: 36px;
    }

.btn-search {
    background: #397cbe;
    font-size: 13px;
    color: #fff;
    width: 90px;
    height: 30px;
    border: 1px solid #397cbe;
    cursor: pointer;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.sub-search {
    color: #515353;
    margin-top: 8px;
}

.menu-wrap {
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.menu {
    width: 1200px;
    margin: 0 auto;
    border-top: 3px solid #397cbe;
    text-align: justify;
    padding-left: 20px;
    padding-right: 20px;height:51px;
}

    .menu:after {
        display: inline-block;
        content: '';
        overflow: hidden;
        width: 100%;
        height: 0;
        line-height: 0;
        padding: 0;
        margin: 0;
    }

    .menu li {
        /*display: inline-block;*/
        padding: 15px 0 0;
        position: relative;  float: left; 
         margin-right: 13px; 
    }
    .menu li:last-child{
        margin-right:0;
    }
        .menu li a {
            font-size: 13px;
            color: #202121;
        }
        .menu li a:hover,.menu li.active a{
            color:#397cbe;
        }
            .menu li a:hover::after,.menu li.active a::after {
                content: url(../images/dot.png);
                position: absolute;
                top: -10px;
                left: 0;
                right: 0;
                text-align: center;color:#397cbe;
            }
        .menu li:after {
            content: "|";
            position: absolute;
            right: -9px;
        }
        .menu li:last-child:after {
            content: "";
            
        }
/***********************Header End**********************/
/***********************Footer Begin**********************/
#footer {
}

    #footer .footer-content {
        width:1200px;margin:0 auto;
        border-top:1px solid #ccc;
        text-align:center;
    }
/***********************Footer End**********************/
/***********************Body Begin**********************/
#main {
    width:1200px;
    margin:18px auto;
}

    /***********************Slide Begin**********************/
    #main #homeslide {
        width: 100%;
        margin: 0 auto;
    }

    #main .slide {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

        #main .slide .slidecontainer {
            width: 1920px;
            height: 418px;
            position: relative;
            left: 50%;
            margin-left: -960px;
        }

            #main .slide .slidecontainer ul {
                position: absolute;
            }

                #main .slide .slidecontainer ul li {
                    float: left;
                    width: 1920px;
                    overflow: hidden;
                    position: relative;
                }

            #main .slide .slidecontainer .btnBg {
                position: absolute;
                width: 1920px;
                height: 42px;
                left: 0;
                bottom: 0;
            }

            #main .slide .slidecontainer .btn {
                position: absolute;
                height: 8px;
                left: 50%;
                bottom: 18px;
                margin-left: -50px;
            }

                #main .slide .slidecontainer .btn span {
                    display: inline-block;
                    _display: inline;
                    _zoom: 1;
                    width: 15px;
                    height: 15px;
                    font-size: 8px;
                    margin-right: 12px;
                    cursor: pointer;
                    background: url(/Content/images/slide-ico.png) -20px 0px no-repeat;
                    overflow: hidden;
                }

                    #main .slide .slidecontainer .btn span.on {
                        background: url(/Content/images/slide-ico.png) 0px 0px no-repeat;
                    }
    /***********************Slide End**********************/

    /***********************Album Begin**********************/
    #main #album {
        width: 800px;
        margin: 0 auto;
        padding-top: 15px;
    }

        #main #album .album-container {
            width: 800px;
            height: 600px;
            position: relative;
            border: solid 2px #ccc;
        }

            #main #album .album-container .showdesc {
                position: absolute;
                z-index: 9999;
                bottom: 0;
                width: 800px;
                padding: 10px 0;
                background: rgba(0,0,0,0.56) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
                background: #000;
                filter: Alpha(opacity=56);
                text-align: center;
                color: #fff;
            }

        #main #album .slides_container {
            width: 800px;
            height: 600px;
            overflow: hidden;
            position: relative;
            display: none;
        }

            #main #album .slides_container a {
                text-align: center;
            }

        #main #album .prev {
            width: 24px;
            height: 25px;
            border: 0;
            background: url(/Content/images/album-pre.png) no-repeat left top;
            float: left;
            margin-top: 56px;
            display: block;
        }

        #main #album .next {
            width: 24px;
            height: 25px;
            border: 0;
            background: url(/Content/images/view-next.png) no-repeat left top;
            float: right;
            margin-top: 56px;
            display: block;
        }

    #main #pagination {
        height: 152px;
        overflow: hidden;
        float: left;
        width: 528px;
        margin-left: 15px;
    }

        #main #pagination ul.pagination {
            margin-top: 10px;
        }

            #main #pagination ul.pagination li {
                float: left;
                margin-right: 10px;
            }

                #main #pagination ul.pagination li img {
                    border: solid 1px #fff;
                }

                #main #pagination ul.pagination li.current img {
                    border: solid 1px #c6432f;
                }
    /***********************Album End**********************/

    /***********************Paging Begin**********************/
    #main .digg {
        text-align: center;
        padding: 20px 0;
        height: 50px;
        margin: 0 auto;
    }

        #main .digg a {
            color: #333;
            display: inline-block;
            border: solid 1px #c1c1c1;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            behavior: url(/script/PIE.htc);
            background-color: #fbfbfb;
            padding: 6px 10px;
            margin-right: 2px;
            margin-left: 2px;
        }

            #main .digg a:hover {
                background-color: #c6432f;
                color: #fff;
            }

            #main .digg a.page_selected {
                background-color: #397cbe;
                color: #fff;
            }
    /***********************Paging End**********************/

    #main #breadcrumb {
      
      
    }

    #main #main-body {
        width: 1000px;
        margin: 0 auto;
    }

        /* main page*/
        #main #main-body .main-page {
            background-color: #fff;
            padding: 20px;
            margin: 20px;
            border: solid 1px #e9e9e9;
            box-shadow: 0px 2px 10px 0px #ccc;
        }

            #main #main-body .main-page .page-title {
                height: 36px;
                margin: 10px auto;
                padding-left: 25px;
                color: #c6432f;
                font-size: 22px;
            }

            #main #main-body .main-page .page-body {
                margin: 0 50px;
            }

            #main #main-body .main-page p {
                text-indent: 2em;
                text-align: justify;
                margin: 2px 0px;
            }

            #main #main-body .main-page .sub {
                color: #555;
                font-size: 12px;
                margin: 10px auto;
                text-align: center;
            }

        /* common page*/
        #main #main-body .common-page {
            padding: 0px;
        }

            #main #main-body .common-page .common-left {
                width: 780px;
                float: left;
            }

                #main #main-body .common-page .common-left .page-title {
                    height: 36px;
                    margin: 10px auto;
                    padding-left: 25px;
                    border-bottom: 2px solid #c5145c;
                    font-size: 22px;
                }

            #main #main-body .common-page .common-right {
                width: 240px;
                float: right;
            }


            #main #main-body .common-page .product-left {
                width: 210px;
                margin-top: 20px;
                float: left;
            }

            #main #main-body .common-page .product-right {
                width: 840px;
                float: right;
            }

                #main #main-body .common-page .product-right .product-details-page {
                    margin: 0 auto;
                    margin-bottom: 10px;
                    text-align: left;
                }

                    #main #main-body .common-page .product-right .product-details-page .product-images {
                        float: left;
                        margin-top: 15px;
                    }

                        #main #main-body .common-page .product-right .product-details-page .product-images .picture {
                            width: 350px;
                            height: 350px;
                            text-align: center;
                            vertical-align: middle;
                            border: solid 1px #ddd;
                        }

                            #main #main-body .common-page .product-right .product-details-page .product-images .picture img {
                                vertical-align: middle;
                            }

                    #main #main-body .common-page .product-right .product-details-page .overview {
                        width: 440px;
                        float: right;
                        text-align: left;
                        margin-right: 25px;
                    }

                        #main #main-body .common-page .product-right .product-details-page .overview h1 {
                            border-bottom: 4px solid #ddd;
                            padding-bottom: 15px;
                        }

                #main #main-body .common-page .product-right .page-title {
                    height: 36px;
                    margin: 10px auto;
                    padding-left: 25px;
                    border-bottom: 2px solid #c5145c;
                    font-size: 22px;
                }

                #main #main-body .common-page .product-right .page-description {
                    padding: 20px;
                    line-height: 20px;
                }
                .tag div{display: block !important;}
/***********************Body End**********************/