/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Author:     Nuvio (www.nuvio.cz)
    Update:     2008-07-29, 18:30 GMT+1
    Version:    2.2.6 (2008-07-13, 14:28 GMT+1)

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body { font: 0.8em/1.5 "Microsoft Yahei", "arial", sans-serif; }
a { text-decoration: none; }
input, textarea { outline: none; }

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url("../images/ul-01.gif") 0 50% no-repeat; font-size:85%;}

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}
/* 20151012 start  */
.title_mobile{width:1024px;margin:0 auto;text-align:left;border-bottom:1px solid #c3c3c3;line-height:40px;}
.title_mobile h4{font-size:24px !important;font-weight:normal !important;color:#737373 !important;margin-top:30px;margin-bottom:10px;}
/* 20151012 end */

.title_mobile h4{font-size:24px !important;font-weight:normal !important;color:#737373 !important;}


/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main { margin: 0 auto; }

/* begin: header */

/*20151012*/
#header { width: 100%; margin: 0 auto; }
/*20151012*/

@media all and (max-width: 800px){
    #header {
        width: 1024px;
    }
}
#header .sky-box { position: relative;}
/*20151012*/
#header #sky-bg { position: absolute; top: 0; left: 0; z-index: -1; overflow: hidden; width: 100%;}
/*20151012*/
@media all and (max-width: 800px) {
    #header #sky-bg {
        width: 1024px;
    }
}
#header #sky-box { float: left; width: 800%; }
#header #sky-pic-1 { float: left; }
#header #sky-pic-2 { float: left; }
#header .layer-top { width: 1024px; margin: 0 auto; height: 107px; text-align: center; *+position: relative; }
#header .layer-top img.logo { margin-top: 14px; *+margin-left: -164px; }
#header .layer-nav-bg { margin-top: -1px; width: 100%; height: 25px; position: relative; z-index: 101;
   /* background-image: url(../images/nav-bg.png); background-repeat: repeat-x;*/ background-color:#E1EDFC; border-bottom: 2px solid #efefef;
    clear: both; }
/* 20150929 */	
#header .layer-nav { width: 1120px; margin: 0 auto; }
/* 20150929 */
#header .layer-nav .layer-nav-left { float: left;margin-left:15px
}
#header .layer-nav .layer-nav-left ul.nav-1th { list-style-type: none;}
#header .layer-nav .layer-nav-left ul.nav-1th li { float:left; display: block; width:100px; text-align:center}
#header .layer-nav .layer-nav-left ul.nav-1th li a { color: #023061; font-size: 14px; line-height: 25px; display: block; }
#header .layer-nav .layer-nav-left ul.nav-1th li a:hover,
#header .layer-nav .layer-nav-left ul.nav-1th li a.current { background-color: #c39f6d; color: #fff;  width:100px;}
#header .layer-nav .layer-nav-right {float:left;width:530;margin-left:110px;}
#header .layer-nav .layer-nav-right ul { list-style-type: none; *+padding-top: 3px; }
#header .layer-nav .layer-nav-right ul li { display: block;float:left; width:auto; text-align:center;margin:0px 8px; }
/* 20150929 */
#header .layer-nav .layer-nav-right ul li:nth-child(1){width:150px !important}
/* 20150929 */
#header .layer-nav .layer-nav-right ul li:nth-child(2){width:100px !important}
#header .layer-nav .layer-nav-right ul li * { display:inline;}
#header .layer-nav .layer-nav-right ul li.belong-nav a { color: #023061; font-size: 12px; line-height: 25px; display: block; }
#header .layer-nav .layer-nav-right ul li.belong-nav a:hover,
#header .layer-nav .layer-nav-right ul li.belong-nav a.current { background-color: #c39f6d; color: #fff;display: block; width:110;}
#header .layer-nav .layer-nav-right ul li a img { vertical-align: middle; }
#header .layer-nav .layer-nav-right ul li a img.actived { display: none; }
#header .layer-nav .layer-nav-right ul li a img.inactived { display: inline; }
#header .layer-nav .layer-nav-right ul li a:hover img.actived { display: inline; }
#header .layer-nav .layer-nav-right ul li a:hover img.inactived { display: none; }
#header .layer-nav .layer-nav-right ul li.belong-member { margin: 0 9px; }
#header .layer-nav .layer-nav-right ul li a.belong-member { color: #023061; font-size: 12px; line-height: 25px; display: inline; }
#header .layer-nav .layer-nav-right ul li.head_nav_language a{color: #023061; font-size: 12px; line-height: 25px; display: inline;}
#header .layer-nav .layer-nav-right #search { width: 95px; height: 21px; padding: 2px 4px; background-image: url(../images/search_input.png); background-position: center; background-repeat: no-repeat; }
#header .layer-nav .layer-nav-right #search .search-text { padding-left: 6px; background-color: transparent; border: none; width: 64px; font-size: 11px; line-height: 16px; }
#header .layer-nav .layer-nav-right #search .search-btn { padding-right: 6px; margin-top: -2px; vertical-align: middle; }
/* 20151013 start */
#header .nav-2th-container {width: 100%; height: 145px; background-image: url(../images/header-black-bg-heavier.png);
    background-repeat: repeat; position: absolute; top:25px;left: 0; right: 0; margin:auto; display: none; z-index: 101; }

#header .nav-2th-container_content{max-width:1440px;position: absolute; top:0px;left: 0; right: 0; margin:auto;}
	
#header .nav-2th-container .sub-nav { width: 90%; margin: 0 auto; }
#header .nav-2th-container .actived { display: block; }
#header .nav-2th-container .inactived { display: none; }
#header .nav-2th-container .nav-2th { float: left; list-style-type: none; list-style-position: outside;
    margin: 29px 0px;}
/* 20150914 start */
#header .nav-2th-container .nav-2th li { line-height: 29px;width:auto; margin:0;padding:0;}
#header .nav-2th-container .nav-2th li:hover { background-image: url(../images/sub_menu_actived_bg.png);
    background-repeat: no-repeat; background-position: center; background-size:100% 100%;}
/* 20150914 end */
#header .nav-2th-container .nav-2th li:hover a { color: #d0a972; }
#header .nav-2th-container .nav-2th li a { color: #fff; font-size: 14px; }
#header .nav-2th-container .menu-banner-box { width: 15%; float: left; margin-top: 30px; min-height: 1px;
    text-align: center; }
#header .nav-2th-container .menu-banner-box img { height: 84px; }
/* 20150902 end */

/*languageTop 20150902 start*/
#header .displaying-languageDiv{cursor:pointer;font-size: 12px; color: #023061;}
#header .displaying-languageDiv a{color:#023061;}

/* 20150925 叶南邦 */
#header .language-select-area-top{position:relative;right: -3%; top: 5px; list-style-type:none;width:96px;background-color: #03254A;margin:0;padding:0;float:left;}
/* 20150925 叶南邦 */

#header .language-select-area-top li{width:96px !important;height:29px;margin-left:0 !important;text-align:center;}
#header .language-select-area-top a:hover{background-color:#C39F6D;text-decoration: none;}


/* 20150925 叶南邦 */
#header .language-select-area-top a { color: #fff; width: 84px; height:29px;line-height:29px;vertical-align:middle;display: block; float: left;padding-left:6px;padding-right:6px;}
/* 20150925 叶南邦 */



/*languageTop 20150902 end*/

/* end: header */

#tray {position:relative; width:960px; height:45px; background:url("../images/tray.gif") 0 0 no-repeat; overflow:hidden; font:bold 90%/1 "tahoma",sans-serif;}
#tray ul {margin:0 20px; list-style:none;}
#tray li {display:inline;}
#tray li a {display:block; float:left; padding:17px 20px 17px 18px; background:url("../images/tray-separator.gif") 100% 0 no-repeat; text-decoration:none;}
#tray li a:hover {background:url("../images/tray-hover.gif");}
#tray li#tray-active a {background:url("../images/tray-active.gif");}
#tray {background-color:#BFBFBF;}
#tray li a {color:#404040;}
#tray li#tray-active a {background-color:#090; color:#FFF;}
#tray li a:hover {background-color:#9F9F9F; color:#FFF;}
    
/* begin: footer */
/*20151013*/
.footer { position: fixed; bottom: 0;  left: 0;z-index: 200; width: 100%; }
/*20151013*/

/*20151012*/
.footer .footer-box { background-color: #03254a; width: 100%;margin: 0 auto; }
/*20151012*/

.footer .copyright { width: 100%; height: 58px;}
.footer .copyright .white-space { display: block; height: 0px; background-color: #fff; width: 100%; clear: both; }
.footer .copyright .copyright-box { width: 1024px; margin: 0 auto; text-align: middle; padding: 0 6px; }
.footer .copyright .copyright-box .left { float: left; line-height: 56px; color: #fff; }
.footer .copyright .copyright-box .left p { font-size: 12px; }
.footer .copyright .copyright-box .left a { color: #fff; font-size: 12px; }
.footer .copyright .copyright-box .left img { vertical-align: middle; }
.footer .copyright .copyright-box .right { float: right; line-height: 40px; }
.footer .copyright .copyright-box .qr-code { margin-top: 3px; cursor: pointer; }
.footer .copyright .copyright-box .links { width: 500px; text-align: left; }
.footer .copyright .copyright-box .links > div { position: relative; }
.footer .copyright .copyright-box .down,
.footer .copyright .copyright-box .up { margin-top: 20px; width: 21px; height: 12px; cursor: pointer; }
.footer .copyright .copyright-box .down-moving,
.footer .copyright .copyright-box .up-moving { margin-top: 18px; width: 21px; height: 17px; cursor: pointer; }
.footer .copyright .copyright-box .copyright-info { width: 500px; overflow: hidden; text-align: right; }
.footer .copyright .copyright-box .copyright-info img { vertical-align: middle; margin-right: 12px; }
.footer .copyright .copyright-box .to-top { margin-top: 4px; }

.footer .footermiddle { width: 1240px; margin: 0 auto; display: none; padding-bottom: 40px; position: relative; }
.footer .footermiddle .sub-container { float: left; width:100%; *+margin-bottom: 72px; margin-left:40px;height:330px;}
.footer .footermiddle .sub-container .nav-1th { color: #fff;width:14%; height: 230px; float: left; border-left: 1px solid #fff;
    margin: 70px 0px 30px 0px;}
.footer .footermiddle .sub-container .nav-1th.special ul.nav-2th { margin-bottom: 12px; }
.footer .footermiddle .sub-container .nav-1th a { color: #fff; font-size: 12px; }
.footer .footermiddle .sub-container .nav-1th:first-child { border-left: none; }
.footer .footermiddle .sub-container .nav-1th .nav-1th-name {padding-left:20px; margin-bottom: 12px; }
.footer .footermiddle .sub-container ul.nav-2th { list-style-type: none; list-style-position: outside; }
.footer .footermiddle .sub-container ul.nav-2th > li {  }
.footer .footermiddle .sub-container ul li{padding-left:20px;}
.footer .footermiddle .sub-container ul.nav-2th > li a { line-height: 20px; }
.footer .footermiddle > p { color: #fff; text-align: center; font-size: 11.5px; }
.footer .displaying-language { position:absolute;left:-55px;display: inline; font-size: 12px;cursor: pointer; }

.footer .language-select-area { display: none; position: absolute; left: -55px; bottom: 30px; *+bottom: 42px; background-color: #03254a; list-style-type: none; width: 96px; }
.footer .language-select-area a { color: #fff; width: 84px; padding-left: 12px; display: block; }
.footer .language-select-area a:hover{background-color:#C39F6D;}


.footer .qr-code-box {position: relative; bottom:130px; right:-960px; text-align: left; color: #fff; width:170px;height:97px;overflow:hidden;}
.footer .qr-code-box .official {float:left;}
.footer .qr-code-box .official img{ margin:0 0 10px 0;}
.footer .qr-code-box .official span{ font-size:12px;}
.footer .qr-code-box .wechat {float:left;margin:0 30px 0 0 ;}
.footer .qr-code-box .wechat img{ margin:0 0 10px 0;}
.footer .qr-code-box .wechat span{ font-size:12px;}
/* end: footer */
/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top {width:960px; height:5px; margin-top:15px; background:url("../images/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col {position:relative; padding:15px 30px 15px 20px; background:url("../images/col.gif") 0 0 repeat-y;}
#col:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
#ribbon {position:absolute; top:-5px; left:0; width:100px; height:100px; background:url("../images/ribbon.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;}
#col-browser {position:relative; float:left; width:880px; height:215px;}

.ch_part h5, .ch_part p {margin:0; letter-spacing:1px;}
.ch_part h5 {background:url("../images/cols3-title.gif") 5px 8px no-repeat #eef8e4;text-indent:30px;line-height:35px;font-size:15px; color:#009900;}
.ch_part p {padding-bottom:0.5em;}
.ch_part {float:left;width:315px;background: transparent; margin:0px 2px 10px 2px;}

.ch_part_full h5, .ch_part_full p {margin:0; letter-spacing:1px;}
.ch_part_full h5 {background:url("../images/cols3-title.gif") 5px 8px no-repeat #eef8e4;text-indent:30px;line-height:35px;font-size:15px; color:#009900;}
.ch_part_full p {padding-bottom:0.5em;}
.ch_part_full {float:left;width:635px;background: transparent; margin:0px 2px 10px 2px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.t_xb1, .t_xb2, .t_xb3, .t_xb4 {display:block; overflow:hidden;}
.t_xb1, .t_xb2, .t_xb3 {height:1px;}
.t_xb2, .t_xb3, .t_xb4 {background:#eef8e4; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.t_xb1 {margin:0 5px; background:#dfdfdf;}
.t_xb2 {margin:0 3px; border-width:0 2px;}
.t_xb3 {margin:0 2px;}
.t_xb4 {height:2px; margin:0 1px;}

.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.xb1 {margin:0 5px; background:#dfdfdf;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#fff; border:0 solid #dfdfdf; border-width:0 1px;}
.xboxmore {line-height:35px;display:block; background:#f5f5f5;text-align: right; border:0 solid #dfdfdf;padding-right:10px; border-width:0 1px;}

/*left panel*/

.l_part h3 {background:url("../images/dot-02.gif") 0 50% repeat-x;margin:0;padding:10px; 10px; 10px; 10px;}
.l_part h3 span {text-indent:1px;padding-right:10px;background:#fff;color:#009900;}        
.l_part p {padding-bottom:0.5em;}
.l_part {min-height:560px;float:left;width: 250px;background: transparent; margin:0px 2px 10px 0;}

/*

*/

.leftmemberPan { display: block; border-width: 0 1px; padding :0; float: left; margin-top: 38px; }
/**
 * 
 * 2014/04/01
 */
.leftmemberPan img {
    width: 164px;
}
.l_xboxcontent {display:block; background:#eef8e4; border:0 solid #dfdfdf; border-width:0 1px;padding:0 0 10px; 0}
.l_xboxmore {line-height:35px;display:block; background:#fff;text-align: right; border:0 solid #dfdfdf;padding-right:10px; border-width:0 1px;}


/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.ico-comment {padding-left:18px; background:url("../images/ico-comment.gif") 0 50% no-repeat;}
.ico-rss {padding-left:18px; background:url("../images/ico-rss.gif") 0 50% no-repeat;}

.smaller {font-size:85%;}

	/*clock*/
/*20150917*/
#clock-1 {
    position: relative;
    height: 558px;
    margin-left: 50%;
    background-image:url("../../../../uploads/watch_hand/6633/watch_main.png");
    background-repeat: no-repeat;
    list-style: none;
}
#sec-1, #min-shadow-1, #min-1, #hour-shadow-1, #hour-1, #big-hour-1, #date-1 {
    position: absolute;
}
#sec-1 {
    background-image:url("../../../../uploads/watch_hand/6633/minute.png");
    background-repeat: no-repeat;
    z-index: 2;
    top: 260px;
    left: 234px;
    width: 22px;
    height: 96px;
}
#min-1 {
    background-image:url("../../../../uploads/watch_hand/6633/second.png");
    background-repeat: no-repeat;
    z-index: 6;
    top: 94px;
    left: 198px;
    width: 20px;
    height: 330px;
}
#min-shadow-1 {
    background-image:url("../../../../uploads/watch_hand/6633/second_bg.png");
    background-repeat: no-repeat;
    z-index: 5;
    top: 94px;
    left: 196px;
    width: 22px;
    height: 330px;
}
#hour-1 {
    background-image:url("../../../../uploads/watch_hand/6633/hour.png");
    background-repeat: no-repeat;
    z-index: 4;
    top: 94px;
    left: 196px;
    width: 26px;
    height: 330px;
}
#hour-shadow-1 {
    background-image:url("../../../../uploads/watch_hand/6633/minute_bg.png");
    background-repeat: no-repeat;
    z-index: 3;
    top: 94px;
    left: 196px;
    width: 26px;
    height: 330px;
}
#big-hour-1 {
    background-image:url("../../../../uploads/watch_hand/6633/date.png");
    background-repeat: no-repeat;
    z-index: 2;
    top: 192px;
    left: 144px;
    width: 20px;
    height: 140px;
}
#date-1 {
    z-index: 1;
    width: 20px;
    height: 17px;
    left: 104px;
    top: 256px;
    text-align: center;
    font-weight: 600;
}
/*20150917*/

/*20151015*/


/*产品说明书*/

.file-box_book { width: 1024px; margin: 20px auto; }
.file-box_book .links { width: 924px;float: left; font-size: 12px; padding:50px;}
.file-box_book .links .downloads { color: #616B60; float: left; margin-left: 80px; padding-top: 120px; font-size: 14px; }

.file-box_book .links:nth-child(odd) { background-color: #f2f2f2; }
.file-box_book .links:nth-child(even) { background-color: #fafafa; }
.file-box_book .links .thumb { float: left; }
.file-box_book .links .thumb img { width: 392px; }
.file-box_book .links .downloads p { margin-bottom: 20px; }
.file-box_book .links .downloads strong { font-size: 20px; font-weight: normal; }
.file-box_book .links .downloads a { color: #616B60; text-decoration: underline; color: #6a6a6a; font-size: 14px; line-height: 18px; font-style: italic; }

/*罗西尼企业刊物*/

.file-box_periodical { width: 1024px; margin: 0 auto; }
.file-box_periodical .links { width: 100%; float: left; margin-top: 56px; margin-bottom: 52px; }
.file-box_periodical .links .thumb { float: left; width: 100%; text-align: center; }
.file-box_periodical .links .thumb img { width: 436px; height: 564px; }
.file-box_periodical .links .downloads { float: left; margin-left: 24px; padding-top: 42px; width: 100%; text-align: center;
color: #626b6e; font-size: 18px; }
.file-box_periodical .links .downloads strong { font-size: 18px; }
.file-box_periodical .links .downloads a { text-decoration: underline; font-size: 12px; line-height: 18px;
margin-left: 36px; font-size: 16px; color: #626b6e; font-style: italic; }
.file-box_periodical .journal-box { position: relative; }
.file-box_periodical .journal-box a.prev { position: absolute; left: 0; top: 315px; }
.file-box_periodical .journal-box a.next { position: absolute; right: 0; top: 315px; }
.file-box_periodical .journal-info { width: 960px; margin: 0 auto; padding-top: 21px; border-top: 1px solid #c3c3c3;
clear: left; }
.file-box_periodical .journal-info a { color: #626b6e; font-size: 13px; display: block; float: left; width: 198px; padding-left: 12px; }
.file-box_periodical .journal-info a.current { color: #013060; font-size: 18px; }


/*屏保高清图*/
.file-box { width: 1024px; margin: 0 auto; color: #737373;margin-bottom: 50px;}   
.file-box .links-box {margin-bottom: 40px; margin-top:20px; float: left; *+float: none; width: 100%; border-bottom:1px solid #C3C3C3}
.file-box .links { width: 100%;  float: left; }
.file-box .links .thumb {  float:left }
.file-box .links .thumb img { width: 320px; float:left;}
.file-box .links .downloads { width: auto;  font-size: 12px; line-height:30px ;}
.file-box .links .downloads a { text-decoration: underline; color: #626b6e; font-size: 12px; line-height: 24px; font-style: italic; }
.file-box .links .downloads a:hover { color: #013060; font-weight: bold; }

/*20151015*/