@charset "utf-8";
/* CSS Document */
html{color:#41443D;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;  font:12px/1.5 "Microsoft Yahei", "微软雅黑", sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body{ background-color:#FFF}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div {display:block;}
input,select,textarea{font-size:100%;}
i,cite,em,var,address,dfn{font-style: normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;}
img{border:0;}
iframe,div{display:block; }
ol,ul {	list-style:none;}
q:before,q:after {content:'';}
a{text-decoration:none; color:#616161;}
a:hover{ text-decoration:none;color:#046ebe;}
p{ line-height:26px; text-indent:0;}
.fn-clear:after {visibility:hidden;display:block;font-size:0;content:" d";clear:both;height:0;}
.fn-clear {	zoom:1; /* for IE6 IE7 */}
body .fn-hide {display:none;}
.fn-left,.fn-right {display:inline;}
.fn-left{float:left;}
.fn-right{float:right;}
.d-none{display:none;}
.d-block{display:block;}
form, fieldset, legend, button, input, textarea{border:medium none;margin: 0;padding: 0;}

body, html {width: 100%;height: 100%;min-width: 1300px;min-height: 400px;}
.indexmain {position:relative; width:100%;width: 100%;height: 100%;min-width: 1300px;min-height: 400px;float: left;}

#header {position:relative; z-index:99; width:100%; margin:0 auto; height:120px; background-color:#fff;}
#logo {position:absolute; top:34px; left:1px; width:250px; height:60px; background:url(../imagesx2/logo.png) no-repeat 0 0;background-size: 100%;}
.headerbox{position:relative; z-index:5; width:1200px; margin:0 auto; height:120px;}
#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:70px;}
#nav .n2, #nav .n3, #nav .n5,#nav .n4, #nav .n6, #nav .n7, #nav .n8 {width:100px;}
#nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:normal; font-size:16px; line-height:150px; text-align:center; color:#4e4e4e;
   -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:#142280;*/background-color:#000; -webkit-transition:top 200ms; transition:top 200ms;}
#nav li a.on .bkg,#nav li a.info .bkg,#nav li a:hover .bkg {top:0;}
/* #header .line{ width:2px; height:92px; background:url(../imagesx2/line.jpg) no-repeat 0 0; float:left; position:absolute; top:18px; right:160px;} */
#shop {position:absolute; bottom:0; right:0; z-index:5; width:78px; height:100%; }
#shop {width:160px;}
#shop .btn-search {position:absolute; top:0; left:65px; width:20px; height:100%; background:url(../imagesx2/search2.png) no-repeat center 66px;}
#shop .btn-search:hover,
#shop .btn-search.on {background-image:url(../imagesx2/search.jpg); background-size:20px 20px}
#shop .btn-lang {position:absolute;top:0; right:0; padding:0 15px; width:auto; height:100%; font-size:16px; line-height:150px; color:#4e4e4e; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
#shop .btn-lang:hover {color:#142280;}
#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(../imagesx2/head-nw-icon.png) right center no-repeat; -webkit-transition:all 300ms; transition:all 300ms;}
#shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #142280; background: url(../imagesx2/head-nw-icon-on.png) right center no-repeat;}
#subNav {position:absolute; top:120px; 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%;border-top:2px solid #0069b7; background-color:#f5f5f5;overflow:hidden;
   -webkit-transition:top 300ms; transition:top 300ms;box-sizing:border-box;}
#subNav .g-wrap .about {left:50%; margin:0 0 0 -171px; padding:0 83px; }
#subNav .g-wrap .news {left:50%; margin:0 0 0 -71px;  padding:0 83px; }
#subNav .g-wrap .relation {left:614px; padding:0 80px;}
#subNav .g-wrap .service {left:50%; margin:0 0 0 29px; padding:0 83px;}
#subNav .g-wrap .citizenship {left:710px; padding:0 83px;}
#subNav .g-wrap .search {left: 50%;margin: 0 0 0 504px; width:254px; height:60px; border:8px solid #4c4a4f;}
#subNav .g-wrap .search input { padding:0 20px; width:200px; height:44px; line-height:44px; }
#subNav .g-wrap .langs {left: 50%;  margin: 0 0 0 504px; padding:0 15px; width:224px;}
#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 .nwi-tit{ float: left; width: 50px; color: #8f8c92; font-size: 12px;}
#subNav .g-wrap .nwmenu .nwmenu-list{  overflow:hidden;}
#subNav .g-wrap .nwmenu .nwmenu-list li a{ float: none; padding: 0; line-height: 22px; color: #464646; font-size: 12px;font-weight: normal; -webkit-transition: color 300ms; transition: color 300ms;}
#subNav .g-wrap .nwmenu .nwmenu-list li a:hover{ color: #142280;}
#subNav .g-wrap .on {top:0; z-index: 2;}
#subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:normal; font-size:16px; line-height:61px; color:#464646;-webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {color:#142280;}
#subNav .g-wrap .item #on {color: #142280;}
/* #topcontrol{border-radius:50%;z-index: 99;font-size: 0;}
#topcontrol:hover{-moz-box-shadow:0px 0px 6px #333333; -webkit-box-shadow:0px 0px 6px #333333; box-shadow:0px 0px 6px #333333;-webkit-transition:500ms; transition:500ms;} */
.footer{ width:100%; overflow:hidden; margin:0 auto 0 auto; background:#2f2e2e;padding-bottom: 50px;}
.footbox a{-webkit-transition:300ms; transition:300ms;}
.footbox{ width:1200px; margin:54px auto 0 auto; position:relative; overflow:hidden; height:auto;}
.footbox .fn-left{width: 900px;}
.footbox .wx{ width:123px}
.footbox .fmenu{ color:#ffffff; font-size:16px; float:left; width:100%}
.footbox .fmenu span{ padding:0 20px; float:left; display:inline }
.footbox .fmenu a{ color:#ffffff; font-size:16px; float:left}
.footbox .fmenu a:hover{ text-decoration: underline;}
.footbox .copy{width:100%; }
.footbox .copy p{ text-align:left; color:#ffffff; font-size:14px; line-height:28px}
.footbox .copy a{color:#ffffff;}
.navigtbot {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}
/*底部手风琴效果*/
.linklist{overflow:hidden;width:100%;height:226px;background:#f5f4f4;margin:60px auto 40px;}
.linklist ul li{float:left;height:226px;width:230px}
.linklist ul li a{height:226px;width:100%;display:block;}
.linklist ul .pic1{background-image:url(../imagesx2/link1.jpg);background-repeat:no-repeat;width:328px;}
.linklist ul .pic2{background-image:url(../imagesx2/link2.jpg);background-repeat:no-repeat;width:285px;}
.linklist ul .pic3{background-image:url(../imagesx2/link3.jpg);background-repeat:no-repeat;width:230px;}
.linklist ul .pic4{background-image:url(../imagesx2/link4.jpg);background-repeat:no-repeat;width:357px;}
.news .linklist ul .pic4{background-image:url(../imagesx2/link5.jpg);background-repeat:no-repeat;width:357px;}
.eventbot .linklist ul .pic1{background-image:url(../imagesx2/events1.jpg);background-repeat:no-repeat;width:336px;}
.eventbot .linklist ul .pic2{background-image:url(../imagesx2/events2.jpg);background-repeat:no-repeat;width:297px;}
.eventbot .linklist ul .pic3{background-image:url(../imagesx2/events3.jpg);background-repeat:no-repeat;width:230px;}
.eventbot .linklist ul .pic4{background-image:url(../imagesx2/events4.jpg);background-repeat:no-repeat;width:330px;}
/* .txt{height:220px;width:100px}
.txt p{float:left;color:#fff}
.txt .p1{font-size:13px;width:13px;padding:25px 25px 0 20px} */


.navigtbot{width:100%;border-bottom:1px solid #e5e5e5; }
.navigt{ width:1200px; margin:0 auto;  height:90px; line-height:90px;}
.navigt .crumbs {float:left; padding-left:29px; height:100%; background:url(../imagesx2/home.jpg) no-repeat 0 36px; text-align:left;}
.navigt .crumbs a { padding:0; font-weight:bold; font-size:14px; line-height:90px; color:#4e4e4e; }
.navigt .crumbs a:hover{color:#142280;}
.navigt .crumbs a:last-child{color:#142280;}
.navigt .columns {float:right; height:100%;}
.navigt .columns a {position:relative; float:left; margin-left:30px; font-weight:bold; line-height:90px; color:#5d5d5d; font-size:14px;overflow:hidden;}
.navigt .columns a span {position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#142280; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms;}
.navigt .columns a.on,.navigt .columns a:hover{ color:#142280}
.navigt .columns a.on span {width:100%;}


#topcontrol{border: 1px solid #e2def9;border-radius: 5px;width: 40px;height: 40px;background:url("../imagesx2/top1.png") #ffffff no-repeat center;
  background-size: 42%;
  z-index: 99;font-size: 0;transition: all .2s cubic-bezier(.215,.61,.355,1);}
#topcontrol:hover{background:url("../imagesx2/top2.png") #ffffff no-repeat center;background-size: 42%; 
  -moz-box-shadow:2px 2px 2px 0 #e8e8e8; -webkit-box-shadow:2px 2px 2px 0 #e8e8e8; box-shadow:2px 2px 2px 0 #e8e8e8;
}

.r_fix_btn{position: fixed;right:30px;bottom: 280px;z-index: 99;}
.r_fix_btn ul{}
.r_fix_btn ul li{width: 40px;height: 40px;font-size: 0;transition: all .2s cubic-bezier(.215,.61,.355,1);
  border: 1px solid #e2def9;border-radius: 5px; margin: 6px 0;cursor:pointer;
  background-size: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
}
.r_fix_btn ul li:hover{background-size: 88%;-moz-box-shadow:2px 2px 2px 0 #e8e8e8;
   -webkit-box-shadow:2px 2px 2px 0 #e8e8e8; box-shadow:2px 2px 2px 0 #e8e8e8;}
.r_fix_btn ul li.r_fix_btn1{background-image:url("../imagesx2/r_fix_btn1_1.png");}
.r_fix_btn ul li.r_fix_btn1:hover{background-image:url("../imagesx2/r_fix_btn1_2.png");}
.r_fix_btn ul li.r_fix_btn2{background-image:url("../imagesx2/r_fix_btn2_1.png");}
.r_fix_btn ul li.r_fix_btn2:hover{background-image:url("../imagesx2/r_fix_btn2_2.png");}
.r_fix_btn ul li.r_fix_btn3{background-image:url("../imagesx2/r_fix_btn3_1.png");}
.r_fix_btn ul li.r_fix_btn3:hover{background-image:url("../imagesx2/r_fix_btn3_2.png");}
.r_fix_btn ul li a{width:100%;height: 100%;display: block;}