html,
body {
    height: 100%;
    width: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    margin: 0;
}

a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #474157;
}

a:hover,
a:focus {
    color: #474157;
}

hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    letter-spacing: 1px;
}

p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}


#mainbody {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background: #f1f6fd;
    color: #474157;
    height: calc(100vh - 61px);
}

#mainbody > .container > .text-center {
    text-align: center;
    padding: 350px 0 50px;
    position: relative;
    height: 100vh;
}

#mainbody > .container > .text-center h1 {
    font-size: 50px;
    font-weight: bold;
    color: #171347
}

#mainbody > .container > .text-center > a {
    background: #fdcc52;
    background: -webkit-linear-gradient(#fdcc52, #fdc539);
    background: linear-gradient(#fdcc52, #fdc539);
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 300px;
    margin-top: 20px;
    padding: 10px 45px;
    font-size: 14px;
    text-decoration: none;
}

@media (max-height: 500px) {
    #mainbody {
        height: inherit;
    }
}

@media (min-width: 768px) {
    .navbar-default {
        background-color: transparent;
        border-color: transparent;
    }

    #mainbody .index-text {
        text-align: left;
    }
}

@media (max-width: 767px) {

    #mainbody > .container > .text-center {


        padding: 130px 0 0 0;
        height: calc(100vh - 261px);
    }

    #mainbody > .container > .text-center > h1 {


        font-size: 50px;
        margin-bottom: 20px;
    }
}

.footer {
    background-color: #222222;
    padding: 20px 0;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
    min-width: 1200px;
}

.footer p {
    font-size: 14px;
    margin: 0;
}
.clear{clear: both;}
a{text-decoration: none;}
.header{width: 100%;height: 120px;}
.content{width: 1200px;margin: 0 auto;}
.header .logo{padding-top: 12px;float: left;}
.header .logo img{height: 100px;}
.header .login{float: right;margin-right: 6px;height: 80px;display: flex;margin-top: 36px;}
.header .login .info{margin-left:8px;}
.header .login img{width: 60px;height: 60px;margin-top: 15px;}
.header .login p{margin: 0 0 4px 0;margin-top: 24px;font-size: 14px;color: #666;}
.header .login .info a span{color: #666;}

.nav{height: 80px;background-color: #d11a2d;min-width: 1200px;}
.nava{color: #fff;flex-grow: 1;line-height: 80px;text-decoration: none;text-align: center;}
.nava:hover {background: #c0130d;color: #fff;opacity: 0.8; }
.nava .tubiao{vertical-align: middle;}
.nava .logininfo{}
.nava .logininfo p{margin: 0px;}
.nava .dhdw{font-size: 14px;}

.carousel {margin-top: 20px; position: relative;width: 100%;overflow: hidden;}
.carousel-inner {display: flex;width: 100%;transition: transform 0.6s ease-in-out;}
.item {flex: 0 0 100%;height: 500px;}
.item img {width: 100%;height: 100%;object-fit: cover;}
.carousel-control {position: absolute;top: 50%;transform: translateY(-50%);color: #fff;font-size: 80px;z-index: 10;cursor: pointer;opacity: 0.5;}
.left {left: 25px;}
.right {right: 25px;}
.dots {position: absolute;bottom: 20px;left: 50%;z-index: 15;width: 60%;padding-left: 0;margin-left: -30%;text-align: center;list-style: none;}
.dots > li {display: inline-block;width: 10px;height: 10px;margin: 1px;cursor: pointer;background-color: rgba(0,0,0,0);border: 1px solid #fff;border-radius: 10px;}
.dots .active {width: 12px;height: 12px;margin: 0;background-color: #fff;}

.zczixun{margin-top: 38px;margin-bottom: 30px;background-color: #fff;border-radius: 4px;padding: 20px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);}
.zczixun .title{text-align: center;border-bottom: 1px solid #eee;position:relative;}
.zczixun h1,h2,h3{font-weight: bold;}
.zczixun .title .more{position: absolute;top: 27px;right: 60px;color: #eb7b50;}
.zxcontent{display: flex;}
.zxcontent .items{width: 48%;padding: 18px;}
.zxcontent .items span{cursor: pointer;}
.zxcontent .items .active,.zxcontent .items span:hover{color: #f60;border-bottom: 2px solid #f60;}
.items .list ul,li{list-style-type: none;padding-left: 2px;}
.items .list li{margin-top: 10px;border-bottom: 1px solid #eee;padding-bottom: 6px;}
.items .list li a{text-decoration: none;}.items .list li a:hover{color: #f60;}
.items .list span{float: right;color: #666;}
.items .fuwu{text-align: center;border: 1px solid #eee;border-radius: 8px;display: block;}
.items .fuwu .tt{color: #fff;}.items .fuwu .dc{color: #e5e5e5;}
.cx{margin-top:38px;color: #fff;}
.cx p{padding-left: 20px;}
.cx .tit{font-weight: bold;}
.cx .xuexiao{margin: 0px 10px;background-color: #94303b;padding: 0px;border-radius: 10px;overflow: hidden;}
.cx .zhihui{margin: 0px 10px;background-color: #41a8e5;padding: 0px;border-radius: 10px;overflow: hidden;}
.cx .xueshu{margin: 0px 10px;background-color: #d01391;padding: 0px;border-radius: 10px;overflow: hidden;}
.bott{margin-bottom: 38px;}
.bottdesc{display: flex;width: 1200px;margin: 20px auto;}
.bottdesc .desc{display: block;text-decoration: none;height: 80px;background: url("/assets/img/indexbg1.png"); width: 33%;text-align: center;
    line-height: 80px;color: #fff;font-size: 18px;margin: 0 20px;background-size: 100% 100%;}
.bottdesc .desc img{vertical-align: middle;margin-right: 6px;}
.flinks{color: #fff;}
.flinks .names{margin: 12px;text-align: left;}
.names a{color: #e9e1e1;text-decoration: none;}
.ftitle a{font-size: 16px;color: #939393;margin-right: 42px;text-decoration: none;}
.blocktc{position: fixed;top: 0;left: 0;z-index: 9999;    background-color: rgba(0, 0, 0, 0);    width: 100%;    height: 100%;}
.smlogin{margin: 0 auto;background-color: #fff;width: 360px;height: 321px;margin-top: 300px;border-radius: 10px;text-align: center;display:none;overflow: hidden;}
.smlogin .title{background-color: #f7f7fc;height: 50px;line-height: 50px;margin-top: 0px;position: relative;}

.zxcontent .rditems{width: 25%;padding: 18px;}
.zxcontent .rditems .rdsp{font-size: 16px;color: #666;}
.zxcontent .rdzitems{width: 50%;padding: 18px;}
.zxcontent .rdtitle{font-size: 18px;color: #333;font-weight: bold;padding: 10px 0px;}
.zxcontent .rdtitle img{display: block;margin-bottom: 8px;}
.zxcontent .rdtitle .ttxx{display: block;text-align: center;color: #FF6600;font-size: 16px;font-family: micro soft;}
.zxcontent .rdtitle .tttit{font-size: 24px;color: #555;font-weight: normal;margin: 6px 18px;}
.rdzitems .desc{color: #666;}
.zxcontent .bt{border-top: 1px solid #d2d2d2;}

.sheader{background-color: #EBF0FB;height: 80px;}
.sheader .scontent{width: 1200px;margin:0 auto;}
.sheader .slogo,.snav{float: left;}
.sheader .snav a{color: #586889;line-height: 80px;margin-left: 20px;}
.sheader .login{float: right;margin-right: 6px;height: 80px;display: flex;}
.sheader .login .info{margin-left:8px;}
.sheader .login img{width: 50px;height: 50px;margin-top: 15px;}
.sheader .login p{margin: 0 0 4px 0;margin-top: 15px;font-size: 14px;color: #666;}
.sheader .login .info a span{color: #666;}

.daohang p{width: 1220px;margin: 10px auto;padding: 10px 0;border-bottom: 1px solid #9d1c23;}
.daohang p span{float: right;color: #999;}
.content .newstitle{line-height: 56px;font-family: "微软雅黑", "宋体";font-size: 38px;text-align: center;padding: 0 0 26px;font-weight: normal;}
.mianze{width: 1220px;margin:0px auto;margin-top:20px;padding-top:20px;border-top:1px solid #9d1c23;color:#2c3e50;}

.zbleft,.zbmidd{margin-top: 38px;width: 660px;height: 580px;position: relative;}
.zbleft .zhibo{width: 100%;height: 100%;}
.zbleft .st2{position: absolute;top: 48%;left: 48%;z-index: 10;}
.zbleft .zbtop{position: absolute;top: 0px;right: 0px;}
.zbmidd{width: 170px;background-color: #604737;text-align: center;}
.zbmidd .zbmidcat1{margin-top: 20px;}
.zbmidd .zbmidcat2{margin-top: 12px;}
.zbmidd h3,.zbmidd p{color: #fff;margin: 0px 8px;}
.zbmidmore{margin-top: 16px;}
.zbmidmore a{display: block;margin: 0px auto;width: 100px;height: 30px;background-color: #FF6600;color: #fff;border-radius: 15px;line-height: 30px;}
.zbrigh{margin-top: 38px;flex-grow: 1;background-color: #E4E5FF;}
.zbrigh .zbrtit{width:100%;margin-top:60px;background-color: #FFCF9E;display: flex;}
.zbrtit .items{padding:0px;}
.zbrtit .items p{color: #000000;}
.zbrtit .active{background-color: #FF9932;color: #fff;}
.zbrtit .active p{color: #fff;}
.zbval{margin: 6px 10px;}
.zbval .zbvl{margin-left: 10px;}
.zbval .zbvr,.zbval span{float:right;margin-right: 10px;}
.zbval h3{display: inline;}
.zbval span{color: #AAAAAA;}
.zbliebiao{height: 312px;background-color: #fff;margin:18px;padding:10px;}
.zbliebiao .ls{margin-left:6px;}
.zbliebiao .ls .lsit{margin-top: 20px;}
.zbliebiao .ls span{color: #FF9932;}
.zbliebiao .active{background-color:#F4F5FD;}