@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.eot");}
@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.ttf");}
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, images, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%; }
body {margin:0 auto; font:14px/1 "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll; color:#1B1E1E;}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#746969;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; text-align:justify;}
a images, iframe {border:none;}
img{border:none;}
a:link {color:inherit;}
:focus {outline:0;}
/*images{ vertical-align:top;}*/
ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/

/* == 以上 reset Css == */


/**************** 全局公用样式 ****************/
/*body {max-width:1580px; min-width:1130px;_width:expression(document.body.clientWidth<1130? "1130px": (document.body.clientWidth>1580?"1580px":"auto"));}*/
body {max-width:1680px; min-width:1130px; +overflow:hidden;}
/*body.on {margin-left:-378px;}*/
.g-wrap {position:relative; margin:0 auto; width:1130px; height:100%; overflow:hidden;
    left: 0px;
}
#header {position:relative; z-index:5; height:79px; background-color:#fff;}
    #logo {position:absolute; top:26px; left:1px; width:300px; height:27px; background:url(../images/logo.png) no-repeat 0 0;}
    #nav {position:absolute; top:0; right:171px; z-index:4; height:100%; background-color:#fff; overflow:hidden;}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
    #nav .n1 {width:58px;}
    #nav .n2, #nav .n3, #nav .n5, #nav .n4, #nav .n6, #nav .n7, #nav .n8 {width:83px;}

    /*#nav li a {position:relative; display:block; width:100%; height:100%;}
    #nav li a * {position:absolute; bottom:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat 16px 32px; -webkit-transition:-webkit-opacity 200ms; transition:opacity 200ms; cursor:pointer;}
    #nav li a .on {-webkit-opacity:0; opacity:0; display:none\9;}
    #nav li a .slideBlock {z-index:1; height:0; background:#3dc1e0; -webkit-transition:height 200ms; transition:height 200ms;}
    #nav .n1 a .off {background-image:url(../images/header/nav_1.png)}
    #nav .n2 a .off {background-image:url(../images/header/nav_2.png)}
    #nav .n3 a .off {background-image:url(../images/header/nav_3.png)}
    #nav .n4 a .off {background-image:url(../images/header/nav_4.png)}
    #nav .n5 a .off {background-image:url(../images/header/nav_5.png)}
    #nav .n6 a .off {background-image:url(../images/header/nav_6.png)}
    #nav .n7 a .off {background-image:url(../images/header/nav_7.png)}
    #nav .n8 a .off {background-image:url(../images/header/nav_8.png)}
    #nav .n1 a .on {background-image:url(../images/header/nav_1_on.png)}
    #nav .n2 a .on {background-image:url(../images/header/nav_2_on.png)}
    #nav .n3 a .on {background-image:url(../images/header/nav_3_on.png)}
    #nav .n4 a .on {background-image:url(../images/header/nav_4_on.png)}
    #nav .n5 a .on {background-image:url(../images/header/nav_5_on.png)}
    #nav .n6 a .on {background-image:url(../images/header/nav_6_on.png)}
    #nav .n7 a .on {background-image:url(../images/header/nav_7_on.png)}
    #nav .n8 a .on {background-image:url(../images/header/nav_8_on.png)}

    #nav li a.on .off{-webkit-opacity:0; opacity:0; display:none\9;}
    #nav li a.on .on {-webkit-opacity:1; opacity:1;  display:block\9;}
    #nav li a.on .slideBlock {height:100%;}*/

    #nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:13px; line-height:79px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
    #nav li a.on {color:#fff;}
    #nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
    #nav li a .bkg {top:100%; z-index:1; background-color:#3dc1e0; -webkit-transition:top 200ms; transition:top 200ms;}

    #nav li a.on .bkg,
    #nav li a:hover .bkg {top:0;}

    #shop {position:absolute; bottom:0; right:0; z-index:5; width:78px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}

    #shop {width:170px;}
    #shop .btn-search {position:absolute; top:30px; left:15px; width:20px; height:20px; background:url(../images/icon_search.png) no-repeat 0px 0px;}
    .phone{position:absolute; top:22px; left:20px;width:120px; line-height:17px;}
    #shop .btn-search:hover,
    #shop .btn-search.on {background-image:url(../images/icon_search_on.png);}
        /*#searchbox {display:none; position:absolute; top:100%; z-index:11115; line-height:44px; right:0; padding:0 20px; width:200px; height:44px; border:8px solid #4c4a4f;}*/
    #shop .btn-lang {position:absolute;top:0; right:74px; padding:0 10px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
    #shop .btn-lang:hover {color:#04caf9;}
    #shop .header-nwbtn{ position:absolute;top:0; right:0px; padding:0 10px; padding-right: 15px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background: url(../images/head-nw-icon.png) right center no-repeat; -webkit-transition:all 300ms; transition:all 300ms;}
    #shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #04caf9; background: url(../images/head-nw-icon-on.png) right center no-repeat;}

#content {position:relative; overflow:hidden;}
    #subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:61px; /*overflow: hidden;*/}
    #subNav .g-wrap {overflow:visible;}
    #subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
    #subNav .g-wrap .about {left:460px; padding:0 67px; /*width:835px;*/}
    #subNav .g-wrap .news {left:443px; padding:0 67px; /*width:752px;*/}
    #subNav .g-wrap .relation {left:544px; padding:0 80px;/* width:643px;*/}
    #subNav .g-wrap .service {left:627px; padding:0 67px; /*width:573px;*/}
    #subNav .g-wrap .search {right:0; width:auto; height:44px; border:8px solid #4c4a4f;}
    #subNav .g-wrap .search input { padding:0 20px; width:200px; height:44px; line-height:44px; }
    #subNav .g-wrap .langs {right:0; padding:0 15px; width:auto;}
     /*2016.4.12*/
    #subNav .g-wrap .nwmenu{ right: 0; top: -409px; width: 270px; height: auto; background-color: #4c4a4f; -webkit-transition: 300ms; transition: 300ms;}
    #subNav .g-wrap .nwmenu .nwmenu-inner{ padding: 30px; width: 210px; max-height: 349px; overflow: hidden;}
    #subNav .g-wrap .nwmenu .nwmenu-inner .nwi-box{ margin-bottom: 10px;}
    #subNav .g-wrap .nwmenu .nwi-tit{ float: left; width: 50px; color: #8f8c92; font-size: 12px;}
    #subNav .g-wrap .nwmenu .nwmenu-list{ float: right; margin-top: -5px; width: 140px;} 
    #subNav .g-wrap .nwmenu .nwmenu-list li a{ float: none; padding: 0; line-height: 22px; color: #d2ced5; font-size: 12px;font-weight: normal; -webkit-transition: color 300ms; transition: color 300ms;}
    /*2016.4.12*/

    #subNav .g-wrap .nwmenu .nwmenu-list li a:hover{ color: #f63b34;}
    #subNav .g-wrap .on {top:0; z-index: 2;}
    #subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#3dc1e0;}
    #subNav .g-wrap .item #on {
    color: #f63b2e;
}
/*#footer {height:70px; overflow:visible;  border-top:1px solid #e5e5e5;}*/
/*#footer .g-wrap {background:url(../images/temp/footer_bg.jpg) no-repeat right 0;}*/
#footer {height:140px;}
#reference {height:100px;  border-top:1px solid #f2f2f2;}
#reference div {height:100%;}
#reference a {-webkit-transition:color 300ms;transition:color 300ms;}
#reference a:hover {color:#f63b2e;}
#reference div * { font-size:13px; color:#6d6d83;}
#reference .left  {float:left; padding-top:24px; line-height:20px; }



#reference .left a {margin-left:20px; padding-left:42px; background:no-repeat 0 13px;}
#reference .left .a1 {background-image:url(../images/refer_icon_1.png);}
#reference .left .a2 {background-image:url(../images/refer_icon_2.png);}
#reference .left .a3 {background-image:url(../images/refer_icon_life.png);}
#reference .right {float:right; width:323px; line-height:69px; text-indent:38px;}
#copyright {height:75px;}
#copyright .g-wrap {overflow:visible;  font-size:16px;}
#copyright .g-wrap div {float:left; padding:25px 0 19px 19px; height:37px; width:303px; font-weight:bold; line-height:20px; color:#4b4b51; border-left:1px solid #f2f2f2;}
#copyright .g-wrap div a {-webkit-transition:color 300ms; transition:color 300ms; color:#4b4b51;}
#copyright .g-wrap div a:hover {color:#e62b1e}

#mask {display:none; position:fixed; top:0; left:0; z-index:1024; width:100%; height:100%;}
#mask .wrap {position:fixed; top:0; right:-378px; z-index:1024; padding:0 29px; width:320px; height:100%; background-color:#2b2b2b;}
#mask .wrap p {margin-top:130px; color:#8C8C8C; line-height:18px;font-size: 13px;}
#mask .wrap p span {display:block;}
#mask .wrap p .tit {font-size:15px; color:#E1DEDE;}
#mask .wrap p .column {margin-left:-16px; padding-left:16px; background:url(../images/sitemap_arrow.png)no-repeat 0 7px;font-size: 13px;}
#legal {background:url(../images/legal_tit.png) no-repeat 29px 77px;}
#sitemap {background:url(../images/sitemap_tit.png) no-repeat 29px 77px;}
#sitemap a {color:#8C8C8C; -webkit-transition:color 300ms; transition:color 300ms;font-size: 13px;}
#sitemap a.reenoo {font-weight:bold;}
#sitemap a:hover {color:#e62b1e;}
#Afooter{ height:370px; background-color:#333333; line-height:18px; padding-top:20px; width:100%; position:relative;}
#Anav{  font-weight:bolder; color:#b3b3b3;}
#Anav li{ margin-top:10px;float:left; width:100px; line-height:18px;}
#Anav li a:hover{ color:#fff;}
#footext{ position:absolute; top:290px; left:0px;  width:100%; border-top: 1px solid #424242; padding-top:10px;}
/*关于我们开始*/
.title{ font-size:24px; padding:20px 0px 20px 0px; }
#main div{ line-height:20px; margin-bottom:20px; text-align:justify; }
#main div.aboutDiv{   margin-top:30px;  margin-bottom:60px;}
.about1-1{ display:block; height:260px; width:336px; margin-right:80px;}
#main div p{  margin-top:14px;}
.aboutitem{  position:relative;}
.left{ float:left;}
#about2,  #about3 , #about4 {  margin-top:60px;}
.atitle{ font-size:20px; font-weight:bolder;  background-color:#42B6D2; color:White; padding:5px;}
.he{ margin-left:98px;}
.abouthe{ width:320px; margin-left:80px;}
.altitle{ color:#000;}
/*关于我们结束*/
.footext{ color:#9f9a9a;}
/*新媒介*/
#left .MediaItme{ display:block; width:240px; height:185px; background-color:#3DC1E0; color:White;  vertical-align:middle;  margin-right:20px;}
#left .MediaItmeTxt{text-align:center; margin-top:50px;}
.font20 { font-size:20px; font-weight:bolder; line-height:30px;}
.brandtitle{font-size:20px; font-weight:bolder; text-align:center;}

/*梦想期刊*/
 #title {  position:absolute;font-size:16px; padding-left:55px; top:150px;
              padding-right:50px;
              text-align:left;
              color:black;
    }
    .type {
        color:#00baf1;font-size:18px;
    }
    .ImagContent {
        display:block;
        border:1px solid #c0c0c0;
        margin-top:10px;
        width:628px;
        height:auto;
        margin-bottom:50px;
        overflow:hidden;
        padding-bottom:20px;
    }
    .ImgeItem {
        display:block;
        position:relative;
        width:273px;
        height:135px;
        overflow:hidden;  
       margin-top:20px;
       margin-left:20px;
       margin-right:20px;
        float:left;
    }
       .SpaceItemTitle span, .ImgeItem span {
           display: block;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
height: 50px;
background: #000;
opacity: 0.3;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;

        }
  .SpaceItemTitle p,.ImgeItem p {
           position: absolute;
left:10px;
bottom: 0;
width: 95%;
height: 45px;
z-index: 2;
margin:0px;
padding-top:0px;


        }
         .SpaceItemTitle p a, .ImgeItem p a {
                color: #fff!important;
                padding-left: 0px;
                font-size:14px;
                  padding-right:5px;
            }
                .ImgeItem p a:hover {
                 
                    background:none;
                }
                #dv3 a:link, #dv3 a:visited {
    color: #000000;
    text-decoration: none;
}

.brandItem{ width:231px; margin-right:12px; border:1px solid #d9d9d9; float:left; padding:10px; padding-top:0px; height:370px; margin-bottom:0px; }
.brandItem div{ margin:0px; padding:0px; margin-top:5PX;}
.brandContent{ height:315px;   }
.brandItem p{ font-weight:bolder; text-align:center; color:#221814; margin-top:0px; background-color:#d9d9d9;}
.cleaerMar{ margin:0px;}
.BrandUl{  float:left;  padding-left:17px;  margin-top:10px;}
.BrandUl li{ list-style-type:square;}
.TxtMore{ clear:both; border-top:1px solid #d9d9d9;  display:block; padding-top:5px;  margin-top:10px;}
.TxtMore a{ float:right; margin-top:5PX; }
.Culture img{ margin-bottom:12px;}
.SpaceTitle{ font-size:16px; font-weight:bolder; border-left:5px  solid #41b5d2; padding-left:10px; }

.SpaceItem{ display:block; width:186px; height:186px; float:left; margin-right:10px; position:relative; overflow:hidden;}
.weixing {
    position:fixed;
    bottom:85px;
    right:20px;
    width:140px;
    height:208px;
    z-index:999;
    font-weight:bolder;
}