html, body{color:#656565;margin:0;background: #eee;font-family: Arial,'黑体';}

a, a:visited{color:#000;text-decoration: none;font-family: Arial,'黑体';}

.l-box{line-height: 200%;}

.l-box h3{}

.l-box2{padding:0 2em;}

.line{border-top:1px solid #ccc;margin:0.5em auto 0;width:100%;}



#layout,

#menu,

.menu-link {

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

}



#pre{display:block;position:absolute;z-index:10000;width:100%;height:100%;top:0;bottom:0;left:0;background:#000;}



/*

This is the parent `<div>` that contains the menu and the content area.

*/

#layout {

    position: relative;

    padding-left: 0;

    background: #fff;

    margin:auto;

    max-width:750px;

    overflow:hidden;

}

    #layout.active #main{

        position: relative;

        left: 220px;

    }

        #layout.active #menu {

            display:block;

            width: 220px;

        }



        #layout.active .menu-link {

            left: 220px;

        }

/*

The content `<div>` is where all your content goes.

*/

.container {

    margin: 0 auto;

    padding: 0 0.4em;

    max-width: 750px;

    /*margin-bottom: 50px;*/

    line-height: 1.2em;

    font-size:1em;

}

.container img{width:100%;max-width: 100%;}

#main{}

.header {

    width:100%;

    overflow:hidden;

    vertical-align:top;

    font-size:0;

 }

 .header-line-block{position: relative;margin-bottom:-0.4em;width:96%;}

 .header-line{border-top:solid 1px #ccc;background: #ffffff;position: absolute;

    display: block;

width:96%;

top: 100%;

right: 0;

z-index: 1000;

*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;

}

 .header-line:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;right:5em;left: auto;}

    .header .logo img{width:100%; }



#foot{text-align:center;padding:2em 1em;font-size:12px;margin-top:1em;}



/*

The `#menu` `<div>` is the parent `<div>` that contains the `.pure-menu` that

appears on the left side of the page.

*/





#menu {

    display:none; /* "#menu" width */

    width: 160px;

    position: fixed;

    top: 0;

    

    bottom: 0;

    z-index: 1000; /* so the menu or its navicon stays above all content */

    background: #f1f1f1;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

}

    #menu a {

        color: #4b3b3c;

        border: none;

        white-space: normal;

        padding: 0.625em 0.625em;

        font-weight:bold;

        font-size:14px;

    }

    #menu .m2 a{font-size:12px;}



    #menu .pure-menu-open {

        background: transparent;

        border: 0;

    }



    #menu .pure-menu ul {

        border: none;

        background: transparent;

    }



    #menu .pure-menu ul,

    #menu .pure-menu .menu-item-divided {

        width:80%;margin:auto;

    }

    #menu .pure-menu .m1{

        border-top: 0.3em solid #5a4848;

    }

    #menu .pure-menu .m2{

        border-top: 0.1em solid #5a4848;

    }



        #menu .pure-menu li a:hover,

        #menu .pure-menu li a:focus {

            background: #ccc;

        }



    .menu-link {

        display: block; /* show this only on small screens */

        background:#fff;

        font-size: 11px; /* change this value to increase/decrease button size */

        z-index: 10;

        width: 2em;

        height: 1.2em;

        padding: 0 1.5em;

    }



        .menu-link:hover,

        .menu-link:focus {

        }



        .menu-link span {

            position: relative;

            display: block;

            margin-top: 1.8em;

        }



        .menu-link span,

        .menu-link span:before,

        .menu-link span:after {

            /*background-color: #c0c0c0;*/

            background:#c0c0c0;

            width: 100%;

            height: .2em;

            -webkit-transition: all 0.4s;

               -moz-transition: all 0.4s;

                -ms-transition: all 0.4s;

                 -o-transition: all 0.4s;

                    transition: all 0.4s;

        }



            .menu-link span:before,

            .menu-link span:after {

                position: absolute;

                top: -.55em;

                content: " ";

            }



            .menu-link span:after {

                top: .55em;

            }



        .menu-link.active span {

            background: transparent;

        }



            .menu-link.active span:before {

                -webkit-transform: rotate(45deg) translate(.5em, .4em);

                   -moz-transform: rotate(45deg) translate(.5em, .4em);

                    -ms-transform: rotate(45deg) translate(.5em, .4em);

                     -o-transform: rotate(45deg) translate(.5em, .4em);

                        transform: rotate(45deg) translate(.5em, .4em);

            }



            .menu-link.active span:after {

                -webkit-transform: rotate(-45deg) translate(.4em, -.3em);

                   -moz-transform: rotate(-45deg) translate(.4em, -.3em);

                    -ms-transform: rotate(-45deg) translate(.4em, -.3em);

                     -o-transform: rotate(-45deg) translate(.4em, -.3em);

                        transform: rotate(-45deg) translate(.4em, -.3em);

            }



    #menu .pure-menu-heading {

        font-size: 125%;

        font-weight: 300;

        letter-spacing: 0.1em;

        color: #000;

        margin-top: 0;

        padding: 0.5em 0.8em;

    }

    #menu .pure-menu-heading:hover,

    #menu .pure-menu-heading:focus {

        color: #000;

    }



    #menu .pure-menu-selected {

        background: #1f8dd6;

    }



        #menu .pure-menu-selected a {

            color: #fff;

        }



        #menu li.pure-menu-selected a:hover,

        #menu li.pure-menu-selected a:focus {

            background: none;

        }



.article-img-block{position:relative;}

.article-img-block .video-bg{background:#000;opacity: 0.38;position: absolute;bottom: 5px;left:0;width:100%;height:40px;overflow:hidden;padding-top:0px;}

.article-img-block .video-desc{position:absolute;left:0;bottom:10px;width:70%;height:30px;overflow:hidden;padding-left:10px;padding-top:10px;}

.article-img-block .video-desc p{margin:0;color:#ffffff;font-weight: normal;}

.article-img-block .video-play{position:absolute;right:0;bottom:10px;padding-right:5px;width:38px;height:36px;overflow:hidden;}

.article-img-block img{vertical-align:middle;}



.relative{position:relative;border-bottom:solid 1px #ccc;height:15px;margin-top:-0.5em;}

.position{position: absolute;right:10px;top:-0.5em;font-size: 12px;}

.position span{font-family: '黑体';}





#pro_list_block .pro_h3{

  margin-bottom:0px;

}

#pro_list_block p{margin:0;}


.home_img{padding:0 0.1em;}
.home_img img{vertical-align:top;}
.home_title2{padding:0 0.3em;max-height:3.2em;overflow:hidden;margin:0.3em 0;line-height: 100%;}
.home_title2 a{font-size:.8em;}

.home_title{padding-left:1em;}

.home_title h3{height:2.2em;overflow:hidden;}

.home_title .home_content{}

.i-img{padding:0.5em 0 0em 0em;}
.i-img img{vertical-align:top;}

.l-title{padding-top:0.8em;padding-left:0.5em;}