@charset "utf-8";
    /* CSS Document */
html {
    background:#fff;
    /* 10÷16=62.5% */
}
body {
    /* 12÷10=1.2 *//*font-size:64.5%;
    *//*font-family:"\5FAE\8F6F\96C5\9ED1",SimSun;
    */background-color:#fff;
    color:#444;
    font-family:'Microsoft YaHei',SimSun,SimHei,"STHeiti Light",STHeiti,"Lucida Grande",Tahoma,Arial,Helvetica,sans-serif;
    font-size:1em;
}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset {
    margin:0px;
    padding:0px;
    color:#323232;
    -webkit-font-smoothing:subpixel-antialiased;
    box-sizing: border-box;
}
table {
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}
fieldset,img {
    border:0;
}
img,object {
    max-width:100%;
    /*height:auto;
    */width:auto\9;
    /* for ie8 */-ms-interpolation-mode:bicubic;
}
a {
    outline:none;
    blr:expression(this.onFocus=this.blur());
    text-decoration:none;
    color:#333;
}
a:hover {
    color:#52126c;
    text-decoration:none;
}
input[type='button'] {
    outline:none;
    border:0 none;
    background-color:transparent;
    cursor:pointer;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:400;
}
ul,ol,li {
    list-style:none outside none;
}
.tc {
    text-align:center !important;
}
.tl {
    text-align:left  !important;
}
.tr {
    text-align:right  !important;
}
.fwn {
    font-weight:normal;
}
.fwb {
    font-weight:bold;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
}
q:before,q:after {
    content:'';
    content:none;
}
input,textarea,select {
    font-weight:inherit;
}
input,select,textarea,button {
    vertical-align:middle
}
.pa {
    position:absolute;
}
.pr {
    position:relative;
}
.topicInfo li {
    transtion:all 1s ease 0s
}
/*头部样式*/
.wraq_header {
    width:100%;
    height:100px;
    top:0;
    left:0;
    position:relative;
    background:#52126c;
    z-index:999;
    border-bottom:6px solid #e4a154;
}
.header {
    width:98%;
    height:94px;
    margin:0 auto;
    position:relative;
    max-width:1200px;
}
.logo {
    float:left;
    overflow:hidden;
    width: 380px;
    margin-top: 28px;
}
.logo a img,.logo a {
    width:100%;
    display:inline-block;
}
.top_right {
    float:right;
    width:60%;
    position:relative;
}
.topBox {
    position:relative;
    width:216px;
    margin-top:18px;
    height:40px;
    position:absolute;
    top:0;
    right:0;
}
.top_nav {
    }.top_nav a {
    background:url(../images/top_nav_li.png) no-repeat center right;
    font-size:14px;
    color:#d29fe9;
    margin-right:10px;
    padding-right:10px;
}
.top_nav a.Nobg {
    background:none;
    padding-right:0;
    margin-right:0;
}
.top_nav a:hover {
    color:#fff;
}
.ser {
    width:216px;
    height:30px;
    left:0;
    top:0;
    line-height:30px;
    z-index:9999;
}
.search {
    width:216px;
    height:30px;
    position:relative;
    overflow:hidden;
    z-index:9999;
}
.search input {
    position:absolute;
    width:216px;
    height:28px;
    line-height:28px;
    color:#ffffff;
    border:none;
    background:#9249c5;
    right:28px;
    top:0px;
    padding-left:0px;
    border-top-left-radius:15px;
    border-bottom-left-radius:15px;
}
.search input.notxt {
    color:#ffffff;
    padding-left:7px;
    width:177px;
    font-family:"Microsoft yahei";
    font-size:12px;
    outline: none;
}
.search input.notxt1 {
    position:absolute;
    width:40px;
    height:30px;
    top:0px;
    right:0;
    border:none;
    background:url(../images/search.png) no-repeat center center;
    cursor:pointer;
    overflow:hidden;
    background-color:#9249c5;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
}
/*导航*/
.wraq_nav {
    height:47px;
    width:100%;
    margin-top:53px;
    *padding-top:53px;
}
.nav {
    margin:0 auto;
    min-height:47px;
    width:100%;
    line-height:47px;
    *height:47px;
    text-align:center;
    float:right;
}
.nav ul {
    height:47px;
    width:100%;
    float:right;
}
.nav ul li {
    float:left;
    position:relative;
    padding: 0px 20px;
}
.nav ul li a {
    color:#fff;
    font-size:16px;
    display:block;
}
.nav ul li:hover {
    cursor:pointer;
    background:#fff;
    border-top:2px solid #e4a154;
}
.nav ul li .subNav {
    position:absolute;
    left:0;
    top:47px;
    display:none;
    background:#fff;
    overflow:hidden;
    z-index:999;
    *z-index:9999;
    border-top:1px solid #e4a154;
}
.nav ul li.on {
    background:#fff;
}
.nav ul li.on a {
    color:#52126c;
}
.navAct {
    background:#fff;
    border-top: 2px solid #e4a154 !important;
}
.navAct>a {
    color: #52126c !important;
}
.nav ul li.on .subNav {
    display:block;
    /*animation:rotate 400ms;
    -webkit-animation:rotate 400ms;
    -moz-animation:rotate 400ms;
    */
}
.nav ul li.on .subNav dl {
    overflow:hidden;
    padding-top:1px;
}
.nav ul li.on .subNav dl dd {
    height:auto;
    line-height:18px;
    text-align:center;
}
.nav ul li.on .subNav dl dd a {
    display:block;
    line-height:18px;
    font-weight:normal;
    color:#333;
    padding:15px 5px 15px 5px;
    font-size:16px;
}
.nav ul li.on .subNav dl dd a:hover {
    color:#fff;
    background-color:#e4a154;
}
.nav ul li.active {
    background:#fff;
    border-top:2px solid #e4a154;
}
.nav ul li.active a {
    color:#52126c;
}
/*.wraq_header.current {
    height:50px;
    z-index:100000000000;
    background:#52126c;
    position:fixed;
    top:0;
    left:0;
    box-shadow:0px 4px 0px rgba(140,0,0,0.3);
}
.wraq_header.current .wraq_nav {
    background:#52126c;
}
.wraq_header.current .nav {
    height:50px;
    line-height:50px;
    max-width:1200px;
    margin:0 auto;
}
.wraq_header.current .nav li {
    width:11.1%;
    background:none;
    font-size:0.9em;
    height:50px;
    line-height:50px;
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
}
.wraq_header.current .nav ul {
    background:none;
    height:50px;
}
.wraq_header.current .nav li a {
    color:#fff;
}
.wraq_header.current .nav li:hover {
    cursor:pointer;
    font-weight:normal;
    background-color:#fff;
    transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    border-bottom:0;
}
.wraq_header.current .nav li:hover a {
    color:#52126c;
}
.wraq_header.current .nav ul li.on .subNav dl dd a {
    color:#fff;
}
*/
/*footer*/
.footer_wrap {
    width:100%;
    background:#52126c;
    overflow:hidden;
    border-top:6px solid #e4a154;
    padding:25px 0;
}
.copyRight {
    width:100%;
    background:#52126c;
    overflow:hidden;
}
.copyRight {
    text-align:center;
    color:#f2ddfb;
    font-size:14px;
    line-height:28px;
}
.goTop {
    position:absolute;
    bottom:0;
    right:30px;
    z-index:99;
    color:#52126c;
    text-align:center;
    font-size:16px;
    transition:none;
    z-index:9999;
}
.goTop i {
    color:#52126c;
    display:block;
    margin-bottom:8px;
    transition:all 0.3s ease;
}
.goTop:hover {
    color:#52126c;
}
.goTop:hover i {
    transform:translateY(-5px);
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
}
@keyframes rotate {
    from {
    transform:rotateX(90deg) translateY(0%);
    top:43px;
}
to {
    transform:rotateX(0deg) translateY(0%);
    top:43px;
}
}@-moz-keyframes rotate {
    from {
    -moz-transform:rotateX(90deg) translateY(0%);
    top:43px;
}
to {
    -moz-transform:rotateX(0deg) translateY(0%);
    top:43px;
}
}@-webkit-keyframes rotate {
    from {
    -webkit-transform:rotateX(90deg) translateY(0%);
    top:43px;
}
to {
    -webkit-transform:rotateX(0deg) translateY(0%);
    top:43px;
}
}/*手机端导航*/
/*1229*/
.snav {
    display:none;
    right:0px;
    top:0;
    z-index:9995;
    width:100%;
}
.mbtn {
    display:none;
    width:100%;
    height:35px;
    z-index:1002;
    cursor:pointer;
    line-height:35px;
    background:#51108d;
}
.mbtn span {
    width:30px;
    height:30px;
    margin-right:6px;
    float:right;
    color:#52126c;
    font-size:20px;
    line-height:32px;
    text-align:center;
    background-color:#fff;
    margin-top:2px;
}
.mtopList {
    float:left;
    margin-left:11px;
    margin-top:4px;
}
.mtopList li {
    float:left;
}
.mtopList li a {
    padding:0 10px 0 0;
    color:#f2f2f2;
    font-size:14px;
}
.mtopList li.ntop_01 {
    background:url(../../images/gb2017/top_li.png) no-repeat center left;
}
.navm {
    width:100%;
    line-height:30px;
    background-color:#fff;
    overflow:hidden;
    text-align:left;
    display:none;
    top:35px;
    left:0
}
.navm li {
    border-bottom:1px solid #9c61d1;
    position:relative;
    background:#9249c5;
}
.navm li a {
    font-size:14px;
    line-height:18px;
    padding:7px 0px;
    color:#fff;
    padding-left:13px;
    /* display:block;
    */
}
.navm li a:hover {
    color:#fff;
}
.navm li span {
    padding:10px 10px 0 0;
    float:right;
    margin-right:7px;
    color:#fff;
    cursor:pointer;
}
.navm li.on {
    background:#51108d;
}
.navm li.on a {
    color:#fff;
    width:100%;
}
.navm dl {
    background:rgb(160,85,213);
    color:#fff;
}
.navm dl dd {
    padding-left:30px;
    line-height:18px;
    padding:8px 0px 8px 28px;
    /*border-bottom:1px solid #d68e8e;
    */border-bottom:1px solid #ac83d1;
}
.navm dl dd:last-child {
    border-bottom:none;
}
.navm li.on dl dd a {
    font-size:14px;
    color:#fff;
    font-weight:normal;
    display:inline;
    border:none;
    padding:0px;
}
.navm li dl dd a {
    font-size:14px;
    color:#fff;
    font-weight:normal;
    display:inline;
    display:block;
    border:none;
    padding:0px;
}
.navm li dl dd a:hover {
    color:#52126c;
}
.snav .ser {
    width:100%;
}
.snav .nser {
    display:block;
    border-bottom:1px solid #ddd;
}
.snav .search {
    width:100%;
    background:#9249c5;
}
.snav .search input.notxt {
    width:89%;
}
.snav .search input {
    width:100%;
    border:none;
}
.snav .search input.notxt1 {
    width:30px;
}
.subNavs {
    width:100%;
    overflow:hidden;
    display:none;
    background:#fff;
}
.ntop {
    overflow:hidden;
    width:100%;
    background:#9249c5;
    border-bottom:1px solid #9c61d1;
}
.ntop li {
    float:left;
    border-bottom:none;
}
@media screen  and (max-width:1400px) {
    .nav ul li a {
    font-size:15px;
}
}@media screen  and (max-width:1200px) {
    .header,.footer {
        width:100%;
        height: auto;
    }
.goTop {
    right:10px;
}
.top {
    width:98%;
    margin:0 auto;
}
.header_logo {
    width:100%;
    margin:0 auto;
}
.nav a {
    font-size:0.9em;
}
.nav ul li.on .subNav dl dd a {
    font-size:0.9em;
    padding:6px;
}
.topWrap {
    display:none;
}
.snav {
    display:block;
}
.mbtn {
    display:block;
}
.wraq_header {
    height:auto;
    border-top:none;
}
.nav {
    display:none;
}
.wraq_nav {
    display:none;
}
.topBox {
    display:none;
}
.logo {
    height:auto;
    float:none;
    text-align:center;
    padding:15px 15px;
    margin-top: 0px;
}
}
@media screen  and (max-width:1000px) {
    .footerList {
    padding:0 5%;
}
.footer .rt {
    width:18.5%
}
.footer .md {
    width:43.16%
}
}@media screen  and (max-width:800px) {
    .Banner .flexslider .slides li .slide_tills {
    display:none;
}
.flex-control-paging li a {
    height:10px;
    width:10px;
}
.footer {
    background:none;
}
.footer .lf {
    width:60%;
}
.footer .md {
    width:40%;
}
.footer .rt {
    float:none;
    width:100%;
}
}@media screen and (max-width:640px) {
    }@media screen and (max-width:480px) {
    .footer .lf {
    width:100%;
    float:none;
}
.footer .md {
    width:100%;
    float:none;
}
.footerList {
    border:none;
}
}@media screen and (max-width:400px) {
    .footerList ul li {
    float:none;
    width:100%;
}
}@media screen /*and (min-width:320px)*/ and (max-width:360px) {
    }
