@charset "utf-8";
/* CSS Document */

.wrap{width: 1200px;margin: 0 auto;position: relative;left: 2px;}
.topbg{height: 120px;width: 100%;}
.topbg .logo{height: 100px; margin: 0 auto;padding-top: 10px; padding-bottom: 10px;font-family: 'Microsoft YaHei';font-size: 0px;
font-style: normal;}
.topbg .wrap h1{font-size: 20px;}
.topbg .wrap h5{font-size: 11px;font-weight: normal;font-family: Tahoma;}
.left{float: left;}
.right{float: right;}
.menu{width: 100%;height: 47px;line-height: 47px;background-color: #1E9FFF;}
.menu .left{width: 210px;background-color: #333333;color: #FFF;font-size: 18px;font-family: 微软雅黑;line-height: 47px;position:relative;}
.menu .left .left_nav{display: block;
	text-align: center;
}
.menu .left .submenu{background-color:rgba(0,0,0,0.65);width:261px;height:434px;padding:22px;position:absolute;top:47px;z-index:9999;}
.menu .left .submenu h4{font-size:16px;font-family: 微软雅黑;font-weight:normal!important;line-height:30px;color:#f6f670;}
.menu .left .submenu ul>li{width:96%;height:33px;padding-left: 4%; color:#FFF;font-size:14px;}
.menu .left .submenu ul>li>a{color:#FFF;}
.menu .left .submenu h4>img{position:relative;top:4px;margin-right:10px;}
.menu .right ul li{float: left;width: 110px;text-align: center;height: 47px;}
.menu .right ul li a{font-size: 16px;font-family: 微软雅黑;color: #FFF;text-align: left;}
.topbg .search{width: 460px;height: 32px;padding-top:1px;padding-left:60px;position:relative;top:35px;line-height: 33px;}
.topbg .tel {
    position: relative;
    top: 40px;
}
.menu .logo{
	display: none;
}
.nav { display: block}
.nav {float:right; position: relative; z-index:11;}
.menu_h,.t_b02_box{display:none;}
.theclass{
	background-color: #01AAED;
	height: 80px;
	border-radius: 8px;
}
.theclass .li{
	height: 80px;
	line-height: 80px;
	background-color: none;
	font-size: 18px;
	padding: 0 24px;
}
.banner{
	display: block;
}
.banner_b{
	background: url("../images/ban.jpg") no-repeat center center;
	height: 300px;
	color: #fff;
}
.banner_b h2{
	padding-top: 80px;
	text-align: center;
	font-size: 22px;
	line-height: 80px;
}
.banner_b .title{
	width: 1200px;
	margin: auto;
	text-align: center;
	line-height: 60px;
}
.banner_b .heng{
	margin: 20px 0;
	height: 2px;
	width: 60px;
	margin: auto;
	background-color: #F90004;
}
.banner_m{
	display: none;
}	
/*公告*/
.ann{
	height: 36px;
	line-height: 36px;
	background-color: #f8f8f8;
}
.notice{
	text-align: right;
}
/*项目*/
.project{
	padding: 30px 0;
}
.project .grid-pro{
	border-radius: 12px;
	margin: 15px 40px;
	height: 80px;
	line-height: 80px;
}
.project .grid-pro .pic{
	width: 30%;
	float: left;
}
.project .grid-pro .pic a{
	display: block;
	text-align: center;
	color: #fff;
}
.project .grid-pro .pic a:hover{
	background-color: #FFB800;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}
.project .grid-pro .main{
	width: 70%;
	float: left;
	text-align: center;
	background-color: #01AAED;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}


.home-titles {
    width: 780px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.home-titles .clude {
        text-align: center;
        line-height: 24px;
        height: 79px;
        overflow: hidden;
        color: #999;
        margin-top: 20px;
        width: 770px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;

        font-size: 17px;
    }

.home-titles .max-ch {
        font-size: 30px;
        text-align: center;
        overflow: hidden;
        font-weight: 600;
        line-height: 30px;
        color: #d9251d;
        margin-bottom: 10px;
        height: 30px;
        *font-weight: 500;
    }

.home-titles .en {
        font-size: 44px;
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-transform: uppercase;
        line-height: 44px;
        color: #808080;
        font-weight: bold;
    }	
.home-titles .ch {
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
}

    .home-titles .ch span {

        font-size: 18px;
        position: relative;
        display: inline-block;
        padding: 0 20px;
        color: #727272;
    }

        .home-titles .ch span:after,
        .home-titles .ch span:before {
            content: "";
            height: 1px;
            width: 50%;
            background-color: #afb0b2;
            top: 50%;
            position: absolute;
        }

        .home-titles .ch span:after {
            right: -50%;
        }

        .home-titles .ch span:before {
            left: -50%;
        }

        .home-titles .ch span .round {
            position: absolute;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -o-border-radius: 50%;
            -mz-border-radius: 50%;
            width: 5px;
            height: 5px;
            top: 50%;
            margin-top: -2.5px;
            background-color: #afb0b2;
        }

            .home-titles .ch span .round.rl {
                left: 0;
            }

            .home-titles .ch span .round.rr {
                right: 0;
            }

#zSlider{margin:0px auto; width:1200px; overflow:hidden; padding-top: 20px;}
#picshow{position:relative;}
#picshow,#picshow_img{width:575px; height:350px; overflow:hidden; float:left;}
#picshow_img li{width:575px; height:350px; overflow:hidden; float:left; display:none;}
#picshow_img img{width:575px; height:350px;}
#picshow_tx{left:0px; width:575px; bottom:0px; position:absolute; height:110px; overflow:hidden;}
#picshow_tx li{background:url(../images/picshow_bg.png) repeat; padding:10px 30px; height:90px; color:#fff; display:none;}
#picshow_tx li a{color:#fff;font-size:16px;font-family:微软雅黑}
#picshow_tx li a:hover{text-decoration:underline;}
#picshow_tx li h3{ margin:13px 0;}
#picshow_tx li p{ color:#eee; line-height:16px; max-height:32px; overflow:hidden;}
#select_btn{width:560px; height:350px; color:#111; float:right; display:inline; font-family:微软雅黑}
#select_btn li{padding:9px 11px 0px 9px; width:537px; height:108px;cursor:pointer;border-bottom:1px solid #ccc!important;}
#select_btn li:hover .select_text{font-weight:bold}
#select_btn a{color:#333;}
#select_btn img{padding:2px; border:1px solid #ccc; width:70px; height:49px; margin-right:10px; float:left;}
#select_btn .select_text{ height:20px;overflow:hidden; font-size:18px;}
#select_btn p{font-size:14px;color:#999;text-indent:0px;}
#select_btn .select_date{ height:30px; line-height:30px; overflow:hidden; display:inline-block;font-size:14px; margin-right:15px;color:#999}
/*tool*/
.tool{
	display: flex;
    justify-content: space-between;
	position: relative;
	top: -20px;
}
.tool .li{
	width: 24%;
	height: 40px;
}
.tool .li a{
	display: block;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background-color: #1E9FFF;
}
.tool .li a:hover{
	background-color: #f93e45;
}
.tooler{
	padding: 10px 0;
}
.tooler .li{
	width: 100%;
	height: 40px;
	margin-bottom: 12px;
}
.tooler .li a{
	display: block;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background-color: #1E9FFF;
}
.tooler .li a:hover{
	background-color: #f93e45;
}
/*-- Services --*/
.services-area {
  background-color: #f9f9f9;
  
	padding: 20px 0px 0;
}

.services-area:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 230px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: -1;
}

.services-item {
  margin-bottom: 30px;
  text-align: center;
  padding: 30px 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  z-index: 1;
  background-color: #fff;
  -webkit-box-shadow: 5px 13px 25px -14px #e1e0e0;
          box-shadow: 5px 13px 25px -14px #e1e0e0;
}

.services-item:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f93e45;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}

.services-item:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 80%;
  top: 30px;
  right: 0;
  background-color: #e1e1e1;
}

.services-item.right-border:after {
  display: none;
}

.services-item:hover:before {
  height: 100%;
}

.services-item:hover i {
  color: #f93e45;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}

.services-item:hover h3 a {
  color: #fff;
}

.services-item:hover h3 a:hover {
  color: #18253e;
}

.services-item:hover p {
  color: #fff;
}

.services-item i {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #18253e;
  background-color: #fff;
  font-size: 50px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 25px -8px #e1e0e0;
          box-shadow: 0px 0px 25px -8px #e1e0e0;
  margin-bottom: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.services-item h3 {
  font-size: 16px;
  margin-bottom: 12px;
}

.services-item h3 a {
  color: #18253e;
}

.services-item p {
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.topic-list {
	width:1200px;
	margin: auto;
	overflow:hidden;
	margin-top:20px;
	display: flex;
    justify-content: space-between;
}
.topic-list .topic-item {
	float:left;
	margin-bottom:25px;
}
.topic-list .topic-item:nth-child(3n+3) {
margin-right:0
}
.topic-item {
	width:48%;
	border-radius:4px;
	overflow:hidden
}
.topic-item .pic-txt {
	width:100%;
	height:80px;
	overflow:hidden;
	display:block;
	position:relative
}
.topic-item .pic-txt:after {
	pointer-events:none;
	content:"";
	opacity:.8;
	height:100%;
	background-color:rgba(0, 0, 0, .4)
}
.topic-item .pic-txt:after, .topic-item .txt {
	position:absolute;
	bottom:0;
	left:0;
	width:100%
}
.topic-item .txt {
	padding:0 10px 15px;
	color:#fff;
	z-index:1
}
.topic-item .txt .tit {
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px
}
.topic-item .content {
	padding:15px;
	background-color:#f7f7f7
}
.topic-item .summary {
	color:#999;
	font-size:13px;
	overflow:hidden;
	height:40px;
	line-height:20px;
}
.topic-item .art-list {
}
.topic-item .art-list .item {
	height:62px;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	border-bottom:1px solid #ebeff2
}
.topic-item .art-list .item a {
	font-size:14px;
	padding:9px 0 9px 14px;
	display:block;
	position:relative
}
.topic-item .art-list .item a:before {
	content:"";
	width:4px;
	height:4px;
	background-color:#ccc;
	display:block;
	position:absolute;
	left:0;
	top:17px
}
.topic-item .more {
	display:block;
	text-align:center
}
/*list*/
.slist{
	padding: 20px 0;
	line-height: 40px;
}
.slist ul{
	display: flex;
	justify-content: center;
}
.slist ul li{
	margin: 0 10px;
}
.slist ul li a{
	text-align: center;
	display: block;
	color: #fff;
	border-radius: 4px;
	background-color: #1E9FFF;
	padding: 0 20px;
}
.slist ul li a:hover{
	background-color:  #f93e45;
}
.slist ul .on a{
	background-color:  #f93e45;
}
 .item-row {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    height: 50px;
    background: #fff;
    box-shadow: 0 29px 49px 0 rgba(59,117,215,.36);
    border-radius: 10px
}
 .item-row .row-title {
    display: flex;
    align-items: center;
    position: relative;
    flex-shrink: 0;
    font-size: 16px;
    padding: 0 40px;
    color: #666
}
 .item-row .row-title:after {
    position: absolute;
    right: 0;
    margin-right: 30px;
    content: "";
    width: 1px;
    height: 36px;
    background: #e0e0e0
}
 .item-row .img-wrapper {
    display: flex
}
.item-row .worksheet {
    font-size: 16px;
    color: #999
}
.item-row .img-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 80px
}
.item-row .img-box p {
    font-size: 14px;
    color: #999
}
/*page*/
.pages{
	padding: 0 0 20px 0;
}
.pages .articel-nav__link {
    margin-top: 28px;
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    color: #999
}
.pages .articel-nav__link span:first-child {
    cursor: pointer
}
.pages .articel-nav__link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 6px;
    height: 18px;
    background: #0084ff
}
.pages .article-caption {
    text-align: center;
    padding: 20px 0;
    font-size: 30px;
    color: #333
}
.pages .article-info {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding-bottom: 13px;
    color: #c5c5c5
}
.pages .caricel-content {
    padding-top: 26px;
    border-top-color: #c5c5c5;
    border-top-style: solid;
    border-top-width: 1px;
    font-size: 16px;
    line-height: 32px;
}
.pages .caricel-content img{
	
	max-width: 100%;
}
.pages .mian {
    font-size: 14px;
    line-height: 24px;
    padding: 10px;
    color: #666;
}
.pages .caption {
    margin: 41px 0 28px
}
.pages .article-list-wrapper .tag {
    margin-bottom: 15px;
    display: inline-block;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 16px;
    background: #ededed;
    color: #999
}
.pages .article-list-wrapper .article-item {
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #666;
    margin-bottom: 20px
}
.page{
    margin-top: 20px;
    text-align: center;

}
.page a{
    display: inline-block;
    background: #f5f5f5;
    color: #888;
    padding: 10px 13px;
    min-width: 15px;
	transition:background-color ease .5s;
	font-family:"microsoft yahei";
	border-radius:3px;

}
.page span{
    display: inline-block;
    padding: 10px 10px;
    min-width: 15px;
}
.page span.current{
    display: inline-block;
    background: #15c142 url() 0 0 no-repeat;
    color: #fff;
     padding: 10px 13px;
    min-width: 15px;
	border-radius:3px;
}
.page .pagination li{
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}
.page .pagination li.active span{
    background: #15c142 url() 0 0 no-repeat;
    color: #fff;

}  
/*--服务流程--*/
.liucheng{height: 300px; background:#e3e3e3 url(../images/bgSection.png) repeat; width:100%;}
.lc2{ background:url(../images/line.png) center no-repeat;}
.lc_list{ width:100%; float:left; margin-bottom:100px;}
.lc_list li{ width:140px; margin:0 10px; height:210px; display:block; float:left; cursor:pointer; background:url(../images/icon-bg.png) top center no-repeat;}
.lc_list li span{ width:60px; height:60px; background:url(../images/icon.png) repeat; display:block; float:left; margin:35px 0 50px 38px;}
.lc_list li span.c-1{ background-position:0 0;}
.lc_list li span.c-2{ background-position:0 60px;}
.lc_list li span.c-3{ background-position:0 120px;}
.lc_list li span.c-4{ background-position:0 180px;}
.lc_list li span.c-5{ background-position:0 240px;}
.lc_list li span.c-6{ background-position:0 300px;}
.lc_list li span.c-7{ background-position:0 360px;}
.lc_list li p{ width:100%; display:block; float:left; text-align:center; font-size:18px;}
.lc_list li p font{ font-size:14px; margin-top:10px; width:100%; display:block; color:#666;}
/*服务流程*/
.ease-1{
-webkit-transition:all 0.1s ;
-khtml-transition:all 0.1s ;
-moz-transition: all 0.1s ;
-o-transition: all 0.1s ;
transition: all 0.1s ;}
.ease-3{
-webkit-transition:all 0.3s;
-khtml-transition:all 0.3s ;
-moz-transition: all 0.3s ;
-o-transition: all 0.3s;
transition: all 0.3s;}
.radius-5{
-webkit-border-radius:5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.shadow-box-5{
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
box-shadow:0px 0px 5px rgba(0,0,0,0.5);}
.shadow-text-1{
-moz-text-shadow:0 1px 0px rgba(0,0,0,.5);
-webkit-text-shadow:0 1px 0px rgba(0,0,0,.5);
text-shadow:0 1px 0px rgba(0,0,0,.5);}
.text-overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.txt-en{ font-family: "Times New Roman", Times, serif; font-weight:normal;}
.txt-c{ text-align:center;}
.txt-r{ text-align:right;}
.txt-red{ color:#e32530;}
.txt-orange{ color:#ff6600;}

.nr span.c-1{ width:100%; height:100%; background:url(../images/icon_01.png) center no-repeat; display:block; float:left; border-radius:50%; }
.nr span.c-2{ width:100%; height:100%; background:url(../images/icon_02.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-3{ width:100%; height:100%; background:url(../images/icon_03.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-4{ width:100%; height:100%; background:url(../images/icon_04.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-5{ width:100%; height:100%; background:url(../images/icon_05.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-6{ width:100%; height:100%; background:url(../images/icon_06.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-7{ width:100%; height:100%; background:url(../images/icon_07.png) center no-repeat; display:block; float:left; border-radius:50%;}
.advantage .nr .item:hover .circle span.c-1{background:url(../images/icon_01_h.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-2{background:url(../images/icon_02_h.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-3{background:url(../images/icon_03_h.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-4{background:url(../images/icon_04_h.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-5{background:url(../images/icon_05_h.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-6{background:url(../images/icon_06_h.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-7{background:url(../images/icon_07_h.png) center no-repeat;}


.advantage .inner{  left:0; right:0; }
.advantage .nr{ padding:0; width:100%; float:left; margin-bottom:100px;}
.advantage .nr li{ width:24.285%; float:left; display:inline;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;}
.advantage .nr li:nth-child(1),
.advantage .nr li:nth-child(2){
-webkit-transform: translate3d(-100px,0px, 0);
-moz-transition: translate3d(-100px, 0px, 0);
-o-transition: translate3d(-100px, 0px, 0);
transition: translate3d(-100px, 0px, 0);}
.advantage .nr li:nth-child(3),
.advantage .nr li:nth-child(4){
-webkit-transform: translate3d(100px,0px, 0);
-moz-transition: translate3d(100px, 0px, 0);
-o-transition: translate3d(100px, 0px, 0);
transition: translate3d(100px, 0px, 0);}
.advantage.active .nr li{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);
transition-delay:600ms; 
-o-transition-delay:600ms;
-moz-transition-delay:600ms;
-webkit-transition-delay:600ms;}
.advantage.active .nr li:nth-child(2),
.advantage.active .nr li:nth-child(3){
transition-delay:400ms; 
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;}
.advantage .nr .item{ display:block; width:100%; position:relative; color:#333;}
.advantage .nr .item .circle{ width:120px; height:120px; margin:10px auto 0px; position:relative; color:#333; background:#fff;
-webkit-border-radius:60px;
-moz-border-radius: 60px;
border-radius: 60px;
behavior: url(ie-css3.htc); z-index:2;}
.advantage .nr .item .circle .circle_l,
.advantage .nr .item .circle .circle_r{ position:absolute; top:0px;width:60px; height:120px;border: 2px solid #333;
-webkit-transition-timing-function:linear;}
.advantage .nr .item .circle .circle_l{ left:0px; border-right:0;clip:rect(124px,62px,124px,0);
-webkit-border-radius:62px 0 0 62px;
-moz-border-radius: 62px 0 0 62px;
border-radius: 62px 0 0 62px;
behavior: url(ie-css3.htc); z-index:2;}
.advantage .nr .item .circle .circle_r{ right:0px; border-left:0;clip:rect(0px,62px,0px,0);
-webkit-border-radius:0 62px 62px 0;
-moz-border-radius: 0 62px 62px 0;
border-radius: 0 62px 62px 0;
behavior: url(ie-css3.htc); z-index:2;}
.advantage .nr .item .circle span{ display:block; height:120px; width:120px; line-height:120px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.advantage .nr .item h2{ font-size:20px; padding:20px 0 10px; line-height:24px;}
.advantage .nr .item p{ line-height:24px; font-size:14px;}
.advantage .nr .item:hover .circle_l{ clip: rect(0,62px,124px,0); border-color:#ff8a00;}
.advantage .nr .item:hover .circle_r{ clip: rect(0,62px,124px,0); border-color:#ff8a00;}
.advantage .nr .item:hover .circle{ background:#ff8a00; color:#fff;
-webkit-transform: translate3d(0px,-10px, 0);
-moz-transition: translate3d(0px, -10px, 0);
-o-transition: translate3d(0px, -10px, 0);
transition: translate3d(0px, -10px, 0);
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
.advantage .nr .item:hover h1,
.advantage .nr .item:hover p{ color:#111;
-webkit-transform: translate3d(0px,10px, 0);
-moz-transition: translate3d(0px, 10px, 0);
-o-transition: translate3d(0px, 10px, 0);
transition: translate3d(0px, 10px, 0);
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}

.video{
	padding-top: 20px;
}
.video .li{
	margin: 10px;
	transition: box-shadow 0.5s linear;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
}
.video .li img {
    width: 100%;
    height: 163px;
    display: block;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.video .li .main_title {
    line-height: 26px;
    margin: 10px 15px 0;
    font-size: 14px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.video .li .sub_title {
    height: 20px;
    line-height: 20px;
    color: #999;
    font-size: 12px;
    padding: 0 15px 15px;
}
.footer{width:100%;height:300px;background-color:#292929;padding-top:53px;}
.links li{float:left;padding:0 10px;font-family:微软雅黑;}
.links li a{font-size:14px;position:relative;top:2px;}
.links2{margin-top:20px;}
.links2 ul{float:left;width:140px;padding:15px;}
.links2 li{border-right:1px solid #343434;height:33px;line-height:33px;}
.copyright{font-size:14px;font-family:微软雅黑;border-top:1px solid #343434;height:54px;line-height:54px;}
.copyright .left a{font-size:14px;margin-right:30px;}
.dream{width:1200px;height:576px;position:relative; margin:0 auto;}
.dream .dream_l{width:840px;height:550px;background-color:#419aff; position:absolute;left:0;padding-top:25px; padding-left:100px;}
.dream .dream_l h3{font-size:24px;font-family:微软雅黑;color:#FFF;font-weight:normal; text-align:right;padding-right:230px;}
.dream .dream_l h5{font-size:12px;font-family:Arial;color:#c8e2ff;font-weight:normal;text-align:right;padding-right:230px;}

.dream .dream_r{width:360px;height:430px;background-color:#784ef6; position:absolute;right:0;top:100px;}
.footer a,.footer span{
    color: #999;
    text-decoration: none;
    outline: none;
}
	
/*视频播放器*/

@font-face {
    font-family: 'iconfont';  /* project id 1867770 */
    src: url('https://at.alicdn.com/t/font_1867770_aheoboelyyp.eot');
    src: url('https://at.alicdn.com/t/font_1867770_aheoboelyyp.eot?#iefix') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_1867770_aheoboelyyp.woff2') format('woff2'),
    url('https://at.alicdn.com/t/font_1867770_aheoboelyyp.woff') format('woff'),
    url('https://at.alicdn.com/t/font_1867770_aheoboelyyp.ttf') format('truetype'),
    url('https://at.alicdn.com/t/font_1867770_aheoboelyyp.svg#iconfont') format('svg');
}

.sv-target video {
    background-color: #000000;
}

.sv-font {
    font-family: 'iconfont';
}

.sv-play {
    color: #ffffff;
    font-size: 20px;
}

.sv-next {
    color: #ffffff;
    font-size: 20px;
}

.sv-fullScreen {
    color: #ffffff;
    font-size: 20px;
}

.sv-cancelFull {
    color: #ffffff;
    font-size: 20px;
}

.sv-target {
    position: relative;
}
.sv-control {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.sv-play-container {
    height: 100%;
    /* background-color: royalblue; */
    display: flex;
    flex-direction: row;
    padding-right: 10px;
}
.sv-control-r {
    height: 100%;
    /* background-color: royalblue; */
    display: flex;
    flex-direction: row;
    padding-left: 10px;
    padding-right: 10px;
}
.sv-play-container button.sv-playBtn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 10px;
    outline: none;
    color: inherit;
    text-align: inherit;
    font: inherit;
    line-height: inherit;
    margin-left: 10px;
}

.sv-control-r button.showMute {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 10px;
    outline: none;
    color: inherit;
    text-align: inherit;
    font: inherit;
    line-height: inherit;
    position: relative;
}

.sv-time {
    height: 100%;
    color: #ffffff;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
}

.sv-time-split {
    padding: 0 4px;
}

.sv-mutePanel {
    position: absolute;
    top: -120px;
    left: 0;
    width: 20px;
    height: 80px;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    padding: 16px 6px;
    border-radius: 4px;
}

.sv-mute-num {
    width: 100%;
    height: 20px;
    background-color: transparent;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    margin-bottom: 4px;
}

.sv-mute-slider {
    flex: 1;
    width: 3px;
    background-color: #ffffff;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}

.sv-mute-sliderRange {
    width: 100%;
    background-color: #00a1d6;
}

.sv-control-r button.sv-mute-button {
    position: absolute;
    top: 0;
    left: -4.5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    z-index: 10;
    background-color: #00a1d6;
    border: 0;
    cursor: pointer;
    outline: none;
}

.sv-progressBar {
    position: absolute;
    top: 0;
    left: 2%;
    width: 96%;
    height: 2px;
    background-color: hsla(0,0%,100%,.2);
    border-radius: 4px;
    cursor: pointer;
}

.sv-cacheProgress {
    width: 0%;
    height: 100%;
    background-color: #7a7878;
    border-radius: 4px;
}

.sv-progressNum {
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    background-color: #00a1d6;
}

.sv-progressBtn {
    position: absolute;
    left: 0%;
    top: -7px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: rgba(0, 161, 214, 0.5);
    cursor: pointer;
}
.sv-progressBtn>div {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #00a1d6;
    margin-top: 2.6px;
    margin-left: 2.8px;
}

.hide {
    display: none;
}

.sv-full-screen {
    position: fixed!important;
    width: 100%!important;
    height: 100%!important;
    left: 0!important;
    top: 0!important;
}.sv-el-control-style {
    padding-right: 10px;
    padding-left: 10px;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.sv-nextBtn {
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    text-align: inherit;
}

.sv-speedBtn {
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    text-align: inherit;
    position: relative;
}
.sv-speedBtn .sv-speed-btn {
    position: absolute;
    bottom: 54px;
    left: -10px;
    padding: 10px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.8);
    /* box-sizing: border-box;
    border: 1px solid #ffffff; */
}
.sv-speedBtn .sv-speed-btn ul {
    padding: 0;
    margin: 0;
}
.sv-speedBtn .sv-speed-btn ul li {
    list-style: none;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
}
.sv-speedBtn .sv-speed-btn ul li:hover{
    color: #00a1d6;
}
.sv-active{
    color: #00a1d6!important;
}