
/* common */
body{margin:0px;padding:0px;font-family: "å¯°î†¿è’‹é—†å‘´ç²¦", Arial, sans-serif;}
img{border:0;}
ul{list-style: none;margin:0px;padding:0px;}
/*p{margin:0px;padding:0px;line-height: 24px;}*/
p{margin:0px;padding:0px;}


/* div css */
#container {width:1150px ;margin:10px auto; text-align: center;}
#header{background-color: #f9f9f9;}
#header .uplink{float:left;}
#header .ruplink{float:right;}
#header{font-size: 13px;color:#000;}
#header a{margin-right:15px;text-decoration: none;color:#000;}
#navhead a:hover{text-decoration:none;color:#000;}

#navhead{margin:20px auto 0px auto;height:90px;width:1150px;}
#channel .mainnav{width:95px;height:40px;line-height: 40px;text-align: center;float:left;position:relative;letter-spacing: 5px;margin-top:40px;}
#channel .longnav{margin-left: 10px;width:140px;height:40px;line-height: 40px;text-align: center;float:left;position:relative;letter-spacing: 3px;margin-top:40px;}
.navtext{font-size: 15px;color:#000;text-decoration: none;}
.navtext2{font-size: 16px;color:#000;text-decoration: none;font-weight: bold;}
#channel .subnav{display:none;position: relative;background-color: rgb(229,229,229);opacity:0.7;
/* background-color: #c3c2c2;opacity:0.7;*/filter:alpha(opacity:70); z-index: 999;color:#000;}
#channel .subnav a{white-space: nowrap;letter-spacing: 3px;position:relative;}
/*#channel .subnav li{position:relative;}*/

/*.subnav li a span.over{padding:0px;margin:0px;background-color: #26a5f4;opacity: 0.5;position:absolute;filter:alpha(opacity:80);left:48px; top:10px;z-index: -1;}
*/
#menu{left:50%;margin-left: 585px;position:fixed;width:55px;height:568px;bottom:0;}
#menu img{margin-bottom: 5px;width:45px;height:45px;}
.sharebtn{cursor:pointer;margin-left: 20px;}

#footer{background-color: #f7f7f7}
#link_infos{width:1150px;margin:20px auto 0px auto;text-align: center;padding-top: 20px;}
#link_infos strong{font-size: 15px;margin-bottom: 15px;color:#616161;}
#link_infos .flinks{margin-left: 20px;}
#link_infos .friend_links,#link_infos .wxcode{margin-left: 80px;}
.flinks p,.friend_links p{margin:10px 5px;line-height: 20px;}
.friend_links a{margin-right: 25px;}
#website_info{width:900px;margin-top:30px;margin-left: auto;margin-right: auto; text-align: center;padding-bottom: 100px;}

.switimage{padding:0px;position:relative;margin-top:-40px; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6);filter:alpha(opacity:60);}

.bd{text-align: left;}
.mengb{background-color:black;opacity: 0.5;filter:alpha(opacity:50);}
.mengb span{padding-left: 10px;margin:0px;}
.mengtext{color:white;font-size: 14px;}

    .normalPic {
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 10px;
        text-align: center;
    }

    .normalPara {
        line-height: 2;
        margin-bottom: 10px;
        margin-top: 0;
        text-align: justify;
        text-indent: 2em;
    }
/* font */
.nltext{font-size: 15px;color:#000;text-decoration: none;}

/*.navtext:hover{color: #26a5f4;text-decoration: underline;}*/
.ftext{font-size: 14px;color:#606060;letter-spacing: 1px;text-decoration: none;}

.text{font-size: 20px;font-weight: bold;color:#1c1c1c;}
.link a{text-decoration: none;color:#000;}
.link a:hover{text-decoration: none;color:#26a5f4;}
.text2{font-size: 15px;font-weight: bold;margin-top:5px;margin-bottom: 5px;}
.text3{font-size: 13px;line-height: 26px;color:#666;margin-top:0px;}
.text4{font-size: 16px;color:#1c1c1c;font-weight: bold;}
.text5{font-size: 13px;line-height: 22px;color:#000;text-decoration: none;}
.text6{text-align: left;font-size: 15px;line-height: 30px;}
.text7{font-size: 15px;font-weight: bold;margin-top:5px;margin-bottom: 5px;}


.link2 a{text-decoration: none;color:#26a5f4;}

.mdiv{width:1150px; margin:20px auto;}
.ti{text-align: left;}
.ti02{text-align: left;margin-bottom: 20px;}
.context{margin-bottom:15px;margin-top: 15px;text-align: left;}
.ch02{float:left;margin-top:15px;}
.ch03{float:left;margin-right: 30px;}
.ch04{margin-right: 30px;}
.rd02{float:left;}
.rd03{padding: 30px 0px 30px 0px; display:block;margin-left: 310px;}
.rd04{padding: 0px 0px 35px 0px; display:block;margin-left: 256px; width:200px;}


.ul_zh02 li{float:left;margin-right: 10px;margin-bottom: 10px;}
.ul_zh02 img{width:150px;height:60px;}
.ctitle h1{font-size:30px;font-family:"å¯°î†¿è’‹é—†å‘´ç²¦",Arial, Helvetica, sans-serif;font-weight:normal;#333;line-height:42px;}

.sel_page_css{ border: 1px solid #666;background-color: #666;}
.sel_page_css a{text-decoration: none;color:white;margin:8px 4px;}
.sel_page_css a:hover{text-decoration: none;}
.page_css{ border: 1px solid #666;}
.page_css a{text-decoration: none; color:#666;margin:8px 4px;}
.page_css a:hover{text-decoration: none;color:#666;}
.page_prev_css,.page_next_css{border:1px solid #666;}
.page_prev_css a,.page_next_css a{text-decoration: none; color:#666;margin:8px 4px;}
.page_prev_css a:hover,.page_next_css a:hover{text-decoration: none;color:#666;}



/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* IE6 */
* html .clearfix {
    zoom: 1;
}
/* IE7 */
*:first-child+html .clearfix {
    zoom: 1;
}


.inline_block{
display:inline-block;    /* firefoxç»›å¤‹çˆ£é‘å—˜ç¥»ç‘™å æ«’ç’‡å——åŸ†*/
*display:inline;      /* é™î…æ¹ie6éœå®¨e7ç’‡å——åŸ† éŽµâ‚¬ç’‹æ’¶æ®‘IE Hack*/
zoom:1;     
}

/* share btn style */
.share_bg{display:block;width:34px;height: 34px;background: url(/images/it_images/2016_site/images/share_bg.png) no-repeat;}
.s_wechat{background-position: 0 0px;}
.s_weibo{background-position: 0 -40px;}
.s_qqzone{background-position: 0 -81px;}

/* ---start---文章左侧分享按钮样式--- */
.share-button {
    position: fixed;
    z-index: 999;
    top: 40%;
    left: 50%;
    margin-left: -620px;
}
.s-wb {
    background-image: url(/images/it_images/2016_site/images/n-wb.png);
}
.s-q {
    background-image: url(/images/it_images/2016_site/images/n-q.png);
}
.s-wx {
    background-image: url(/images/it_images/2016_site/images/n-wx.png);
}
.s-ewm {
    margin-bottom: 24px;
    width: 130px;
    height: 159px;
    background-color: #F0F2F5;
    color: #808080;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
}
.s-ewm:hover,
.s-ewm.hover {
    background-color: #348CEC;
    color: #FFF;
}
.s-ewm img {
    display: block;
    width: 115px;
    height: 115px;
    margin: 8px auto;
}

.s-item {
    text-align: center;
    color: #808080;
    width: 108px;
    height: 42px;
    margin: 0 auto 16px;
    line-height: 42px;
    cursor: pointer;
}
.s-item a {
    display: block;
    width: 42px;
    height: 42px;
    float: left;
    margin-bottom: 10px;
    transition: all .4s;
    -moz-transition: all .4s;
    ;
    /* Firefox 4 */
    -webkit-transition: all .4s;
    /* Safari Ã¥â€™Å’ Chrome */
    -o-transition: all .4s;
    ;
    /* Opera */
}
.s-item div {
    float: left;
    width: 48px;
    height: 42px;
    line-height: 42px;
}

.s-item :hover {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    /* Safari and Chrome */
    -moz-transform: rotateY(360deg);
    /* Firefox */
}
.wx-ewm {
    margin-bottom: 24px;
    width: 130px;
    height: 130px;
    background-color: #348CEC;
    color: #808080;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    left: 0;
    top: 230px;
    display: none;
}
.wx-ewm img {
    display: block;
    width: 115px;
    height: 115px;
    margin: 8px auto;
}
/* ---end---文章左侧分享按钮样式--- */