/*公共*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body{text-align:left;font:15px Arial,"Microsoft YaHei","微软雅黑";}
a{color:#2f2929;text-decoration:none;}
a:hover{color:#c30d23;text-decoration:underline;}
em{font-style:normal}li{list-style:none;}
img{border:0;vertical-align:bottom;}
table{border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word;}

.picbox{ width:1200px;margin:50px auto;font-family: "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",serif;}
.picbox h2{font-size:22px;line-height:36px;color:#d13a3e;text-align:center;}
.picbox .text{font-size:18px;line-height:30px;color:#2a2d39;padding:10px 0 20px 0;text-align:center;}
.piclist{margin-left:1px}
.piclist:after{height:0;display:block;clear:both;visibility:hidden;content:'.';font-size:0}
.piclist ul{ width:1200px;margin:0 auto;position:relative;}
.piclist li{ float:left;text-align:center;cursor:pointer;z-index:0;position:relative;margin:0 10px 10px 0;width:290px;height:270px;margin-bottom:10px;box-shadow:0px 1px 0px #edecec;border: 1px solid #e5e5e5;}
.piclist li.r{ margin-right:0}
.piclist li .in img{*width:290px;*height:auto;}
.piclist li .in{ position: absolute;left: 0;top: 0;z-index:2;width: 290px;}
.piclist li .in .imgdiv{display:block;width:290px;height: 200px;margin:0 auto;;overflow:hidden;}

.piclist li span{ display:block;text-align: center;height:50px;padding:8px 3px 0 3px;font-size:18px;line-height:25px;color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.piclist li span b{display:block;color:#d13a3e;}
.piclist li.pic .original{display:none;padding:5px;padding-bottom:0;border: 1px solid #1C4FA2;position:absolute;text-align: center;left:-16px; top:-59px; background: #fff;}
.piclist li.pic .original .imga{display:block;}
.piclist li .original img{*height:250px;*width:auto;}
.piclist li .original span {height:36px;padding-top:0;}
.piclist li .original b{ line-height:36px; }
.piclist li.on{z-index:999}
.piclist li.on .original{ display:block;z-index:100;}
#banner {position:relative; z-index:2; width:100%; height:414px; overflow:hidden;}
#banner .pics {position:relative; width:100%; height:100%;}
#banner .pics li {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat center 0;}
#banner .pics li a {display:block; width:100%; height:100%;}
#banner .pics .b1 {display:list-item;}
#banner .btns a {position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}
#banner .btns .prev {left:-50px;}
#banner .btns .next {right:-50px;}
#banner .btns .prev.on {left:120px;}
#banner .btns .next.on {right:120px;}
#banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms;  transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;}
#banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;}
#banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns .prev .off {background:url(../images/prev.png) no-repeat 0 0;}
#banner .btns .prev .on  {background:url(../images/prev_on.png) no-repeat 0 0;}
#banner .btns .next .off {background:url(../images/next.png) no-repeat 0 0;}
#banner .btns .next .on {background:url(../images/next_on.png) no-repeat 0 0;}
#banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;}

#banner .g-wrap {position:absolute; left:50%; bottom:0; z-index:2; margin:0px auto; width:100px; height:30px; overflow:hidden;}
#banner .g-wrap .idxs {float:left; height:100%;}
#banner .g-wrap .idxs li {float:left; margin:30px 7px 0 0; width:9px; height:9px; border-radius:13px; border:2px solid #fff; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;}
#banner .g-wrap .idxs li.on {background-color:#8f8d93; border-color:#8f8d93;}
.g-wrap {position:relative; margin:0 auto; width:1130px; height:100%; overflow:hidden;}
#header {position:relative; z-index:5; height:79px; background-color:#fff;}
    #logo {position:absolute; top:0px; left:1px; width:280px; height:79px; background:url(../images/logo.png) no-repeat 0 0;}
    #nav {position:absolute; top:0; right:30px; 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 .n6, #nav .n7, #nav .n8, #nav .n9 {width:80px;}
    #nav .n4 {width:80px;}
   

    #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:#f00; -webkit-transition:top 200ms; transition:top 200ms;}

    #nav li a.on .bkg,
    #nav li a:hover .bkg {top:0;}
    #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:540px; padding:0 67px; /*width:752px;*/}
    #subNav .g-wrap .relation {left:620px; padding:0 80px;/* width:643px;*/}
    #subNav .g-wrap .service {left:700px; padding:0 67px; /*width:573px;*/}
    #subNav .g-wrap .citizenship {left:780px; padding:0 67px; /*width:573px;*/}
    #subNav .g-wrap .job {left:860px; padding:0 67px; /*width:573px;*/}
    #subNav .g-wrap .dang {left:940px; padding:0 67px; /*width:573px;*/}
    #subNav .g-wrap .search {right:0; width:238px; 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: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: #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:#f63b2e;}
    #subNav .g-wrap .item #on {
    color: #f63b2e;
}
  #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(../img/icon_search.png) no-repeat 0px 0px;}
    #shop .btn-search:hover,
    #shop .btn-search.on {background-image:url(../img/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(../img/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(../img/head-nw-icon-on.png) right center no-repeat;}
/* 滑块 start */
#subjects {height:165px; background-color:#e0e2e4;}
#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:637px;}
#subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 滑块 end */
/* 尾部
-------------------------------------------------------------- */
.footer { margin:0 auto; width:100%;padding-top:32px;}
.sfoot { margin:0 auto; width:100%; color:#fff; padding-top:30px; padding-bottom:26px; background-color:#007DD4;}
.xfoot {margin:0 auto; width:100%; padding-top:18px; padding-bottom:10px;line-height:25px;}
.nfoot { width:1000px; margin:0 auto; overflow:hidden;}
.zfoot { width:571px; float:left; background:url(../images/xian2.jpg) no-repeat right top;}
.sfoota { width:170px; float:left; padding-right:20px;}
.sftabt { font-size:15px; width:100%; color:#fff;}
.sftbbt { width:100%; padding-top:22px;}
.sftbbt ul li { line-height:25px;}
.sftbbt ul li a { color:#fff;}
.yfoot { padding-left:46px; width:378px;}
.yfsou { float:left; width:100%;}
.yfxz { background:url(../images/xian2.jpg) no-repeat right top; min-height:186px; width:149px; margin-top:0px;color:#fff;}
.yfxza { font-size:17px; padding-bottom:20px;color:#fff;}
.tb { line-height:22px; padding-top:5px;}
.tb span { font-size:12px; color:#FFF;}
.serw {  padding-top:18px;}
.serwz {  padding-top:5px;}

.sou { float:right; background:url(../images/soubg.jpg) no-repeat; width:138px; height:22px; margin-left:100px;}
.zsou { width:102px; padding-left:10px; line-height:16px; border:none; float:left; background:none; color:#A7AAAD; font-size:10px;}
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }
.left { float: left; }
.right{ float: right; }