#topimg {
    width:100%;
    position:relative;
    text-align:center;
    overflow:hidden;
    background-repeat:no-repeat;
    -moz-background-size:100%;
    -webkit-background-size:100%;
    -o-background-size:100%;
    -ms-behavior:url(backgroundsize.min.htc);
    behavior:url(backgroundsize.min.htc);
    background-size:100%
}
#topimg div {
    display:block;
    padding-bottom:20.83%;
    width:100%
}
#topimg img {
    position:absolute;
    left:0;
    text-align:center;
    width:100%;
    opacity:0
}
#topimg img.first {
    opacity:1
}
#topimg ul {
    position:absolute;
    width:100%;
    text-align:center;
    bottom:10px
}
#topimg ul li {
    width:30px;
    height:10px;
    display:inline-block;
    list-style:none;
    font-size:12px
}
#topimg ul li a {
    background:rgba(0,0,0,0.7);
    color:#fff;
    width:8px;
    height:8px;
    display:block;
    margin:40px auto;
    text-align:center;
    line-height:10px;
    border-radius:50%
}
#topimg ul li a.button {
    background:rgba(255,255,255,1);
    color:red;
    cursor:pointer
}
.top-intro {
    width:100%
}
.intro-contian {
    margin:0 auto;
    padding-top:20px;
    text-align:center;
    width:1000px
}
.intro-hr {
    width:1000px;
    margin:0 auto
}
.intro-img-left,.intro-img-right {
    display:inline-block;
    vertical-align:middle
}
.intro-hr img {
    width:38%
}
.intro-hr a {
    padding:0 2% 0 2%;
    font-size:1.6em;
    color:#9f9c9e
}
.num-left,.num-right {
    display:inline-block;
    margin-top:10px;
    width:300px;
    height:60px
}
.num-left .big,.num-right .big {
    font-size:3.0em;
    color:#3a99e5
}
.num-left .small,.num-right .small {
    font-size:1.8em;
    color:#9f9c9e
}
.intro-contian .tec-jiehe {
    display:block;
    color:#434343;
    margin-top:13px;
    font-size:2.0em;
    font-weight:bold
}
.intro-contian .underline {
    width:47px
}
.intro-contian .tec-contain {
    display:block;
    margin-top:10px;
    font-size:1.4em
}
.intro-contian .title {
    margin-top:13px;
    font-size:2.0em;
    font-weight:bold
}
.intro-contian .top-intro-contian {
    margin:10px 60px 0 60px;
    color:#434343;
    font-size:1.6em;
    line-height:28px;
    text-align:left
}
.about-tec-join {
    padding-top:20px;
    text-align:center
}
.tedo-tec-post {
    vertical-align:top;
    width:273px;
    height:336px;
    display:inline-block;
    font-size:2.5em;
    padding:0 20px 20px 20px;
    text-align:center
}
.friends {
    margin:0 auto;
    padding-top:10px;
    text-align:center;
    width:100%;
    height:480px;
    background-color:#f3f3f3
}
.friends a {
    display:block;
    color:#434343;
    margin-top:12px;
    margin-bottom:1px;
    font-size:2.0em;
    font-weight:bold
}
.friends img {
    width:48px
}
.friends-icon {
    margin:12px auto 0;
    text-align:center;
    width:990px;
    height:392px
}
.friends-icon img {
    width:100%
}
.main {
    top:0
}
.main a {
    display:block;
    color:#434343;
    margin-top:20px;
    margin-bottom:1px;
    font-size:2.0em;
    font-weight:bold
}
.main img {
    width:48px
}
.main div img {
    text-align:center;
    width:1000px
}
/*底部轮播部分*/
.index_banner_box{ position: relative;}
.index_banner_box,.banner_box,.banner_img,.banner_img ul li{ width: 980px; height: 399px;}
.banner_box,.index_left_nav,.banner_img ul li{ position: absolute; left: 0; top: 0;}

.banner_box:hover .banner_button{ opacity: 1; }
.banner_btn{ position: absolute; right: 40.2%; bottom: 48px; z-index: 9;}
.banner_btn ul li{float: left; margin-right: 20px;}
.banner_btn ul li a{display: inline-block; width: 38px; height: 4px; background:#cccccc;}
.banner_btn ul li a:hover,.banner_btn ul li a.check{ background: #878787;}