@charset "utf-8";
/* CSS Document */
@font-face {font-family:"novecento"; src:url("/font/novecento_widebook.eot");}
@font-face {font-family:"novecento"; src:url("/font/novecento_widebook.ttf");}
 @font-face { font-family: 'dincond-medium-webfont'; src: url('/font/dincond-medium-webfont.eot'); src: url('/font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/font/dincond-medium-webfont.woff2') format('woff2'), url('/font/dincond-medium-webfont.woff') format('woff'), url('/font/dincond-medium-webfont.ttf') format('truetype'), url('/font/dincond-medium-webfont.svg') format('svg'); }
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, img, 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:12px/1 "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
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; }
a img, iframe {border:none;}
a:link {color:inherit;}
:focus {outline:0;}
/*img{ 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 { min-width:1200px; +overflow:hidden;}
/*body.on {margin-left:-378px;}*/
.g-wrap {position:relative; margin:0 auto; width:1200px; height:100%; overflow:hidden;}
#header {position:relative; z-index:5; height:79px; background-color:#fff;}
    #logo {position:absolute; top:26px; left:1px; width:151px; height:26px; background:url(/images/logo.png) no-repeat 0 0;}
    #nav {position:absolute; top:0; right:90px; 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; margin-right:10px;}
    #nav .n1 {width:58px;}
    #nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {width:83px;}
    #nav .n4 {width:96px;}
    /*#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:#f00; -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:300; font-size:15px; font-weight:600; 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:#0d60a6; -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:60px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}

    #shop {width:80px;}
    #shop .btn-search {position:absolute; top:30px; left:15px; width:20px; height:20px; background:url(/images/icon_search.png) no-repeat 0px 0px;}
    #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:#ff2424;}
    #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: #ff2424; 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:52px; /*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:539px; padding:0 60px;width: 781px; /*width:835px;*/}
    #subNav .g-wrap .news {left:539px; padding:0 60px;width: 781px; /*width:752px;*/}
    #subNav .g-wrap .relation {left:539px; padding:0 60px;width: 781px;/* width:643px;*/}
    #subNav .g-wrap .service {left:632px; padding:0 60px; /*width:573px;*/}
    #subNav .g-wrap .citizenship {left:820px; padding:0 37px; width: 546px;/*width:573px;*/}
	#subNav .g-wrap .c11 {left:820px; padding:0 30px;width: 560px; /*width:573px;*/}
	#subNav .g-wrap .c12p {left:817px; padding:0 30px; /*width:573px;*/}
    #subNav .g-wrap .search {right:16px; width:238px; height:36px; 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:224px;}
     /*2016.4.12*/
    #subNav .g-wrap .nwmenu{ right: 0; top: -409px; width: 171px; height: auto; background-color: #4c4a4f; -webkit-transition: 300ms; transition: 300ms;}
    #subNav .g-wrap .nwmenu .nwmenu-inner{ padding: 20px; 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;*/ overflow:hidden;} 
    #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: #86b13f;}
    #subNav .g-wrap .on {top:0; z-index: 2;}
    #subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:300; font-size:15px; font-weight:600; line-height:52px; color:#FFF;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#86b13f;}
    #subNav .g-wrap .item #on {
    color: #86b13f;
}
/*#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:64px; line-height:64px; border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
#reference div {height:100%;}
#reference a {-webkit-transition:color 300ms;transition:color 300ms;}
#reference a:hover {color:#f63b2e;}
#reference div * {font-weight:bold; font-size:13px; color:#2e2e57;}
#reference .left {float:left;}
#reference .left * {float:left; height:100%; line-height:64px;}
#reference .left a {/* margin-left:20px; *//* padding-left:42px; */background:no-repeat 0 13px;}
#reference .left em{display:block;margin:0 12px;font-style: normal;}
#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:327px; line-height:69px; text-indent:38px; background:#f2f2f2 url(../images/refer_icon_3.png) no-repeat 19px 23px; }
#copyright {height:75px;}
#copyright .g-wrap {overflow:visible;}
#copyright .g-wrap div {float:right; padding:19px 0 19px 38px; height:37px; width:288px; 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}


.fullSlide{position:relative;width:1680px;background:none transparent scroll repeat 0 0;height:410px;overflow:hidden;min-width:1200px; margin:0 auto; }
.fullSlide .bd{z-index:0;position:relative;margin:0 auto;overflow:hidden;min-width:1200px;}
.fullSlide .bd UL{width:100%!important;min-width:1200px;}
.fullSlide .bd LI{position:absolute;text-align:center;width:1680px;height:410px;overflow:hidden;min-width:1200px; margin:0 auto;}
.fullSlide .bd LI img{ width:100%; min-width:1200px; }
.fullSlide .bd LI A{display:block;height:485px;color:#fff;min-width:1200px;}
.fullSlide .hd{z-index:1;position:absolute;line-height:20px;width:auto;bottom:1px;height:20px;left:45%;}
.fullSlide .hd UL{text-align:center;padding-left:2%;width:100%;height:30px;}
.fullSlide .hd UL LI{filter:alpha(opacity=50);line-height:999px;margin:1px;width:42px;zoom:1;display:inline-block;background:#fff;float:left;height:8px;overflow:hidden;cursor:pointer;opacity:.5;}
.fullSlide .hd UL .on{background:#f00;}
.fullSlide .prev{z-index:1;position:absolute;filter:alpha(opacity=50);margin-top:-30px;width:50px;display:none;background:url(/images/slider-arrow.png) no-repeat -179px 50%;height:37px;top:50%;cursor:pointer;left:50%;opacity:.5; margin-left:-600px;}
.fullSlide .next{z-index:1;position:absolute;filter:alpha(opacity=50);margin-top:-30px;width:50px;display:none;background:url(/images/slider-arrow.png) no-repeat -68px 50%;height:37px;top:50%;cursor:pointer;right:50%;opacity:.5; margin-right:-600px;}
/*.fullSlide .next{right:0;left:auto;}*/
.fullSlide .bd .f_title{position:absolute;text-align:center;filter:alpha(opacity=40);line-height:30px;width:100%;bottom:1px;background:none transparent scroll repeat 0 0;height:30px;opacity:.4;}

.fwly{ font-size: 14px; }
.fwly li{ float:left; margin-right:40px; margin-top:50px;}
.fwly li p{ margin:10px 0px;}
.fwly li a:hover{ color: #06C;}



.w1200 {
    margin: 0 auto;
    width: 1200px;
}

.mainbox {
    overflow: hidden;
    padding: 25px 0;
}
.news-box {
    padding-right: 6px;
    width: 508px;
    height: 277px;
}
h3.news-title {
    margin-bottom: 15px;
    color: #0d60a6;
    font-weight: 700;
    font-size: 24px;
    font-family: myriadsetpro-thin-webfont;
    line-height: 30px;
}

.news-top ul {
    float: left;
    overflow: hidden;
    width: 150px;
    height: 43px;
}
.news-top li {
    float: left;
    width: 67px;
    height: 43px;
    background: #0d60a6;
    color: #a3a3a3;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 43px;
    cursor: pointer;
}
.news-top li.current, .news-top li:hover {
    background: #0d60a6;
    color: #fff;
}

.clearfix::after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}
.news-main {
    position: relative;
    padding-top: 25px
}

.news-main h3 a,.news-main h3 a span {
    color: #0d60a6;
    font-weight: 700;
    font-size: 20px;line-height: 28px;
}

.news-main h3 a span {
    display: inline-block;
    margin-right: 10px
}

.news-main p {
    margin-top: 10px
}

.news-main-box {
    position: relative;
    overflow: hidden;
    width: 470px;
    height: 117pt
}

.news-main-box ul {
    position: absolute;
    top: 0;
    left: 0
}

.news-main-box li {
    display: block;
    width: 470px;
    height: 117pt
}

.news-main-box li p {
    line-height: 18px; color:#666;
}

.news-main-dl {
    position: absolute;
    top: 15px;
    right: 10px;
    overflow: hidden;
    width: 10px;
    height: 160px
}

.news-main-dl li {
    display: block;
    margin-bottom: 22px;
    width: 10px;
    height: 10px;
    background: url(/images/icon2.jpg) no-repeat;
    cursor: pointer
}

.news-main-dl li.on,.news-main-dl li:hover {
    background: url(/images/icon1.jpg) no-repeat
}

.est-detail {
    float: left;
    width: 455px;
    height: 277px
}

.est-detail-box {
    position: relative;
    overflow: hidden;
    width: 455px;
    height: 277px
}

.est-detail-box ul {
    position: absolute;
    top: 0;
    left: 0
}

.est-detail-box li {
    position: relative;
    float: left;
    width: 455px;
    height: 277px
}

.est-detail-box li a {
    display: block;
    height: 100%
}

.est-detail-box .info {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    padding-top: 22px;
    padding-left: 22px;
    width: 197px;
    height: 6pc;
    background: url(/images/bg1.jpg) no-repeat center top;
    color: #bdbdbf;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.est-detail-box li:hover .info {
    visibility: visible;
    opacity: 1
}

.est-detail-box .info h3 {
    margin-bottom: 15px;
    font-size: 18px
}

.est-detail-box .info h3,.est-detail-box .info p {
    color: #bdbdbf;
    font-weight: 700
}


.lay-box {
    float: right;
}
.lay-box, .lay-box a {
    width: 225px;
    height: 277px;
    background: #00b2b2;
}
.lay-box a {
    position: relative;
    display: block;
}
.lay-box img {
    width: auto !important;
}


/* ���� start */
#subjects {height:165px; background-color:#e0e2e4;margin: 0 auto;max-width: 1680px;}
#subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}
#subjects .g-wrap .item-1 {z-index:1; background-color:#c8c8c8;}
#subjects .g-wrap .item-2 {z-index:2; background-color:#ffd900;}
#subjects .g-wrap .item-3 {z-index:3; background-color:#fc433e;}
#subjects .g-wrap .item-4 {z-index:4; background-color:#2d2d58;}
#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
#subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;}
#subjects .g-wrap .item-1 .p1 {left:0; top:0; width:493px; height:165px;}
#subjects .g-wrap .item-1 .p2 {left:276px; top:68px; z-index:2; width:189px; height:29px;}
/*#subjects .g-wrap .item-2 .p1 {left:61px; top:21px;}
#subjects .g-wrap .item-2 .p2 {left:250px; top:26px;}
#subjects .g-wrap .item-3 .p1 {left:20px; top:56px; width:77px; height:76px;}
#subjects .g-wrap .item-3 .p2 {left:150px; width:282px; height:122px;}
#subjects .g-wrap .item-4 .p1 {left:23px; top:54px; width:182px; height:80px;}
#subjects .g-wrap .item-4 .p2 {left:227px; top:21px; width:245px; height:122px;}*/

/*#subjects*/
#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}

/* ������� */
#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}
#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}

/* û��ָ�� */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:340px;}
#subjects .state-0 .item-3 {left:617px;}
#subjects .state-0 .item-4 {left:793px;}
/* ָ���һ�� */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:492px;}
#subjects .state-1 .item-3 {left:705px;}
#subjects .state-1 .item-4 {left:917px;}
#subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* ָ��ڶ��� */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:212px;}
#subjects .state-2 .item-3 {left:705px;}
#subjects .state-2 .item-4 {left:917px;}
#subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* ָ������� */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:212px;}
#subjects .state-3 .item-3 {left:425px;}
#subjects .state-3 .item-4 {left:917px;}
#subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* ָ����ĸ� */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:212px;}
#subjects .state-4 .item-3 {left:425px;}
#subjects .state-4 .item-4 {left:710px;}
#subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* ���� end */