@charset "UTF-8";
body {
    color: #333;
    font-size: 14px;
    font-family: "΢ÈíÑźÚ",Helvetica,"ºÚÌå",Arial,Tahoma;
	margin:0 auto;
	position:relative;
}
.img-hide{ overflow:hidden; }
.img-hide img{ transition: 0.5s all; }
.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;padding-left: 90px; }
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
img{ max-width:100%;}
.container{ width: 1400px; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #0982f0; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.dh li:nth-child(2){ animation-delay:0.2s; }
.dh li:nth-child(3){ animation-delay:0.4s; }
.dh li:nth-child(4){ animation-delay:0.6s; }
.dh li:nth-child(5){ animation-delay:0.8s; }
.dh li:nth-child(6){ animation-delay:1s; }
.dh li:nth-child(7){ animation-delay:1.2s; }
.dh li:nth-child(8){ animation-delay:1.4s; }
.dh li:nth-child(9){ animation-delay:1.4s; }
.dh li:nth-child(10){ animation-delay:1.4s; }
.dh li:nth-child(11){ animation-delay:1.4s; }
.dh li:nth-child(12){ animation-delay:1.4s; }
.dh li:nth-child(13){ animation-delay:1.4s; }
.dh li:nth-child(14){ animation-delay:1.4s; }
.dh li:nth-child(15){ animation-delay:1.4s; }
.dh li:nth-child(16){ animation-delay:1.4s; }
.dh li:nth-child(17){ animation-delay:1.4s; }
.dh li:nth-child(18){ animation-delay:1.4s; }
.dh li:nth-child(19){ animation-delay:1.4s; }
.dh li:nth-child(20){ animation-delay:1.4s; }

.logo{margin: 87px 0;}
.logo-box{background: url(/kyc/img/bg.png) center no-repeat; }

/*new add*/
.logo-box > .container{position:relative;}
.kyc{position: absolute;left: 35%;transform: translateX(-50%);bottom: 40%;}
/*new add*/

.search-box{ position: relative; width: 260px; height: 30px; margin-top: 40px; }
.search-box .form-control{ height: 30px; padding-right: 45px; color: #fff; border-radius: 30px; box-shadow: none; border:solid 1px #fff; background: none; }
.btn-ss{ position: absolute; right: 10px; top: 0; bottom: 0; width: 16px; /*background: url(/kyc/images/ss_btn.png) center no-repeat;*/ border:none; box-shadow: none; }
.search-box .form-control::-webkit-input-placeholder{ color:#fff !important;}
.search-box .form-control::-moz-input-placeholder{ color:#fff !important;}
.search-box .form-control::-ms-input-placeholder{ color:#fff !important;}
.nav-box{ z-index: 1000000; position: relative;background: #f4f4f4;}
.nav-list li{float: left;width: 11%;text-align: center;position: relative;}
.nav-list li a{display: block;line-height: 50px;font-size: 16px;color: #333;}
.nav-list li a:hover{ background: #0879e0; color: #fff; }
.nav-down{ position: absolute; display: none; z-index: 100000; background:#fff; left: 0; top: 100%; width: 100%; text-align: center; }
.nav-down li{ float: none; width: 100%; }
.nav-list li:hover{ background: #0879e0; }
.nav-list li:hover a{ color: #fff; }
.nav-down li a{height: 37px;line-height: 37px;font-size: 16px;color: #fff!important;background: #0162ba;border-bottom: 1px solid #469be8;}
.nav-down li a:hover{ background: #0879e0; color: #fff!important;border-bottom: 1px solid #469be8;}
.nav-list li:hover .nav-down{ display: block; }
.nav-click {display: none;}
.swiper-box img{ width: 100%; }
.banner-box{ overflow:hidden; position: relative;}
.banner-box .slick a{ display: block; position: relative; }
.banner-box .slick img{margin:0 auto; width: 100%; }
.banner-box .slick a span{ position: absolute; z-index: 100; left: 50%; width: 1400px; color: #fff; bottom: 0; margin-left:-700px; font-size: 16px; line-height: 50px; }
.slick-dots{ bottom: 16px; z-index: 1000;}
.slick-dots li{ width: 40px; height:10px; background: #000; background: rgba(0,0,0,0.5); }
.slick-dots li.slick-active{ background: #0879e0; }
.slick-dots li button{ opacity: 0; }
.left-width{ width: 62.5%; }
.title{position: relative;position: relative;margin-bottom: 35px;padding-bottom: 6px;font-size: 22px;margin-top:50px;font-weight: bold;}
/* .title:before{ display: block; content: ""; position: absolute; left: 0; bottom: -2px; height:2px; background: #0982f0; width: 100px;  } */
.title span{color:#0879e0;border-bottom:2px solid #0879e0;padding-bottom: 6px;  }
.title a{ font-size: 18px; color: #888; font-weight: normal;}
.title img{ position: absolute; left: -54px; bottom: 0; }
.swiper-box{ position: relative; display: block; }
.swiper-box span{font-size: 16px;display: block;position: absolute;left: 0;right: 0;bottom: 0;line-height: 42px;background: #000;background: rgba(0,0,0,0.7);color: #fff;padding:0 100px 0 15px;}
.swiper-container .pagination{ position: absolute; right: 10px; bottom: 0px; margin-bottom: 15px; left: auto; width: auto; }
.swiper-container .pagination .swiper-pagination-switch{background: #fff;cursor: pointer; width: 10px; height: 10px; display: block; float: left; margin-left: 5px; border:solid 1px #fff; border-radius: 50%; }
.swiper-wrapper{ height: auto; }
.swiper-container .pagination .swiper-active-switch{ background: #1d79d1; }
.link-img{ margin-top: 30px; }
.over-box{ overflow:hidden; }
.slick-left{ width: 100%; }
.slick-left img{ width: 100%; height: 270px; }
.slick-tt{ text-align: center; padding:14px 20px 0 20px; font-size: 14px; color: #464545; }
.list-ul li{ line-height: 42px; padding-right: 128px; position: relative; }
.list-ul li a{ font-size: 15px; color: #333; padding-left: 18px; /*background: url(/kyc/images/icon-li.png) left center no-repeat; */}
.left-width-l{ width: 100%; position: relative;}
.left-width-l .arrow-left{ position: absolute; z-index: 1000000; margin:0; top: 50%; left: 5%;  margin-top: -40px; width: 40px; height: 70px; background: url(/kyc/img/left.png) center no-repeat; text-indent: -9999px; }
.left-width-l .arrow-right{ position: absolute; z-index: 1000000; top: 50%; right: 5%; margin-top: -40px;  width: 40px; height: 70px; background: url(/kyc/img/right.png) center no-repeat; text-indent: -9999px; }
.list-ul{ width: 49%; margin-top: -13px; }
.list-ul li span{ position: absolute; right: 0; top: 0; }
.right-width-r{ width: 34.6%;}
.list-ul-lg{ width: 100%; }
.left-width-b{ width: 48.5%; }
.over-box{ overflow:hidden; }
.col-xs-5,.col-xs-7,.col-xs-4,.col-xs-6,.col-xs-2{ padding:0 25px; }
.row{ margin:0 -25px;padding-bottom:55px; }
.friends-back{ background: #f2f2f2; margin-top: 40px; padding-top: 20px; padding-bottom: 20px; }
.friends-list li{ float: left; margin-left:40px; margin-top: 10px; }
.friends-list li a{ font-size: 15px; color: #333; }
.footer{ background: #0982f0; padding:35px 0 25px 0; color: #fff; }
.tz-list li{/* height: 90px; */position: relative;margin-bottom: 40px;}
.tz-date{position: absolute;left: 0;text-align: center;border-right:solid 1px #cbcbcb;color: #333;font-size: 16px;/* height: 90px; */padding-right: 10px;}
.tz-date span{display: block;/* margin-bottom: 5px; */font-size: 28px;color: #0879e0;}
.tz-list li a{display: block;font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.txt-elise img{padding-left:5px;}
.tz-list-p{font-size: 16px;color:#666;margin-top: 10px;line-height: 25px;padding-left: 90px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tz-list li:last-child{ border:none; }
.list-ul li a:hover,.tz-list li a:hover,.title a:hover,.friends-list li a:hover{ color: #0982f0; }
.slick{ margin:0; overflow:hidden; }
.friends-box{ border:solid 1px #ebe7e7; position: relative; padding:20px 0px 15px 130px; margin-bottom: 40px; }
.friends-left{position: absolute;left: 20px;text-align: center;top: 20px;font-size: 16px;color: #fff;background: #0879e0;width: 90px;line-height: 32px;margin: 10px auto;}
.friends-list li{ float: left; margin:0 10px; line-height: 32px; }
.friends-list li a{ color: #777; }
/*  */
.bg{background: url(/kyc/img/bg1.png) center;background-size:100%; }
.tz-list1 li{ height: 83px; padding-top: 3px; position: relative; padding-left: 80px;}
.tz-date1{ position: absolute; left: 0; width: 60px; text-align: center; bottom: 17px; border:solid 1px #0982f0; font-size: 22px; color: #0879e0;    background: #fff; }
.tz-date1 span{ display: block;font-size:14px; color: #fff;background: #0879e0;line-height: 30px; }
.tz-list1 li a{display: block;font-size: 16px;color: #333;line-height: 30px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.list-ul li a:hover,.tz-list1 li a:hover,.title a:hover,.friends-list li a:hover{ color: #0879e0; }

/*sizheng  */
.left{width:48%;padding: 0 15px;}
.middle{width: 52%;padding: 0 15px;}
.right{width:21%;padding: 0 15px;}
.tz-list2 li{position: relative;padding: 0px 0 25px 50px;margin-bottom:26px;border-bottom: 1px dashed #d5d5d5;height: 50px;}
.tz-date2{ position: absolute; left: 0;  }
.tz-date2 .dates{ display: block;font-size:22px; color: #0879e0;}
.tz-date2  .mouth{position: absolute; right: -130%; font-size: 16px; color: #666;top: 40%;}
.tz-date2 img{/* position: absolute; *//* top: 20%; *//* left: 80%; */}
.tz-list2 li a{display: block;font-size: 16px;color: #333;line-height: 30px;overflow:hidden;}
.list-ul li a:hover,.tz-list2 li a:hover,.title a:hover,.friends-list li a:hover,.admic a:hover,.tz-list3 li a:hover{ color: #0879e0; }

/* admic */
.admic{width:50%;float:left;padding-right:25px;}

.admic .pic{position: relative;}
.admic .pic img{width:100%;}
.admic .pic span{position: absolute;left: 0;top: 0;font-size: 18px;color:#fff;padding: 10px;}
.admic>a{font-size: 16px;line-height: 30px;padding: 10px 0;display: inline-block;}
.admic p{font-size: 16px;color:#666;padding-left: 25px;margin: 0;line-height: 36px;}
.admic .ico1{background: url(/kyc/img/video.jpg) no-repeat left center;}
.admic .ico2{background: url(/kyc/img/adress.jpg) no-repeat left center;}
.admic .ico3{background: url(/kyc/img/time.jpg) no-repeat left center;}

/* phone */
.phead{background: #117cb9;    margin-top: 50px;padding: 30px 10px;}
.dline{
    font-size: 22px;
    color:#0879e0;
    background: url(/kyc/img/sline.png) no-repeat center;
    text-align: center;
    padding:25px 0;
    margin: 0;
    }
.phone,.psd,.number{width: 260px;height: 40px;line-height: 40px;border: 1px solid #ccc;border-radius: 5px;margin-bottom: 20px;font-size: 16px;padding-left: 15px;}
.psd,.number{color:#999;}
.number{width:155px;margin-right:15px;    padding-left: 5px;font-size: 14px;}
.butn{width:260px;height: 40px;line-height:40px;border: 0;background: #61adf1;color:#fff;font-size:20px;text-align: center;padding: 0;margin-top: 15px;border-radius: 5px;}

/*  */
.bg2{background: #f4f4f4;}
.tz-list3 li{line-height: 46px; background: url(/kyc/img/ico.png) no-repeat left center;padding-left:15px;}
.tz-list3 li a{font-size: 16px;}
.dates{font-size:16px;color:#666;float: right;}

/*  */
.fot-img img{padding: 50px 0;}
.foot{width:100%;/* height:120px; */background: #0879e0;padding: 15px 0;}
.foot p{font-size: 16px;line-height: 30px;color:#fff;text-align: center;margin: 0;/}
.foot p a{color:#fff}


/* list */
.left-width{ width: 280px; margin-top: 35px; }
.left-width-tt{ background: #0879e0; height: 60px; line-height: 60px; font-size: 18px; color: #fff; }
.left-nav-list li a{ display: block; position: relative; line-height: 47px; border-top: solid 1px #fff; font-size: 16px; color: #333; background: #eef0ef; }
.left-nav-list li a:hover,.left-nav-list li.active a{ background: #a9d6f6; color: #0879e0; }
.left-nav-list li a:hover:before,.left-nav-list li.active a:before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #0879e0; }
.nav-b{ color: #333; margin-bottom: 25px; border-bottom: solid 1px #d9d9d9; padding:10px 0; padding-left: 25px; background: url(/kyc/img/icon-b.png) left center no-repeat; }
.nav-b a{ color: #333; }
.right-width{width: 1080px;margin-top: 30px;min-height: 600px;}
.List-ul li{ line-height: 35px; position: relative; padding-right: 100px; }
.List-ul li span{ position: absolute; right: 0; top: 0; color: #999; }
.List-ul li a{ padding-left: 20px; font-size: 15px; color: #333; position: relative;background: url(/kyc/img/ico.png) left center no-repeat; }
/* .List-ul li a:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px;  border-radius: 50%; width: 4px; height: 4px; background: #c68148; } */
.page-box .Pagination {display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;}
.pagination li a{ margin:0 3px; border-radius: 0!important; color: #333; background: none; height: 25px; padding-top: 0; padding-bottom: 0; line-height: 23px; }
/* .pagination >.active >a,.pagination li a:hover, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #dc9561; border-color: #dc9561; color: #fff; } */
.page-box{ padding:30px 0 0 0; display: inline-block;}
.page-l{ line-height: 25px; margin-right: 5px; margin-left: 15px; }
.page-input{ width: 40px; box-shadow: none;border-radius: 0; background: none; height: 25px; }
.page-l-l{ margin-left: 10px; }
.page-number{ height: 25px; line-height: 23px; border:solid 1px #ddd; padding:0 5px; margin-left: 5px; }
.page-r{ margin:20px 0; }
.nav-click {
    display: none;
}
.List-ul li a:hover,.nav-b a:hover,.img-list-bottom p:hover{ color: #0982f0;}


/* jianjie */

.article-tt{ font-size: 20px; color: #333; margin:40px 0; }
.article-date{background: #f3f3f3;padding:15px 0;color: #666;position: relative;z-index: 6;}
.article-date span{ padding:0 20px; }
.article-p p{ font-size: 15px; color: #333; line-height: 26px; text-align: justify; }
.article-p{ padding:60px 0; }
.article-a p a{ font-size: 15px; color: #333; }
.article-a{ padding-bottom: 20px; }
.about-p{ padding:10px 0; }

/**********piclist**********/
.img-list li{ float: left; width: 33.333333%; padding:0 15px; margin-bottom: 30px; }
.img-list{ margin:0 -15px; padding-top: 10px; }
.img-list-img img{ width: 100%; }
.img-list-bottom{ background: #f4f4f4; display: block; padding:15px 15px; font-size: 16px; color: #555; line-height: 30px; }
.img-list-bottom p{ margin:0; overflow:hidden; }
.pagination > li > a, .pagination > li > span{ margin:0 3px; border-radius: 0!important; color: #888; }
.pagination > li > a:hover,.pagination > li.active > a,.pagination > li.active > a:hover,.pagination > li.active > a:focus{ background: #005da5; border-color: #005da5; color: #fff; }


@media( max-width: 1499px){
	.container{ width: 1200px; }
    .right-width{ width: 850px; }
}
@media( max-width: 1279px){
	.container{ width: 970px; }
	.right-width{ width: 630px; }
	.left-width-l .arrow-left{ position: absolute; z-index: 1000000; margin:0; top: 50%; left: 5%;  margin-top: -40px; width: 40px; height: 70px; background: url(/kyc/img/left.png) center no-repeat; text-indent: -9999px; }
    .left-width-l .arrow-right{ position: absolute; z-index: 1000000; top: 50%; right: 5%; margin-top: -40px;  width: 40px; height: 70px; background: url(/kyc/img/right.png) center no-repeat; text-indent: -9999px; }
	.tz-list li a{font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.tz-list .tz-list-p{color:16px;}
}
@media( max-width: 991px){
	body{font-size:16px;}
	.container{ width:100%;}
	.logo-box{background-size:cover;}
	.nav-list{ position: absolute; display: none; z-index: 10000000; border-top: solid 1px #ddd; left: 0; top: 100%; right: 0; box-shadow: 1px 2px 3px #ddd;background: #fff; }
	.nav-list li{ width: 100%; float: none; margin:0; text-align: left; line-height: 40px; }
	.nav-list li a{ height: 40px; line-height: 40px; padding:0 15px; }
	.nav-list li:hover .nav-down{ display: none; }
	.nav-list li:hover{ background:#0879e0; }
	.nav-list li:hover a{ color: #fff; }
	.nav-down{ display: none; position: static; }
	.menu-button{ display: block; }
	.nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
	.nav-click.active{ transform: rotate(180deg); }
	.search-box{ margin:15px auto; float: none!important; }
	.nav-box{ position: relative; height: 50px; }
	.logo img {/* width:80%; */}
	.logo{ width: 100%; text-align: center; float: none!important;margin:30px 0; }
	.col-xs-5,.col-xs-7,.col-xs-4,.col-xs-6,.col-xs-2{ width: 100%;  }
	.swiper-box span{font-size:16px;}
	.left-width-l{ width: 100%; margin-bottom: 25px; padding:0; }
	.left-width-l .arrow-left{ position: absolute; z-index: 1000000; margin:0; top: 50%; left: 5%; margin-top: -40px; width: 40px; height: 70px; background: url(/kyc/img/left.png) center no-repeat; text-indent: -9999px; }
    .left-width-l .arrow-right{ position: absolute; z-index: 1000000; top: 50%; right: 5%; margin-top: -40px;  width: 40px; height: 70px; background: url(/kyc/img/right.png) center no-repeat; text-indent: -9999px; }
	.list-ul{ width: 100%; }
	.title{ margin-top: 30px; margin-bottom: 20px; }
	.title a{font-size:16px;}
	.tz-date span{font-size:26px;}
	.tz-date{font-size:15px;}
	.tz-list .txt-elise  a{font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.tz-list-p{font-size:15px;}
	.link-img{ margin-top: 10px; }
	.tz-list1 li a,.tz-list2 li a,.tz-list3 li a{font-size:16px;line-height: 25px;}
	.tz-list1 li a{/* padding: 20px 0; */}
	.tz-list2 li {padding: 0px 0 0px 80px;margin-bottom: 16px;height: 50px;}
	.admic>a{font-size:16px;line-height: 25px;}
	.admic p{font-size:15px;line-height: 30px;}
	.phone, .psd,.butn {width: 100%;}
	.number{width: 68%;}
	.dates{font-size:15px;}
	.friends-tt{ width: 100%; text-align: center; }
	.friends-list li{ margin-left:0; margin-right: 15px; }
	.friends-back{ margin-top: 20px; }
	.footer{ padding:15px 0 15px 0; }
	.footer span{ display: block; }
	.footer p{ margin:0; line-height: 25px; }
	.list-ul li{ line-height: 35px; }
	.right-width,.left-width{ width: 100%; margin-top: 20px; }
	.left{width:100%;padding:0 25px;}
	.middle{width: 100%;padding:0 25px;float: left;}
	.right{width:40%;padding:0 25px;float: left;}
	.img-list li{ width: 50%; margin-bottom: 20px; }
	.fot-img img{padding: 20px 0;}
	.foot p{font-size:16px;line-height: 20px;color:#fff;text-align: center;}
       .friends-box{padding: 0px 10px;}
       .friends-left{position: initial;}
     .nav-b{font-size:12px}
}

@media( max-width: 576px){
.search-box {
    margin-top: 10;
}

	.img-list li{ width: 50%; margin-bottom: 20px; }
	.img-list-bottom {background: #f4f4f4;display: block;padding: 0.8em 0em 0.8em 0.8em;font-size: 14px;color: #555;line-height: 30px;
	}
	.txt-elise,.tz-list-p{padding-left: 80px;}
	.article-tt {font-size: 22px;color: #555;margin: 1em 0;line-height: 1.5em;}
	.article-p {padding: 2em 0;}
	.left,.middle,.right{width:100%;padding:0 25px;}
	.tz-list2 li {padding: 0px 0 0px 50px;margin-bottom: 16px;height: 50px;}
	.phone, .psd,.butn {width: 100%;    padding-left: 40px;}
	.number{width: 72%;padding-left: 35px;}
	.dates{font-size:15px;}
	.tz-list1 li a{padding: 0;}
	.row{    padding-bottom: 30px;}
	.left-width-l .arrow-left{left: 5%;}
	.left-width-l .arrow-right{right: 5%;}
.admic{width:100%;float:left;padding-right:0px;}
.search-box .form-control{position:absolute;top:0px;}
.btn-search {
    position: absolute;
    right: 25px;
    top: 0px;
}
.toptxt {
    
    padding-top: 20px;
   
}
}
@media( max-width: 720px){.search-box .form-control{position:absolute;top:0px;}
.btn-search {
    position: absolute;
    right: 25px;
    top: 0px;
}}
@media( max-width: 768px){.search-box .form-control{position:absolute;top:0px;}
.btn-search {
    position: absolute;
    right: 25px;
    top: 0px;
}}
@media( max-width: 800px){.search-box .form-control{position:absolute;top:0px;}
.btn-search {
    position: absolute;
    right: 25px;
    top: 0px;
}}
@media( max-width: 960px){.search-box .form-control{position:absolute;top:0px;}
.btn-search {
    position: absolute;
    right: 25px;
    top: 0px;
}}