html a,html input {
    outline: 0
}

html article,html aside,html audio,html body,html dd,html div,html dl,html footer,html form,html h1,html h2,html h3,html h4,html h5,html h6,html header,html iframe,html input,html label,html nav,html ol,html p,html section,html select,html td,html textarea,html th,html time,html ul,html video {
    margin: 0;
    padding: 0
}

html article,html aside,html audio,html canvas,html footer,html header,html nav,html section,html video {
    display: block
}

html body {
    font: 14px/1.5 Arial,Helvetica,sans-serif;
    background: #fff
}

.footer_area p em,html em,html i,html sub,html sup {
    font-style: normal
}

html textarea {
    resize: none;
    outline: 0
}

html button,html input {
    -webkit-appearance: none
}

html iframe,html img {
    border: 0;
    width: 100%;
}

html li,html ol,html ul {
    list-style: none
}

html a {
    text-decoration: none;
    list-style-type: none;
    color: #333
}

html h1,html h2,html h3,html strong {
    font-weight: 400
}

html .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

html .clearfix {
    zoom:1}

html sub,html sup {
    vertical-align: baseline
}

.header_box {
    width: 100%;
    height: 78px;
    background: rgba(0,0,0,.56);
    position: fixed;
    left: 0;
    top: 0;
    transition: .5s;
    z-index: 9999999
}

.header_box .header_ty {
    float: left;
    height: 100%;
    width: 100%
}

.header_box .header_ty .header {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.header_box .header_ty .header>a {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.header_box .header_ty .header>a img {
    float: left;
    width: 164px;
    height: 55px;
    margin-top: 10px;
    transition: .5s
}

.header_box .header_ty .header span {
    float: right;
    display: inline-block;
    text-align: center;
    height: 100%;
    font-size: 0
}

.header_box .header_ty .header span a {
    display: inline-block;
    height: 100%;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    margin-right: 35px;
    line-height: 78px
}

.header_box .header_ty .header span a i {
    width: 23px;
    height: 26px;
    display: inline-block;
    float: left;
    margin-top: 26px;
    margin-right: 10px
}

.header_box .header_ty .header span a:nth-child(1) i {
    background: url(../images/header_icon@3x.png) 0 -61px no-repeat;
    background-size: 513.33px 85.33px
}

.header_box .header_ty .header span a:nth-child(1).btn i,.header_box .header_ty .header span a:nth-child(1):hover i {
    background: url(../images/header_icon@3x.png) no-repeat;
    background-size: 513.33px 85.33px
}

.header_box .header_ty .header span a:nth-child(2) i {
    background: url(../images/header_icon@3x.png) -103px 0 no-repeat;
    background-size: 513.33px 85.33px
}

.header_box .header_ty .header span a:nth-child(2).btn i,.header_box .header_ty .header span a:nth-child(2):hover i {
    background: url(../images/header_icon@3x.png) -103px -61px no-repeat;
    background-size: 513.33px 85.33px
}

.header_box .header_ty .header span a:nth-child(3) i {
    background: url(../images/header_icon@3x.png) -237px 0 no-repeat;
    background-size: 513.33px 85.33px
}

.header_box .header_ty .header span a:nth-child(3).btn i,.header_box .header_ty .header span a:nth-child(3):hover i {
    background: url(../images/header_icon@3x.png) -237px -61px no-repeat;
    background-size: 513.33px 85.33px
}

.header_box .header_ty .header span a:nth-child(4) i {
    background: url(../images/header_icon@3x.png) -368px 0 no-repeat;
    background-size: 513.33px 85.33px
}

.header_box .header_ty .header span a:nth-child(4).btn i,.header_box .header_ty .header span a:nth-child(4):hover i {
    background: url(../images/header_icon@3x.png) -368px -61px no-repeat;
    background-size: 513.33px 85.33px
}

.header_box .header_ty .header span a:nth-child(5) {
    margin-right: 0
}

.header_box .header_ty .header span a:nth-child(5) .focus {
    position: fixed;
    background: #fff;
    width: 115px;
    transition: .5s;
    padding: 5px;
    display: none
}

.header_box .header_ty .header span a:nth-child(5) .focus img {
    width: 115px;
    height: 115px;
    float: left
}

.header_box .header_ty .header span a:nth-child(5) .focus p {
    float: left;
    width: 100%;
    line-height: 24px;
    margin-top: 0;
    font-size: 12px;
    color: #333
}

.header_box .header_ty .header span a:nth-child(5) i {
    background: url(../images/header_icon@3x.png) -495px 0 no-repeat;
    background-size: 513.33px 85.33px
}

.header_box .header_ty .header span a:nth-child(5):hover .focus {
    display: block
}

.search_title,.tab,.tab div em {
    display: inline-block
}

.header_box .header_ty .header span a:nth-child(5).btn i,.header_box .header_ty .header span a:nth-child(5):hover i {
    background: url(../images/header_icon@3x.png) -495px -61px no-repeat;
    background-size: 513.33px 85.33px
}

.header_box .header_ty .header span a.btn {
    color: #ffd100
}

.header_box .header_ty .header .search {
    float: right;
    width: 350px;
    height: 45px;
    background: #fff;
    margin-top: 17px;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    margin-left: 30px;
    transition: .5s
}

.header_box .header_ty .header .search form {
    float: left;
    width: 100%;
    height: 100%
}

.header_box .header_ty .header .search form input {
    width: 100%;
    height: 100%;
    border: 0;
    line-height: 45px;
    float: left;
    font-size: 16px;
    color: #333;
    text-indent: 20px
}

.header_box .header_ty .header .search form ::-webkit-input-placeholder {
    color: #999
}

.header_box .header_ty .header .search form :-moz-placeholder {
    color: #999
}

.header_box .header_ty .header .search form ::-moz-placeholder {
    color: #999
}

.header_box .header_ty .header .search form :-ms-input-placeholder {
    color: #999
}

.header_box .header_ty .header .search form button {
    position: absolute;
    width: 45px;
    height: 45px;
    right: 10px;
    top: 0;
    border: 0;
    padding: 0;
    background: url(../images/search.png) -65px 8px no-repeat;
    background-size: 91.33px 26px;
    cursor: pointer
}

.header_box .header_ty .header .search form button:hover {
    background: url(../images/search.png) 0 8px no-repeat;
    background-size: 91.33px 26px;
    transition: 0s
}

.header_box#transparent {
    background: #333;
    transition: .5s;
    height: 60px
}

.header_box#transparent .header>a {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.header_box#transparent .header>a img {
    float: left;
    width: 117.14px;
    height: 39.29px;
    margin-top: 10px;
    transition: .5s
}

.header_box#transparent .header span a {
    line-height: 60px;
    transition: .5s
}

.header_box#transparent .header span a i {
    margin-top: 15px;
    transition: .5s
}

.header_box#transparent .header .search {
    height: 40px;
    margin-top: 10px;
    transition: .5s
}

.header_box#transparent .header .search input {
    line-height: 40px
}

.header_box#transparent .header .search button {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 10px;
    top: 3px;
    border: 0;
    padding: 0;
    background: url(../images/search.png) -52px 6.4px no-repeat;
    background-size: 73.07px 20.8px;
    cursor: pointer
}

.header_box#transparent .header .search button:hover {
    background: url(../images/search.png) 0 6.4px no-repeat;
    background-size: 73.07px 20.8px
}

.banner_box {
    float: left;
    width: 100%;
    background: #fff;
    overflow: hidden
}

.banner_box .swiper-wrapper {
    height: 100%
}

.banner_box .swiper-wrapper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: url(../images/loading.gif) center center no-repeat;
    background-size: 48px 48px
}

.banner_box .swiper-wrapper .swiper-slide a {
    width: 100%;
    height: 100%;
    float: left;
    border: 0;
    position: relative
}

.banner_box .swiper-wrapper .swiper-slide a img {
    width: 100%
}

.banner_box .swiper-pagination {
    width: 190px!important;
    height: 32px;
    background: rgba(0,0,0,.23);
    left: 45%!important;
    border-radius: 50px
}

.banner_box .swiper-pagination-bullet {
    background: url(../images/swiper.png) no-repeat rgba(0,0,0,0)!important;
    background-size: 18px 20px!important;
    width: 18px!important;
    height: 20px!important;
    margin: 5px 5px 0!important;
    border-radius: 0!important;
    opacity: 1!important
}

.banner_box .swiper-pagination-bullet-active {
    background: url(../images/swiper_hover.png) no-repeat rgba(0,0,0,0)!important;
    background-size: 18px 20px!important
}

.banner_box .swiper-pagination-bullets {
    bottom: 20px!important
}

.banner_box .swiper-button-prev {
    left: 10%!important;
    padding: 10px 5px;
    background-size: 30px 28px!important
}

.banner_box .swiper-button-prev:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center center no-repeat rgba(51,51,51,.5);
    background-size: 30px 28px
}

.banner_box .swiper-button-next {
    right: 10%!important;
    padding: 10px 5px;
    background-size: 30px 28px!important
}

.banner_box .swiper-button-next:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center center no-repeat rgba(51,51,51,.5);
    background-size: 30px 28px
}

.banner,.tab {
    width: 100%;
    background: #fff;
    overflow: hidden;
    float: left
}

.banner a {
    width: 100%;
    height: 100%;
    float: left;
    border: 0;
    position: relative
}

.banner a img {
    width: 100%
}

.tab {
    height: 60px;
    text-align: center;
    padding-top: 35px
}

.tab div {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.tab div em {
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #999;
    margin-right: 40px;
    cursor: pointer
}

.tab div em.btn {
    color: #333;
    border-bottom: 2px solid #333;
    box-sizing: border-box
}

.tab div em:last-child {
    margin-right: 0
}

.tab div i {
    background: url(../images/tab.png) no-repeat;
    background-size: 177px 86px;
    width: 177px;
    height: 86px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0
}

.search_title {
    float: left;
    width: 100%;
    height: 80px;
    background: #fff;
    text-align: center;
    overflow: hidden;
    margin-top: 80px
}

.search_title div {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.search_title div span {
    float: left;
    height: 55px;
    line-height: 55px;
    margin-top: 25px;
    font-size: 16px
}

.search_title div span em {
    color: #178aef;
    font-size: 16px;
    display: inline-block;
    margin-right: 10px
}

.search_title div i {
    background: url(../images/tab.png) no-repeat;
    background-size: 177px 86px;
    width: 177px;
    height: 86px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 22px
}

.list_box {
    float: left;
    width: 100%;
    background: #f8f8f8;
    padding-bottom: 20px
}

.list_box .list {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.list_box .list>div {
    float: left;
    width: 100%;
    display: none
}

.list_box .list>div div {
    float: left;
    width: 285px;
    height: 253px;
    margin-right: 20px;
    margin-top: 20px;
    background: #fff
}

.list_box .list>div div>a {
    float: left;
    width: 100%;
    height: 160px;
    overflow: hidden;
    position: relative
}

.list_box .list>div div>a img {
    float: left;
    width: 100%;
    height: 160px
}

.list_box .list>div div>a i {
    background: url(../images/play.png) center center no-repeat;
    background-size: 40px 40px;
    width: 285px;
    height: 160px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9
}

.list_box .list>div div>a strong {
    position: absolute;
    right: 5px;
    bottom: 2px;
    color: #fff;
    font-size: 12px;
    z-index: 999
}

.list_box .list>div div>a sub {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    height: 100px;
    display: inline-block;
    width: 100%;
    background-image: -webkit-linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0))
}

.list_box .list>div div>a sup {
    background: #f87220;
    width: 40px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 12px;
    text-align: center
}

.list_box .list>div div span {
    float: left;
    width: 100%
}

.list_box .list>div div span a {
    float: left;
    width: 92%;
    margin: 10px 4% 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-size: 14px
}

.list_box .list>div div span a strong {
    color: #f87220
}

.list_box .list>div div span em {
    float: left;
    color: #bbb;
    font-size: 12px;
    width: 92%;
    margin: 5px 4%
}

.list_box .list>div div span sub {
    float: left;
    margin-left: 4%;
    color: #bbb;
    font-size: 12px;
    background: url(../images/play_icon.png) left center no-repeat;
    background-size: 16px 16px;
    height: 20px;
    line-height: 20px;
    text-indent: 20px
}

.list_box .list>div div span i,.list_box .list>div div span sup {
    color: #bbb;
    margin-left: 4%;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-indent: 22px;
    float: left
}

.list_box .list>div div span sup {
    background: url(../images/like.png) left center no-repeat;
    background-size: 16px 13px
}

.list_box .list>div div span i {
    background: url(../images/talk.png) left center no-repeat;
    background-size: 16px 15px
}

.list_box .list>div div:nth-child(4n) {
    margin-right: 0
}

.list_box .list>div div:hover {
    -moz-box-shadow: 2px 2px 7px rgba(51,51,51,.3);
    -webkit-box-shadow: 2px 2px 7px rgba(51,51,51,.3);
    box-shadow: 2px 2px 7px rgba(51,51,51,.3)
}

.list_box .list>div div:hover>a img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: 1s
}

.list_box .list>div:first-child {
    display: block
}

.video {
    width: 1200px;
    margin: 78px auto 0
}

.video #example_video_1 {
    float: left;
    width: 880px;
    height: 495px
}

.video .video_list {
    float: left;
    width: 320px;
    background: #333;
    height: 495px
}

.video .video_list div span,.video .video_list h2 {
    width: 100%;
    float: left
}

.video .video_list h2 {
    height: 55px;
    font-size: 16px;
    color: #fff;
    line-height: 55px;
    text-indent: 20px
}

.video .video_list div {
    overflow-y: scroll;
    float: left;
    width: 100%;
    height: 440px
}

.video .video_list div span>a:first-child {
    float: left;
    width: 130px;
    height: 73px;
    position: relative;
    margin: 10px 10px 10px 20px
}

.video .video_data i,.video .video_data sub,.video .video_data sup {
    float: left;
    text-indent: 20px;
    margin-left: 20px
}

.video .video_list div span>a:first-child img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: #f8f8f8
}

.video .video_list div span:first-child,.video .video_list div span:first-child:hover {
    background: #222
}

.video .video_list div span>a:nth-child(2) {
    margin-top: 8px;
    color: #ddd;
    display: block;
    margin-right: 10px;
    font-size: 14px
}

.video .video_list div span p {
    color: #999;
    font-size: 12px
}

.video .video_list div span:first-child>a:nth-child(2) {
    color: #fff
}

.video .video_data i,.video .video_data p,.video .video_data sub,.video .video_data sup {
    line-height: 57px;
    color: #999;
    font-size: 14px
}

.video .video_list div span:hover {
    background: #404040
}

.video .video_list div span:hover i {
    background: url(../images/play.png) center center no-repeat rgba(0,0,0,.5);
    background-size: 28px 28px;
    width: 130px;
    height: 73px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.video .video_data {
    float: left;
    width: 100%;
    height: 3px;
    background: #fff;
    position: relative;
    border: 1px solid #e4eff4;
    box-sizing: border-box;
    border-top: 0
}

.video .video_data sub {
    height: 55px;
    background: url(../images/play_s.png) left center no-repeat;
    background-size: 16px 16px
}

.video .video_data sup {
    height: 55px;
    background: url(../images/like_s.png) left center no-repeat;
    background-size: 16px 14px
}

.video .video_data i {
    height: 55px;
    background: url(../images/talk_s.png) left center no-repeat;
    background-size: 15px 16px
}

.video .video_data p {
    float: right;
    height: 55px;
    background: url(../images/phone.png) right center no-repeat;
    background-size: 12px 16px;
    padding-right: 20px;
    margin-right: 20px;
    cursor: pointer
}

.video .video_data .code {
    display: none;
    position: absolute;
    bottom: -180px;
    right: 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    padding: 10px
}

.video .video_data .code strong {
    float: left;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 12px;
    margin-top: 10px
}

.main {
    width: 1200px;
    margin: 30px auto;

}

.main .left {
    float: left;
    width: 860px;
    margin-right: 40px;
    position: relative
}

.main .left h1 {

    width: 800px;
    font-size: 28px;
    color: #333;
    margin-top: 10px
}

.main .left p,.main .left span {
    color: #000;
    float: left;
    font-size: 14px
}

.main .left>sub {
    position: absolute;
    background: url(../images/z.png) no-repeat;
    background-size: 116px 46px;
    top: 15px;
    right: 0;
    display: inline-block;
    width: 46px;
    height: 46px;
    cursor: pointer;
    text-indent: -999999px
}

.main .left>sub.btn {
    background: url(../images/z.png) -70px 0 no-repeat;
    background-size: 116px 46px
}

.main .left span {
    width: 100%;
    margin-top: 10px
}

.main .left span em {
    background: url(../images/tag.png) left center no-repeat;
    display: inline-block;
    width: 14px;
    height: 21px;
    background-size: 14px 14px;
    float: left;
    margin-right: 5px
}

.main .left p {
    width: 100%;
    cursor: pointer;
    line-height: 24px;
    padding: 15px 0 25px
}

.main .left p i {
    color: #3899ff;
    font-size: 14px;
    margin-left: 5px
}

.main .left .up {
    float: left;
    width: 100%;
    height: 160px;
    border: 1px solid #e8e8e8;
    margin-top: 30px;
    background: #f8f8f8
}

.main .left .up>div {
    float: left;
    height: 130px;
    margin-top: 15px
}

.main .left .up>div .upLeft {
    width: 145px;
    margin-left: 15px;
    border-right: 1px solid #e8e8e8;
    box-sizing: border-box;
    float: left;
    height: 130px;
    position: relative
}

.main .left .up>div .upLeft span {
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 0
}

.main .left .up>div .upLeft span strong {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 34px;
    position: relative;
    display: inline-block
}

.main .left .up>div .upLeft span strong img {
    width: 60px;
    position: absolute;
    top: 0;
    left: 0
}

.main .left .up>div .upLeft span em {
    position: absolute;
    left: 37px;
    top: 50px;
    width: 54px;
    height: 21px;
    line-height: 21px;
    color: #333;
    background: #ffd100;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    border-radius: 3px
}

.main .left .up>div .upLeft span p {
    font-size: 14px;
    color: #555;
    text-align: center;
    line-height: 22px;
    margin-top: 11px
}

.main .left .up>div .upRight {
    width: 96%;
    margin-left: 15px;
    float: left;
    height: 130px;
    position: relative
}

.main .left .up>div .upRight em {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 22px
}

.main .left .four_img,.main .left .four_img ul {
    width: 100%;
    float: left
}

.main .left .up>div .upRight em.top {
    background: url(../images/topdouhao.png) no-repeat;
    background-size: 30px 22px;
    left: 0;
    top: 0
}

.main .left .up>div .upRight em.bot {
    background: url(../images/topdouhao.png) no-repeat;
    background-size: 30px 22px;
    right: 0;
    bottom: 0
}

.main .left .up>div .upRight h3 {
    color: #555;
    font-size: 14px;
    line-height: 24px;
    float: left;
    margin-left: 40px;
    margin-top: 25px
}

.main .left .four_img {
    padding-bottom: 30px
}

.main .left .four_img h3 {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #333;
    height: 50px;
    line-height: 50px;
    margin-top: 15px
}

.main .left .four_img ul li {
    float: left;
    width: 207px;
    margin-bottom: 20px;
}

.main .left .four_img ul li a:first-child {
    float: left;
    width: 100%;
    height: 116px;
    position: relative;
    overflow: hidden
}

.main .left .four_img ul li a:first-child img {
    float: left;
    width: 100%;
    height: 116px;
    transition: .1s transform;
    transform: translateZ(0)
}

.main .left .four_img ul li a:first-child i {
    background: url(../images/play.png) center center no-repeat;
    background-size: 40px 40px;
    width: 207px;
    height: 116px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9
}

.main .left .four_img ul li a:first-child sup {
    position: absolute;
    right: 5px;
    bottom: 2px;
    color: #fff;
    font-size: 12px;
    z-index: 999
}

.main .left .four_img ul li a:first-child sub {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    height: 70px;
    display: inline-block;
    width: 100%;
    background-image: -webkit-linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0))
}

.main .left .four_img ul li a:nth-child(2) {
    color: #333;
    font-size: 14px;
    float: left;
    width: 96%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f8f8f8;
    padding: 5px 2% 0
}

.main .left .four_img ul li strong {
    color: #999;
    font-size: 12px;
    float: left;
    width: 96%;
    padding: 5px 2%;
    background: #f8f8f8
}

.main .left .four_img ul li:last-child {
    margin-right: 0
}

.main .left .four_img ul li:hover {
    -moz-box-shadow: 2px 2px 7px rgba(51,51,51,.3);
    -webkit-box-shadow: 2px 2px 7px rgba(51,51,51,.3);
    box-shadow: 2px 2px 7px rgba(51,51,51,.3)
}

.main .left .four_img ul li:hover a:first-child img {
    float: left;
    width: 100%;
    height: 116px;
    transform: scale(1.1,1.1);
    transition: 1s transform
}

.main .left .discuss {
    float: left;
    width: 100%;
    margin-top: 20px
}

.main .right {
    float: left;
    width: 300px
}

.main .right h3 {
    float: left;
    width: 100%;
    color: #333;
    font-size: 18px;
    margin-top: 10px
}

.main .right div {
    float: left;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    height: 73px
}

.main .right div a:nth-child(1) {
    float: left;
    width: 130px;
    height: 73px;
    margin-right: 10px;
    position: relative
}

.main .right div a:nth-child(1) img {
    float: left;
    width: 100%;
    height: 100%
}

.main .right div a:nth-child(1) i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 38px;
    height: 16px;
    color: #fff;
    background: rgba(0,0,0,.5);
    line-height: 16px;
    text-align: center;
    font-size: 12px
}

.main .right div a:nth-child(1) em {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/play.png) center center no-repeat rgba(0,0,0,.5);
    background-size: 28px 28px;
    left: 0;
    top: 0;
    opacity: 0
}

.main .right div a:nth-child(2) {
    display: block;
    margin-right: 10px;
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.page ul,.page ul li {
    height: 36px;
    line-height: 36px;
    display: inline-block
}

.main .right div strong {
    color: #999;
    font-size: 12px
}

.main .right div:hover a:nth-child(1) i {
    bottom: -16px;
    transition: 50ms
}

.main .right div:hover a:nth-child(1) em {
    opacity: 1;
    transition: .1s
}

.page {
    float: left;
    width: 100%;
    padding: 10px 0 40px;
    overflow: hidden;
    background: #f8f8f8;
    text-align: center;
}

.page ul {
    float: left;
    width: 100%;
    font-size: 0;
    text-align: center
}

.page ul li {
    color: #ffd100;
    min-width: 36px;
    margin-right: 10px;
    font-size: 14px
}

.page ul li a {
    color: #aaa;
    float: left;
    width: 60px;
    height: 100%;
    display: inline-block;
    border: 1px solid #ddd;
    box-sizing: border-box;
    min-width: 36px;
    font-size: 16px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
}

.page ul li b {
    color: #aaa;
    float: left;
    width: 60px;
    height: 100%;
    display: inline-block;
    border: 1px solid #ddd;
    box-sizing: border-box;
    min-width: 36px;
    font-size: 16px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    ;border: 1px solid #ffd100;
    background-color: #ffd100;
    color: #333;
}

.page ul li a:hover {
    border: 1px solid #ffd100;
    background-color: #ffd100;
    color: #333;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.page ul li a.no_bb {
    border: 0!important
}

.page ul li.btn a {
    border: 1px solid #ffd100;
    background-color: #ffd100;
    color: #333
}

.suspension {
    width: 105px;
    position: fixed;
    z-index: 9999999;
    top: 60%
}

.suspension i {
    width: 13px;
    height: 13px;
    display: inline-block;
    position: absolute;
    left: 46px;
    cursor: pointer
}

.not_found,.suspension .small,.suspension .we,.suspension p {
    width: 100%;
    float: left
}

.suspension .we {
    margin-top: 10px
}

.suspension p {
    color: #3f3d3e;
    font-size: 14px;
    text-align: center;
    margin-top: 5px
}

.not_found .not_found_con {
    margin: 0 auto;
    width: 1200px
}

.not_found .not_found_con img {
    float: left;
    width: 100%;
    margin-top: 150px
}

.not_found .not_found_con p {
    font-size: 28px;
    color: #999;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.not_found .not_found_con p a {
    width: 340px;
    height: 60px;
    font-size: 22px;
    color: #000;
    background: #ffd100;
    border-radius: 50px;
    display: inline-block;
    line-height: 60px;
    margin-top: 80px;
    margin-bottom: 100px
}

.footer_area p,.footer_area p a {
    color: #999;
    font-size: 12px
}

.footer_area {
    width: 100%
}

.content,.layout {
    margin: 0 auto;
    width: 1000px
}

.footer_area p,.navlink_list {
    text-align: center;
    width: 100%
}

.footer_area {
    margin: 20px 0 0;
    padding: 14px 0 29px;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
    background: #fff
}

.footer_area p {
    line-height: 24px
}

.footer_area p em {
    font-size: 12px
}

.navlink_list {
    display: inline-block;
    float: left
}

.navlink_list li.item,.navlink_list li.item a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #666
}

.navlink_list li.item a {
    padding: 0 13px
}

.authoritative_website {
    margin: 15px auto 0;
    width: 544px;
    height: 52px
}

.authoritative_website li.item {
    float: left;
    margin: 0 7px;
    width: 120px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #d2d2d2
}

.authoritative_website li.item a,.authoritative_website li.item a img {
    display: block;
    width: 120px;
    height: 50px;
    overflow: hidden
}