html,
body {
    width: 100%;
    background: #F4F4F1;
    -webkit-font-smoothing: antialiased;
}
a{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;

    text-decoration: none;
}

.paddleft{padding-left: 5px}
.marginleft10{margin-left: 15px}
@font-face { font-family:'MYfont '; src:url("stzhongs.ttf"); }
.nav{ width: 100%; height: 45px; background: #262626; text-align: center; color: white}
.nav span{ padding-left: 10px;}
.nav ul {  width: 630px; margin: auto;  height: 45px; }
.border_no{ border: 0px}
.nav li {float: left; margin:10px 5px;  }
.nav li a { color: white; font-weight: bold; font-family:"Microsoft YaHei";}
.logo{ background: #F4F4F1; text-align: center}
.banner{margin: 0px; padding: 0px; clear: both; width: 100%;   overflow: hidden;   }
.banner img {
    width: 100%;

    vertical-align: middle;
}
.gonggao{ height: 50px; background: #74636D; text-align: center; font-size: 22px; letter-spacing:10px; line-height: 45px; color: white; font-family: "MYfont " }
.nimg{text-align: center}
.news .title{ padding-top:10px; display: block; font-weight: bold; font-size: 14px;}
.news .jianjie{padding-top:5px; display: block; font-size: 14px;}
.main{    max-width: 1200px;
    margin: 0 auto;}
.news{ padding-top:30px}
.news a{ color: black}
.news .newsimg{ height:150px; width: 300px; clear: both; overflow: hidden }

.news .item{width: 300px; float: left; height: 260px; padding: 20px 5px;}
.news .item img{width: 290px;}



.huodong{ padding-top:30px}
.huodong a{ color: black}
.huodong .item .newsimg{ height:150px; width: 300px; clear: both; overflow: hidden }
.huodong .item .title{ padding:10px 0px; display: block; font-size: 14px; overflow: hidden; height: 50px;}
.huodong .item{width: 300px; float: left; height: 260px; padding-top: 20px ; padding-bottom: 20px; padding-right: 10px}
.huodong .item img{width: 290px;}

.huodong .top2{ width: 600px ; float: left}
.huodong .top2 .newsimg{ height:310px; width: 595px; clear: both; overflow: hidden;}
.huodong .top2 img{width: 100%; height: 310px}

.huodong .top2 .title{ padding:10px 0px; display: block; font-size: 18px;overflow: hidden; height: 60px;}
.huodong .htime{ color: #cccccc; padding:5px 0px; display: block; clear: both }



.jiaoliu{ padding-top:30px}
.jiaoliu a{ color: black}
.jiaoliu .item .newsimg{ height:150px; width: 300px; clear: both; overflow: hidden }
.jiaoliu .item .title{ padding:10px 0px; display: block; font-size: 14px; overflow: hidden; height: 50px;}
.jiaoliu .item{width: 300px; float: left; height: 260px; padding-top: 20px ; padding-bottom: 20px; padding-right: 10px}
.jiaoliu .item img{width: 290px;}

.jiaoliu .top2{ width: 390px ; float: left}
.jiaoliu .top2 .newsimg{ height:200px; width: 390px; clear: both; overflow: hidden;}
.jiaoliu .top2 img{width: 100%; height: auto}

.jiaoliu .top2 .title{ padding:10px 0px; display: block; font-size: 18px;overflow: hidden; height: 60px;}
.jiaoliu .htime{ color: #cccccc; padding:5px 0px; display: block; clear: both }


ul {
    list-style:none;
}
img {
    border:0;
}
.scroll {

    width:1320px;
    height:150px;
    margin: auto;
}
.scroll_left {
    width:55px;
    height:150px;
    background: url("/images/left.png") no-repeat center;
    background-size: 60px;
    color:#fff;
    float:left;
    line-height:63px;
    text-align:center;

}

.scroll_right {
    width:60px;
    height:150px;
    background: url("/images/right.png") no-repeat center;
    background-size: 60px;
    color:#fff;
    float:left;
    line-height:63px;
    text-align:center;

}
.pic {

    width:1210px;
    height:150px;
    float:left;
}
.pic ul {
    display:block;
}
.pic li {
    float:left;
    display:inline;
    width:303px;
    text-align:center;
}









.scroll {

    width:1320px;
    height:150px;
    margin: auto;
}
.scroll_left2 {
    width:55px;
    height:150px;
    background: url("/images/left.png") no-repeat center;
    background-size: 60px;
    color:#fff;
    float:left;
    line-height:63px;
    text-align:center;

}

.scroll_right2 {
    width:60px;
    height:150px;
    background: url("/images/right.png") no-repeat center;
    background-size: 60px;
    color:#fff;
    float:left;
    line-height:63px;
    text-align:center;

}
.pic2 {

    width:1210px;
    height:150px;
    float:left;
}
.pic2 ul {
    display:block;
}
.pic2 img{        border-radius: 50%;}
.pic2 li {
    float:left;
    display:inline;
    width:170px;
    text-align:center;
}



.aboutus{ width: 1100px; margin: auto; min-height: 500px;}
.aboutus ul{display: block}

.aboutus li{ width: 33%; float: left; display: block; }
.aboutus .t{padding:20px 50px}
.aboutus .n{ border-right: #02aaf1 1px solid;padding:0 50px; line-height: 24px; font-size: 14px; height: 200px}
.aboutus span{ display: block}
.aboutus a { color: #8f8f94}

.join{ background: #C6C4D4}
.join p{width: 1200px;display: block; margin: auto}
.join .p1{font-style:italic;  font-size: 22px; line-height: 30px; height: 40px}
.join .p2{  font-size: 16px; line-height: 20px}

.join .p3 a{  font-size: 30px; line-height: 20px; font-family: "Adobe Arabic";font-style:italic;  height: 80px; line-height: 80px; color:#8f8f94 }
.footer { width:100%;height: 60px; background: #262626; overflow: hidden}
.footer .box{width: 700px; margin: auto}
.footer p{ display: block; float: left; width: 50%; padding: 10px; line-height: 24px}

.l{   float: left;}
.r{  float: right;}
.nn .l{
width: 900px;
}
.nn .limg{ width: 300px; float: left}
.nn .r{
width: 300px;
}
.nn .lt{ padding: 0px 20px;  float: left; width: 600px }
.nn .lt .title{font-weight: bold }
.nn .lt .content{line-height: 30px}
.nav-tab{ padding:20px 30px; background: url("/images/navimg.png") no-repeat left; background-size: 25px;  font-size: 16px }
.c{ clear: both; display: block;}

.fr{width: 300px; background: #FEF9AF}
.fr .box{padding: 20px;}
.fr .newsimg{ height:130px; width: 260px; clear: both; overflow:hidden }

.fr .box .title { font-size: 18px; font-weight: bold; display: block; height: 40px; line-height: 40px}
.fr .box .jianjie { font-size: 14px; display: block}
.boxa{ width: 140px; height: 40px; display: block;background: #8B5616; text-align: center; line-height: 40px; color: white; margin-top: 10px; margin-bottom: 20px;    text-decoration: none;}


.listitem .imgs{ width: 300px; height: 150px; overflow: hidden; float: left}
.listitem .listbox{ float: left; width: 600px; height: 150px; padding: 0px 20px}
.listitem .listbox .title{  font-weight: bold;}
.listitem .listbox .jianjie{ height: 95px; font-size: 14px}
.listitem .more{ text-align: right}
.listitem  a{ color:#8f8f94; font-size: 12px; font-family: "Microsoft YaHei", sans-serif; font-weight: 100}
/CSS定义
 .pagination {
     display: inline-block;
     padding-left: 0;
     margin: 20px 0;
     border-radius: 4px;
 }
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #CCCCCC;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #FFF;
    background-color: #C6C4D4;
    border-color: #C6C4D4;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #C6C4D4;
    border-color: #C6C4D4;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.clear{
    clear: both;
}

.member_b{height: 40px; width: 1200px; background: url("/images/xian.png") ; line-height: 40px;}
.member_b span{ width: 100px; background: #F4F4F1; margin-left: 80px; font-size: 22px; font-family: "Microsoft YaHei", sans-serif; font-weight: inherit; padding:0 20px;
    letter-spacing:2px;}

.memners .l{padding: 30px 80px;}
.memners .limg{width: 450px; height: 650px; overflow: hidden}
.memners .limg img {width: 450px; height: 650px;}
.memners .mr{ float: left; padding-top: 40px}
.memners .mr .name{ line-height: 24px; font-weight: inherit; font-family: "Microsoft YaHei", sans-serif; font-size: 33px}

.memners .mr  li{ height: 60px; line-height: 30px; font-size: 24px; display: block}
.memberlist .title{ font-size: 33px;font-family: "Microsoft YaHei", sans-serif; text-align: center; font-weight: unset}
.center{ text-align: center; margin: auto}
.memberlist a{color: black}
.memberlist li{ width: 180px; display: block; float: left; line-height: 24px; font-size: 15px;margin:20px 10px;}
.memberlist li span{ display: block; width: 180px;}
.memberlist li img{ width: 180px; height: 257px;;}
.memberlist .titleM{color: #9E5616;font-weight: bold; line-height: 24px; font-size: 15px;}
.memberlist .more{text-align: right; height: 50px; line-height: 50px; color: #5B9BD5}
.memberlist .more a{color: #5B9BD5}
.ennav{ margin: 20px auto; float: left}
.ennav a{ color: red; padding-right: 20px}

.namelist a{ padding: 20px; display: block; float: left; width: 90px; color: #454545}
.seach{ float: right; margin-top: 20px}
.seach .xingming{ width: 100px; height: 30px; border: 1px solid #0070C0; border-radius: 0px; margin: 0px}
.seach .sub{ background: url("/images/sub.png") no-repeat #0070C0 center ;background-size:20px; text-indent: -99999px; width: 50px; height: 30px; padding: 0px; border-radius: 0px; margin: 0px}
.seach .c{ text-align: center}




.memnerlishi .l{padding: 30px 80px;}
.memnerlishi .limg{width: 300px; height: 400px; overflow: hidden}
.memnerlishi .limg img {width: 300px; height: 400px;}
.memnerlishi .mr{ float: left; padding-top: 40px; width: 650px}
.memnerlishi .mr .name{ line-height: 24px; font-weight: inherit; font-family: "Microsoft YaHei", sans-serif; font-size: 33px}

.memnerlishi .mr  li{ height: 60px; line-height: 30px; font-size: 24px; display: block}