body{font-family: å¾®è½¯é›…é»‘;}
.index{ background:#dddce3 url(../img/index-bg.png) no-repeat top center; /*background-size: 100% 100%;*/}
.head{ width: 100%;  height: 190px; }
.head .head-t{ width: 100%; float: left; height: 35px; background: url(../img/head-nav.png); background-size: 100% 100%;}
.head .head-t .head-main{ width: 1160px; margin: 0 auto;height: 100%;}
.head-main .l{ width: 300px; float: left; height: 100%; overflow: hidden;}
.head-main .l a{ float: left; line-height: 35px; color: #fff; font-size: 12px; margin-right: 15px;}
.head-main .r{ width: 295px; height: 100%; float: right; overflow: hidden;}
#form1{width: auto; height: 35px; line-height: 35px; font-size: 12px; color: #fff; float: left;}
.bdsharebuttonbox a { width: 28px!important; height: 35px!important; margin: 0 auto 10px!important; float: none!important; padding: 0!important; display: block; }
.bdsharebuttonbox a img { width: 60px; height: 60px; }
.bdsharebuttonbox .bds_tsina { background: url(../img/weibo.png) no-repeat center center/28px 35px;     background-position: 0 0  !important; }
.bdsharebuttonbox .bds_weixin { background: url(../img/weixin.png) no-repeat center center/28px 35px;  background-position: 0 0 !important;}
.bdsharebuttonbox{ width: 65px; float: left; height: 35px;    margin-left: 23px;}
.bdsharebuttonbox ul { width: 100%; float: left;}
.bdsharebuttonbox ul li{ float: left; width: 28px; height: 35px; }
.bd_weixin_popup .bd_weixin_popup_foot { position: relative; top: -12px; }
.head-main .r .easy{ width: 45px; float: left; height: 100%; line-height: 35px; overflow: hidden;color: #fff; font-size: 12px;}
.head-main .r .easy a{ color: #fff; font-size: 12px;}
.head .head-b .nav input{ float: left; width: 187px; height: 33px; background:#fff;  margin-top: 61px; font-size: 12px; color: #bbbaba; border-radius: 30px 0 0 30px; text-indent: 15px;
 margin-left: 10px;border:1px solid #dcdcdc; border-right:none;}
.head .head-b .nav input::-webkit-input-placeholder {
      /* placeholderÃ©Â¢Å“Ã¨â€°Â²  */
        color: #c9c9c9;
    }
.head .head-b .nav input:focus{  
   background: #fff; 
}  
.head .head-b .nav button{ width: 98px; height: 35px; float: left; background: #0068b7; font-size: 16px; color: #41c4ff; line-height: 35px; margin-top: 61px;
 cursor: pointer; border-radius: 0px 30px 30px 0px;}
.head .head-b .nav button:hover{color: #fff;}
.head .head-b{ width: 100%; float: left; height: 155px; }
    ::-webkit-input-placeholder {/*Chrome/Safari*/
    color: #bfbfbf;
    }
    : :-moz-placeholder {/*Firefox*/
    color: #bfbfbf;
    }
    Ã£â‚¬â‚¬: :-ms-input-placeholder {/*IE*/
       color: #bfbfbf;
    } 
.head .head-b .head-b-m{ width: 1160px; height: 100%; margin: 0 auto;}
.head .head-b .logo{ width: 360px; float: left; height: 100%; overflow: hidden; }
.head .head-b .nav form{float: left;}
.head .head-b .nav{width: 800px ; float: left; height: 100%;}
.head .head-b .nav .navul{ width: 105%; float: left; height: 95px; margin-top: 40px; display: none;}
.navbox,.nav li,.nav li.current a,.nav li.selected a span,.nav li a.selected,.nav li a.selected span{}
.navbox{height:58px;width:500px;background-position:0 -138px;background-repeat:repeat-x;position:relative;z-index:9; margin-top: 50px; float: left;}
.navbox .nav{width:105% ! important;float: left;}
.navbox .nav ul{float: left;}
.navbox .nav li{float:left;height:58px;width:117px;background-position:100% -99px;position:relative; margin-right: 10px; }
.navbox .nav li.last{background:none;}
.navbox .nav li a{float:left;display:block;width: 100%; height:58px;overflow:hidden; border-radius: 10px;background: #0b6fbb;position: relative;z-index: 999;}
.navbox .nav li a div{width: 28px; height: 28px; float: left; margin-top: 15px; margin-left: 16px; }
.navbox .nav li a span{float:left;display:block;width:55px;height:35px;overflow: hidden; font-size:14px;font-weight:800;cursor:pointer;text-align:center;color: #8acaf3; margin-left: 10px;margin-top: 11px;}
.navbox .nav li a span i{font-style: normal; width: 100%;float: left; font-size: 14px; }
.navbox .nav li a span em{font-style: normal; width: 100%;float: left;font-size: 12px; line-height: 12px;}
.navbox .nav li a .select1{background: url(../img/nav1-hover.png) no-repeat left;}
.navbox .nav li a .select2{background: url(../img/nav2-hover.png) no-repeat left;}
.navbox .nav li a .select3{background: url(../img/nav3-hover.png) no-repeat left;}
.navbox .nav li a .select4{background: url(../img/nav4-hover.png) no-repeat left;}
.navbox .nav li .selected .select1{background: url(../img/nav1-li.png) no-repeat left;}
.navbox .nav li .selected .select2{background: url(../img/nav2-li.png) no-repeat left;}
.navbox .nav li .selected .select3{background: url(../img/nav3-li.png) no-repeat left;}
.navbox .nav li .selected .select4{background: url(../img/nav4-li.png) no-repeat left;}
.navbox .nav li.selected a,.nav li a.selected{background-position:0 -60px;text-decoration:none;}
.navbox .nav li .selected  em{color: #a3bddd;}
.navbox .nav li.selected a span,.nav li a.selected span{background-position:100% -60px;color:#fff;}
.navbox .nav li.selected .submenu{display:block;}
.navbox .nav li .submenu{display:none;position:absolute;top:0;left:0;}
.navbox .nav li .submenu{width:117px;background:url(../img/nav-li-bg.png); background-size: 100% 100%; margin-top: -15px; z-index: 9;padding-top: 13px;}
.navbox .nav li .submenu{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:10px;-webkit-box-shadow:10px;box-shadow:10px;}
.navbox .nav li .submenu li{float:none;padding:0;background:none;height:auto; height: 31px; line-height: 31px; font-size: 12px;}
.navbox .nav li .submenu li.last{border:none;}
.navbox .nav li .submenu li a{float:none;padding:0;text-align:center;height:28px;width: 86px; margin: 0 auto; line-height:28px;background:none;color: #add3ed;border-bottom:solid 1px #BEBEBE; border-radius: 0;text-decoration: none;}
.navbox .nav li .submenu li a:hover{color:#fff;font-weight:800;}

/*.head .head-b .nav ul li{ width: 120px; height:100%; float: left; }
.head .head-b .nav ul li img{ margin:0 auto; display:block; margin-top: 15px;}
.head .head-b .nav ul li p{ text-align: center; width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #ffffff;    overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;font-weight: bold;}*/



.main{ width: 100%; height: auto; float: left; }
.main .main-body{ width: 1210px; height: auto; margin: 0 auto; }
.main-body .position-tive{margin-bottom: 20px; width: 100%; float: left; height: 55px; overflow: hidden; background:#fff; }
.main-body .position-tive p{ line-height: 55px; display: block; width: 100%;  font-size: 12px; color: #535353;
margin-left: 30px;  }
.main-body .position-tive p a{ color: #535353; }


.nav-right{ width: 65px;height: 380px;position: fixed;left: 50%;margin-left: 572px;top: 200px; }
.nav-right ul {}
.nav-right ul li{ float: left;width: 65px; height: 65px;margin-bottom: 13px;}
.nav-right ul li a{ width: 65px !important; height: 65px !important; float: left;margin-bottom: 13px;}
.nav-right ul li .bds_weixin{background: url(../img/nav-right-2.png) no-repeat;}
.nav-right ul li .bds_tsina{background: url(../img/nav-right-3.png) no-repeat;}

.socialShare {display: block;width: 54px;height: 54px;position: relative;z-index: 1;}
.socialShare .msb_main {display: block;width: 46px;height: 46px;position: absolute;top: 0;left: 0;z-index: 2; cursor: pointer;
 text-indent: -9999px;box-shadow: 0 0 5px #DDD;border-radius: 36px; background:#122b6c;} 
.socialShare .msb_main:hover {box-shadow: 0 0 5px #BBB;}
.socialShare .msb_main img {width: 65px;height: 65px;cursor: pointer;border-radius: 23px;border: none;float: left}
.socialShare .msb_network_button {width: 31px !important;height: 31px !important;position: absolute;top: 9px;left: 92px;z-index: 1;
cursor: pointer;text-indent: -9999px;display: none;background: no-repeat;border: 2px solid #f5f5f5;border-radius: 50%;}
.socialShare .msb_network_button.sina {background: url(../img/social.png) no-repeat -130px -87px;}
.socialShare .msb_network_button.tQQ {background: url(../img/social.png) no-repeat -185px -20px;}
.socialShare .msb_network_button.qZone {background: url(../img/social.png) no-repeat -73px -20px;}
.socialShare .msb_network_button.douban {background: url(../img/social.png) no-repeat -130px -151px;}
.socialShare .msb_network_button.weixin {background: url(../img/social.png) no-repeat -73px -87px;}
.socialShare .msb_network_button:hover{transition: -moz-transform 2s ease-out 0s;border: 2px solid #eee;}


/*é¦–é¡µ foot*/
.foot{ width: 100%;  height: 130px; overflow: hidden;}
.foot .foot-t{ width: 100%; float: left; height: 42px;background: url(../img/head-nav.png);background-size: 100% 100%;}
.foot .foot-t .foot-tc{ width: 1160px; margin: 0 auto; height: 42px; overflow: hidden; }
.foot .foot-t .foot-tc div{ width: 75%; margin: 0 auto;}
.foot .foot-t .foot-tc p{ width: 170px; height: 100%; float: left; line-height: 42px; text-align: center; font-size: 14px; color: #ffffff;}
.foot .foot-t .foot-tc select{ width: 139px; height: 26px; border: 1px solid #cfcfcf; margin-top: 7px; margin-right: 27px;}
.foot .foot-b{width: 100%; float: left; height: 88px;background: url(../img/foot-b-bg.png);background-size: 100% 100%;}
.foot .foot-b .foot-bc{ width: 1175px; height: 88px; margin:0 auto; }
.foot-bc .foot-bl{padding-left: 153px ! important; width: 650px; float: left; height: 100%; overflow: hidden;}
.foot-bc .foot-bl i{ height: 100%; vertical-align: middle; display: inline-block;}
.foot-bc .foot-bl img{ vertical-align: middle; margin-right: 10px;}
.foot-bc .foot-br{ width: 660px; float: left; height: 100%;}
.foot-bc .foot-br ul{ width: 100%; float: left; margin-top: 20px;}
.foot-bc .foot-br ul li{ width: 100%; float: left; height: 25px; line-height: 25px; font-size: 12px; color: #ffffff; overflow:hidden;
text-overflow:ellipsis;white-space:nowrap}
/*foot ç»“æŸ*/
#ondiv{width:260px;height:260px;padding: 10px;  background:#fff;position: fixed;top:35%;right:40%;display:none;z-index:9999;}
#ondiv p{width: 35px;text-align: center; cursor: pointer;float: right;height: 25px;line-height: 25px;}
#ondiv span{width:180px;height:180px;float: left;margin-left: 40px;margin-top: 20px;}
#ondiv span img{width: 100%;height: 100%;}
#ondiv .ondiv{font-size: 12px;text-align: left;line-height: 22px;color: #666;width: 100%;float: left;}

/*é€šç”¨æ¨¡æ¿*/
.main .mainer{ width: 1120px; margin: 0 auto; height: auto; overflow: hidden;
padding: 20px; padding-top: 0; background: #fff; margin-bottom: 30px;}
.main .mainer .position{ width: 100%; float: left; height: 50px; overflow: hidden;}
.main .mainer .position p{ width: 100%; float: left; height: 50px; line-height: 50px;}
.main .mainer .position p a{ font-size: 12px; color: #7d7d7d;}
.main .main-universal .colum{ width: 100%; float: left; height: 200px; overflow: hidden;}
.main .main-universal .tab-text{ width: 100%; float: left; height: 730px; overflow: hidden; margin-top: 20px;}
.main-universal .tab-text .l{ width: 240px; float: left; height: 100%; overflow: hidden; background: #eeeeee; margin-right: 20px; display: none;}
.main-universal .tab-text .l p{ width: 100%; float: left; height: 50px; background: #00a0e9; line-height: 50px;font-size: 16px;
 text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color: #fff; margin-bottom: 22px;}
.main-universal .tab-text .l span{ width: 180px; height: 40px; float: left;  margin-left: 30px; margin-bottom: 15px;
line-height: 40px; text-align: center; color: #535353;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
background: #fff; font-size: 14px;} 
.main-universal .tab-text .l span a{color: #535353;}
.main-universal .tab-text .l span.on a{ color: #00a0e9;}
.main-universal .tab-text .r{ width: 100%; float: left; height: 100%; overflow: hidden;}
.main-universal .tab-text .r .rt{ width: 100%; float: left; height: auto; margin-bottom: 20px;}
.main-universal .tab-text .r .rt .rt-t{ width: 100%; height: 49px; line-height: 49px; float: left; background: #eeeeee; border-top: 1px solid #00a0e9;}
.main-universal .tab-text .r .rt .rt-t p{
 width: auto;
 float: left;
 height: 49px;
 background: #00a0e9;
 text-align: center;
 font-size: 16px;
 color: #ffffff;
 padding: 0 5px;
 min-width: 140px;
 }
.main-universal .tab-text .r .rt .rt-t p a{color: #ffffff;}
.main-universal .tab-text .r .rt .rt-t .more { float: right; font-size: 14px; color: #999; margin-right: 20px;}
.main-universal .tab-text .r .rt ul{ width: 100%; float: left; margin-top: 10px;}
.main-universal .tab-text .r .rt ul li{ width: 100%; float: left; height: 37px; line-height: 37px; overflow: hidden;}
.main-universal .tab-text .r .rt ul li i{ width: 85%; float: left; height: 37px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
font-size: 14px; color: #313131; font-style: normal;}
.main-universal .tab-text .r .rt ul li i a{color: #313131;}
.main-universal .tab-text .r .rt ul li i a:hover{color: #00a0e9;}
.main-universal .tab-text .r .rt ul li em{width: 15%; float: left; height: 37px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
font-size: 14px; color: #a0a0a0; font-style: normal; text-align: right;}
.main .main-universal .tab-text2{ width: 105%; float: left; height: 730px; overflow: hidden; margin-top: 20px;}
.main-universal .tab-text2  .rt{ width: 550px; float: left; height: auto; margin-bottom: 20px; margin-right: 20px;}
.main-universal .tab-text2  .rt .rt-t{ width: 100%; height: 49px; float: left; background: #eeeeee; border-top: 1px solid #00a0e9;}
.main-universal .tab-text2  .rt .rt-t p{ width: 140px; float: left; height: 49px; background: #00a0e9; line-height: 49px; text-align: center;
 font-size: 14px; color: #ffffff;}
.main-universal .tab-text2  .rt ul{ width: 100%; float: left; margin-top: 10px;}
.main-universal .tab-text2  .rt ul li{ width: 100%; float: left; height: 37px; line-height: 37px; overflow: hidden;}
.main-universal .tab-text2  .rt ul li i{ width: 85%; float: left; height: 37px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
font-size: 14px; color: #313131; font-style: normal;}
.main-universal .tab-text2  .rt ul li i a{color: #313131;}
.main-universal .tab-text2  .rt ul li i a:hover{color: #00a0e9;}
.main-universal .tab-text2  .rt ul li em{width: 15%; float: left; height: 37px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
font-size: 14px; color: #a0a0a0; font-style: normal; text-align: right;}
/*end é€šç”¨æ¨¡æ¿*/



@media screen and (max-width: 1366px) { 
.nav-right{display: none;}
} 
